body{
    font-family: 'Roboto Slab', serif;
}
/* BigBizIT backgrounds */
.main-footer .header {
    color:#ffffff;
    font-weight: bold;
}
.rw-hero1{
    background-image: url('../img/home_banner_1920.jpg');
}
@media all and (max-width: 1690px) {
    .rw-hero1{
        background-image: url('../img/home_banner_1690.jpg');
    }}
@media all and (max-width: 1440px) {
    .rw-hero1{
        background-image: url('../img/home_banner_1440.jpg');
    }}
@media all and (max-width: 1280px) {
    .rw-hero1{
        background-image: url('../img/home_banner_1280.jpg');
    }}
@media all and (max-width: 980px) {
    .rw-hero1{
        background-image: url('../img/home_banner_980.jpg');
    }}
@media all and (max-width: 768px) {
    .rw-hero1{
        background-image: url('../img/home_banner_768.jpg');
    }}
    /* NOTE at 736 file size is 680 */
@media all and (max-width: 736px) {
    .rw-hero1{
        background-image: url('../img/home_banner_680.jpg');
    }}
@media all and (max-width: 375px) {
    .rw-hero1{
        background-image: url('../img/home_banner_375.jpg');
    }}

.rw-hero2{
    background-image: url('../img/home_banner2_1920.jpg');
}
@media all and (max-width: 1690px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_1690.jpg');
    }}
@media all and (max-width: 1440px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_1440.jpg');
    }}
@media all and (max-width: 1280px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_1280.jpg');
    }}
@media all and (max-width: 980px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_980.jpg');
    }}
    /* NOTE at 768 file size is 736 */
@media all and (max-width: 768px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_768.jpg');
    }}
    /* NOTE at 736 file size is 680 */
@media all and (max-width: 736px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_680.jpg');
    }}
@media all and (max-width: 375px) {
    .rw-hero2{
        background-image: url('../img/home_banner2_375.jpg');
    }}

.rw-hero3{
    background-image: url('../img/about_banner_1920.jpg');
}
@media all and (max-width: 1690px) {
    .rw-hero3{
        background-image: url('../img/about_banner_1690.jpg');
    }}
@media all and (max-width: 1440px) {
    .rw-hero3{
        background-image: url('../img/about_banner_1440.jpg');
    }}
@media all and (max-width: 1280px) {
    .rw-hero3{
        background-image: url('../img/about_banner_1280.jpg');
    }}
@media all and (max-width: 980px) {
    .rw-hero3{
        background-image: url('../img/about_banner_980.jpg');
    }}
    /* NOTE at 768 file size is 736 */
@media all and (max-width: 768px) {
    .rw-hero3{
        background-image: url('../img/about_banner_768.jpg');
    }}
    /* NOTE at 736 file size is 680 */
@media all and (max-width: 736px) {
    .rw-hero3{
        background-image: url('../img/about_banner_680.jpg');
    }}
@media all and (max-width: 375px) {
    .rw-hero3{
        background-image: url('../img/about_banner_375.jpg');
    }}

.rw-hero4{
    background-image: url('../img/features_banner_1920.jpg');
}
@media all and (max-width: 1690px) {
    .rw-hero4{
        background-image: url('../img/features_banner_1690.jpg');
    }}
@media all and (max-width: 1440px) {
    .rw-hero4{
        background-image: url('../img/features_banner_1440.jpg');
    }}
@media all and (max-width: 1280px) {
    .rw-hero4{
        background-image: url('../img/features_banner_1280.jpg');
    }}
@media all and (max-width: 980px) {
    .rw-hero4{
        background-image: url('../img/features_banner_980.jpg');
    }}
    /* NOTE at 768 file size is 736 */
@media all and (max-width: 768px) {
    .rw-hero4{
        background-image: url('../img/features_banner_768.jpg');
    }}
    /* NOTE at 736 file size is 680 */
@media all and (max-width: 736px) {
    .rw-hero4{
        background-image: url('../img/features_banner_680.jpg');
    }}
@media all and (max-width: 375px) {
    .rw-hero4{
        background-image: url('../img/features_banner_375.jpg');
    }}

/* BigBizIT header logo */
.main-header .header-logo {
    float: left;
    width: 442px;
    height:200px;
    background: url('../img/hdr-logo.jpg') left 50% no-repeat;
}

.main-header.font-inverse .header-logo {
    background: url('../img/hdr-logo.jpg') left 50% no-repeat;
}

/* BigBizIT menu colours */

.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: #454647;
}


.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: #d93649;
}

/* Header subnav menu */

.main-header .header-nav > li > ul {
    background: #d93649;
    color: #ffffff;
}
.main-header .header-nav > li > ul li a:hover {
    background: rgba(255,255,255,0.05);
    color: #ffffff;

/* smaller hero */    
}.hero-box-rw-smaller {
    padding: 3em 0;
}

/* BigBizIT hero overlay */

.hero-green {
    background: #d93649;
}


/* BigBizIT text */

.text-green {
    color: #d93649;
}


/* BigBizIT background */

.bg-green {
    background: #d93649;
}

.bg-primary
{
    color: #fff;
    background-color: #d93649;
}

.bg-secondary {
    color: #fff;
    background-color: #454647;
}


/* BigBizIT border colours */

.border-red {
    border-color: #d93649 !important;
}

.border-blue-4px {
    border-top: 4px solid #d93649
}

.border-dark-blue{
    border-color: #454647 !important;    
}

.border-dark-light-grey{
    border-color: #b2b3b2 !important;    
}

.border-dark-grey{
    border-color: #717271 !important;    
}

/* BigBizIT button */

.hebtn {
    background: #d93649;
    color: #ffffff;
}


.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%, #717271, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #717271, 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: #fff;
    background: #d93649;
}

/* AfterPremise iphone*/
.iphone-screen {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    background-image: url('../img/iphone-screen.png');
}

/* vertical align */
.valign{
    display: flex;
    align-items: center;
}

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

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