@import url('https://fonts.googleapis.com/css?family=PT+Sans');
    @import url('https://fonts.googleapis.com/css?family=PT+Sans');

/* Body */
    body {
        background: #ffffff;
        color: #000000;
        font-family: "PT Sans", sans-serif;        font-size: 16px;
        /*background: url(../img/bg.jpg) repeat-x top center;*/
    }
    
    .c1 {
        color: #000000 !important;
    }

    .c2 {
        color: #000000 !important;
    }

    .c3 {
        color: #ffffff !important;
    }

    .c4 {
        color: #ffffff !important;
    }

    h1,.h1_sub,.h1,h2,.h2_sub,.h2,h3,.h3_sub,.h3,h4,.h4_sub,.h4,h5,.h5_sub,.h5,h6,.h6_sub,.h6 {
        font-family: "PT Sans", sans-serif;;
        border-color:#002c54;
    }

    h1,.h1_sub, .h1 {
        font-size: 36px;        
        font-weight: 400;
    }

    h2, .h2_sub, .h2 {
        font-size: 24px;
        font-weight: 700;
    }

    h3, .h3_sub, .h3 {
        font-size: 18px;
        font-weight: 700;
    }

    .owl-carousel .owl-controls .owl-dots {
        text-align: center;
        padding-top: 10px;
    }

    .owl-carousel .owl-controls .owl-dot {
        display:inline-block;
        margin: 0 5px;
    }

    .owl-carousel .owl-controls .owl-dot span {
        display:block;
        border-radius: 50%;
        background: #f2f2f2;
        width: 10px;
        height: 10px;
    }

    .owl-carousel .owl-controls .owl-dot.active span {
        background: #002c54;
    }

    #mob_nav_controls a.fa-bars {
        background: #002c54;
        color: #ffffff;
    }

    .form-group input[type=text],
    .form-group input[type=search],
    .form-group input[type=email],
    .form-group input[type=password],
    .form-group textarea {
        border-color: #000000;
    }

    .form-group input:focus,
    .form-group textarea:focus {
        border-color: #002c54;
    }


    .form-group input[type=radio]:checked + span:before,
    .form-group label:hover input[type=radio]:checked + span:before {
      border-color: text1    }

    .form-group label:hover input[type=checkbox] + span:after {
      border-color: text1;
    }

    .form-group input[type=checkbox]:checked + span:after,
    .form-group label:hover input[type=checkbox]:checked + span:after {
      color: #1b1c20;
    }

    .bootstrap-select .btn {
        background-color: #ffffff !important;
        border-color: #000000 !important;
        color: #000000 !important;
    }

    .bootstrap-select .btn .bs-caret {
      background: #002c54;
    }

    .bootstrap-select .btn .bs-caret {
        color: #ffffff;
        border-left: 1px solid #000000;
    }

    .bootstrap-select .btn .bs-caret .caret {
        color: #ffffff;
        border-top-color:#ffffff;
    }

    #content *:not(nav)>ul>li:before,
    #content *:not(nav)>ol>li:before {
      color: #1b1c20;
    }

    #contact_page .contact_details>* .fa {
        color: #1b1c20;
    }

    #mob_nav_controls {
        border-top-color: #002c54;
    }

    #header #navigation #main-menu li>div li a:hover,
    body.mobile #header #mob-nav a:hover {
        background: #002c54;
        color: #ffffff;
    }
/* Header Background */
    #header {
        background: #fff;
        color: ;
    }

    #header a {
        color: ;
    }
    #header #navigation #main-menu li>div li a,
    body.mobile #header #mob-nav a {
        color: #000000    }

/* Background 1 Styles */

    .bg1 {
        background: #ffffff;
        border-color: #ffffff;
        color: #000000;
    }

    a,
    .bg1 a {
        color: #1b1c20;
    }

    .bg1 a:hover {
        color: #000000;
    }

    .bg1 h1, .bg1 .h1_sub,.bg1.h1, .bg1 h2, .bg1 .h2_sub,.bg1 .h2, .bg1 h3, .bg3 .h3_sub,.bg1 .h3, .bg1 h4, .bg1 .h4_sub, .bg1.h4, .bg1 h5, .bg1 .h5_sub,.bg1 .h5, .bg1 h6, .bg1 .h6_sub,.bg1 .h6,
    .bg1.fancy_title {
        color: #1b1c20;
    }

    .btn,
    .bg1 .btn,
    .btn.btn-default,
    .bg1 .btn.btn-default {
      background: #ffffff;
      border-color: #1b1c20;
      color: #1b1c20;
    }

    .btn:hover,
    .bg1 .btn:hover,
    .btn.btn-default:hover,
    .bg1 .btn.btn-default:hover  {
      background: #002c54;
      border-color: #002c54;
      color: #ffffff;
    }


    .btn.btn-primary,
    .bg1 .btn.btn-primary {
      background: #002c54;
      border-color: #002c54;
      color: #ffffff;
    }

    .btn.btn-primary:hover,
    .bg1 .btn.btn-primary:hover  {
      background: #ffffff;
      border-color: #000000;
      color: #000000;
    }

/* Background 2 Styles */

    .bg2 {
        background: #f2f2f2;
        border-color: #f2f2f2;
        color: #000000;
    }

    .bg2 a {
        color: #000000;
    }

    .bg2 a:hover {
        color: #000000;
    }

    .bg2 h1, .bg2 .h1_sub, .bg2 .h1,.bg2 h2, .bg2 .h2_sub, .bg2 .h2,.bg2 h3, .bg3 .h3_sub, .bg2 .h3,.bg2 h4, .bg2 .h4_sub, .bg2 .h4,.bg2 h5, .bg2 .h5_sub, .bg2 .h5,.bg2 h6, .bg2 .h6_sub, .bg2 .h6 {
        color: #000000;
    }

    .bg2 .btn,
    .bg2 .btn.btn-default {
      background: #f2f2f2;
      border-color: #000000;
      color: #000000;
    }

    .bg2 .btn:hover,
    .bg2 .btn.btn-default:hover  {
      background: #002c54;
      border-color: #002c54;
      color: #ffffff;
    }

    .bg2 .owl-carousel .owl-controls .owl-dot span {
        background: #ffffff;
    }

    .bg2 .owl-carousel .owl-controls .owl-dot.active span {
        background: #002c54;
    }


/* Background 3 Styles */

    .bg3 {
        background: #002c54;
        border-color: #002c54;
        color: #ffffff;
    }

    .bg3 a {
        color: #ffffff;
    }

    .bg3 a:hover {
        color: color: #ffffff;
    }

    .bg3 h1, .bg3 .h1_sub, .bg3 .h1,.bg3 h2, .bg3 .h2_sub, .bg3 .h2,.bg3 h3, .bg3 .h3_sub, .bg3 .h3,.bg3 h4, .bg3 .h4_sub, .bg3 .h4,.bg3 h5, .bg3 .h5_sub, .bg3 .h5,.bg3 h6, .bg3 .h6_sub, .bg3 .h6, {
        color: #ffffff;
    }

    .bg3 .btn,
    .bg3 .btn.btn-default {
      background: #002c54;
      border-color: #ffffff;
      color: #ffffff;
    }

    .bg3 .btn:hover,
    .bg3 .btn.btn-default:hover  {
      background: #0093dd;
      border-color: #0093dd;
      color: #ffffff;
    }

/* Background 4 Styles */

    .bg4 {
        background: #0093dd;
        border-color: #0093dd;
        color: #ffffff;
    }

    .bg4 a {
        color: #ffffff;
    }

    .bg4 a:hover {
        color: #ffffff;
    }

    .bg4 h1, .bg4 .h1_sub, .bg4 .h1,.bg4 h2, .bg4 .h2_sub, .bg4 .h2,.bg4 h3, .bg4 .h3_sub, .bg4 .h3,.bg4 h4, .bg4 .h4_sub, .bg4 .h4,.bg4 h5, .bg4 .h5_sub, .bg4 .h5,.bg4 h6, .bg4 .h6_sub, .bg4 .h6, {
        color: #ffffff;
    }

    .bg4 .btn,
    .bg4 .btn.btn-default {
      background: #0093dd;
      border-color: #ffffff;
      color: #ffffff;
    }

    .bg4 .btn:hover,
    .bg4 .btn.btn-default:hover  {
      background: #002c54;
      border-color: #002c54;
      color: #ffffff;
    }

/* Mobile Nav */

    #mob-nav>div>ul li:hover>a {
        background: #ffffff !important;
        color:  !important;
    }

/* Products */

    .featured_product a {
        background: #f2f2f2;
        color: #000000;
    }

    .featured_product .img {
      border: 2px solid #f2f2f2;
    }

    .featured_product a:hover {
      background: #0093dd;
      color: #ffffff;
    }

    .featured_product a:hover h3 {
      color: #ffffff;
    }

    #products aside a {
        border: 2px solid #f2f2f2;
    }

/* Mail Chimp */

    #mailchimp .sign_up input[type=submit] {
        background: #0093dd;
        color: #ffffff    }

    #archive_top, 
    #page_head {
        background-image: url(https://www.dynamicpumps.co.uk/wp-content/uploads/logo_banner.jpg);
    }