/* tyres backgrounds */

/* tyres colours

dark blue = #00529c
'black' = #333333
yellow = #ffcc01

*/
.upper{
    text-transform: uppercase;
}
.bg-blue {
    background: #00529c;
}
.bg-white {
    background: #ffffff;
}
.bg-topbar {
    background: #00529c;
    color:#ffcc01;
}

.bg-topbar a:hover{
    color:#ffffff;
}

.main-header{
    background-color: #ffffff;
    color:#00529c;
}

/* tyres header logo */
.main-header .header-logo {
    float: left;
    background: url('../img/service.jpg') left 50% no-repeat;
    width: 450px;
    height: 250px;
    margin:0;
}

/* tyres header logo */
.main-header .header-logo2 {
    float: left;
    background: url('../img/the_garage_header.jpg') left 50% no-repeat;
    width: 450px;
    height: 250px;
    margin:0;
}

.hero-box a{
    color:#ffcc01;
}

.hero-box a:hover{
    color:#ffcc01;
    text-decoration: underline;
}
.hero-box-smaller {
    padding: 4em 0;
}
.main-header.font-inverse .header-logo {
    background: url('../img/tw-header-logo.png') left 50% no-repeat;
}

/* tyres buttons*/

.btn-info{
    background-color: #012348;
}

.btn-info:hover{
    background-color: #888888;
}

/* tyres menu colours */
.main-header .header-nav{
    background-color: #00529c;
    width:100%;
}
.main-header .header-nav > li > a{
    font-weight: bold;
    font-size: 16px;
}

.table,
.chosen-disabled .chosen-single,
div.selector,
.content-box-header.bg-default > .ui-tabs-nav li > a,
.content-box-header.bg-gray > .ui-tabs-nav li > a,
.content-box-header.bg-white > .ui-tabs-nav li > a,
.content-box-header > .ui-tabs-nav li.ui-tabs-active > a,
body .content-box-header > .ui-tabs-nav li.ui-tabs-active > a:hover,
.pagination > li > a,
.pagination > li > span,
.btn-link,
a {
    color: #ffcc01;
    font-weight: bold;
}


.tabs-nav li a:hover,
.tabs-nav li.active a,
.features-tour-box h3,
.font-primary,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after,
.content-box-header.bg-default > .ui-tabs-nav li > a:hover,
.content-box-header.bg-gray > .ui-tabs-nav li > a:hover,
.content-box-header.bg-white > .ui-tabs-nav li > a:hover,
.btn-link:hover,
#page-sidebar ul li.sfHover > a.sf-with-ul,
a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* tyres text */

.text-bold{
    font-weight:bold;
}
.text-blue {
    color: #00529c;
}

.text-dk-grey {
    color: #333333;
}

.text-yellow {
    color: #ffcc01;
}

.text-orange {
    color: #c8693b;
}

.text-green {
    color: #238459;
}

.text-black {
    color: #000000;
}

.text-silver {
    color: #b0b1b4;
}

/* tyres border colours */

.border-blue {
    border-color: #00529c !important;
}

.main-footer {
    position: relative;
    padding-top: 35px;
    color: rgba(255, 255, 255, 0.8);
}
.bg-instagram{
    background: #3f729b;
    color: #fff;
}

.icon-bb1:before {
    background-image: url('../img/icon-bb1.png');
}

.pattern-bg-1 {
    background-image: url('../img/pattern-bg-1.png');
}

.pattern-bg-2 {
    background-image: url('../img/pattern-bg-2.png');
}
.full-bg-10 {
    background-image: url('../img/full-bg-10.jpg');
}
.bg-gradient-4 {
    background: radial-gradient(circle at 1.98% 2.00%, #00529c, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #00529c, transparent 100%),radial-gradient(circle at 50% 50%, #898989, #898989 100%);
}
/* Primary background color */

#loadingbar,
.irs-line-mid,
.irs-line-left,
.irs-line-right,
div.switch-toggle.switch-on,
.bootstrap-switch-primary,
.ui-tabs-nav li.ui-state-active > a,
.ui-tabs-nav li.ui-state-active.ui-state-hover > a,
.ms-hover.ui-state-focus,
.ui-accordion-header.ui-accordion-header-active,
.ui-slider-handle,
.ui-rangeSlider-bar,
.ui-dialog-buttonset button,
.ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-current-day span,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.daterangepicker .ranges li.active,
.daterangepicker .ranges li.active:hover,
.form-wizard > ul > li.active .wizard-step,
.ui-spinner .ui-spinner-button:hover,
.ui-menu li > a:hover,
.ms-list .ms-hover,
.chosen-container .chosen-results li.active-result.highlighted,
div[id^='uniform-'] span.checked,
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
li.active a.list-group-item,
li.active a.list-group-item:hover,
li.active a.list-group-item:focus,
.label-primary,
.badge-primary,
.fc-event,
.bg-primary,
.btn-primary,
.owl-controls .owl-page span,
#nav-toggle.collapsed span,
#nav-toggle span:before,
#nav-toggle span:after {
    color: #ffcc01;
    background: #00529c;
}

.bg-secondary {
    color: #012348;
    background: #b0b1b4;
}
#nav-toggle.collapsed span, #nav-toggle span:before, #nav-toggle span:after{
    color:#ffcc01;
    background:#ffcc01;
}

.icon-box a{
    color:#00529c;
}

.icon-box a:hover{
    color:#00529c;
    text-decoration: underline;
}

.content-box a{
    color:#00529c;
}

.content-box a:hover{
    color:#00529c;
    text-decoration: underline;
}

@media only screen and (min-width: 68.75em) {

    body .main-header .header-logo {
        width: 450px;
    }
}