@import url('https://fonts.googleapis.com/css?family=Lato');

/* Body */
    body {
        background: #ffffff;
        color: #4c4c4c38484e;
        font-family: Lato;
        font-size: 14px;
        /*background: url(../img/bg.jpg) repeat-x top center;*/

    }

    .c1 {
        color: #4c4c4c38484e !important;
    }

    .c2 {
        color: #38484e !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: Lato;
        border-color:#e58325;
    }

    h1,.h1_sub, .h1 {
        font-size: 36px;        
        font-weight: 400;
    }

    h2, .h2_sub, .h2 {
        font-size: 22px;
        font-weight: 400;
    }

    h3, .h3_sub, .h3 {
        font-size: 18px;
        font-weight: 400;
    }

    #mob_nav_controls a.fa-bars {
        background: #e58325;
        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: #4c4c4c38484e;
    }

    .form-group input:focus,
    .form-group textarea:focus {
        border-color: #e58325;
    }


    .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: #38484e;
    }

    .bootstrap-select .btn {
        background-color: #ffffff !important;
        border-color: #4c4c4c38484e !important;
        color: #4c4c4c38484e !important;
    }

    .bootstrap-select .btn .bs-caret {
      background: #e58325;
    }

    .bootstrap-select .btn .bs-caret {
        color: #ffffff;
        border-left: 1px solid #4c4c4c38484e;
    }

    .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: #38484e;
    }

    #contact_page .contact_details>* .fa {
        color: #38484e;
    }

    #mob_nav_controls {
        border-top-color: #e58325;
    }

    #header #navigation #main-menu li>div li a:hover,
    body.mobile #header #mob-nav a:hover {
        background: #e58325;
        color: #ffffff;
    }
/* Header Background */
    #header {
        background: rgba(29,50,88,0);
        color: #ffffff;
    }

    #header a {
        color: #ffffff;
    }
    #header #navigation #main-menu li>div li a,
    body.mobile #header #mob-nav a {
        color: #38484e    }

/* Background 1 Styles */

    .bg1 {
        background: #ffffff;
        border-color: #ffffff;
        color: #4c4c4c38484e;
    }

    a,
    .bg1 a {
        color: #38484e;
    }

    .bg1 a:hover {
        color: #4c4c4c38484e;
    }

    .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: #38484e;
    }

    .btn,
    .bg1 .btn,
    .btn.btn-default,
    .bg1 .btn.btn-default {
      background: #ffffff;
      border-color: #38484e;
      color: #38484e;
    }

    .btn:hover,
    .bg1 .btn:hover,
    .btn.btn-default:hover,
    .bg1 .btn.btn-default:hover  {
      background: #e58325;
      border-color: #e58325;
      color: #ffffff;
    }


    .btn.btn-primary,
    .bg1 .btn.btn-primary {
      background: #e58325;
      border-color: #e58325;
      color: #ffffff;
    }

    .btn.btn-primary:hover,
    .bg1 .btn.btn-primary:hover  {
      background: #ffffff;
      border-color: #4c4c4c38484e;
      color: #4c4c4c38484e;
    }

/* Background 2 Styles */

    .bg2 {
        background: #f3f3f3;
        border-color: #f3f3f3;
        color: #38484e;
    }

    .bg2 a {
        color: #da2e36;
    }

    .bg2 a:hover {
        color: #38484e;
    }

    .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: #da2e36;
    }

    .bg2 .btn,
    .bg2 .btn.btn-default {
      background: #f3f3f3;
      border-color: #da2e36;
      color: #da2e36;
    }

    .bg2 .btn:hover,
    .bg2 .btn.btn-default:hover  {
      background: #e58325;
      border-color: #e58325;
      color: #ffffff;
    }

/* Background 3 Styles */

    .bg3 {
        background: #e58325;
        border-color: #e58325;
        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: #e58325;
      border-color: #ffffff;
      color: #ffffff;
    }

    .bg3 .btn:hover,
    .bg3 .btn.btn-default:hover  {
      background: #00a579;
      border-color: #00a579;
      color: #ffffff;
    }

/* Background 4 Styles */

    .bg4 {
        background: #00a579;
        border-color: #00a579;
        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: #00a579;
      border-color: #ffffff;
      color: #ffffff;
    }

    .bg4 .btn:hover,
    .bg4 .btn.btn-default:hover  {
      background: #e58325;
      border-color: #e58325;
      color: #ffffff;
    }

/* Mobile Nav */

    #mob-nav>div>ul li:hover>a {
        background: #ffffff !important;
        color:  !important;
    }

/* Products */

    .featured_product a {
        background: #f3f3f3;
        color: #38484e;
    }

    .featured_product .img {
      border: 2px solid #f3f3f3;
    }

    .featured_product a:hover {
      background: #00a579;
      color: #ffffff;
    }

    .featured_product a:hover h3 {
      color: #ffffff;
    }

    #products aside a {
        border: 2px solid #f3f3f3;
    }

/* Mail Chimp */

    #mailchimp .sign_up input[type=submit] {
        background: #00a579;
        color: #ffffff    }

