body{
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif !important;
}

/*************************
********Navigation CSS*******
**************************/
.main-nav{
	background-color: #FFF;
}

.navbar-right li a {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.navbar-right li a:hover {
  color: #fd6c1e;
}

.navbar-right li.active a {
  color: #fd6c1e;
}

.navbar-brand h1 {
  margin-top: 5px;
}
/********************************
********Other sections CSS*******
********************************/
section {
  padding: 50px 0;
}

#main{
background: #ebe9ea;
color: #000;
}

#content{
	background: #fff;
	color: #343436;
}

#contact {
	color :#000;
  padding-bottom: 0;
}

#product, #video{
	background: #fff;
}

#map-box {
	height: 180px;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('../../../serco.soundidea.co.za/home/21/files/map.png');
}

#location{
	color: #fff;
	margin-top: -25px;
}

#associates{
	padding: 30px 0 5px 0;
	background-color : #fd6c1e;
	color: #fff;
}

#logo-other{
	border-bottom: 5px solid;
	padding-bottom: 20px;
	
}


#news, #trailers, #portfolio, #showroom, #content, #services{
	
}
#trailers, #services{
background-color : #f6f6f6;
}

#services h3{
	color: #028fcc !important;
}
.head1{
	font-size: 12pt;
	
}
.head1p{
padding-left:5px;
font-weight: bold;
	color: #fff;
	background-color: #fd6c1e;
}
.centered{
	text-align: center;
}

.fixed-nav{  /* To fix main menu container */
    z-index: 4;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
}

.trailer > tbody > tr > th{
	background-color: #028fcc !important;
	color: #fff;
}

.trailer > tbody > tr:nth-child(2n+1){background-color: #f2f2f2}

.sheader{
	background-color: fd6c1e; 
	color: #ffffff;
	margin-left: 0;
	padding-left: 25px;
}

.sbody{
	padding-left: 25px;
	padding-top: 15px;
}

.sblock{
	padding-bottom: 30px;
	padding-top: 30px;
}

.atitle{
	background-color: fd6c1e; 
	color: #ffffff;
	margin-left: 0;
}

.abody{
	padding-left: 0;
	padding-top: 0;
}

.adate{
	margin-bottom: 12px;
	margin-bottom: 12px;
	margin-top: 15px;
	background-color: #ADD8E6;
	width: 85px;
	padding-left: 5px;
}

.ablock{
	margin-bottom: 30px;
	margin-top: 30px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
{
	color: #fff !important;
	background-color: #fd6c1e !important;
}

.nav-tabs.nav-justified > li > a{
	border-bottom: 1px solid #fd6c1e !important;
}

a{
color: #000 !important;
}
a:hover{
	color: #fd6c1e !important;
	text-decoration: none !important;
}

table{
	border-color : #000;
}

.btn-sts {
	background-color: #fd6c1e; 
	color: #000;
}

.btn-sts:hover {
	background-color: #fff;
	color: #fd6c1e !important;
	border: 1px solix #fd6c1e !important;
}
/*End

/*******************************************************************/
/*************************** Responsiveness ************************/
/*******************************************************************/

/* lg */ 
@media (min-width: 1200px) {
	#logoOne{margin-left: -25%;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* xs */ 
@media (max-width: 767px) {
	.navbar-right li a {padding-top: 8px !important; padding-bottom: 0 !important;}
	#logo{margin-top: -14px;}
}
	

/* XS Portrait */
@media (max-width: 479px) {
	.navbar-right li a {padding-top: 0; padding-bottom: 0;}
}


/***/