/* WP Customizer start */
.header__widgets, .header .icon-box__title { color: #c7cedb; }
.header .icon-box__subtitle { color: #ffffff; }
.top-navigation .sub-menu > li > a { background-color: #000000; }
.top { background: #000000 linear-gradient(to bottom, #000000, #000000); }
.top { border-bottom-color: #333333; }
.top::before { border-top-color: #333333; }
.top::after { border-left-color: #333333; }
.top-navigation .sub-menu > li > a, .top-navigation .sub-menu > li > .sub-menu { border-color: #000000; }
.top, .top-navigation > li > a, .top-navigation .sub-menu > li > a { color: #aab0be; }
.top-navigation > li > a:hover, .top-navigation > li > a:focus, .top-navigation .sub-menu > li > a:focus, .top-navigation .sub-menu > li > a:hover { color: #b7bdcb; }
.header__container, .top::before, .top::after { background-color: #343233; }
.breadcrumbs { background-color: #ffffff; }
.breadcrumbs a { color: #3d3d3d; }
.breadcrumbs a:hover { color: #303030; }
.breadcrumbs span > span { color: #999999; }
.header__navigation { background-color: #ffffff; }
@media (min-width: 992px) { .header__navigation-widgets, .header__navigation-widgets::before, .header__navigation-widgets::after, .header__container::after, .header--no-nav-widgets .header__navigation::after { background-color: #ffffff; } }
@media (min-width: 992px) { .main-navigation > li > a, .home-icon, .main-navigation .menu-item-has-children::after { color: #666666; } }
@media (min-width: 992px) { .main-navigation > li > a:hover, .home-icon:hover, .home-icon:focus, .main-navigation > .current-menu-item > a:focus, .main-navigation > .current-menu-item > a:hover, .main-navigation > li:focus::after, .main-navigation > li:hover::after { color: #666666; } }
@media (min-width: 992px) { .main-navigation > li:focus > a::after, .main-navigation > li:hover > a::after { background-color: #666666; } }
@media (min-width: 992px) { .main-navigation > .current-menu-item > a, .main-navigation > .current-menu-item.menu-item-has-children::after, .main-navigation > .current-menu-item > a:hover, .main-navigation > .current-menu-item.menu-item-has-children:hover > a, .main-navigation > .current-menu-item.menu-item-has-children:focus::after, .main-navigation > .current-menu-item.menu-item-has-children:hover::after { color: #3baed4; } }
@media (min-width: 992px) { .main-navigation > .current-menu-item > a::after, .main-navigation > .current-menu-item > a:focus::after, .main-navigation > .current-menu-item > a:hover::after, .main-navigation > .current-menu-item.menu-item-has-children:focus > a::after, .main-navigation > .current-menu-item.menu-item-has-children:hover > a::after { background-color: #3baed4; } }
@media (min-width: 992px) { .main-navigation .sub-menu > li > a { background-color: #3baed4; } }
@media (min-width: 992px) { .main-navigation .sub-menu > li:first-of-type { border-color: #2ea1c7; } }
@media (min-width: 992px) { .main-navigation .sub-menu > li > a, .main-navigation .sub-menu .sub-menu > li > a { border-color: #4fc2e8; } }
@media (min-width: 992px) { .main-navigation .sub-menu > li > a:hover { background-color: #4fc2e8; } }
@media (min-width: 992px) { .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > a:hover { color: #ffffff; } }
@media (max-width: 991px) { .main-navigation > li > a, .home-icon { color: #666666; } }
@media (max-width: 991px) { .home-icon:focus, .home-icon:hover, .main-navigation > li:hover > a, .main-navigation > li:focus > a { color: #333333; } }
@media (max-width: 991px) { .main-navigation .sub-menu > li > a { color: #999999; } }
@media (max-width: 991px) { .main-navigation .sub-menu > li > a:hover { color: #666666; } }
.main-title { background-color: #f2f2f2; }
.main-title { background-image: url(""); }
.main-title h1, .main-title h2 { color: #3d3d3d; }
.main-title h3 { color: #999999; }
body, .latest-news__excerpt, .content-area .icon-box__subtitle { color: #999999; }
.hentry .entry-content { color: #000000; }
h1, h2, h3, h4, h5, h6, hentry__title, .hentry__title a, .page-box__title a, .latest-news__title, .accordion__panel a, .icon-menu__link { color: #000000; }
.header .icon-box .fa, .content-area .icon-box .fa, .step:hover .step__number, .latest-news--more-news, .accordion .more-link:focus, .accordion .more-link:hover, a, .person-profile__social_icon:hover, .sidebar .widget_nav_menu .menu li.current-menu-item > a, body.woocommerce-page ul.products li.product a:hover img, .woocommerce ul.products li.product a:hover img, body.woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price, body.woocommerce-page .star-rating, .woocommerce .star-rating, body.woocommerce-page div.product p.price, body.woocommerce-page p.stars a, body.woocommerce-page ul.product_list_widget .amount, .woocommerce.widget_shopping_cart .total .amount, body.woocommerce-page .widget_product_categories .product-categories li.current-cat>a, body.woocommerce-page nav.woocommerce-pagination ul li .prev, body.woocommerce-page nav.woocommerce-pagination ul li .next, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a { color: #008bb3; }
@media (min-width: 992px) { .social-icons__link:hover { color: #008bb3; } }
html body.woocommerce-page nav.woocommerce-pagination ul li .next:hover, html body.woocommerce-page nav.woocommerce-pagination ul li .prev:hover { color: #007ea6; }
a:hover, a:focus { color: #00658d; }
.btn-primary, .navbar-toggle, .person-profile__tag, .testimonial__carousel, .testimonial__carousel:focus, .widget_calendar caption, .widget_search .search-submit, .pagination .prev, .pagination .next, body.woocommerce-page .widget_shopping_cart_content .buttons .checkout, body.woocommerce-page button.button.alt, body.woocommerce-page .woocommerce-error a.button, body.woocommerce-page .woocommerce-info a.button, body.woocommerce-page .woocommerce-message a.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body.woocommerce-page #payment #place_order, body.woocommerce-page #review_form #respond input#submit, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, body.woocommerce-page nav.woocommerce-pagination ul li .prev, body.woocommerce-page nav.woocommerce-pagination ul li .next, body.woocommerce-page span.onsale, .woocommerce span.onsale, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a::after { background-color: #008bb3; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .navbar-toggle:hover, .testimonial__carousel:hover, .widget_search .search-submit:hover, .widget_search .search-submit:focus, .pagination .prev:hover, .pagination .next:hover, body.woocommerce-page .widget_shopping_cart_content .buttons .checkout:hover, body.woocommerce-page button.button.alt:hover, body.woocommerce-page .woocommerce-error a.button:hover, body.woocommerce-page .woocommerce-info a.button:hover, body.woocommerce-page .woocommerce-message a.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body.woocommerce-page #payment #place_order:hover, body.woocommerce-page #review_form #respond input#submit:hover, body.woocommerce-page nav.woocommerce-pagination ul li .prev:hover, body.woocommerce-page nav.woocommerce-pagination ul li .next:hover { background-color: #007ea6; }
.btn-primary, .pagination .prev, .pagination .next, body.woocommerce-page .widget_shopping_cart_content .buttons .checkout { border-color: #008bb3; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .pagination .prev:hover, .pagination .next:hover { border-color: #007ea6; }
.footer-top { background-color: #343233; }
.footer-top__headings { color: #ffffff; }
.footer-top, .footer-top .textwidget { color: #aab5c9; }
.footer-top .widget_nav_menu .menu a { color: #aab5c9; }
.footer { background-color: #000000; }
.footer-bottom { color: #aab5c9; }
.footer-bottom a { color: #ffffff; }
/* WP Customizer end */
@media (min-width: 992px) { .header__logo img { margin-top: 0px; } }

@media (min-width: 992px) {
    .header { position: relative; }
    .header__logo { width: 20%; }
    .header__widgets { width: 80%; }
    .header__navigation { width: 100%; min-height: 85px; }
    .header__navigation-widgets {
        position: absolute;
        top: calc(100% - 87px + 50px);
        right: 0;
        width: auto;
        height: 87px;
        margin-bottom: 0;
        padding: 0 12px;
        align-items: center;
        background-color: transparent;
        box-shadow: none;
    }
    .header__navigation-widgets::before,
    .header__navigation-widgets::after { display: none; }
    .header__navigation .navbar-collapse { padding-right: 100px; }
    .main-navigation > li > a { padding: 28.5px 14px; }
    .main-navigation .menu-item-has-children > a { padding: 28.5px 30px 28.5px 14px; }
    .home-icon { width: 48px; height: 48px; line-height: 48px; margin-top: 18.5px; margin-bottom: 18.5px; }
}

/* User custom CSS start */
h1.title {
    margin-top: 83px;
}

.widget-title {color:#666666;}

h2.widget-title {padding-top:30px;}

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin:0, 0, 0, 0;
    padding: 48px,  0;
    width: calc(100% - 60px);
}

.more-link {
    font-family: "Ubuntu";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    position: relative;
    text-transform: uppercase;
text-decoration: none;
}

.introtext {font-family: "Ubuntu";
    font-size:20px; margin-left:20%; font-weight:bold;  margin-right:20%; line-height:24px;}

.main-navigation > li { position: relative; font-size: 14px; }

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    width: 100%;;
}

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 30px 0px 30px 0;
    padding: 48px 0;
    width: 100%;
}

.btn-default { box-shadow: none;  -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}

.btn-default { color: #ffffff; background-color:
}


.widget-title {color:#666666;}

h2.widget-title {padding-top:30px;}

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin:0, 0, 0, 0;
    padding: 48px,  0;
    width: calc(100% - 60px);
}

.more-link {
    font-family: "Ubuntu";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    position: relative;
    text-transform: uppercase;
text-decoration: none;
}

.introtext {font-family: "Ubuntu";
    font-size:20px; margin-left:20%; font-weight:bold;  margin-right:20%; line-height:24px;}

.main-navigation > li { position: relative; font-size: 14px; }

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    width: 100%;;
}

.footer-top {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 30px 0px 30px 0;
    padding: 48px 0;
    width: 100%;
}

.btn-default { box-shadow: none;  -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}

.btn-default { color: #ffffff; background-color: #b80b4b; border-color: #b80b4b; }
.btn-default:focus, .btn-default.focus { color: #ffffff; background-color: #b80b4b; border-color: #b80b4b; }
.btn-default:hover { color: #ffffff; background-color: #b80b4b; border-color: #b80b4b; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #999999; background-color: #e6e6e6; border-color: #e0e0e0; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #999999; background-color: #d4d4d4; border-color: #bfbfbf; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #ffffff; }
.btn-default .badge { color: #ffffff; background-color: #999999; }; border-color: #b80b4b; }
.btn-default:focus, .btn-default.focus { color: #ffffff; background-color: #b80b4b; border-color: #b80b4b; }
.btn-default:hover { color: #ffffff; background-color: #b80b4b; border-color: #b80b4b; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #999999; background-color: #e6e6e6; border-color: #e0e0e0; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #999999; background-color: #d4d4d4; border-color: #bfbfbf; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #ffffff; }
.btn-default .badge { color: #ffffff; background-color: #999999; }


.logo-panel { text-align: center; }
@media (min-width: 992px) { .logo-panel { text-align: left; } }
.logo-panel img { border: none; opacity: .6; transition: all 100ms ease-out; margin-bottom: 20px; border-radius: 2px; }
@media (min-width: 992px) { .logo-panel img { margin-bottom: 0; } }
.logo-panel img:hover { border: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); opacity: 1; }

@media screen and (max-width: 500px) {
  .header_widgets, .icon-box, .btn-default, .header_container, .widget .widget-icon-box, .header_navigation-widgets, .widget .widget-social-icons, .header .widget, .widget .header {
    visibility: hidden;

    margin: 0;
    width: 0;
    display: none;
height:0px;
  }
}
.pinkbox {    background-color:#b90a4b; padding:10px; color:#fff; max-width: auto !important;}

.yellowbox {    background-color:#fdb53d; padding:10px; color:#000;}

.bluebox {    background-color:#f008bb4; padding:10px; color:#fff;}

.callnow {font-size: 22px;
    padding: 10px 15px 10px 10px;
display: inline;
    border-width: 0px;
    border-radius: 2px;
    transition: all 100ms ease-out;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
background-color: #b90a4b; border-color: #b90a4b;}

.callnow-home {font-size: 22px;
    padding: 10px 15px 10px 10px;
display: inline;
    border-width: 0px;
    border-radius: 2px;
    transition: all 100ms ease-out;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000;
background-color: #fdb53d; border-color: #fdb53d;}

.callnow-mobile {font-size: 22px;
    padding: 10px 15px 10px 10px;
display: inline;
    border-width: 0px;
    border-radius: 2px;
    transition: all 100ms ease-out;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
background-color: #3baed4; border-color: #3baed4;}

.textwidget {font-size: 1.1em; }



@media (max-width: 580px)

{

.callnow {font-size: .85em !important;}

.callnow-home {font-size: .85em;}

.callnow-mobile {font-size: .85em;}
}


.banner-header {color: #fff !important; text-decoration: none !important}


.su-spoiler-style-default > .su-spoiler-content {margin-top: -20px !important; padding-top: -20px;}

.su-table  {margin-top: -15px; padding-top: -20px;
font-size: .8em}

.price-header {font-weight: bold; color: #565656}


.headerH1 {color: #fff; font-size: 70px; }
.headerH1-home {color: #000; font-size: 70px; }

/* User custom CSS end */

/* Keep the desktop contact details centred alongside the logo and quote link. */
@media (min-width: 992px) {
  .header__logo {
    display: flex;
    align-items: center;
    padding-top: 0;
  }

  .header__widgets {
    align-items: center;
    padding: 20px 0;
  }

  .header__widgets .widget,
  .header__widgets .textwidget {
    display: flex;
    align-items: center;
  }

  .header__widgets .icon-box {
    margin-right: 18px;
    padding: 0 0 0 18px;
    line-height: 1.5;
  }

  .header__widgets .icon-box__title {
    margin-top: 0;
    font-size: 12px;
  }

  .header__widgets .icon-box__subtitle {
    font-size: 14px;
    white-space: nowrap;
  }

  .header__widgets .icon-box .fa {
    font-size: 14px;
  }

  .header__widgets .omsc-button {
    margin: 0;
    padding: 12px 16px;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
  }
}

/* Compact logo row; contact details live inside the mobile menu. */
@media (max-width: 991px) {
  .header__navigation-widgets {
    padding: 8px 18px;
    background: #2f538a;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }

  .header__navigation-widgets .widget {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    visibility: visible;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .header__navigation-widgets .widget:last-of-type { margin-bottom: 0; }
  .header__navigation-widgets .social-icons__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #fff;
  }
  .header__navigation-widgets .social-icons__link .fa {
    margin: 0;
    font-size: 20px;
  }

  .header__logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
  }

  .header__logo > a {
    flex: 0 1 190px;
    min-width: 0;
  }

  .header__logo img {
    display: block;
    width: 100%;
    max-width: 190px;
    height: auto;
    margin: 0;
  }

  .header__logo .navbar-toggle {
    flex: 0 0 auto;
    float: none;
    margin: 0;
  }

  .header__widgets {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    background: #2f538a;
  }

  .header__widgets .widget,
  .header__widgets .icon-box {
    display: block;
    visibility: visible;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .header__widgets .widget:last-of-type { margin-bottom: 0; }
  .header__widgets .icon-box__title { margin-top: 0; font-size: 12px; }
  .header__widgets .icon-box__subtitle { font-size: 14px; overflow-wrap: anywhere; }
  .header__widgets .icon-box__subtitle a { color: #fff; }
  .header__widgets .omsc-button {
    margin: 0;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .header__widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
