/*-----------------HIDDEN WRAPPER*/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
/*-----------------------MIXINS*/
/*----------Global*/
/*----------Global*/
/*----------Global*/
#wrapper-w6i5b0459868c3a4 {
  display: none !important;
  /*---------------------------VAR*/
}
body {
  font: 100% ;
  background: #fff;
}
#wpadminbar a {
  color: #ffcb04 !important;
}
#wpadminbar a:hover {
  color: #ddd !important;
}
h1, h2, h3, h4, h5, h6 {
  font: 100% Oswald;
  color: #000 !important;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1;
}
h1 {
  font-size: 35px !important;
}
h2 {
  font-size: 30px !important;
}
h3 {
  font-size: 27px !important;
}
h4 {
  font-size: 22px !important;
}
h5 {
  font-size: 18px !important;
}
h6 {
  font-size: 16px !important;
}
p {
  font: 100% Roboto !important;
  font-size: 14px !important;
  color: #000 !important;
  line-height: 1.5 !important;
}
table, tr, th, td {
  font: 14;
  font: Roboto;
  color: #000;
}
ul {
  font: 14;
  font: 100% Roboto;
  color: #000;
}
li {
  font: 14;
  font: 100% Roboto;
  color: #000;
}
a:link, a:visited {
  color: #ffcb04 !important;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
a:hover, a:active {
  color: #666 !important;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
.block-type-content div.entry-content h3, .block-type-content div.entry-content h2, .block-type-content div.entry-content h1 {
  line-height: 1;
}
.block {
  margin-bottom: 0px !important;
}
.block-type-content .hentry {
  padding: 0px !important;
}
#map {
  width: 100%;
  height: 350px;
}
li {
  font: 100% Roboto !important;
  color: #000 !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  /*-----------------------HEADER*/
}
#wrapper-wv15ae1ba096d508, #wrapper-wt45ae1befc99729 {
  padding-bottom: 15px;
}
.block-type-header img {
  position: absolute;
  width: 20%;
  padding: 10px;
}
#wrapper-wpg5adf1b3338a00, #wrapper-wfs5ae1b7648c07a {
  background: rgba(0, 0, 0, 0.5);
}
.beehead {
  position: absolute;
  width: 200px;
  height: auto;
  margin-top: -130px;
  right: 8%;
  /*---------------------NAVIGATION*/
}
#block-b6n5adf1ccf142c2 {
  padding-top: 10px;
}
.block-type-navigation {
  border: hidden !important;
  margin: 0px 0px 0px 0px;
}
ul.menu > li > a {
  font: 100% Oswald;
  color: #ffcb04 !important;
  border: transparent solid thin;
  font-size: 15px !important;
  margin-left: 5px;
  text-shadow: 2px 2px 5px #000;
}
ul.menu > li > a:hover {
  border: #fff solid thin;
  color: #fff !important;
  /*submenu*/
}
.sub-menu {
  background: #333 !important;
}
.block-type-navigation ul.sub-menu li {
  text-align: left;
  font-size: 11px !important;
}
.block-type-navigation ul.sub-menu li:hover {
  color: ;
  /*-----------------------FRONTPAGES*/
}
#block-bj55adf1de581d5e p {
  display: none !important;
}
#block-bj55adf1de581d5e {
  min-height: 0px !important;
  margin-top: -11px;
}
#block-b3b5adf1d485dfda {
  position: absolute;
  z-index: -1;
}
#block-bu85adf2a3b39bad {
  position: absolute;
  z-index: 9;
  background-repeat: repeat-y;
  height: 11px;
  background: url(https://engtec.co.za/wp-content/uploads/2018/04/ruler.png);
}
.saflag {
  width: 40px;
  height: auto;
  border: #fff solid thin;
  float: left;
}
.iconwrapper {
  float: right;
  padding-top: 10px;
}
.iconcontainer {
  float: left;
  border-right: #fff dotted thin;
  height: 31px;
  padding-right: 5px;
}
.iconcontainernoside {
  float: left;
  padding-left: 10px;
}
.iconhead {
  float: left;
  color: #ffcb04 !important;
  padding-right: 5px;
}
.iconheadtext {
  float: left;
  color: #fff !important;
}
.iconheadtext h5 {
  font-size: 13px !important;
  color: #fff !important;
}
.iconheadtext h4 {
  font-size: 17px !important;
  color: white !important;
  /*------------------------WELCOME*/
}
#block-b6u5adf49e1c0e4e {
  background: #fff;
  padding: 20px;
  margin: 250px 0px 0px 0px;
  border: #ccc solid thin;
}
.undertext {
  margin: 300px 0px 0px 50px;
  position: absolute;
  color: #eee !important;
  font-size: 90px !important;
}
.block-type-content div.entry-content, .block-type-content div.entry-content p {
  position: relative;
}
.welcome {
  font-weight: 300;
  float: left;
  padding-right: 5px;
}
.welcomeline1 {
  height: 20px;
  width: 20px;
  margin-top: -60px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.line1 {
  height: 5px;
  float: left;
  width: 300px;
  background: #162a75;
}
.line2 {
  height: 5px;
  float: left;
  width: 50px;
  background: #ffcb04;
  /*--------------------------CTA*/
}
#block-b975adf1d485c0a2 {
  padding-top: 468px;
}
.buttonline1 {
  height: 20px;
  width: 20px;
  margin-top: 0px;
  margin-right: 0px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.buttonline2 {
  height: 20px;
  width: 20px;
  margin-top: 0px;
  margin-right: 0px;
  border-right: #ffcb04 solid thick;
  border-top: #ffcb04 solid thick;
  float: right;
}
.querybutton {
  padding: 10px 5px 10px 5px;
  width: 300px;
  height: auto;
  background: #162a75;
  color: #fff;
  border: #162a75 solid thin;
  margin: 0px 0px 0px 0px;
  font-tranform: uppercase;
  text-align: center;
  font-size: 25px !important;
  font: 100% Oswald;
  font-weight: 400 !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
.querybutton:hover {
  background: #fff;
  color: #162a75;
}
.projectsbutton {
  padding: 10px 5px 10px 5px;
  width: 300px;
  height: auto;
  background: #ffcb04;
  color: #162a75;
  border: #162a75 solid thin;
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-tranform: uppercase;
  font-size: 25px !important;
  font: 100% Oswald;
  font-weight: 400 !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
  /*------------------------OFFERING*/
}
.projectsbutton:hover {
  background: #fff;
  color: #ffcb04;
}
.undertext2 {
  margin: 0px 0px 0px 50px;
  position: absolute;
  color: #eee !important;
  font-size: 90px !important;
}
#block-bh65adf1d485cde1 {
  position: relative;
}
.offeringline1 {
  height: 20px;
  width: 20px;
  margin-top: -40px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
  /*--------------------KEY SERVICES*/
}
.icons {
  width: 100%;
  height: auto;
}
.micrometer {
  width: 100%;
  height: auto;
  padding-top: 170px;
}
.undertext3 {
  margin: 0px 0px 0px 50px;
  position: absolute;
  color: #eee !important;
  font-size: 90px !important;
}
#block-bfv5adf1d485d91c {
  position: relative;
}
.offeringline2 {
  height: 20px;
  width: 20px;
  margin-top: -40px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.borderline td {
  border: hidden !important;
  /*------------------------GALLERY*/
}
.projects {
  font-weight: 300;
  padding-right: 5px;
}
.bar {
  height: 5px;
  width: 300px;
}
.undertext4 {
  margin: 40px 0px 0px 50px;
  position: absolute;
  color: #eee !important;
  font-size: 140px !important;
}
#block-b4o5adf1da5effbf, #block-b885b045a7be517f, #block-bww5b0bdb206db6a {
  position: relative;
  text-align: center;
}
.navigationbuttons, .esg-pagination, .esg-filters {
  margin-top: 10px !important;
}
#wrapper-wlt5adf1d485a25a {
  padding-bottom: 20px !important;
  /*---------------------CONTACT US*/
}
#block-bzz5ae1befca07ee h3 {
  margin-top: -42px;
  font-size: 35px !important;
  /*------------------TESTIMONIALS*/
}
#block-b885b045a7be517f {
  margin-bottom: 20px !important;
}
#wrapper-wlt5adf1d485a25a4, .testimonial-theme4-theme4 .testimonial-theme4-description-theme4 {
  font-size: 13px !important;
}
.testimonial-theme4-theme4 .testimonial-theme4-pic-theme4 {
  display: none !important;
}
.testimonial-theme4-theme4 .super-testimonial-theme4 {
  margin-top: -20px !important;
  /*------------------------PAGES*/
}
#wrapper-wxr5ae1ba096bf05 a {
  color: #162a75 !important;
  text-decoration: underline;
}
#wrapper-wxr5ae1ba096bf05 a:hover {
  color: #ffcb04 !important;
}
#wrapper-wv15ae1ba096d508, #wrapper-wt45ae1befc99729 {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 8;
}
#wrapper-wxr5ae1ba096bf05, #wrapper-wsm5ae1befc97d02 {
  padding: 20px 0px 20px 0px;
}
.groupimg {
  padding-top: 10px !important;
  width: 100% !important;
  height: auto;
}
.groupimg1 {
  display: none !important;
  /*----------------------TEAM*/
}
.teamphot {
  padding-top: 10px;
}
.teamcont {
  padding: 10px;
  border: #ccc solid thin;
  width: 22%;
  float: left;
  margin: 0.724%;
}
.teamimg {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.teamtext {
  text-align: center;
  /*-------Meta*/
}
.block-type-content div.entry-meta, .block-type-content .entry-utility {
  font: 100% Roboto;
  /*----Contact*/
}
#block-bll5ae1ba097418e a {
  color: #162a75 !important;
  /*-----------------------PLUGINS*/
  /*-----------------------STICKYPOPUP*/
}
#block-bll5ae1ba097418e a:hover {
  color: #ffcb04 !important;
}
.popup-title {
  font: 100% Oswald;
  font-size: 20px !important;
  text-transform: uppercase !important;
}
.popup-header {
  background: #162a75 !important;
  border: #fff solid thin !important;
  /*-----------------------FORMS*/
}
#gform_submit_button_1 {
  width: 98%;
  background-color: #ffcb04;
  border-radius: 0px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
#gform_submit_button_1:hover {
  width: 98%;
  background-color: #000;
  border-radius: 0px;
  color: #ffcb04;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  /*-----------------------GLOBAL*/
}
#block-bzz5ae1befca07ee ul {
  padding: 0px !important;
}
.gform_wrapper li.hidden_label input {
  width: 100% !important;
  margin: 0px !important;
  padding: 5px !important;
  /*-----------------------GRIDS*/
}
.grid6 {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid5 {
  width: 33%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid4 {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid3 {
  width: 67%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid2 {
  width: 75%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid1 {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 50px;
}
.grid0 {
  width: 100%;
  float: left;
  min-height: 50px;
  /*-----------------------FOOTER*/
}
#block-beu5adf1da5ef651 a {
  color: #000 !important;
}
#block-beu5adf1da5ef651 a:hover {
  color: #ffcb04 !important;
}
#wrapper-w455adf1da5ea30f, #wrapper-wnk5ae1ba096b6aa, #wrapper-wxt5ae1befca028a {
  background: #eee;
  padding: 10px 0px 20px 0px;
}
#block-bw95adf1de58183d {
  background: #000;
  padding: 10px 0px 10px 0px;
}
#block-bw95adf1de58183d p {
  color: #fff !important;
}
#wrapper-wou5adf2b6e02f45, #wrapper-wgj5ae1ba096cffb, #wrapper-wzn5ae1befc9fa9f {
  position: absolute;
  z-index: 2;
  background-repeat: repeat-y;
  height: 11px;
  background-color: #000;
  background: url(https://engtec.co.za/wp-content/uploads/2018/04/ruler_bottom.png);
}
.bee {
  width: 80% !important;
}
.line3 {
  height: 5px;
  float: left;
  width: 80%;
  background: #162a75;
}
.line4 {
  height: 5px;
  float: left;
  width: 20%;
  background: #ffcb04;
}
.footerline1 {
  height: 20px;
  width: 20px;
  margin-top: -5px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.footerline2 {
  height: 20px;
  width: 20px;
  margin-top: -5px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.footerline3 {
  height: 20px;
  width: 20px;
  margin-top: -5px;
  border-right: #162a75 solid thick;
  border-top: #162a75 solid thick;
  float: right;
}
.sosial-links a i {
  padding: 15px 10px;
  font-size: 20px;
  color: #ffcb04 !important;
}
.sosial-links a i:hover {
  color: #fff !important;
}
.sosial-links a {
  display: block;
  float: left;
  width: 46px;
  background: transparent;
  color: #ffcb04 !important;
  height: 46px;
  clear: both;
  border: 1px solid #909090;
  margin-right: 7px;
  margin-top: 7px;
  text-align: center;
}
.sosial-links a:hover {
  background: #ffcb04;
  color: #fff !important;
}
.sosial-links2 a i {
  padding: 15px 10px;
  font-size: 20px;
  color: #ffcb04 !important;
}
.sosial-links2 a i:hover {
  color: #fff !important;
}
.sosial-links2 a {
  display: block;
  float: left;
  width: 46px;
  background: transparent;
  color: #ffcb04 !important;
  height: 46px;
  border: 1px solid #909090;
  margin-right: 7px;
  margin-top: 3px;
  text-align: center;
}
.sosial-links2 a:hover {
  background: #ffcb04;
  color: #fff;
}
#block-bw95adf1de58183d a {
  color: #ffcb04 !important;
}
#block-bw95adf1de58183d a:hover {
  color: #ddd !important;
}
#wrapper-w455adf1da5ea30f {
  padding-bottom: 20px;
}
.contfont {
  float: left;
  margin-top: 10px;
  /*--------------BELOW 1600 PIXELS*/
}
@media only screen and (max-width: 1700px) {
  /*--------------BELOW 1600 PIXELS*/  #block-b975adf1d485c0a2 {
    padding-top: 375px;
  }
}
@media only screen and (max-width: 1600px) {
  /*--------------BELOW 1500 PIXELS*/  .block-type-header img {
    position: absolute;
    width: 24%;
    padding: 10px;
  }
  .groupimg1 {
    display: block !important;
    width: 100% !important;
    height: auto;
    /*----------Global*/
  }
  p {
    font-size: 14px !important;
    /*----------Header*/
    /*----------Navigation*/
    /*----------Banner*/
    /*----------Pages*/
  }
  #block-b6u5adf49e1c0e4e {
    padding: 20px;
    margin: 130px 0px 0px 0px;
  }
  .beehead {
    margin-top: -120px;
    right: 5%;
  }
  .undertext {
    margin: 180px 0px 0px 50px;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 369px;
  }
  .teamcont {
    height: 300px !important;
    margin: 0.38% !important;
  }
  .teamtext h4 {
    font-size: 15px !important;
  }
  .teamtext p {
    font-size: 14px !important;
  }
  li {
    font-size: 14px !important;
    /*----------Misc*/
  }
}
@media only screen and (max-width: 1500px) {
  #block-b975adf1d485c0a2 {
    padding-top: 310px !important;
  }
  .beehead {
    width: 200px !important;
    margin-top: -130px;
    right: 0.9%;
  }
  .micrometer {
    width: 100%;
    height: auto;
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1445px) {
  /*--------------BELOW 1400 PIXELS*/  #block-b975adf1d485c0a2 {
    padding-top: 289px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .block-type-header img {
    position: absolute;
    width: 27%;
    padding: 10px;
    /*----------Global*/
  }
  p {
    font-size: 15px !important;
  }
  li {
    font-size: 15px !important;
  }
  #block-b6u5adf49e1c0e4e {
    padding: 20px;
    margin: 30px 0px 0px 0px;
  }
  h2 {
    font-size: 25px !important;
  }
  .undertext {
    margin: 70px 0px 0px 50px;
    /*----------Header*/
    /*----------Navigation*/
    /*----------Banner*/
    /*----------Pages*/
  }
  .beehead {
    width: 200px !important;
    margin-top: -130px;
    right: 1%;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 299px;
    /*----------Misc*/
  }
  #ssb-container {
    right: -91px;
  }
}
@media only screen and (max-width: 1370px) {
  /*--------------BELOW 1300 PIXELS*/  p {
    font-size: 15px !important;
  }
  li {
    font-size: 15px !important;
  }
  #block-b6u5adf49e1c0e4e {
    padding: 20px;
    margin: 30px 0px 0px 0px;
  }
  h2 {
    font-size: 25px !important;
  }
  .undertext {
    margin: 70px 0px 0px 50px;
    /*----------Header*/
    /*----------Navigation*/
    /*----------Banner*/
    /*----------Pages*/
  }
  .beehead {
    width: 200px !important;
    margin-top: -130px;
    right: 1%;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 263px !important;
    /*----------Misc*/
  }
}
@media only screen and (max-width: 1300px) {
  /*--------------BELOW 1200 PIXELS*/  .block-type-header img {
    position: absolute;
    width: 30%;
    padding: 10px;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 237px !important;
  }
  .beehead {
    width: 150px !important;
    margin-top: -130px;
    right: 1%;
  }
  .teamcont {
    height: 270px !important;
    width: 22% !important;
    margin: 0.3% !important;
  }
}
@media only screen and (max-width: 1201px) {
  /*--------------BELOW 1100 PIXELS*/  #block-b975adf1d485c0a2 {
    padding-top: 227px;
  }
  .beehead {
    width: 150px !important;
    margin-top: -130px;
    right: 1%;
  }
  .teamcont {
    height: 270px !important;
    width: 21.9% !important;
    margin: 0.3% !important;
  }
}
@media only screen and (max-width: 1100px) {
  /*-----------------------Ipad Pro*/  .block-type-header img {
    position: absolute;
    width: 25%;
    padding: 10px;
  }
  h2 {
    font-size: 22px !important;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 191px;
  }
  .beehead {
    width: 130px !important;
    margin-top: -130px;
    right: 1%;
  }
  .teamcont {
    height: 270px !important;
    width: 21.7% !important;
    margin: 0.3% !important;
  }
}
@media only screen and (max-width: 1024px) {
  /*-----------------------Ipad*/  .grid4, table, img, iframe, textarea {
    width: 100%;
  }
  p {
    font-size: 13px !important;
  }
  li {
    font-size: 13px !important;
  }
  h2 {
    font-size: 20px !important;
    /*----------Header*/
  }
  #block-bu85adf2a3b39bad {
    position: absolute;
    z-index: 9;
    height: 11px !important;
  }
  #wrapper-wou5adf2b6e02f45 {
    height: 10px !important;
    /*----------Navigation*/
  }
  ul.menu > li > a {
    font-size: 13px !important;
    /*----------Banner*/
    /*----------Pages*/
  }
  .teamcont {
    height: 270px !important;
    width: 21% !important;
    margin: 0.3% !important;
  }
  .teamtext h4 {
    font-size: 15px !important;
  }
  .teamtext p {
    font-size: 14px !important;
  }
  .beehead {
    width: 130px !important;
    margin-top: -100px;
    right: 1%;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 156px;
  }
  .querybutton {
    width: 85%;
    font-size: 19px !important;
  }
  .projectsbutton {
    width: 85%;
    font-size: 19px !important;
    /*----------Misc*/
  }
}
@media only screen and (max-width: 900px) {
  /*-----------------------MOBILE*/  .grid4, table, img, iframe, textarea {
    width: 100%;
  }
  .block-type-header img {
    width: 27%;
    margin-top: 15px;
  }
  h2 {
    font-size: 15px !important;
  }
  h4 {
    font-size: 13px !important;
  }
  h5 {
    font-size: 12px !important;
    /*----------Header*/
  }
  #block-bu85adf2a3b39bad {
    height: 11px !important;
  }
  .iconcontainer {
    width: 89%;
    border: hidden !important;
    float: right !important;
  }
  .iconcontainernoside {
    float: right !important;
    width: 89%;
    padding: 10px 0px 10px 0px !important;
  }
  #block-b805adf1ccf1527a {
    padding: 0px !important;
    /*----------Navigation*/
  }
  #block-byb5adf1ccf14cd8 {
    display: none !important;
    /*----------Navigation*/
  }
  #selectnav1 {
    display: none !important;
  }
  .shiftnav-main-toggle-content {
    background: #ffcb04 !important;
    font-weight: 700;
    font: 100% Oswald !important;
    text-transform: uppercase;
    color: #162a75 !important;
  }
  #shiftnav-toggle-main a {
    color: #fff !important;
    margin-top: -5px;
  }
  #shiftnav-toggle-main {
    background: #ffcb04 !important;
  }
  #shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    color: #162a75 !important;
  }
  .shiftnav ul.shiftnav-menu li.menu-item:hover {
    background: #ffcb04 !important;
    color: #fff !important;
  }
  .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    color: #162a75 !important;
  }
  .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target {
    background: #ffcb04 !important;
    color: #fff !important;
    font-weight: 700;
    font: 100% Oswald !important;
    text-transform: uppercase;
  }
  .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
    font-weight: 700;
    font: 100% Oswald !important;
    text-transform: uppercase;
    /*----------Banner*/
    /*----------Pages*/
  }
  .teamcont {
    height: 270px !important;
    width: 45% !important;
    margin: 0.3% !important;
  }
  .beehead {
    width: 130px !important;
    margin-top: -80px;
    right: 1%;
  }
  #block-bly5adf1da5f0703, #block-beu5adf1da5ef651, #block-b7z5adf1da5eb291 {
    padding: 10px 0px 10px 0px;
  }
  .querybutton {
    width: 65%;
    font-size: 14px !important;
  }
  .projectsbutton {
    width: 65%;
    font-size: 14px !important;
  }
  #block-b805adf1ccf1527a {
    padding-top: 30px;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 68px !important;
  }
  .undertext, .undertext2, .undertext3, .undertext4 {
    font-size: 50px !important;
  }
  .line1 {
    width: 70%;
  }
  .line2 {
    width: 20%;
    /*----------Footer*/
    /*----------Misc*/
  }
}
@media only screen and (max-width: 500px) {
  /*-----------------------MOBILE*/  #block-b6n5adf1ccf142c2 {
    padding: 10px;
  }
  .block-type-header img {
    position: relative;
    width: 100%;
    padding: 10px 0px 0px 0px;
    /*----------Global*/
  }
  .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, table, img, iframe, textarea {
    width: 100%;
  }
  .grid2 {
    text-align: center;
  }
  h1 {
    font-size: 30px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 25px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
    /*----------Header*/
  }
  #block-bu85adf2a3b39bad {
    position: absolute;
    z-index: 9;
    height: 11px !important;
  }
  .micrometer {
    display: none !important;
  }
  #block-b805adf1ccf1527a {
    padding: 0px !important;
    margin: 0px !important;
  }
  .iconwrapper {
    float: none !important;
  }
  .iconhead {
    display: none !important;
  }
  .iconcontainer {
    width: 100% !important;
    border: hidden !important;
    text-align: center;
  }
  .iconcontainernoside {
    padding: 10px 0px 10px 0px !important;
    width: 100% !important;
  }
  .iconheadtext {
    width: 100% !important;
    text-align: center;
    /*----------Banner*/
  }
  #block-b3b5adf1d485dfda, #block-b1l5ae1ba0971cd3 {
    display: none !important;
    /*----------Pages*/
  }
  #block-b6u5adf49e1c0e4e h2 {
    font-size: 20px !important;
  }
  .teamcont {
    height: auto !important;
    width: 100% !important;
    margin: 5px !important;
  }
  #wrapper-wg95adf1d48595d7, #wrapper-wxr5ae1ba096bf05, #wrapper-wsm5ae1befc97d02 {
    padding: 10px !important;
  }
  .querybutton {
    width: 97%;
  }
  .projectsbutton {
    width: 97%;
  }
  .undertext, .undertext2, .undertext3, .undertext4 {
    font-size: 50px !important;
  }
  .beehead {
    position: relative;
    width: 200px;
    height: auto;
    margin: 10px 0px 0px 105px;
  }
  #block-b3b5adf1d485dfda {
    position: relative;
    z-index: -1;
  }
  #block-bll5ae1ba097418e h2 {
    font-size: 22px !important;
  }
  .bee {
    margin-left: 40px;
  }
  #block-bw95adf1de58183d {
    padding: 10px 0px 30px 0px !important;
  }
  #wrapper-wv15ae1ba096d508, #wrapper-wt45ae1befc99729, #wrapper-wpg5adf1b3338a00 {
    background: url(https://engtec.co.za/wp-content/uploads/2018/05/mobilecover.png);
    position: relative;
    background-size: cover;
    z-index: 8;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 0px !important;
  }
  .icons {
    width: 50% !important;
    margin-left: 67px;
  }
  .querybutton {
    width: 100%;
    font-size: 25px !important;
  }
  .projectsbutton {
    width: 100%;
    font-size: 25px !important;
    /*----------Footer*/
  }
  #block-bly5adf1da5f0703, #block-beu5adf1da5ef651, #block-b7z5adf1da5eb291 {
    padding: 10px 0px 10px 0px;
  }
  #block-beu5adf1da5ef651 p {
    font-size: 12px !important;
  }
  .line1 {
    width: 70%;
  }
  .line2 {
    width: 20%;
    /*----------Misc*/
  }
  .responsive-stacked-table p {
    padding-right: 15px !important;
  }
  .responsive-stacked-table li {
    padding-right: 15px !important;
  }
  .responsive-stacked-table thead {
    display: none;
  }
  .responsive-stacked-table tr, .responsive-stacked-table th, .responsive-stacked-table td {
    display: block;
    width: 100% !important;
    padding-right: 10px;
  }
  .responsive-stacked-table td {
    border-top: none;
    padding-right: 10px;
  }
  .responsive-stacked-table tr td:first-child {
    font-weight: bold;
  }
  .responsive-stacked-table.with-mobile-labels tr td:first-child {
    font-weight: 300;
  }
  .responsive-stacked-table.with-mobile-labels td:before {
    display: block;
    font-weight: bold;
  }
}
@media only screen and (max-width: 400px) {
  #block-b6n5adf1ccf142c2 {
    padding: 10px;
  }
  .block-type-header img {
    position: relative;
    width: 100%;
    padding: 10px 0px 0px 0px;
    /*----------Global*/
  }
  .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, table, img, iframe, textarea {
    width: 100%;
  }
  .grid2 {
    text-align: center;
  }
  h1 {
    font-size: 30px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 25px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
    /*----------Header*/
  }
  #block-bu85adf2a3b39bad {
    position: absolute;
    z-index: 9;
    height: 11px !important;
  }
  #block-b805adf1ccf1527a {
    padding: 0px !important;
    margin: 0px !important;
  }
  .iconwrapper {
    float: none !important;
  }
  .iconhead {
    display: none !important;
  }
  .iconcontainer {
    width: 100% !important;
    border: hidden !important;
    text-align: center;
  }
  .iconcontainernoside {
    padding: 10px 0px 10px 0px !important;
    width: 100% !important;
  }
  .iconheadtext {
    width: 100% !important;
    text-align: center;
    /*----------Banner*/
  }
  #block-b3b5adf1d485dfda, #block-b1l5ae1ba0971cd3 {
    display: none !important;
    /*----------Pages*/
  }
  #block-b6u5adf49e1c0e4e h2 {
    font-size: 20px !important;
  }
  .teamcont {
    height: auto !important;
    width: 100% !important;
    margin: 5px !important;
  }
  #wrapper-wg95adf1d48595d7, #wrapper-wxr5ae1ba096bf05, #wrapper-wsm5ae1befc97d02 {
    padding: 10px !important;
  }
  .querybutton {
    width: 97%;
  }
  .projectsbutton {
    width: 97%;
  }
  .undertext, .undertext2, .undertext3, .undertext4 {
    font-size: 50px !important;
  }
  .beehead {
    position: relative;
    width: 200px;
    height: auto;
    margin: 10px 0px 0px 105px;
  }
  #block-b3b5adf1d485dfda {
    position: relative;
    z-index: -1;
  }
  #block-bll5ae1ba097418e h2 {
    font-size: 22px !important;
  }
  .bee {
    margin-left: 40px;
  }
  #block-bw95adf1de58183d {
    padding: 10px 0px 30px 0px !important;
  }
  #wrapper-wv15ae1ba096d508, #wrapper-wt45ae1befc99729, #wrapper-wpg5adf1b3338a00 {
    background: url(https://engtec.co.za/wp-content/uploads/2018/05/mobilecover.png);
    position: relative;
    background-size: cover;
    z-index: 8;
  }
  #block-b975adf1d485c0a2 {
    padding-top: 0px !important;
  }
  .icons {
    width: 50% !important;
    margin-left: 67px;
  }
  .querybutton {
    width: 100%;
    font-size: 25px !important;
  }
  .projectsbutton {
    width: 100%;
    font-size: 25px !important;
    /*----------Footer*/
  }
  #block-bly5adf1da5f0703, #block-beu5adf1da5ef651, #block-b7z5adf1da5eb291 {
    padding: 10px 0px 10px 0px;
  }
  #block-beu5adf1da5ef651 p {
    font-size: 12px !important;
  }
  .line1 {
    width: 70%;
  }
  .line2 {
    width: 20%;
    /*----------Misc*/
  }
  .responsive-stacked-table p {
    padding-right: 15px !important;
  }
  .responsive-stacked-table li {
    padding-right: 15px !important;
  }
  .responsive-stacked-table thead {
    display: none;
  }
  .responsive-stacked-table tr, .responsive-stacked-table th, .responsive-stacked-table td {
    display: block;
    width: 100% !important;
    padding-right: 10px;
  }
  .responsive-stacked-table td {
    border-top: none;
    padding-right: 10px;
  }
  .responsive-stacked-table tr td:first-child {
    font-weight: bold;
  }
  .responsive-stacked-table.with-mobile-labels tr td:first-child {
    font-weight: 300;
  }
  .responsive-stacked-table.with-mobile-labels td:before {
    display: block;
    font-weight: bold;
  }
}