/* Style Sheet Office Service Centre */

/* orange: #f86923; blue: #00acec; green: */

.buttons.white a {
	background-color: #fff;
	color:#f86923;
	border: 2px solid #fff;
}
.buttons.white a:hover {
	color:#fff;
	background-color: #f86923;
	border: 2px solid #fff;
}

#contact {
	color:#333;
}
#contact .address a {
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#contact .address a:hover {
	color: #f86923;
	text-decoration: none;
}

#contact .form {
	margin-top: 30px;
	padding: 40px;
	color: #fff;
	border-radius: 10px;
	background: rgba(255,255,255,0.4);
	text-align: center;
}
#contact .form .heading {
	color: #f86923;
	font-size: 24px;
	font-weight: 500;
}

#page-banner { height:410px; }
#page-banner-small { height:300px; }
#page-banner h1 { text-align:center; font-size:68px; color:#FFF; text-shadow: 2px 3px 4px rgba(0,0,0,.8);margin-top:150px;}

#footer {
	background-color: #f86923; 
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer .top-cut-white{
	padding-top: 20px;
}

/* PAGE */

section {padding-top:50px; padding-bottom:0px; }
section#osc-tabs {padding-top:0px;}

.top-no-cut {padding-top:15px; /* Default: padding-top:80px; */ }
.header { text-align: center; margin-bottom: 0px; margin-top:0px;} 
section#welcome {
	padding-top: 30px;
}

#slider { background-color:#f86923;}

/* SECTION BREAKS */

.top-cut-orange{
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f86923;
	padding-top: 80px;
}
.bottom-cut-orange {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #f86923;
	padding-bottom: 80px;
}
.top-bottom-cut-orange-white {
	padding-bottom: 80px;
	padding-top: 80px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
	border-top: 20px solid #f86923;
}
.top-bottom-cut-white-orange {
	padding-bottom: 80px;
	padding-top: 80px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #f86923;
	border-top: 20px solid #fff;
}

/* Tables */

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color:rgba(255,255,255,0.1);
}

.work-stations ul, .conference-room ul, .home-details ul {margin:30px 0 0 30px;}
.work-stations i, .conference-room i, .home-details i {color:#f86923; margin-right:15px}
#osc-tabs .small-bullet-icon ul.bullets li .icon {
	width: 15px;
	height: 15px;
	border-radius: 20px;
	text-align: center;
	background-color: #f86923;
	color: #fff;
	float: left;
	margin:7px 0 0 15px;
}

#osc-tabs .small-bullet-icon ul.bullets li h4 {
	line-height: 1.5;
}

#services {
	background-color: #f86923;
	color: #fff;
}

#services .hi-icon-color .hi-icon i {
	color: #f86923;
}
#services .hi-icon-color .hi-icon {
	box-shadow: 0 0 0 3px #fff;
}
#services .hi-icon-color .hi-icon:after {
	background: #fff;
}

#services .contents .icon {	
	border: 2px solid #fff;
	color: f86923;	
}
#services .contents .icon i {	
	color: #fff;
}

.tp-caption {
	text-shadow: 2px 3px 4px rgba(0,0,0,.8);
}

.navbar-brand {
	height:80px!important;
	margin:0;
}
.navbar-brand img {
	width:100%;
	height:100%;
}

/* */
.navbar-inverse {
	border-color: none;
	border-bottom: none;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 4;
	background-color: rgba(255, 255, 255, 1);	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-brand {
	color: #777
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-text {
	color: #777;
}
.navbar-inverse .navbar-nav>li>a {
	color: #777;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #777;
	background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #777;
	background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
	color: #444;
	background-color: transparent
}
.navbar-inverse .navbar-toggle {
	border-color: #aaa
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #ddd
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #aaa
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #aaa
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #777;
	background-color: #f6f6f6
}
@media (max-width:767px) {

	#page-banner h1 {font-size:44px; margin-top:120px;}
	section {padding-top:5px; padding-bottom:0px; }
	
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
	border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #777
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #777;
	background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
	color: #777;
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
	color: #444;
	background-color: transparent
}
}
.navbar-inverse .navbar-link {
	color: #777
}
.navbar-inverse .navbar-link:hover {
	color: #777
}
.navbar-inverse .btn-link {
	color: #777
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
	color: #777
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #444
}