@charset "UTF-8";
.navbar.navbar-inverse.navbar-fixed-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav {
}


html{
	width:100%;
	overflow-x:hidden;
	
		
	
}
body {
		background-color:#fff;
        padding:0px;
		margin:0px;
		overflow:hidden;
		
		
        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


.navbar-brand{
	margin-right:20px;	
	
}
.navbar-default{
	background:transparent;
	margin-top:20px;
	padding-right:20px;
	border-bottom:none;
}
.navbar-default .navbar-nav>li>a{
	color:#FFF;
	opacity:0.7;
}

.navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
	opacity:1;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color:none;		
}

.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:transparent;
	border-top:none;
}

.dropdown-menu{
	background:transparent;
}

.dropdown-menu li a{
	opacity:0.7;		
}

.dropdown-menu li a:hover{
	opacity:1;
	color:#FFF;
	background:transparent;		
}



.row .col-lg-2.col-md-12.col-sm-12.col-xs-12.text-center a {
	opacity:0.5;
}

.row .col-lg-2.col-md-12.col-sm-12.col-xs-12.text-center a:hover {
	opacity:1;
}

.row .col-lg-2.col-md-12.col-sm-12.col-xs-12.text-center p {
	color: #333;
	padding-top:10px;
	font-weight:200;
}

.row .col-lg-3.col-md-12.col-sm-12.col-xs-12.text-center p {
	color: #333;
	padding-top:10px;
	font-weight:200;
}

.row .col-lg-5.col-md-6.col-sm-6.col-xs-6.text-left {
	background-color:#EAEAEA;
		
	
}

.row .col-lg-5.col-md-6.col-sm-6.col-xs-6.text-left h1 {
	padding-left:15px;
	font-weight:100;
	color:#333;
}

.row .col-lg-7.col-md-6.col-sm-6.col-xs-6.text-left {
	background-color:#FFF;
	
}

.row .col-lg-7.col-md-6.col-sm-6.col-xs-6.text-left h1 {
	color:#333;
	padding-left:15px;
	font-weight:100;
	
	
}


.row .col-lg-3.col-md-12.col-sm-12.col-xs-12.text-center a {
	opacity:0.5;
}

.row .col-lg-3.col-md-12.col-sm-12.col-xs-12.text-center a:hover {
	opacity:1;
}

.row .col-lg-2.col-md-2.col-sm-2.col-xs-12.text-center a {
	opacity:0.5;
}
.header .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
	background-image:http://placehold.it/1990x1000;
}


.row .col-lg-2.col-md-12.col-sm-12.col-xs-12.text-center a:hover {
	opacity:1;
}


.distributorlist{
	width:600px;
	height:auto;
	background-color:#333;
	margin-top:200px;
	margin-left:20px;
	padding:20px;
	overflow:hidden;
	margin-bottom:80px;
}




.infobox .bots {
	
	overflow:hidden;
	height:600px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

.infobox .bots h1{
	font-weight:100;
	color:#333;
	font-size:45px;
}

.infobox .botsinfo {
	overflow:scroll;
	height:1200px;
	padding-left:10px;
	padding-right:10px;
	width:500px;
	padding-bottom:650px;
}

.infobox .bots h4{
	font-weight:200;
	color:#404040;
}

.infobox .bots p{
	font-weight:300;
	color:#7D7D7D;
}

.infobox .bots hr{
	opacity:0.9;
}

.infobox {
	background-color:#fff;
	height: 600px;
	margin-top:300px;
	margin-bottom:90px;
	
}
.infobox .namibia {
	overflow:hidden;
	height:600px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	
}

.infobox .namibia h1{
	font-weight:100;
	color:#333;
	font-size:45px;
}

.infobox .namibia h4{
	font-weight:200;
	color:#404040;
}

.infobox .namibia p{
	font-weight:300;
	color:#7D7D7D;
}

.infobox .namibia h6{
	font-weight:200;
	color:#333;
	font-size:15px;
}

.infobox .bots h6{
	font-weight:200;
	color:#333;
	font-size:15px
}

.infobox .namibia hr{
	opacity:0.9;
}

.infobox .namibiainfo {
	overflow:scroll;
	height:650px;
	padding-left:10px;
	padding-right:10px;
	width:500px;
	padding-bottom:100px;
}




.aboutbox {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin-right: 20px;
	padding:20px;
	margin-top:280px;

}

.aboutbox h1 {
	font-size:45px;
	font-weight:100;
	color:#333;
}

.aboutbox p{
	line-height:25px;
	color:#818181;
	font-size:15px;
	font-weight:300;
}

#map {
	padding:20px;	 
	height: 300px;
	width:100%;
}

.contactbox{
	margin-top: 250px;
	height:auto;
	background-color:#fff;
	margin-bottom:75px;	
	padding-bottom:10px;
}


.contactstuff{
	padding-left:20px;
	padding-right:20px;
}

.contactstuff h1{
	font-size:45px;
	font-weight:100;
	color:#333;
}

.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	border: 1px solid #D5D5D5;
	
	
}

.dropdown-menu li a:focus {
    background: none;           
}



.calculator h3{
	font-size:30px;
	font-weight:100;
	color:#333;	
}

.calculator .control-label{
	color:#333;
	font-weight:200;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;	
}

.calculator h4{
	font-size:30px;
	font-weight:100;
	color:#333;
	margin-top:20px;
}

#totalTiles{
	width:100%;
	height:35px;
	margin-top:50px;
	border: 1px solid;
    border-radius: 3px;
	border-color:#C0C0C0;
	padding:5px;
}

#totalRidges{
	width:100%;
	height:35px;
	margin-top:50px;
	border: 1px solid;
    border-radius: 3px;
	border-color:#C0C0C0;
	padding:5px;
}


.row .col-lg-4 .contactbox {
	margin-top: 100px;
	height:auto;
	background-color:#fff;
	margin-bottom:100px;
}


#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 75px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 30px;
	font-weight: 100;
	color: #FFF;
}
.wallpaper {
	height:100vh;
	background-image: url(../img/about-new-white.jpg);
	background-size:cover;
	background-position:center;

		
}

.wallpaper-2 {
	background-image:url(../img/home1-new-white.jpg);
	background-size:cover;
	height:100%;
	background-position:center;
}

.wallpaper-3 {
	background-image:url(../img/carousel-1-new-white.jpg);
	background-size:cover;
	height:100%;
	background-position:center;
	padding-top:6%;
	padding-bottom:2%;
}


.wallpaper-4 {
	background-image:url(../img/home5-new-white.jpg);
	background-size:cover;
	height:100%;
	background-position:center;
}



.contactbox {
	margin-top: 100px;
	height:auto;
	background-color:#fff;
	margin-bottom:100px;
	border: 1px solid;

}


.jumbotron{
	background-color:#fff;		
}


.jumbotron h1{
	color:#333;
	font-weight:100;
	font-size:50px;
	text-align:center;		
}

.jumbotron p{	
	color:#8F8F8F;
	font-weight:100;
	font-size:20px;
	text-align:center;		
}
small{
	text-align:center;		
}
.quote{
	text-align:center;
	margin-bottom:70px;
	
}

.social1{
	margin:50px;
	background-image:url(../img/fhover.png);
	background-size:contain;
	width:50px;
	height:50px;
}

.social1:hover{
	background-image:url(../img/facebook500.png);
	background-size:contain;
	width:50px;
	height:50px;
}

.social2{
	margin:50px;
	background-image:url(../img/thover.png);
	background-size:contain;
	width:50px;
	height:50px;
}

.social2:hover{
	background-image:url(../img/twitter.png);
	background-size:contain;
	width:50px;
	height:50px;
}


.social3{
	margin:50px;
	background-image:url(../img/yhover.png);
	background-size:contain;
	width:50px;
	height:50px;
}

.social3:hover{
	background-image:url(../img/youtube-variation.png);
	background-size:contain;
	width:50px;
	height:50px;
}

.quality1{
	margin-top:20px;
	background-image:url(../img/bobs.png);
	width:160px;
	height:150px;
	background-repeat:no-repeat;
}


.quality2{
	background-image:url(../img/warranty.png);
	width:160px;
	height:150px;
	background-repeat:no-repeat;
}


.linkbutton{
	
	border:#282828;
	float:left;	
	padding:10px;
	color:#333;
	font-weight:150;
	
}

.linkbutton:hover{
	
	padding:10px;
	color:#EAEAEA;
	font-weight:150;
	
}

.pdf1{
	height:70px;
	width:auto;
	background-color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:20px;
  	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	color:#333;
	
	
	
}


.pdf1:hover{
	background-color:#BFBFBF;
	color:#FFF;
}



.contactbottom{
	padding-top:20px;
	
}

.contactbottom h1{
	padding-left:20px;
	font-size:20px;
	font-weight:100;
	color:#333;		
}

.contactbottom h2{
	padding-left:20px;
	font-size:45px;
	font-weight:100;
	color:#333;		
}

.contactbottom p{
	padding-left:20px;
	line-height:25px;
	color:#818181;
	font-size:30px;
	font-weight:100;
	
}


.carousel-caption p1{
	font-size:12px;
	font-weight:100;
	
}

p{
	margin-top:20px;
	font-size:13px;
	font-weight:200;
}
	
.techbuttons{
	background-color:#FCFCFC;
	border-top: 1px solid #D5D5D5;
}



































/* Large desktops and laptops **********************************************************************************************************************************************************/
@media (max-width: 1300px) {
	
	
.navbar-default{
	background:transparent;
	margin-top:20px;
	padding-right:20px;
	border-bottom:none;
}


.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:transparent;
	border-top:none;
}

.dropdown-menu{
	background:transparent;
}

.navbar-default .navbar-nav>li>a{
	color:#FFF;
	opacity:0.7;
}



#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 75px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 30px;
	font-weight: 100;
	color: #FFF;
}
	


	
.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	
}



.infobox .bots h1{
	font-weight:100;
	color:#333;
	font-size:40px;
}

.infobox .namibia h1{
	font-weight:100;
	color:#333;
	font-size:40px;
}



.wallpaper-4 {
	background-image:url(../img/home5-new.jpg);
	width:100%;
	background-position:center;
	height:100%;
}


.wallpaper-3 {
	background-image:url(../img/carousel-1-new.jpg);
	background-position:center;
	height:100%;
}


.wallpaper-2 {
	background-image:url(../img/home1-new.jpg);
	height:100%;
	background-position:center;
}



.wallpaper {
	background-image: url(../img/about-new.jpg);
	background-position:center;
	height:100%;
}





	

}






























/* Portrait tablets and medium desktops ****************************************************************************************************************************************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	
	
	
#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 20px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 14px;
	font-weight: 100;
	color: #FFF;
}


.row .col-lg-5.col-md-5.col-sm-7.col-xs-5.text-left {
	background-color:#fff;	
	
}



.wallpaper {
	background-image: url(../img/about-new.jpg);
	background-position:center;
	height:400px;
}



.aboutbox {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin-right: 20px;
	padding:20px;	
}



.aboutbox p{
	line-height:25px;
	color:#818181;
	font-size:15px;
	font-weight:300;
	text-align:justify;
}



.distributorlist{
	width:600px;
	height:auto;
	background-color:#333;
	margin-top:300px;
	margin-left:20px;
	padding:20px;
	overflow:hidden;
	margin-bottom:80px;
}

.wallpaper-2 {
	background-image:url(../img/home1-new.jpg);
	height:400px;
	background-position:center;
}


.wallpaper-3 {
	background-image:url(../img/carousel-1-new.jpg);
	background-position:center;
	height:400px;
}


.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	margin-top:300px;;
	margin-bottom:75px;
}





.wallpaper-4 {
	background-image:url(../img/home5-new.jpg);
	width:100%;
	background-position:center;
	height:400px;
}


#map {
	padding:20px;	 
	height: 200px;
	width:100%;
}




}







































	
}

/* Portrait tablets and medium desktops ****************************************************************************************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	
	
.navbar-default{
	background:transparent;
	margin-top:20px;
	padding-right:20px;
	border-bottom:none;
}


.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:transparent;
	border-top:none;
}

.dropdown-menu{
	background:transparent;
}

.navbar-default .navbar-nav>li>a{
	color:#FFF;
	opacity:0.7;
}



#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 75px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 30px;
	font-weight: 100;
	color: #FFF;
}




.wallpaper-4 {
	background-image:url(../img/home5-new.jpg);
	width:100%;
	background-position:center;
}



.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	margin-top:200px;;
	margin-bottom:75px;
}

.pdf1{
	height:70px;
	width:300px;
	background-color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:20px;
	margin-top:0px;
}







}

/* Portrait tablets and small desktops ******************************************************************************************************************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
	
	
.navbar-default{
	background:transparent;
	margin-top:20px;
	padding-right:20px;
	border-bottom:none;
}


.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:transparent;
	border-top:none;
}

.dropdown-menu{
	background:transparent;
}

.navbar-default .navbar-nav>li>a{
	color:#FFF;
	opacity:0.7;
}




#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 20px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 14px;
	font-weight: 100;
	color: #FFF;
}






.wallpaper-4 {
	background-image:url(../img/home5-new.jpg);
	width:100%;
	background-position:center;
	height:500px;
}

.wallpaper-3 {
	background-image:url(../img/carousel-1-new.jpg);
	width:100%;
	background-position:center;
	height:500px;
}

.wallpaper {
	background-image: url(../img/about-new.jpg);
	background-position:center;
	height:500px;
}

.wallpaper-2 {
	background-image:url(../img/home1-new.jpg);
	background-position:center;
	height:500px;
}

.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	margin-top:600px;;
}

.pdf1{
	height:70px;
	width:300px;
	background-color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:20px;
	margin-top:0px;
}






}

/* Landscape phones and portrait tablets *********************************************************************************************************************************************************************************************************/
@media (max-width: 767px) {
	
	
.navbar-default{
	background:transparent;
	margin-top:20px;
	padding-right:20px;
	border-bottom:none;
}


.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:transparent;
	border-top:none;
}

.dropdown-menu{
	background:transparent;
}

.navbar-default .navbar-nav>li>a{
	color:#FFF;
	opacity:0.7;
}



#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 75px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 30px;
	font-weight: 100;
	color: #FFF;
}




.wallpaper-3 {
	background-image:url(../img/carousel-1-new.jpg);
	width:100%;
	background-position:center;
	height:500px;
}




.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	margin-top:200px;;
	margin-bottom:75px;
}





.distributorlist{
	width:600px;
	height:auto;
	background-color:#333;
	margin-top:200px;
	margin-left:20px;
	padding:20px;
	overflow:hidden;
	
}

.pdf1{
	height:70px;
	width:300px;
	background-color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:20px;
	margin-top:0px;
}



}

/* Landscape phones and smaller ****************************************************************************************************************************************************************************/
@media (max-width: 650px) {
	

.navbar-default{
	background:#333;
	margin-top:0px;
	padding-right:20px;
	border-bottom:none;
	padding-top:10px;
	padding-bottom:20px;
}


.navbar-default .navbar-brand{
	margin-left:30px;		
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background:#333;
	border-top:none;
}

.dropdown-menu{
	background:#333;
}
.navbar-default .navbar-nav>li>a{
	color:#fff;
	opacity:0.7;
}


#myCarousel{
	margin-top:80px;	
	
}

#myCarousel .carousel-inner .item .container .carousel-caption h1 {
	font-size: 20px;
	font-weight: 100;
	color: #FFF;
}

#myCarousel .carousel-inner .item .container .carousel-caption p {
	font-size: 10px;
	font-weight: 100;
	color: #FFF;
}




.wallpaper-4 {
	background-image:url(../img/home5-new.jpg);
	width:100%;
	height:400px;
	background-position:center;
}


.calculator{
	background-color:#fff;	
	width:100%;
	height:auto;
	padding:20px;
	margin-top:250px;;
	margin-bottom:75px;
}



.distributorlist{
	width:600px;
	height:auto;
	background-color:#333;
	margin-top:400px;
	margin-left:20px;
	padding:20px;
	overflow:hidden;
}

.wallpaper-2 {
	background-image:url(../img/home1-new.jpg);
	height:400px;
	background-position:center;
}

.wallpaper-3 {
	background-image:url(../img/carousel-1-new.jpg);
	height:400px;
	background-position:center;
}

.wallpaper {
	background-image: url(../img/about-new.jpg);
	background-position:center;
	height:400px;
}

#map {
	padding:20px;	 
	height: 200px;
	width:100%;
}


.distributorlist{
	width:600px;
	height:auto;
	background-color:#333;
	margin-top:200px;
	margin-left:20px;
	padding:20px;
	overflow:hidden;
	margin-bottom:80px;
}




.infobox .bots {
	
	overflow:hidden;
	height:600px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

.infobox .bots h1{
	font-weight:100;
	color:#333;
	font-size:30px;
}

.infobox .botsinfo {
	overflow:scroll;
	height:1200px;
	padding-left:10px;
	padding-right:10px;
	width:500px;
	padding-bottom:650px;
}

.infobox .bots h4{
	font-weight:200;
	color:#404040;
	font-size:11px;
}

.infobox .bots p{
	font-weight:300;
	color:#7D7D7D;
	font-size:10px;
}

.infobox .bots hr{
	opacity:0.9;
}

.infobox {
	background-color:#fff;
	height: 600px;
	margin-top:300px;
	margin-bottom:90px;
}
.infobox .namibia {
	overflow:hidden;
	height:600px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	
}

.infobox .namibia h1{
	font-weight:100;
	color:#333;
	font-size:30px;
}

.infobox .namibia h4{
	font-weight:200;
	color:#404040;
	font-size:11px;
}

.infobox .namibia p{
	font-weight:300;
	color:#7D7D7D;
	font-size:10px;
}

.infobox .namibia hr{
	opacity:0.9;
}

.infobox .namibiainfo {
	overflow:scroll;
	height:650px;
	padding-left:10px;
	padding-right:10px;
	width:500px;
	padding-bottom:100px;
}


.row .col-lg-5.col-md-5.col-sm-7.col-xs-6.text-left h1 {
	padding-left:13px;
	font-weight:100;
	color:#333;
}



.row .col-lg-7.col-md-8.col-sm-11.col-xs-6.text-left h1 {
	color:#333;
	padding-left:13px;
	font-weight:100;
	
	
}


.contactbox{
	margin-top: 300px;
	height:auto;
	background-color:#fff;
	margin-bottom:100px;	
}

/* TABS -------------------------------------------------*/
/* root element for tabs  */
.tabs {
  list-style: none;
  margin: 0 !important;
  padding: 0px;
  height: 33px;
}
tabs {
  padding: 0px 30px;
}
/* single tab */
ul.tabs li {
  display: block;
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 2px 5px 0px 0px !important;
  list-style-image: none !important;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
/* link inside the tab. uses a background image */
ul.tabs a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  padding: 0px 0px 0px 10px;
  position: relative;
  top: 0px;
}
ul.tabs a span {
  display: block;
  height: 100%;
  padding-right: 10px;
}
ul.tabs a {
  text-decoration: none;
  color: #656360;
  background: #f8f5f2;
}
ul.tabs a:active {
  outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs li:hover a,
ul.tabs a.current {
  background: #fff;
  color: #444;
  border-bottom: 1px solid #fff;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a {
  cursor: default !important;
  color: #444 !important;
  display: block;
  text-decoration: none;
}
/* initially all panes are hidden */.panes .pane {
  display: none;
}
.panes > div {
  display: none;
  min-height: 200px;
  border: 1px solid #ccc;
  padding: 15px;
  background: #fff;
}

.pdf1{
	height:70px;
	width:300px;
	background-color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:20px;
	margin-top:0px;
}

.aboutbox{
	margin-top:200px;	
}

}