html,body{/*line-height:1.5*/}html{overflow-x:hidden}

.clear {clear:both}

.content{max-width:920px;margin:auto}
#page {padding:12px;}
@media (min-width:601px){#page {padding:6px;}}

ul, ol {margin:12px 0 12px 50px;text-align:left;}
ul li {list-style:square;padding:3px;}
ol li {padding:3px;}

.bar-block .dropdown-hover,.bar-block .dropdown-click{width:100%}
.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:8px 16px}
.main,#main{transition:margin-left .4s}

.table {width: 100%; display: flex; flex-wrap: wrap;}
.table-cell {width:100%}
@media (min-width: 601px) {.table-cell {flex:1}}

.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
/*.container,*/.panel{padding:0.01em 16px}.panel{margin-top:16px;margin-bottom:16px}

.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

.col,.half,.third,.twothird,.threequarter,.quarter, .twofifth, .threefifth {float:left;width:100%}
.halfright,.thirdright,.quarterright {float:right;width:100%}
@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third,.thirdright{width:33.33333%}
.col.m5{width:41.66666%}.col.m6,.half,.halfright {width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%} .twofifth {width:39.99999%}.threefifth {width:59.99999%}
.col.m9,.threequarter,.quarterright{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}}
@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}

.top100 {margin-top:100px!important;;}
.top75 {margin-top:75px!important;;}
.top50 {margin-top:50px!important;}
.top25 {margin-top:25px!important;;}
.top20 {margin-top:20px!important;;}
.bottom100 {margin-bottom:100px!important;;}
.bottom75 {margin-bottom:75px!important;;}
.bottom50 {margin-bottom:50px!important;;}
.bottom25 {margin-bottom:25px!important;;}
.bottom20 {margin-bottom:20px!important;;}
.right30 {margin-right:30px;}
.right20 {margin-right:20px;}
.right10 {margin-right:10px;}
.left30 {margin-left:30px;}
.left20 {margin-left:20px;}
.left10 {margin-left:10px;}
.rightp50 {padding-right:50px;}
.rightp30 {padding-right:30px;}
.rightp20 {padding-right:20px;}
.rightp10 {padding-right:10px;}
.leftp50 {padding-left:50px;}
.leftp30 {padding-left:30px;}
.leftp20 {padding-left:20px;}
.leftp10 {padding-left:10px;}
.padding20 {padding:20px;}

.acentre {text-align:center}
.aleft{text-align:left!important}
.aright{text-align:right!important}
.arightwide{text-align:left!important;}
.arightwidec {text-align:center!important;}
@media (min-width:601px){.arightwide, .arightwidec {text-align:right!important}}
.aleftwidec {text-align:center!important;}
@media (min-width:901px){.aleftwidec {text-align:left!important}}
.avmiddle {vertical-align:middle}
.left {float:left; margin-right:10px;}
.right {float:right;margin-left:10px;}


#tabs, #tabsodr { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#tabs label, #tabsodr label {  -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: block;  padding: 0.8rem 1rem; margin-right: 0.2rem; cursor: pointer; }
#tabs .tab, #tabsodr .tab { -webkit-box-ordinal-group: 100;-webkit-order: 99; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; width: 100%;display: none; padding: 1.5rem; background: #fff;}
#tabs input[type="radio"] { position: absolute;opacity: 0;}
#tabsodr input[type="radio"] { position: absolute;opacity: 0;}
#tabs input[type="radio"]:checked + label { background: #fff;border-bottom: 1px solid #fff; }
#tabsodr input[type="radio"]:checked + label { background: #fff;border-bottom: 1px solid #fff; }
@media (max-width: 45em) {#tabs input[type="radio"]:checked + label { background: #002b6d;border-bottom: 1px solid #fff; color:#fff; }}
@media (max-width: 45em) {#tabsodr input[type="radio"]:checked + label { background: #002b6d;border-bottom: 1px solid #fff; color:#fff; }}
#tabs input[type="radio"]:checked + label + .tab, #tabsodr input[type="radio"]:checked + label + .tab { display: block; }
@media (max-width: 45em) {
#tabs .tab, #tabsodr .tab,  #tabs label,  #tabsodr label {-webkit-box-ordinal-group: NaN;-webkit-order: initial;-ms-flex-order: initial;order: initial;}
#tabs label, #tabsodr label {  width: 100%; margin-right: 0; margin-top: 0.2rem;}
}
@media (max-width: 45em) {#tabsodr .twothird, #tabsodr .third {width:100%;}}

.brwrap br {display:none;}
@media (min-width:601px){.brwrap br {display:inline}}

.hiddensmall {display:none;}
@media (min-width:601px){.hiddensmall {display:inline}}

.hiddenlarge {display:inline;}
@media (min-width:601px){.hiddenlarge {display:none}}

.hiddenlargetb {display:inline;}
@media (min-width:45em){.hiddenlargetb {display:none}}

.nowrap {white-space: nowrap}

.gapleft {margin-left:0}
@media (min-width:601px){.gapleft {margin-left:15px}}
.gapright {margin-right:0}
@media (min-width:601px){.gapright{margin-right:15px}}
	.txtme {
}

.holder {width:80%; margin:auto;}
@media (max-width: 750px) and (min-width: 601px){.holder {width:70%; margin:auto;}}
@media (max-width: 900px) and (min-width: 751px){.holder {width:60%; margin:auto;}}
@media (min-width:901px){.holder {width:50%; margin:auto;  }}

.transition {-webkit-transition: ease 0.5s;
        -moz-transition: ease 0.5s;
        -ms-transition: ease 0.5s;
        -o-transition: ease 0.5s;
        transition: ease 0.5s;}