html,body {width:100%;line-height:130%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;color:#101010;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth;text-align:left}

body {margin:0;background-color:#f1f1f1;font-family: "Open Sans","Arial",sans-serif;font-weight:400;font-size:100%}

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

.ccab {clear:both}

* {box-sizing:border-box}

header {position:relative;width:100%;background-color:#0e0e0e;background-image:url(https://www.thesecondwitness.com.au/wbimg/bghwbd.webp)}

.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 0 18px 0}
section ul, section ol {position:relative;left:14px;font-size:100%line-height:136%;display:inline;padding-right:10px}

section ul {list-style-type:circle}
section ul li {padding-right:6px}

img {font-size:70%;line-height:92%;color:gray}

#top-menu {width:100%;max-width:1140px;padding:0;margin:0;position:absolute;color:#fff;z-index:345}

#logo {position:relative;top:10px;float:left;padding-left:2px;z-index:345}
#logo img {height:126px}

#logop {position:relative;top:4px;float:right;padding-right:26px;font-weight:700;line-height:1.15;text-align:center;text-shadow: 1px 1px #666;z-index:111;font-size:170%}

#logom {position:relative;top:4px;text-align:center;font-size:130%;font-weight:700;text-shadow: 1px 1px #666;z-index:345}

.ttl {position:absolute;width:100%;max-width:1140px;text-align:center;color:#87CEFA;font-weight:500;z-index:345;top:18px;font-size:198%}

h1 {font-size:76%;line-height:300%;color:#f0f8ff;margin:0 8px;font-weight:normal}

h2 {font-size:115%;padding:10px;color:#ff9900;text-align:center;font-weight:normal;background-color:#0e0e0e;background-image:url(https://www.thesecondwitness.com.au/wbimg/bgmwbd.webp)}

h3 {font-size:120%;line-height:120%;padding:0;margin:0 0 12px 0;color:#023375}

#logo, #logos {position:relative;float:left;margin:0;z-index:111}
#logo img {height:126px;width:auto}
#logos img {height:70px;width:auto}

#vmen {position:relative;left:0;top:0;width:100%;z-index:666}
#men, #menx {position:absolute;right:4px;padding:0;margin:0;cursor:pointer;text-align:center;font-size:70%;z-index:666}
#men img, #menx img {width:24px;height:10px}

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

#fmen {margin:0 6px;font-size:105%}
#fmen ul {margin:0;padding:0;list-style:none;text-align:center}
#fmen li {display:inline-block;padding:4px 8px}
#fmen li a {text-decoration:none;font-weight:500;color:#c2c2c2}

#menu {position:absolute;padding:0;margin:0;width:100%;height:28px;background:none;z-index:666}
#menu ul {float:right;margin:0;padding:0;list-style:none}

#menu li {display:inline;padding:0;margin:0 20px 0 0}
#menu li a {text-align:center;text-decoration:none;padding:0;font-size:105%;line-height:105%;color:#c2c2c2}
#menu li a:hover, #fmen li a:hover {color:#87CEFA}
#menu li a:visited, #fmen li a:visited {color:#c1972c}
#menu li a:active, #fmen li a:active {color:#f7931d}

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

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

.bw80 {width:86%;margin:0 auto}
.bw70 {width:70%;margin:0 auto}
.bw50 {width:48.5%;margin:0 1% 0 .5%}

.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} }

.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 {border-radius:10px}

.box, .boxi {background-color:white;box-shadow: 1px 1px 4px #999; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.box {padding:1% 1% 1% 2%}
.boxi {padding:1% 0 0 0}

@media only screen and (max-width:567px), only screen and (max-device-width:567px) {.bw50 {width:98%;margin:0 1% 16px 1%} }

@media only screen and (max-width:799px), only screen and (max-device-width:799px) {.bw70, .bw80 {width:98%;margin:0 1% 16px 1%} }

@media only screen and (min-width:800px) and (max-width:1039px), only screen and (min-device-width:800px) and (max-device-width:1039px) {.bw70 {width:78%}  .bw80 {width:98%} }

.htxt {display:inline}

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

.bxiw98 img {width:98%;height:auto}
.bxiw33mw210 img {width:33%;height:auto;max-width:210px}
.bxiw36mw274 img {width:36%;height:auto;min-width:140px;max-width:274px}

@media handheld, only screen and (min-width:568px) and (max-width:767px), only screen and (min-device-width:568px) and (max-device-width:767px) { .htxt {display:none} }

small {font-size: 80%;}
.lrg {font-size:120%}
img {border-style:none;}
ul {list-style:none;text-align:left}

p, ul, ol {font-size:100%;line-height:1.35}
.tac {text-align:center}
.tal {text-align:left}
.tar {text-align:right}
.fs80 {font-size:80%}
.fs90 {font-size:90%}
.fs100 {font-size:100%}

.cllb {color:#87CEFA}
.clr {color:#ff0000}
.clm {color:maroon}
.cln {color:navy}
.cly {color:yellow}
.clo {color:#ffa500}
.clc {color:cyan}
.clw {color:white}
.slvrt {color:#c2c2c2}
.gldt {color:#ffd90a}
.clblu {color:#044fad}
.clyg {color:#9acd32}
.clgld {color:gold}
.clvi {color:#ee82ee}
.clgdd {color:#666}

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

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

.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:#fefefe}
.btn-small:hover {color:#fff;background-color:#000055}

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

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

@media handheld, only screen and (min-width:1920px), only screen and (min-device-width:1920px) {  body {font-size:18px} 
header, #top-menu, #vmen {height:144px}
#logos, #men, #menx, #logom {display:none}
#logo, #menu {display:block}
#menu {top:116px;height:26px}
}

@media handheld, only screen and (min-width:1280px) and (max-width:1919px), only screen and (min-device-width:1280px) and (max-device-width:1919px) { body {font-size:17px} 
header, #top-menu, #vmen {height:144px}
#logos, #men, #menx, #logom {display:none}
#logo, #menu {display:block}
#menu {top:120px;height:24px}
}

@media handheld, only screen and (min-width:1024px) and (max-width:1279px), only screen and (min-device-width:1024px) and (max-device-width:1279px) {body {font-size:15px} 
header, #top-menu, #vmen {height:128px}
#logos, #men, #menx, #logom {display:none}
#logo, #menu {display:block}
#logo img {height:116px}
#menu {top:104px;height:24px}
}

@media handheld, only screen and (min-width:768px) and (max-width:1023px), only screen and (min-device-width:768px) and (max-device-width:1023px) { body {font-size:14px} 
header, #top-menu, #vmen {height:128px}
#logop {top:8px}
#logos, #men, #menx, #logom {display:none}
#logo, #menu {display:block}
#logo img {height:116px}
#menu {top:106px;height:24px}
#menu li {margin:0 6px 0 4px}
}

@media handheld, only screen and (min-width:0px) and (max-width:767px), only screen and (min-device-width:0px) and (max-device-width:767px) {  body {font-size:14px} 
header, #top-menu {height:80px}
#logo, #menu, #menx, #logop {display:none}
#logos, #men, #logom {display:block}
section {margin:0}
section ul li {padding-right:10px}
.ttl {font-size:111%;top:36px;font-weight:bold;line-height:161%}
h1 {text-transform:uppercase;font-size:88%;line-height:160%}
h2 {font-size:120%;padding:6px}
h3 {font-size:115%;line-height:110%;margin:0 0 10px 0}
#vmen {position:absolute;float:right;height:100%;z-index:666}
#men, #menx {top:50px;margin:0 6px}
#menu {top:80px;width:100%;height:516px;background-color:#0e0e0e;background-image:url(https://www.thesecondwitness.com.au/wbimg/bgmwbd.webp)}
#menu ul {padding-top:18px;width:100%}
#menu li {display:block;padding-bottom:18px;text-align:center}
#menu li a {text-transform:uppercase;font-size:111%;font-weight:normal;color:#fff}
#menu li a:hover {color:#87CEFA}
#menu li a:visited {color:#c1972c}
#menu li a:active {color:#f7931d}
#fmen {font-size:120%}
#fmen li {padding:6px}
#fmen li a {text-transform:uppercase;font-weight:600;padding:4px 4px 4px 4px}
}