html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:-13px 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
@font-face {font-family: 'BlackSector'; src: url('../fonts/blacksector.woff2') format('woff2'), url('../fonts/blacksector.woff') format('woff'), url('../fonts/blacksector.ttf') format('truetype'), url('../fonts/blacksector.svg#Panton-BlackCaps') format('svg'); font-weight: 900; font-style: normal; }
@font-face {font-family: 'Sector'; src: url('../fonts/sector.woff2') format('woff2'), url('../fonts/sector.woff') format('woff'), url('../fonts/sector.ttf') format('truetype'), url('../fonts/sector.svg#Panton-LightCaps') format('svg'); font-weight: 300; font-style: normal; }
*{font-family: Arial; }
h1,h2,h3,h4,h5,h5{font-family: blacksector;letter-spacing: .4px; }
header {background: #fdb615; background: -moz-linear-gradient(-45deg, #fdb615 45%, #221e1f 45%); background: -webkit-linear-gradient(-45deg, #fdb615 45%,#221e1f 45%); background: linear-gradient(135deg, #fdb615 45%,#221e1f 45%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb615', endColorstr='#221e1f',GradientType=1 ); padding: 10.5px 0; margin: 0 0 19.5px 0;}
#pageLoader {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #FDB615; z-index: 100500; }
#pageLoader .spinner {width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; background: url('../images/load.gif') no-repeat 50% 50%; margin: -16px 0 0 -16px; }
.flex{display: flex;}
.contentBox {margin: 0 auto;  max-width: 1200px;}
.headerBox{align-items: center; justify-content: space-between;}
.mainBody{}
.logoBox {flex: 1; max-width: 40px; flex-grow: 1; }
nav {flex: 2; display: flex; justify-content: flex-end; }
a.navLink {color: #FDB515; font-family: blacksector; margin-left: 30.5px; text-decoration: none; font-size: 19px; letter-spacing: .4px; }
a.navLink:hover {color: #D09711; }
img {max-width: 100%; height: auto; display: block; width: auto; }
.nameBox, .nameBox a {margin-left: 6px; font-family: blacksector; font-size: 26px; text-decoration: none; color: #221E1F; letter-spacing: .4px; }
.mainBody{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1em; grid-auto-rows:minmax(100px, auto); }
.indexText{grid-column: 1/2;letter-spacing: .3px; }
.boxOne{overflow: hidden; grid-row: 2/5; position: relative; }
.boxOneInner {height: 100%; width: 100%; z-index: 990; background-size: cover; background-position: center; transition: all 0.5s ease; background-image: url('../images/sectorbusiness.jpg'); }
.boxTwo {position: relative; background: url(../images/ecosector.jpg) no-repeat scroll 50% 65%/100% #ccc; grid-row: 1/3; }
.boxThree {grid-row: 3/5; background: url(../images/sectoredu.jpg) no-repeat scroll 50% 65%/100% #ccc; position: relative; }
.boxThree .boxText {text-align: right; }
.boxText {background: -moz-linear-gradient(top, rgba(34,30,31,0) 0%, rgba(34,30,31,0.53) 53%, rgba(34,30,31,1) 100%); background: -webkit-linear-gradient(top, rgba(34,30,31,0) 0%,rgba(34,30,31,0.53) 53%,rgba(34,30,31,1) 100%); background: linear-gradient(to bottom, rgba(34,30,31,0) 0%,rgba(34,30,31,0.53) 53%,rgba(34,30,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00221e1f', endColorstr='#221e1f',GradientType=0 ); color: #fff; font-size: 20px; position: absolute; bottom: 0; z-index: 999; box-sizing: border-box; padding: 1em 2em; }
.boxOneInner:hover {transform: scale(1.2); }
footer.contentBox {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1em; }
footer p:first-child {background: #221E1F; color: #FDB615; }
footer p {font-family: blacksector; box-sizing: border-box; padding: 1em; font-size: 13px; line-height: 17px; letter-spacing: .3px; }
footer p:last-child {display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; grid-gap: 3em; text-align: center; }
footer a {font-family: blacksector; text-decoration: none; color: #221E1F; font-size: 22px; }
.singlePage{display: grid; grid-template-columns: 2fr 1fr; grid-gap: 1em; }
.singlePage h1, .singlePage h3 {margin: 50px 0 10px; }
.singlePage li {line-height: 150%; }
p.warn {background: #2CC66D; display: inline-block; padding: 10px 15px; /* font-weight: bold; */ font-family: monospace; font-size: 13px; color: #fff; border-left: 5px solid #25A85D; }
.singlePage p {letter-spacing: .4px; line-height: 126%; }
.singlePage h3 {margin-bottom: 50px; }
a.showNumber {background: #221E1F; color: #FDD579; font-size: 12px; padding: 3px 5px; border-radius: 4px; text-decoration: none; }
footer a:hover{color: #90680C}
.mobi, .close{display: none;}
input[type="submit"] {border: none; background: #FDB615; font-size: 16px; color: #221E1F; border-radius: 4px; padding: 10px 18px; font-weight: bold; }
input[type="submit"]:hover {cursor: pointer; background: #FDC033; }
.donateBox {background: #f1f1f1; padding: 1em; line-height: 45px; border-radius: 4px; }
input[type="text"] {border: 1px solid #999; padding: 10px 15px; display: inline-block; margin-bottom: 15px; }

@media (max-width: 1170px)
{.contentBox {padding: 0 1em; } }
@media (max-width: 990px)
{.donateBox {margin-bottom: 50px; } .contentBox.singlePage {grid-template-columns: 1fr; } nav {display: none; position: fixed; max-width: 220px; top: 0; right: 0; bottom: 0; background: #333; z-index: 99999; } a.navLink {display: block; margin-left: 0; padding: .8em 1em 1.2em; } .close {display: block; width: 30px; cursor: pointer; padding: 1em 1em 2em; } .mobi {display: block; cursor: pointer; width: 25px; padding: 0 5px; } .logoBox{display: none; } }
@media (max-width: 810px)
{.boxThree .boxText {font-size: 16px; } .indexText {grid-column: 1/3; grid-row: 1/2; } .boxOne { grid-row: 2/4;} .boxTwo {grid-row: 2/6; grid-column: 2/4; background: url(../images/ecosector.jpg) no-repeat scroll 50% #ccc; } .boxThree {grid-column: 1/2; grid-row: 4/6; } footer.contentBox {grid-template-columns: auto; } }
@media (max-width: 680px)
{.boxText, .boxThree .boxText {font-size: 16px; text-align: left; width: 100%} .boxOne {grid-column: 1/3; } .boxTwo {grid-row: 4/6; grid-column: 1/3; } .boxThree {grid-column: 1/3; grid-row: 6/8; }  }
@media (max-width: 420px) {header {background: none; }input[type="text"] {max-width: 117px; } }
@media (max-width: 350px) {.boxThree .boxText h1 {font-size: 20px; } .boxThree {background: url(../images/sectoredu.jpg) no-repeat scroll 50% 51%/160% #ccc; } }
@media (max-width: 260px) {
.boxOne, .boxTwo, .boxThree{display: none;} .slogan {display: none}
}