@import url('//fonts.googleapis.com/css?family=Open+Sans::400,700');

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

figure { margin: 0; }

iframe { max-width: 100%; }

body { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px; background: url("../img/bg.jpg") repeat-x; }

h1,
h2,
h3,
h4 { color: #01559d; text-transform: uppercase; font-weight: bold; }
h1 { font-size: 18px; }
h2, h3 { font-size: 16px; }
p { font-size: 15px; }

.text-right { text-align: right; }

.container { width: 1170px; margin: 0 auto; }
.main-container { width: 930px; margin: 0 auto; }

.auto { margin: 0 auto; }
.w100 { width: 100%; }
.w66 { width: 66%; }
.w50 { width: 50%; }
.w33 { width: 33%; }
.w16 { width: 16%; }
.left { float: left; position: relative; }
.right { float: right; position: relative; }

.inner { padding: 20px; }

/* Top */
.top-wrapper { position: sticky; top: 0; z-index: 999; }
.top { background: #005fab; position: relative; height: 69px; }
.top .logo { position: absolute; }
.top .logo img { width: 200px; margin-top: 20px; }

.top .search { margin: 20px 0; width: 200px; right: 25px; }
.top .search input[type="search"] { background: #588ac6; border: 1px solid #ffffff; color: #ffffff; padding: 5px; font-size: 12px; float: right; position: absolute; right: 23px; width: 150px; z-index: 998; }
.top .search button { background: #ffffff; border: none; position: absolute; right: 0; height: 29px; cursor: pointer; z-index: 999; }

/* Header */
.header img { width: 100%; }
.header { min-height: 90px; }

/* Main */
.main .main-container { background: white; }
.main .main-inner {
    width: 850px;
    background: #ffffff;
    padding: 0 40px;
}

/* Navigation */
.sticky-wrapper {
    z-index: 9999;
    margin-top: -20px;
    top: 50px;
}

.menu-toggle { display: none; }
.menu ul { padding: 0; margin: 0; width: 850px; background: #ec1d27; height: 42px; }
.menu ul li { padding: 0; margin: 0; list-style: none; float: left; position: relative; }
.menu ul li.active a,
.menu ul li a:hover { background: #005fab; color: #ffdd00; }
.menu ul li a { text-decoration: none; padding: 9px 32px; text-transform: uppercase; color: #005fab; background: #ffdd00; font-size: 16px; font-weight: bold; display: block; }
.menu ul li.highlight a { background: #ec1d27; color: #ffdd00; }
.menu ul li:last-child { float: right; }

/* Submenu */
.menu ul li ul { display: none; width: 100%; position: absolute; z-index: 998; margin-top: 2px; background: none; }
.menu ul li:hover ul { display: block; }
.menu ul li ul li { width: 100%; margin-top: -2px; }
.menu ul li ul li a { padding: 9px 16px; font-size: 14px; }

.is-sticky .menu, .is-sticky .menu > ul { padding: 0; margin: 0 auto; width: 731px; }
.is-sticky .menu ul li a,.is-sticky .menu ul li ul li a { padding: 9px 32px; font-size: 12px; width: inherit; }

/* Content */
.content {  padding: 40px 0; }
.content a { text-decoration: none; color: #ec1d27; }
.content img { max-width: 100%; }

.products .product-item img { width: 80%; padding: 20%; }
.featured .featured-item img { width: 80%; padding: 10%; }
.brands .brand-item img { width: 80%; padding: 20%; }

.actions-header { margin-top: 16px; background: #ec1d27; height: 150px; width: 100%; position: relative; overflow: hidden; text-align: center; }
.actions-header h3 { color: #ffffff; font-size: 32px; }
.actions-header:after{ content: ''; background-color: #fff; display: block; width: 120%; height: 109px; left: 0; position: absolute; right: 0; bottom: -47px; transform: rotate(-2deg); }

.customers { display: table; }
.customers .w33 { display: table-cell; }

.customer .border { padding: 10px; border: 1px solid #005fab; }
.customer-inner { padding: 5px; }

.customer-quote-spacer { height: 210px; display: block; }
.customer-quote { height: 199px; width: 291px; position: absolute; margin-left: -30px; z-index: 998; }
.customer-quote h3 { text-transform: none; margin-left: 15px; margin-top: 50px; padding: 20px; }

.customer-1 .customer-quote { background: url("../img/quote-1.png") no-repeat; }
.customer-1 .customer-quote h3 { color: #fff; }
.customer-2 .customer-quote { background: url("../img/quote-2.png") no-repeat; }
.customer-3 .customer-quote { background: url("../img/quote-3.png") no-repeat; }
.customer-3 .customer-quote h3 { color: #fff; }

.customer-1 .border { border-color: #005fab; margin-right: 10px; }
.customer-2 .border { border-color: #ffdd00; margin: 0 5px;}
.customer-3 .border { border-color: #ec1d27; margin-left: 10px;}

.sidebar { margin-top: 20px; width: 30%; }
.sidebar .border { padding: 0 20px 20px 20px; border: 1px solid #ec1d27; }
.sidebar ul { margin: 0; padding: 0; }
.sidebar ul li { list-style: none; }
.sidebar ul li a { color: #000; }
.sidebar ul li ul li.active a { color: #005fab; }
.sidebar h4 { margin: 20px 0 0 0; padding: 0; }

.contact-form .inner { padding-left: 0; }
.contact-form label { display: block; }
.contact-form input, .contact-form textarea { display: block; width: 97%; padding: 5px; border: 1px solid #d2d2d2; }
.contact-form button { padding: 9px 32px; text-transform: uppercase; color: #005fab; background: #ffdd00; font-size: 16px; font-weight: bold; border: none; cursor: pointer; }

.message.error { border: 1px solid #ec1d27; color: #ec1d27; padding: 20px; }
.message.notice { border: 1px solid #005fab; color: #005fab; padding: 20px; }
.message.success { border: 1px solid #005fab; color: #005fab; padding: 20px; }
.errors { color: #ec1d27; }

/* Footer */
.footer { background: #ffdd00; padding: 40px 0 20px 0; }
.footer-center { border-left: 1px solid #005fab; border-right: 1px solid #005fab; }
.footer-inner { padding: 0 40px; }
.footer table { width: 100%; }
.footer table tr td:nth-child(2) { text-align: right; }
.footer a { text-decoration: none; color: #000000; }

.bottom p { text-align: center; font-size: 12px; margin: 40px 0 0 0; }

@media (max-width: 1170px) {
    .top .container { width: 100%; }
    .top .search input[type="search"] { float: right; position: absolute; right: 23px; width: 150px; }
}

@media (max-width: 930px) {
    .container { width: 100%; }
    .main-container { width: 100%; }

    .w50 { width: 100%; }
    .w50 .inner { padding: 0; }
    .w66 { width: 100%; }

    .menu-toggle { display: inline; }
    .menu-items { display: none; }
    .menu-toggle:hover + .menu-items {
        display: block;
    }
    .menu-items:hover {
        display: block;
    }

    .menu ul { width: 100%;}
    .menu ul li { width: 100%;}
    .menu ul li ul li a { padding: 9px 48px; }
    .menu ul li a:hover { color: #005fab; background: #ffdd00; }
    .menu ul li.highlight a:hover { background: #ec1d27; color: #ffdd00; }
    .menu ul li:hover ul { display: inline; position: inherit; }
    .menu .fas { float: right; margin-top: 5px; }

    .main .main-inner { padding: 0 10%;  width: 80%; }

    .products { display: none; }
    .brands { display: none; }

    .sidebar { margin: 0 0 20px 0; width: 100%; }

    .is-sticky .menu, .is-sticky .menu > ul { display: none; }

    .footer .w33.text-right { text-align: left; }

    .customer .border { margin: 0; }
    .customer { margin-bottom: 20px; width: 100%; }

    .customer-quote-spacer { margin-left: 50%; }
    .customer-quote { margin-left: -145px; }

    .footer-center { border: none; }
    .footer .w33 { width: 100%; }
}

@media (max-width: 480px) {
    .featured-item { width: 100%; }
}