/* this is a custom stylesheet*/
body{
    padding-top: 0px;

}


 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-info {
    background: #8fe446;
    color: black;
    border: none;
}
 
.btn-info:hover {
    background: #222;
}
 
.btn-info:active, .btn-info.active {
    background: #ea671f;
    box-shadow: none;
}




footer{
    padding: 2em 0;
    margin: 3em 0;
    border-top: 1px solid #ddd;
    color: #999;
    text-align: center;
}

.glyphicon{
    color: #222;
}
p{
text-align: justify;
 }
 
.bold-text{
    color: #0c6fb2;
}
.site-title{
    font-size: 5.5em;
    font-weight: bolder;
    word-spacing: 0px;
    letter-spacing: -4px;
    text-shadow: 1px 1px 1px #4c4c4c;
}
.site-sub-title{
    font-size: 1.8em;
    color: #e80000;
    
}
.small-border{
    box-shadow: 1px 1px 3px 1px #222;
}
.site-sub-title-small{
    font-size: 1.2em;
    
}

.table td{
    border-top: 0px solid #ddd;
}

.site-title-small{
    font-size: 2.5em;
    font-weight: bolder;
     word-spacing: 0px;
    letter-spacing: -1px;
    line-height: 35px;
    text-shadow: 1px 1px 1px #4c4c4c;
}

orange{
    color: #ff842e;
    font-weight: bolder;
}
blue{
    color: #0c6fb2;
     font-weight: bolder;
}

.pull-right.img-responsive{
    margin: 0 0 1em 3em;
}


.breadcrumb > li + li:before{
    content: none;
}

.tab-pane{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.8em;
}

.active .glyphicon{
    color: #222;
}

.navbarmain li{
    background: #fff;
    color: #fff;
}
.navbarmain li:hover{
     background: red;
    color: #222;
   
}
.navbarmain{
     background: #fff;
       border: 
}

.navbarmain ul li a{
    color: #222;
}

.navbarmain ul li a:hover{
    color: #8fe446;
    background:white;
}
.navbar-toggle{
     background: #fff;
}

.icon-bar{
     background: #fff;
     width: 100%;
}
.navmain{
    background: #fff;
   
}
.navmain ul{
     background: #fff;
}
.navmain ul li{
     background: #fff;
}
.navmain ul li:hover{
     background: #ddd;
}
.navmain li:active{
    color: #222;
}
.navmain li:hover{
    background: #222;
   
}
.navmain a{
    color: #222;
    font-size: 1.2em;
}

.testemonials{
    height: 17em;
    border-bottom: 1px solid #222;
}
.scroll{
    margin-bottom: 4em;
}

.accred{
    margin-top: 4em;
}

.enq{
    border: 2px solid #222;
    padding: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.jumbotron{
    padding-top: 5px;
    padding-bottom: 5px;
}

.image-round{
    border-radius: 500px;
}
#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}