/*GLOBAL*/
h1, h2, h3, h4, h5 {color: #000000; font-family: 'Raleway', sans-serif !important; font-weight: 800}
p , li{font-family: 'Lato' ,sans-serif !important; font-weight: 200 !important; font-size: 18px !important; color: #747474 !important; }
p , li{font-family: 'Lato' ,sans-serif !important; font-weight: 200 !important; font-size: 17px !important; color: #747474 !important; }
.showBullets li {list-style: initial  !important; margin-left: 18px}
 
/*NAV*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#939393 !important}
.navbar-default .navbar-toggle:hover {background-color: #000; border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {color: #fff !important}
#menu.navbar-default .navbar-nav > li > a:hover {color:#939393 !important}
#menu.navbar-default .navbar-nav > li > a {font-weight: 700}
.navbar-nav {padding-top: 20px}
#menu.navbar-default {height: 100px}
#menu {padding: 0px !important}
.navbar-toggle {top: 20px}
.navbar-brand {padding-top: 0px}

/*MAIN IMAGE*/
.intro .overlay {
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b71', endColorstr='#80c54d', GradientType=0 );}
.intro span {color: #ffffff !important; font-weight: 700; text-transform: uppercase;}
.btn-custom {background-color: #000000;border-top: 4px solid #4e4d4d;}
.btn-custom:hover {background-color: #4e4d4d ;border-top: 4px solid #000000;}
header .intro-text {padding-left: 0; color:#fff}
header .intro-text h3 {color:#fff !important}
#header .btn-custom { background-color: transparent; border: 2px solid #fff; }

/*BODY*/
#about {background-color: #eaebed}
.affiliates li { padding: 20px; display:inline-block;}
.categories ol.type li {padding: 15px 0px;}
.owl-theme .owl-controls .owl-page.active span {background: #000000;border: 1px solid #000000; }
#achievements .overlay {
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(76,76,76,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(76,76,76,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(76,76,76,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b71d6', endColorstr='#80c54daa', GradientType=0 );}
.achievement-box h4 {font-weight: 700;}
.section-title p {font-weight: 600;}
.section-title span {color: #000000;}
#services h4 {color:#000000}
#contact .form-control:focus {border-color: #000000;}
.lines {background-image: url('https://ateams.co.za/Demo/img/lines.png'); background-repeat: no-repeat; background-position: bottom right}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1; background: #ccc;border: 1px solid #ccc;}

/*FOOTER*/
#footer {background: #000000 !important}
#footer p { font-weight: 400 !important; color: #fff !important; font-size: 14px !important;}
#contact .social i.fa {color:#000000 }

#google-map {position: relative;width: 100%;height: 450px;}


@media only screen and (max-width: 480px) {
  .intro-text {padding-left: 0px !important;text-align: center;}
  .intro-text span {font-size: 25px;font-weight: 400;}
  .intro-text h1 {font-size: 35px;}
    .affiliates li { padding: 5px;}

  #services .col-xs-6 { width: 100%; margin-bottom: 50px}

  .copyright {text-align: center;}
  .bizcre8 p {text-align: center;}
}