/*---------------------------VAR*/
/*-----------------------GLOBAL*/
body {
  font-family: 'josefin sans', sans-serif !important;
}
h3 {
  font-size: 28px !important;
}
.block-type-content div.entry-content, .block-type-content div.entry-content p, p {
  font-size: 18px !important;
}
.wrapper {
  background-color: #fff;
}
a {
  text-decoration: none;
  color: #333;
}
.block-type-widget-area li.widget {
  margin: 0px;
}
table.noborder td, table.noborder2 td {
  border: none !important;
}
table.noborder {
  width: 60%;
  text-transform: uppercase;
  margin: auto;
}
.block-type-content .entry-title {
  color: #55c785;
  text-transform: uppercase !important;
  font-size: 32px;
}
.block {
  margin-bottom: 0px !important;
}
.entry-title {
  text-align: center;
  font-weight: bold;
}
.block-type-content div.entry-content h1 {
  font-size: 42px;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 2px;
  /*---------------------------------------------------------HEADER*/
}
.header {
  padding-bottom: 0px !important;
  z-index: 99999 !important;
  padding: 20px;
  padding-top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 600px) {
  .header {
    background-color: #333;
    position: relative;
  }
}
.headersingle {
  background-color: #333;
}
a .wbuttonb {
  text-decoration: none !important;
  text-align: center !important;
  font-size: 16px;
  line-height: 180%;
  border: 2px solid;
  border-color: #5dca8b;
  width: 150px;
  margin-top: 30px !important;
  color: #55c785;
  margin: auto;
  font-weight: bold;
  transition: all 0.8s, color 0.3s 0.3s;
  cursor: pointer;
}
a .wbuttonb:hover {
  box-shadow: 300px 0 0 0 rgba(85, 199, 133, 0.9) inset;
  color: #fff;
}
@media (max-width: 600px) {
  a .wbuttonb {
    margin-bottom: 20px;
  }
}
#block-brq5a744f919c059 {
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.cticons {
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
}
.cticons a {
  color: #fff !imporant;
}
@media (max-width: 600px) {
  .cticons {
    font-size: 26px;
    margin-top: 10px;
  }
}
.block-type-header img {
  max-width: 90%;
  margin-top: 3px;
}
.block-type-widget-area li.widget a {
  color: #fff !important;
}
@media (max-width: 600px) {
  /*-----------------------------------------------------SEARCH*/  .banner {
    display: none;
  }
  .banner-image img {
    width: 60%;
    margin-top: 20px;
  }
}
#searchsubmit {
  text-transform: uppercase;
  background-color: #55c785;
  color: #fff;
  /*----------------------------CONTENT*/
}
.content {
  padding: 25px;
  padding-top: 0px;
  /*-------------------------CTA*/
}
.cta {
  background-color: #333;
  padding: 3px !important;
  border-bottom: 1px solid #fff;
  text-align: right;
}
body.scrolled .cta {
  opacity: 0.9;
  transition: opacity 0.2s;
  position: fixed;
  z-index: 999;
}
.ctad {
  text-align: right;
}
.ctad a {
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .ctad a {
    display: block;
  }
}
#block-beu5a61a16c89d3c {
  min-height: auto;
  margin: 0px;
  /*------------------NAVIGATION*/
}
ul.menu > li > a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
ul.menu li:hover a {
  color: #55c785 !important;
}
.block-type-navigation ul.menu li.current_page_item > a {
  color: #55c785;
  font-weight: bold;
  /*----------------------CONTACT CTA BLOCK*/
}
.contactcta {
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/contact-us.jpg');
  background-size: contain;
  background-attachment: fixed;
  text-align: center;
}
.contactcta h3 {
  text-align: center;
  line-height: 250%;
  font-size: 32px;
}
.contactcta a {
  color: #fff !important;
}
.contactcta .fa {
  margin-right: 10px;
}
#gform_1 input, #gform_1 textarea {
  background-color: transparent !important;
  border: 0px !important;
  border-bottom: 3px solid #fff !important;
  border-radius: 0px;
  font-weight: bold;
  font-size: 16px !important;
  margin-top: 0px !important;
  text-transform: uppercase !important;
}
#gform_submit_button_1 {
  width: 20%;
  float: right;
  color: #fff !important;
  text-transform: uppercase !important;
}
@media (max-width: 600px) {
  #gform_submit_button_1 {
    width: 100%;
  }
}
::-webkit-input-placeholder {
  color: #fff !important;
}
:-ms-input-placeholder {
  color: #fff !important;
}
::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
  /*-------------subscribe*/
}
#gform_2 input {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 0px;
  font-weight: bold;
  font-size: 16px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-transform: uppercase !important;
}
#gform_submit_button_2 {
  width: 94%;
  float: right;
  background-color: #55c785 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  margin-top: 0px !important;
}
@media (max-width: 600px) {
  #gform_submit_button_2 {
    width: 100%;
  }
}
#gform_submit_button_3 {
  background-color: #55c785 !important;
  color: #fff !important;
  width: 99%;
  /*---------------------------------HOME BLOCKS*/
}
.hblocks {
  padding: 40px 20px 40px 20px;
}
.blockshome {
  width: 1240px;
  margin: auto;
  text-align: center;
  font-weight: bold;
}
.blockshome p {
  text-align: center;
  font-weight: bold;
}
.blockshome img {
  margin-bottom: 15px;
}
.blockshome h4 {
  color: #333 !important;
}
@media (max-width: 600px) {
  .blockshome {
    width: 100% !important;
  }
}
.cons {
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/consulting.jpg');
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  background-repeat: no-repeat;
  background-size: contain;
}
.cons:hover {
  filter: grayscale(40%);
}
.pman {
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/project-management.jpg');
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  background-repeat: no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain;
}
.pman:hover {
  filter: grayscale(40%);
}
.audit {
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/audit.jpg');
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  background-repeat: no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain;
  /*-----------------CONTACT BLOCK*/
}
.audit:hover {
  filter: grayscale(40%);
}
.cblock {
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/map.jpg');
  padding: 25px;
}
.blockcontact {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  color: #fff;
  text-align: center;
  /*---------------ABOVE FOOTER*/
}
.blockcontact a {
  color: #fff !important;
  font-weight: bold;
}
.blockcontact h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 180%;
}
.foottop .svg-inline--fa.fa-w-20, .foottop .svg-inline--fa.fa-w-9, .foottop .svg-inline--fa.fa-w-12, .foottop .svg-inline--fa.fa-w-16 {
  font-size: 26px;
}
.foottop {
  padding: 25px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  /*---------------FOOTER*/
}
.foottop h3 {
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  line-height: 180%;
  margin-bottom: 20px;
}
.foottop a {
  color: #fff !important;
  display: block;
}
#wrapper-wm95a7814fc9356c, #wrapper-w3y5a74504f9fc40 {
  background-color: #54c784;
  padding: 20px;
  color: #fff;
  text-transform: uppercase;
  background-image: url('http://www.vanti.co.za/wp-content/uploads/2018/02/footerbg.jpg');
  background-repeat: repeat-y;
}
#wrapper-wm95a7814fc9356c a, #wrapper-w3y5a74504f9fc40 a {
  color: #fff !important;
}
.ffooter {
  color: #fff;
}
.ffooter a:hover {
  color: #55c785 !important;
}
#wrapper-w1o5a60972644f5f {
  padding-bottom: 30px;
  /*  SECTIONS  */
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF THREE  */
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.13%;
}
.span_1_of_3 {
  width: 32.26%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /*  GRID OF THREE  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 {
    width: 100%;
  }
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.13%;
}
.span_1_of_3 {
  width: 32.26%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 {
    width: 100%;
  }
}
a .wbuttona {
  text-decoration: none !important;
  text-align: center !important;
  font-size: 16px;
  line-height: 180%;
  border: 2px solid;
  border-color: #d8be6e;
  width: 200px;
  margin-top: 30px !important;
  color: #d6ba66;
  margin: auto;
  font-weight: bold;
  transition: all 0.8s, color 0.3s 0.3s;
  cursor: pointer;
  /*  GRID OF SIX  */
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 83.06%;
}
.span_4_of_6 {
  width: 66.13%;
}
.span_3_of_6 {
  width: 49.2%;
}
.span_2_of_6 {
  width: 32.26%;
}
.span_1_of_6 {
  width: 15.33%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /*  GRID OF TWO  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {
    width: 100%;
  }
}
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 49.2%;
  /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}
@media only screen and (max-width: 480px) {
  /*  GRID OF FOUR  */  .span_2_of_2, .span_1_of_2 {
    width: 100%;
  }
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 74.6%;
}
.span_2_of_4 {
  width: 49.2%;
}
.span_1_of_4 {
  width: 23.8%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
    width: 100%;
  }
}