@charset "utf-8";
/* CSS Document */

/*

Theme Name: Nitterhouse

Theme URI:

Description: Simple Theme with Admin Options for easy customization of Header image, Menus and display options.

Version: 1.0

Author: WebpageFX

Author URI: http://www.webpagefx.com



This theme is released under the GPL: http://www.gnu.org/licenses/gpl.html

*/

@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('library/fonts/sourcesanspro-semibold-webfont.eot');
    src: url('library/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('library/fonts/sourcesanspro-semibold-webfont.woff') format('woff'),  url('library/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),  url('library/fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro-semibolditalic';
    src: url('library/fonts/sourcesanspro-semibolditalic-webfont.eot');
    src: url('library/fonts/sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),  url('library/fonts/sourcesanspro-semibolditalic-webfont.woff') format('woff'),  url('library/fonts/sourcesanspro-semibolditalic-webfont.ttf') format('truetype'),  url('library/fonts/sourcesanspro-semibolditalic-webfont.svg#sourcesanspro-semibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro-black-webfont';
    src: url('library/fonts/sourcesanspro-black-webfont.eot');
    src: url('library/fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),  url('library/fonts/sourcesanspro-black-webfont.woff') format('woff'),  url('library/fonts/sourcesanspro-black-webfont.ttf') format('truetype'),  url('library/fonts/sourcesanspro-black-webfont.svg#sourcesanspro-semibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Icons */

@font-face {
  font-family: 'icomoon';
  src:  url('library/fonts/icomoon.eot?d4u3sd');
  src:  url('library/fonts/icomoon.eot?d4u3sd#iefix') format('embedded-opentype'),
    url('library/fonts/icomoon.ttf?d4u3sd') format('truetype'),
    url('library/fonts/icomoon.woff?d4u3sd') format('woff'),
    url('library/fonts/icomoon.svg?d4u3sd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}



.clear {
    clear: both;
    padding: 0;
    margin: 0;
}

/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }
.wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.transparent {
    background: url(images/transparent.png) repeat;
}
body {
    padding: 0;
    font-size: 12px;
    font-family: 'Source Sans Pro', Tahoma, Verdana, Arial;
    color: #707070;
}
ul, ol {
    padding: 0 0 0 15px;
    margin: 0;
}
a {
    color: #4261a3;
    text-decoration: none;
}
a:hover {
    color: black;
}
a img {
    border: 0;
    outline: none;
}
img{
    max-width: 100%;
    /* height: 100%!important; */
}
p {
    padding: 20px 0;
}
* {
    outline: none;
    margin: 0;

}
h1, h2, h3, h4, h5, h6 {
    padding: 10px 0;
    font-weight: normal;
}
h1 {
    font-size: 24px;
    color: #4261a3;
    padding-bottom: 10px;
}
h2 {
    font-size: 22px;
    color: #4261a3;
    padding-bottom: 10px;
}
h3 {
    font-size: 18px;
}
h4, h5, h6 {
    font-size: 14px;
}
*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


/* ---------------------------------------------------

    Sticky Footer

------------------------------------------------------ */

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 339px !important; /* bottom = footer height */
}
#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 339px;
    width: 100%;
    font-size: 14px;
}



/* ---------------------------------------------------

    generic

------------------------------------------------------ */

.button {
    background: #a40c09;
    background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E21A16),  color-stop(1, #770200)  );
    background-image: -o-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -moz-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -webkit-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -ms-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E21A16), to(#770200));
    background-image: -o-linear-gradient(top, #E21A16 0%, #770200 100%);
    background-image: linear-gradient(to bottom, #E21A16 0%, #770200 100%);
    border-top: 1px solid #eb5350;
    display: inline-block;
    min-width: 185px;
    height: 40px;
    margin: 1rem 0;
    padding: 0 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-shadow: 2px 1px 3px rgba(0,0,0, .35);
    box-shadow: 2px 1px 3px rgba(0,0,0, .35);
}
.button:hover {
    color: #fff;
    background: #770200;
    background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #A40C09),  color-stop(1, #770200)  );
    background-image: -o-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -moz-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -webkit-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -ms-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A40C09), to(#770200));
    background-image: -o-linear-gradient(top, #A40C09 0%, #770200 100%);
    background-image: linear-gradient(to bottom, #A40C09 0%, #770200 100%);
    border-top: 1px solid #b5100d;
}
.align--center {
    text-align: center;
}
.push--center {
    margin-left: auto;
    margin-right: auto;
}
.bulletCats {
    margin-top: 1%;
    margin-left: 2%;
    margin-bottom: 1%;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}



/********************************************************************************************************



    00. WebpageFX Helper Classes

*********************************************************************************************************/



/********************************************************************************************************

    01. Grid System

*********************************************************************************************************/

/**
 * Wrappers
 */

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
    .container { max-width: 1000px; }

/**
 * Grid System
 *
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 * Base setup 20px gutters
 *
 * Phones         - xxs - <  600px    ** Default **
 * Small Tablets  - xs - >=  600px
 * Tablets        - sm - >= 768px
 * Desktop        - md - >= 1025px
 * Large Desktop  - lg - >= 1200px
 * --------------------------------------------------------------------------
 * Learn more here: http://getbootstrap.com/css/#grid
 * -------------------------------------------------------------------------- */

.row {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }

.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9  { width: 75%; }
.col-xxs-8  { width: 66.66666667%; }
.col-xxs-7  { width: 58.33333333%; }
.col-xxs-6  { width: 50%; }
.col-xxs-5  { width: 41.66666667%; }
.col-xxs-4  { width: 33.33333333%; }
.col-xxs-3  { width: 25%; }
.col-xxs-2  { width: 16.66666667%; }
.col-xxs-1  { width: 8.33333333%; }

.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9  { right: 75%; }
.col-xxs-pull-8  { right: 66.66666667%; }
.col-xxs-pull-7  { right: 58.33333333%; }
.col-xxs-pull-6  { right: 50%; }
.col-xxs-pull-5  { right: 41.66666667%; }
.col-xxs-pull-4  { right: 33.33333333%; }
.col-xxs-pull-3  { right: 25%; }
.col-xxs-pull-2  { right: 16.66666667%; }
.col-xxs-pull-1  { right: 8.33333333%; }
.col-xxs-pull-0  { right: auto; }

.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9  { left: 75%; }
.col-xxs-push-8  { left: 66.66666667%; }
.col-xxs-push-7  { left: 58.33333333%; }
.col-xxs-push-6  { left: 50%; }
.col-xxs-push-5  { left: 41.66666667%; }
.col-xxs-push-4  { left: 33.33333333%; }
.col-xxs-push-3  { left: 25%; }
.col-xxs-push-2  { left: 16.66666667%; }
.col-xxs-push-1  { left: 8.33333333%; }
.col-xxs-push-0  { left: auto; }

.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9  { margin-left: 75%; }
.col-xxs-offset-8  { margin-left: 66.66666667%; }
.col-xxs-offset-7  { margin-left: 58.33333333%; }
.col-xxs-offset-6  { margin-left: 50%; }
.col-xxs-offset-5  { margin-left: 41.66666667%; }
.col-xxs-offset-4  { margin-left: 33.33333333%; }
.col-xxs-offset-3  { margin-left: 25%; }
.col-xxs-offset-2  { margin-left: 16.66666667%; }
.col-xxs-offset-1  { margin-left: 8.33333333%; }
.col-xxs-offset-0  { margin-left: 0%; }

/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
    [class*="col-xs-"] {float:left;}

    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9  { width: 75%; }
    .col-xs-8  { width: 66.66666667%; }
    .col-xs-7  { width: 58.33333333%; }
    .col-xs-6  { width: 50%; }
    .col-xs-5  { width: 41.66666667%; }
    .col-xs-4  { width: 33.33333333%; }
    .col-xs-3  { width: 25%; }
    .col-xs-2  { width: 16.66666667%; }
    .col-xs-1  { width: 8.33333333%; }

    .col-xs-pull-12 { right: 100%; }
    .col-xs-pull-11 { right: 91.66666667%; }
    .col-xs-pull-10 { right: 83.33333333%; }
    .col-xs-pull-9  { right: 75%; }
    .col-xs-pull-8  { right: 66.66666667%; }
    .col-xs-pull-7  { right: 58.33333333%; }
    .col-xs-pull-6  { right: 50%; }
    .col-xs-pull-5  { right: 41.66666667%; }
    .col-xs-pull-4  { right: 33.33333333%; }
    .col-xs-pull-3  { right: 25%; }
    .col-xs-pull-2  { right: 16.66666667%; }
    .col-xs-pull-1  { right: 8.33333333%; }
    .col-xs-pull-0  { right: auto; }

    .col-xs-push-12 { left: 100%; }
    .col-xs-push-11 { left: 91.66666667%; }
    .col-xs-push-10 { left: 83.33333333%; }
    .col-xs-push-9  { left: 75%; }
    .col-xs-push-8  { left: 66.66666667%; }
    .col-xs-push-7  { left: 58.33333333%; }
    .col-xs-push-6  { left: 50%; }
    .col-xs-push-5  { left: 41.66666667%; }
    .col-xs-push-4  { left: 33.33333333%; }
    .col-xs-push-3  { left: 25%; }
    .col-xs-push-2  { left: 16.66666667%; }
    .col-xs-push-1  { left: 8.33333333%; }
    .col-xs-push-0  { left: auto; }

    .col-xs-offset-12 { margin-left: 100%; }
    .col-xs-offset-11 { margin-left: 91.66666667%; }
    .col-xs-offset-10 { margin-left: 83.33333333%; }
    .col-xs-offset-9  { margin-left: 75%; }
    .col-xs-offset-8  { margin-left: 66.66666667%; }
    .col-xs-offset-7  { margin-left: 58.33333333%; }
    .col-xs-offset-6  { margin-left: 50%; }
    .col-xs-offset-5  { margin-left: 41.66666667%; }
    .col-xs-offset-4  { margin-left: 33.33333333%; }
    .col-xs-offset-3  { margin-left: 25%; }
    .col-xs-offset-2  { margin-left: 16.66666667%; }
    .col-xs-offset-1  { margin-left: 8.33333333%; }
    .col-xs-offset-0  { margin-left: 0%; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [class*="col-sm-"] {float:left;}

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9  { width: 75%; }
    .col-sm-8  { width: 66.66666667%; }
    .col-sm-7  { width: 58.33333333%; }
    .col-sm-6  { width: 50%; }
    .col-sm-5  { width: 41.66666667%; }
    .col-sm-4  { width: 33.33333333%; }
    .col-sm-3  { width: 25%; }
    .col-sm-2  { width: 16.66666667%; }
    .col-sm-1  { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-8  { right: 66.66666667%; }
    .col-sm-pull-7  { right: 58.33333333%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-5  { right: 41.66666667%; }
    .col-sm-pull-4  { right: 33.33333333%; }
    .col-sm-pull-3  { right: 25%; }
    .col-sm-pull-2  { right: 16.66666667%; }
    .col-sm-pull-1  { right: 8.33333333%; }
    .col-sm-pull-0  { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-8  { left: 66.66666667%; }
    .col-sm-push-7  { left: 58.33333333%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-5  { left: 41.66666667%; }
    .col-sm-push-4  { left: 33.33333333%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-2  { left: 16.66666667%; }
    .col-sm-push-1  { left: 8.33333333%; }
    .col-sm-push-0  { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-8  { margin-left: 66.66666667%; }
    .col-sm-offset-7  { margin-left: 58.33333333%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-5  { margin-left: 41.66666667%; }
    .col-sm-offset-4  { margin-left: 33.33333333%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-2  { margin-left: 16.66666667%; }
    .col-sm-offset-1  { margin-left: 8.33333333%; }
    .col-sm-offset-0  { margin-left: 0%; }

}

/* Medium devices (desktops, 1000px and up) */
@media (min-width: 1000px) {
  [class*="col-md-"] {float:left;}

  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6  { width: 50%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4  { width: 33.33333333%; }
  .col-md-3  { width: 25%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9  { right: 75%; }
  .col-md-pull-8  { right: 66.66666667%; }
  .col-md-pull-7  { right: 58.33333333%; }
  .col-md-pull-6  { right: 50%; }
  .col-md-pull-5  { right: 41.66666667%; }
  .col-md-pull-4  { right: 33.33333333%; }
  .col-md-pull-3  { right: 25%; }
  .col-md-pull-2  { right: 16.66666667%; }
  .col-md-pull-1  { right: 8.33333333%; }
  .col-md-pull-0  { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9  { left: 75%; }
  .col-md-push-8  { left: 66.66666667%; }
  .col-md-push-7  { left: 58.33333333%; }
  .col-md-push-6  { left: 50%; }
  .col-md-push-5  { left: 41.66666667%; }
  .col-md-push-4  { left: 33.33333333%; }
  .col-md-push-3  { left: 25%; }
  .col-md-push-2  { left: 16.66666667%; }
  .col-md-push-1  { left: 8.33333333%; }
  .col-md-push-0  { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9  { margin-left: 75%; }
  .col-md-offset-8  { margin-left: 66.66666667%; }
  .col-md-offset-7  { margin-left: 58.33333333%; }
  .col-md-offset-6  { margin-left: 50%; }
  .col-md-offset-5  { margin-left: 41.66666667%; }
  .col-md-offset-4  { margin-left: 33.33333333%; }
  .col-md-offset-3  { margin-left: 25%; }
  .col-md-offset-2  { margin-left: 16.66666667%; }
  .col-md-offset-1  { margin-left: 8.33333333%; }
  .col-md-offset-0  { margin-left: 0%; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*="col-lg-"] {float:left;}

  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9  { width: 75%; }
  .col-lg-8  { width: 66.66666667%; }
  .col-lg-7  { width: 58.33333333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-5  { width: 41.66666667%; }
  .col-lg-4  { width: 33.33333333%; }
  .col-lg-3  { width: 25%; }
  .col-lg-2  { width: 16.66666667%; }
  .col-lg-1  { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9  { right: 75%; }
  .col-lg-pull-8  { right: 66.66666667%; }
  .col-lg-pull-7  { right: 58.33333333%; }
  .col-lg-pull-6  { right: 50%; }
  .col-lg-pull-5  { right: 41.66666667%; }
  .col-lg-pull-4  { right: 33.33333333%; }
  .col-lg-pull-3  { right: 25%; }
  .col-lg-pull-2  { right: 16.66666667%; }
  .col-lg-pull-1  { right: 8.33333333%; }
  .col-lg-pull-0  { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9  { left: 75%; }
  .col-lg-push-8  { left: 66.66666667%; }
  .col-lg-push-7  { left: 58.33333333%; }
  .col-lg-push-6  { left: 50%; }
  .col-lg-push-5  { left: 41.66666667%; }
  .col-lg-push-4  { left: 33.33333333%; }
  .col-lg-push-3  { left: 25%; }
  .col-lg-push-2  { left: 16.66666667%; }
  .col-lg-push-1  { left: 8.33333333%; }
  .col-lg-push-0  { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9  { margin-left: 75%; }
  .col-lg-offset-8  { margin-left: 66.66666667%; }
  .col-lg-offset-7  { margin-left: 58.33333333%; }
  .col-lg-offset-6  { margin-left: 50%; }
  .col-lg-offset-5  { margin-left: 41.66666667%; }
  .col-lg-offset-4  { margin-left: 33.33333333%; }
  .col-lg-offset-3  { margin-left: 25%; }
  .col-lg-offset-2  { margin-left: 16.66666667%; }
  .col-lg-offset-1  { margin-left: 8.33333333%; }
  .col-lg-offset-0  { margin-left: 0%; }

}


/**********************************************

    01.01 Content wrapper

          It is important to wrap any new

          content you may be implementing

          in a container with the class of

          "fx-grid". This ensures padding

          applies correctly to your elements.

***********************************************/

.fx-grid,  .fx-grid * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/**

 * Grid wrapper

 */

.fx-grid {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0;
}
/**********************************************

    01.02 Widths

          These helper classes set percentage

          widths to any elements/content you

          are implementing. Use these with

          floats to get text to wrap around

          other elements, such as images.

***********************************************/

/**

* Whole

*/

.one-whole {
    width: 100%;
}
/**

* Halves

*/

.one-half {
    width: 50%;
}
/**

* Thirds

*/

.one-third {
    width: 33.333%;
}
.two-thirds {
    width: 66.666%;
}
/**

* Quarters

*/

.one-quarter {
    width: 25%;
}
.two-quarters {
    width: 50%;
}
.three-quarters {
    width: 75%;
}
/**

* Fifths

*/

.one-fifth {
    width: 20%;
}
.two-fifths {
    width: 40%;
}
.three-fifths {
    width: 60%;
}
.four-fifths {
    width: 80%;
}
/**

* Sixths

*/

.one-sixth {
    width: 16.666%;
}
.two-sixths {
    width: 33.333%;
}
.three-sixths {
    width: 50%;
}
.four-sixths {
    width: 66.666%;
}
.five-sixths {
    width: 83.333%;
}
/**

* Eighths

*/

.one-eighth {
    width: 12.5%;
}
.two-eighths {
    width: 25%;
}
.three-eighths {
    width: 37.5%;
}
.four-eighths {
    width: 50%;
}
.five-eighths {
    width: 62.5%;
}
.six-eighths {
    width: 75%;
}
.seven-eighths {
    width: 87.5%;
}
/**

* Tenths

*/

.one-tenth {
    width: 10%;
}
.two-tenths {
    width: 20%;
}
.three-tenths {
    width: 30%;
}
.four-tenths {
    width: 40%;
}
.five-tenths {
    width: 50%;
}
.six-tenths {
    width: 60%;
}
.seven-tenths {
    width: 70%;
}
.eight-tenths {
    width: 80%;
}
.nine-tenths {
    width: 90%;
}
/**

* Twelfths

*/

.one-twelfth {
    width: 8.333%;
}
.two-twelfths {
    width: 16.666%;
}
.three-twelfths {
    width: 25%;
}
.four-twelfths {
    width: 33.333%;
}
.five-twelfths {
    width: 41.666%
}
.six-twelfths {
    width: 50%;
}
.seven-twelfths {
    width: 58.333%;
}
.eight-twelfths {
    width: 66.666%;
}
.nine-twelfths {
    width: 75%;
}
.ten-twelfths {
    width: 83.333%;
}
.eleven-twelfths {
    width: 91.666%;
}




/********************************************************************************************************

    02. Helper Classes

*********************************************************************************************************/

/**********************************************

    02.01 Contain widths

          You probably won't need this, but

          if you're creating an element

          outside of a site's "wrapper" -

          fx-contain will center your content

          on the page.

***********************************************/

.fx-contain {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
}
.fx-contain--small {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
}
/**********************************************

    02.02 Hide elements

          This class will hide whatever

          element you apply it to.

***********************************************/

.fx-hidden,  .fx-hidden-by-js {
    display: none;
}
/**********************************************

    02.03 Floats

          These classes will apply floats

          to any element you target.

          Floats make an element get positioned

          to the left, right, or center of

          whatever container it is within.

          Other content, such as text, will

          wrap around floated elements.

***********************************************/

.float--left {
    float: left !important;
}
.float--right {
    float: right !important;
}
.float--middle {
    margin-right: auto !important;
    margin-left: auto !important;
}  /*  Note: A .float--middle element must have a width applied to it as well  */
/**********************************************

    02.04 Clears

          These classes help "clear" elements

          that are floating.

          For instance, if you need a text

          block to appear below a "floated"

          element, you need to "clear" the

          direction in which it's floating.

***********************************************/

.clear--left {
    clear: left !important;
}
.clear--right {
    clear: right !important;
}
.clear--both {
    clear: both !important;
}
.clear--contain {
    overflow: hidden !important;
}
.cf:after {
    content: "";
    display: table;
    clear: both;
}
/**********************************************

    02.05 Text alignment

          These classes help control your text

          alignment.

***********************************************/

.text--left {
    text-align: left !important;
}
.text--center {
    text-align: center!important;
}
.text--right {
    text-align: right !important;
}
/**********************************************

    02.06 Font weights

          These classes help control the

          boldness of your text.

***********************************************/

.weight--light {
    font-weight: 300!important;
}
.weight--normal {
    font-weight: 400!important;
}
.weight--semibold {
    font-weight: 600!important;
}
/**********************************************

    02.07 Margins

          These classes help you control the

          spacing around the outside of an

          element.

          Margin is the amount of space

          outside of an element.

          It can be applied to the

          top, right, bottom, and left

          of elements.

***********************************************/

.push {
    margin: 2em!important;
}
.push--top {
    margin-top: 2em!important;
}
.push--right {
    margin-right: 2em!important;
}
.push--bottom {
    margin-bottom: 2em!important;
}
.push--left {
    margin-left: 2em!important;
}
.push--dleft {
    margin-left: 5em;
}
.push--ends {
    margin-top: 2em!important;
    margin-bottom: 2em!important;
}
.push--sides {
    margin-right: 2em!important;
    margin-left: 2em!important;
}
.push-half {
    margin: 1em!important;
}
.push-half--top {
    margin-top: 1em!important;
}
.push-half--right {
    margin-right: 1em!important;
}
.push-half--bottom {
    margin-bottom: 1em!important;
}
.push-half--left {
    margin-left: 1em!important;
}
.push-half--ends {
    margin-top: 1em!important;
    margin-bottom: 1em!important;
}
.push-half--sides {
    margin-right: 1em!important;
    margin-left: 1em!important;
}
.flush {
    margin: 0!important;
}
.flush--top {
    margin-top: 0!important;
}
.flush--right {
    margin-right: 0!important;
}
.flush--bottom {
    margin-bottom: 0!important;
}
.flush--left {
    margin-left: 0!important;
}
.flush--ends {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.flush--sides {
    margin-right: 0!important;
    margin-left: 0!important;
}
/**********************************************

    02.08 Padding

          These classes help you control the

          spacing inside of an element.

          Padding is the amount of space

          between the edge of an element and

          the content within it.

          It can be applied to the

          top, right, bottom, and left

          of elements.

***********************************************/

.soft {
    padding: 2em!important;
}
.soft--top {
    padding-top: 2em!important;
}
.soft--right {
    padding-right: 2em!important;
}
.soft--bottom {
    padding-bottom: 2em!important;
}
.soft--left {
    padding-left: 2em!important;
}
.soft--ends {
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}
.soft--sides {
    padding-right: 2em!important;
    padding-left: 2em!important;
}
.soft-half {
    padding: 1em!important;
}
.soft-half--top {
    padding-top: 1em!important;
}
.soft-half--right {
    padding-right: 1em!important;
}
.soft-half--bottom {
    padding-bottom: 1em!important;
}
.soft-half--left {
    padding-left: 1em!important;
}
.soft-half--ends {
    padding-top: 1em!important;
    padding-bottom: 1em!important;
}
.soft-half--sides {
    padding-right: 1em!important;
    padding-left: 1em!important;
}
.hard {
    padding: 0!important;
}
.hard--top {
    padding-top: 0!important;
}
.hard--right {
    padding-right: 0!important;
}
.hard--bottom {
    padding-bottom: 0!important;
}
.hard--left {
    padding-left: 0!important;
}
.hard--ends {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.hard--sides {
    padding-right: 0!important;
    padding-left: 0!important;
}
/**********************************************

    02.09 Borders

          These classes apply a grey border

          to any element you target.

          Feel free to adjust color, width,

          and style.

          (solid, dotted, dashed, double)

***********************************************/

.border {
    border: 1px solid #dfdfdf!important;
}
.border--top {
    border-top: 1px solid #dfdfdf!important;
}
.border--right {
    border-right: 1px solid #dfdfdf!important;
}
.border--bottom {
    border-bottom: 1px solid #dfdfdf!important;
}
.border--left {
    border-left: 1px solid #dfdfdf!important;
}
.border--ends {
    border-top: 1px solid #dfdfdf!important;
    border-bottom: 1px solid #dfdfdf!important;
}
.border--sides {
    border-right: 1px solid #dfdfdf!important;
    border-left: 1px solid #dfdfdf!important;
}
/**********************************************

    02.10 Font case

          These classes control the way

          your text renders.

          uppercase - all letters capitalized

          lowercase - all letters lowercase

          capital   - first letter of each word

                      is capitalized

***********************************************/

.uppercase {
    text-transform: uppercase!important;
}
.lowercase {
    text-transform: lowercase!important;
}
.capital {
    text-transform: capitalize!important;
}
/**********************************************

    02.11 Display

          Sets the display style of elements

          inline -        element is "inline" with content

          block  -        element will appear on a new "line"

                          in your content

          inline-block -  element will be "inline" with content,

                          but can receive "block" style properties,

                          such as padding

***********************************************/

.display--inline {
    display: inline!important;
}
.display--block {
    display: block!important;
}
.display--inline-block {
    display: inline-block!important;
}
/**********************************************

    02.12 Additional helpers

          Less used, but still helpful

***********************************************/

/**

 * Add a help cursor to any element that gives the user extra information on

 * `:hover`.

 */

.informative {
    cursor: help!important;
}
.blue-button {
    background: #4261a3;
    font-size: 22px;
    color: white;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}

    .buy-now-button,
    .contact-button {
        display: block;
        margin: 5px 0 15px 0;
        width: 100%;
    }

.blue-button .button-text {
    padding: 12px 20px 10px 20px;
    display: block;
    float: left;
}
.blue-button .button-icon {
    padding: 10px 0;
    display: block;
    text-align: center;
    height: 100%;
    background: #314f8f;
    width: 50px;
    float: right;
}
.blue-button .button-icon img {
    display: inline-block;
}
.blue-button:hover {
    color: white !important;
    background: #314f8f;
}
.cta-buttons .grid__item {
    padding: 5px;
}
.cta-buttons .grid__itemL {
    padding: 5px;
    text-align: center;
}
.cta-buttons a {
    background: #4261a3;
    color: white;
    display: block;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
}
.cta-buttons a br {
    display: none;
}
.cta-buttons a:hover {
    background: #314f8f;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .buy-now-button,
    .contact-button { width: 100%; }

}


/**

 * Mute an object by reducing its opacity.

 */

.muted {
    opacity: 0.5!important;
}
/**

 * Align items to the right where they imply progression/movement forward, e.g.:

 *

   <p class="proceed"><a href="#">Read more...</a></p>

 *

 */

.proceed {
    text-align: right!important;
}
/**

 * Add a right-angled quote to links that imply movement, e.g.:

 *

   <a href=# class=go>Read more</a>

 *

 */

.go:after {
    content: "\00A0" "\00BB"!important;
}
/**

 * Apply capital case to an element (usually a `strong`).

 */

.caps {
    text-transform: uppercase!important;
}
/**

 * Deny Mouse From selecting

 */

.unselectable {
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
/**

 * Hide content off-screen without resorting to `display:none;`, also provide

 * breakpoint specific hidden elements.

 */

.accessibility,  .visuallyhidden {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
}
/********************************************************************************************************

    03. Generic Buttons

    Apply this class to any CTA buttons you may use.  Pair it with other helper classes to get it

    positioned where you need it.  Add and change styles as you see fit.

*********************************************************************************************************/

.fx-button {
    background-color: #4261A3;      /* The background color.  Can be hex values or something generic, like 'blue' */
    border-radius: 4px;             /* Controls rounded corners on button */
    color: white;                   /* The font color.  Can be hex values.  Ex: #00aeff */
    cursor: pointer;                /* Makes the cursor a hand on hover  */
    display: inline-block;          /* Can be set to block, inline-block, or inline (padding does not work on inline elements) */
    font-size: 16px;                /* Sets the font size.  Can be pixels, percentages, or ems */
    padding: 1em 3em;               /* Sets the amount of space between edge of the button and the button's contents */
    text-align: center;             /* Centers the text.  Can be set to center, left, or right */
    text-transform: uppercase;      /* Capitalizes button text.  Can be uppercase, capiitalized, or lowercase */
    /* These are transitions.  They make the effects between static and hover effects animate.  This is optional. */

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /* These are gradients.  They count as "background-images" and can be used to create some interest over a flat color. */

    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
}
.fx-button:hover {
    background-color: #0D0E2A;      /* The background color.  Can be hex values or something generic, like 'blue' */
    color: white;                   /* The font color on hover and click.  Can be hex values.  Ex: #00aeff */
}
.fx-button:active {
    background-color: #0D0E2A;        /* The background color.  Can be hex values or something generic, like 'blue' */
    color: white;                    /* The font color on hover and click.  Can be hex values.  Ex: #00aeff */
}
/********************************************************************************************************

    04. Font sizes

    Apply these classes to any elements you wish (such as buttons, paragraph text, or headlines).

    Feel free to change the values on a site-by-site basis.

*********************************************************************************************************/

.giga {
    font-size: 54px !important;
}
.mega {
    font-size: 46px !important;
}
.kilo {
    font-size: 38px !important;
}
.milli {
    font-size: 14px !important;
}
.micro {
    font-size: 10px !important;
}


/* --- Responsive Style Here --- */

.visible-phone {
    display: none;
}
.visible-tablet {
    display: none;
}
.visible-desktop {
    display: none;
}
.hidden-phone {
    display: block;
}
.hidden-tablet {
    display: block;
}
.hidden-desktop {
    display: block;
}

@media (min-width: 1001px) {

    .hidden-desktop { display: none; }

}




/* ---------------------------------------------------

    Header

------------------------------------------------------ */

.site-header {
    background: #fff;
    z-index: 10;
    width: 100%;
    height: 166px;
}
.home .site-header {
    position: absolute;
    top: 0;
    left: 0;
}
.tophead {
    height: 126px;
}
.tophead .wrap {
    padding: 0 50px 0 30px;
    width: 920px;
}
.call-us {
    width: 300px;
    float: left;
    font-size: 22px;
    padding: 30px 0 0 0;
    color: #4261a3;
    font-weight: 400;
}
.call-us span {
    text-transform: uppercase;
    dislay: block;
    background: url(images/icon_phone.jpg) left no-repeat;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 900;
    color: #183a67;
}
.logo {
    display: inline-block;
    position: relative;
    top: 6px;
    width: 285px;
    height: 120px;
    background: url(images/logo.jpg) no-repeat;
}



/* --- search form style --- */

.searchform {
    float: right;
    position: relative;
    width: 190px;
    padding: 30px 0 0 0;
}
#search {
    padding: 5px;
}
#searchbox {
    color: #5e5e5e;
    width: 170px;
    height: 23px;
    border: 1px solid #d3d3d3;
    background: #edecf2;
    padding: 0 5px;
    margin: 5px 0;
    font-size: 14px;
    text-transform: uppercase;
}
.go {
    color: #183a67;
    font-size: 0px;
    text-transform: uppercase;
    height: 15px;
    padding: 0 0 0 20px;
    float: right;
    cursor: pointer;
    background: url(images/go.jpg) no-repeat #fff;
    border: none;
    position: relative;
    top: 24px;
    background-color: #EDECF2;
}


.onlinestorelink {
    float: right;
}
.onlinestorelink a {
    text-decoration: underline;
    font-size: 14px;
    color: #000000;
}
.mainmenu {
    background: #0e0e2a;
    height: 40px;
}
#suckerfishnav {
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}
#suckerfishnav, #suckerfishnav ul {
    float: left;
    list-style: none;
    line-height: 40px;
    padding: 0;
    margin: 0;
    width: 100%;
}
#suckerfishnav a {
    display: block;
    color: #bfbfc6;
    text-decoration: none;
    padding: 0px 30px;
}
#suckerfishnav li {
    z-index: 999;
    position: relative;
    float: left;
    padding: 0;
}
#suckerfishnav ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 201px;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    border: 0;
    border-top: 1px solid #1c244c;
}
#suckerfishnav li li {
    width: 199px;
    border-bottom: 1px solid #1c244c;
    border-left: 1px solid #1c244c;
    border-right: 1px solid #1c244c;
}
#suckerfishnav li li a {
    padding: 8px 10px;
    width: 180px;
    font-size: 13px;
    color: #bfbfc6;
}
#suckerfishnav li ul ul {
    margin: -30px 0 0 200px;
}
#suckerfishnav li li:hover {
    background: #4261a3;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color: #0e0e2a;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a, #suckerfishnav li.current_page_item a {
    color: #718dc9;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color: #bfbfc6;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left: -999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left: auto;
    background: #0e0e2a;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #0e0e2a;
}



/* ---- mega menu ---- */

.oe_wrapper {
    font-size: 14px;
    text-transform: uppercase;
}
ul.oe_menu {
    list-style: none;
    position: relative;
    width: 1000px;
    float: left;
    clear: both;
    padding: 0;
    z-index: 15;
}
ul.oe_menu > li {
    height: 40px;
    float: left;
}
ul.oe_menu > li > a {
    color: #bfbfc6;
    text-decoration: none;
    padding: 10px 23px;
    display: block;
    font-size: 15px;
}
ul.oe_menu > li:hover > a,  ul.oe_menu > li.selected > a {
    color: #4d6cad;
    opacity: 1.0;
}
.oe_wrapper ul.hovered > li > a {
    background: #fff;
}
.megamenu, #oe_menu > li > .sub-menu {
    padding: 0;
    display: none;
    margin-bottom: 15px;
    min-height: 100px;
    width: 1000px;
    position: absolute;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px;
    margin-left: 0px;
}
#oe_menu > li > .sub-menu {
    min-height: 0;
    width: auto;
}
.mm-contact {
    width: 215px;
    min-height: 40px;
}
li:hover .megamenu, #oe_menu > li:hover > .sub-menu {
    display: block;
}
.megamenu,  .megamenu ul, #oe_menu > li > .sub-menu, #oe_menu > li > .sub-menu ul {
    list-style: none;
}
.megamenu > li, #oe_menu > li > .sub-menu > li {
    background: #4261a3;
    width: 216px;
    border-bottom: 1px solid #4d6cad;
    z-index: 99999;
}
.megamenu > li > a, #oe_menu > li > .sub-menu > li > a {
    color: #fff;
    display: block;
    padding: 11px;
}
 .megamenu > li:hover,
 #oe_menu > li > .sub-menu > li:hover,
 .megamenu > li.current-menu-item,
 #oe_menu > li > .sub-menu > li.current-menu-item,
 .megamenu > li.current-menu-item-ancestor,
 #oe_menu > li > .sub-menu > li.current-menu-item-ancestor {
background: #4d6cad;
}
.megamenu > li:last-child, #oe_menu > li > .sub-menu > li:last-child {
    border-bottom: 0;
}
.megamenu .submenu, #oe_menu > li > .sub-menu .submenu {
    background: #eee;
    position: absolute;
    top: 5px;
    left: 220px;
    padding: 1px 20px;
    width: 743px;
    border: 1px solid #ddd;
    border-left-color: #4d6cad;
    display: none;
}
.megamenu li:first-of-type .submenu,  .megamenu li:hover .submenu,  #oe_menu > li > .sub-menu li:hover .sub-menu {
    display: block;
}
.megamenu li:hover .submenu,  #oe_menu > li > .sub-menu li:hover .sub-menu {
    z-index: 20;
}
.submenu {
    min-height: 364px;
}
.submenu a {
    color: #0e0e2a;
}
.submenu ul, #oe_menu > li > .sub-menu > li ul.sub-menu {
    margin: 0;
    padding: 0;
}
.submenu li, #oe_menu > li > .sub-menu > li ul.sub-menu li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33%;
    display: inline-block;
}
.submenu a, #oe_menu > li > .sub-menu > li ul.sub-menu a {
    display: block;
    padding: 10px;
}
.submenu a:hover, #oe_menu > li > .sub-menu > li ul.sub-menu a:hover,  .submenu li.current-menu-item a, #oe_menu > li > .sub-menu > li ul.sub-menu li.current-menu-item a {
    background: #ddd;
}



/* --- banner style --- */

.banner {
    background: #eee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    height: 900px;
    padding-top: 166px; /* Header Height */
}
.sliderInfo {
    background: url(images/transparent-blue-80.png);
    padding: 40px;
    text-align: center;
    margin: 100px auto 1rem auto;
    width: 50%;
    color: #fff;
}
.sliderItem {/* height: 1000px; */}
.slide_desc {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 30px;
    font-style: italic;
    padding: 10px 0 0 0;
}
.slide_desc strong {
    font-weight: normal;
}
.slide_title {
    font-size: 70px;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0 0 30px 0;
}
.slides {
    position: relative;
    height: 100%!important;
}
.slides-container {
    display: none;
}
.slides .scrollable {
 *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
.slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}
.slides-navigation {
    z-index: 9999;
}
.slides-navigation a {
    display: block;
    outline: none;
    z-index: 9;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -65px;
    color: #f8fef4;
    line-height: 90px;
    text-transform: uppercase;
    font-size: 20px;
}
.slides-navigation .prev {
    left: 0;
    background: url(images/back_arrow.png) 13px no-repeat #151537;
    width: 100px;
    padding-left: 50px;
}
.slides-navigation .next {
    right: 0;
    background: url(images/next_arrow.png) 75px no-repeat #151537;
    width: 91px;
    padding-left: 20px;
}
.slides-navigation .prev:hover {
    background: url(images/back_arrow_hover.png) 13px no-repeat #e7eaf1;
    color: #222335;
}
.slides-navigation .next:hover {
    background: url(images/next_arrow_hover.png) 75px no-repeat #e7eaf1;
    color: #222335;
}
.slides-pagination {
    height: 41px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 150;
    text-align: center;
    padding: 10px 0;
}
.slides-pagination a {
    display: inline-block;
    text-indent: -9999px;
    outline: none;
    margin-left: 5px;
    width: 10px;
    height: 23px;
    background: url(images/gfx/bullets.png) no-repeat;
    color: #f90;
}
.slides-pagination a.current {
    background: #fff;
}


/* --- addvertisement under banner --- */

.banner-adv {
    background: #0D1B3A;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 66px;
    color: #fff;
    font-size: 26px;
    font-style: italic;
    text-align: center;
    line-height: 60px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.adv {
    background: #0D1B3A;
    width: 100%;
    height: 66px;
    color: #fff;
    font-size: 26px;
    font-style: italic;
    text-align: center;
    line-height: 60px;
    font-family: Georgia, "Times New Roman", Times, serif;
}



/* --- featured products in home page --- */

#featured_products {
    background: #edecf2;
    height: 283px;
    overflow: hidden;
}
#featured_products li {
    width: 330px;
    float: left;
    position: relative;
    list-style-type: none;
    overflow: hidden;
}
.fpImage {
    height: 203px;
}
.fpImage img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.fpImage img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
#featured_products img {
    padding: 0;
    margin: 0;
}
.fpInfo {
    height: 80px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 20px;
}
#featured_products a {
    background: url(images/next_arrow.png) 280px center no-repeat #0d0e2a;
    color: #60729a;
}
#featured_products a:hover {
    background: url(images/next_arrow.png) 280px center no-repeat #4261a4;
    color: #000300;
}
#featured_products h2 {
    color: #fff;
    font-size: 24px;
    padding: 10px 0 5px 0;
}
#featured_products p {
    padding: 0 0 5px 0;
}


.resourcepage { padding:50px 0 30px; margin:0;}
.resourcepage * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.resourcepage .resmg { margin-bottom:25px; }
.resourcepage .fpImage img { width:100%; height:auto; display:block;}
.resourcepage .fpImage img  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.resourcepage .fpImage img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.resourcepage .fpImage { height:auto;}
.resourcepage a {
    background: url(images/next_arrow_2.png) 260px center no-repeat #0d0e2a;
    color: #60729a;
}
.resourcepage .fpInfo {
    height: 80px;
    width: 100%;
    display: inline-block;
    padding: 0 15px;
}
.resourcepage a:hover {
    background: url(images/next_arrow_2.png) 260px center no-repeat #4261a4;
    color: #000300;
}
.resourcepage h2 {
    color: #fff;
    font-size: 24px;
    padding: 10px 0 5px 0;
}
.resourcepage p {
    padding: 0 0 5px 0;
}

.innertestimonials { padding:50px 0; margin:0; background:#edecf2;}
.innertestimonials p { font-size:20px; line-height:28px; font-style:italic; padding:0 100px; text-align:center; }
.innertestimonials h1{ font-size:20px; line-height:28px; padding:15px 0 0 0; margin:0; text-align:center; color:#000; font-weight:600; }

.pagecontact { padding:50px 0; margin:0; text-align:center}
/* --- content style --- */

#content {
    min-height: 200px;
    font-size: 14px;
}

.homecontent h1 {
    padding: 20px 0 30px;
    border: none!important;
}
.homecontent .contentbg {
    background: url(images/housebg.png) left bottom no-repeat;
}
#content .wrap {
    padding: 20px 0;
    min-height: 200px;
    line-height: 25px;
    z-index: 2;
}
.contentbg {
    width: 245px;
    height: 194px;
    position: absolute;
    left: -60px;
    bottom: 0;
    z-index: -1;
}
.intro {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
#breadcrumbs {
    padding: 10px 0;
    font-size: 12px;
    width: 1000px;
    margin: 0 auto;
}
#breadcrumbs a {
    color: #838383;
    display: inline-block;
    padding: 0 5px;
}
#breadcrumbs a:hover {
    color: #4261a3;
}
#breadcrumbs strong {
    font-weight: normal;
    color: #838383;
    padding: 0 5px;
}



/* --- blog style --- */

#left_column, #product_left_column {
    width: 717px;
    padding-right: 20px;
    float: left;
}
#right_column, #product_right_column {
    width: 228px;
    border-left: 1px solid #d4d4d4;
    float: right;
    padding-left: 10px;
}



/* --- page title style --- */

#featured_image {
    height: 222px;
}
#featured_image img {
}
#featured_image .wrap {
    position: relative;
    height: 100%;
}
#featured_image .pageTitle {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
}
.post {
    z-index: 3;
    padding: 0 0 20px 0;
    clear: both;
}
.post p {
    padding: 0 0 20px 0;
}
.pageTitle {
    font-size: 41px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0px 1px 0px #eee, 1px 3px 0px #464647;
}
.postTitle {
    font-size: 28px;
    color: #435d9a;
}
.more {
    text-align: center;
}
.more a {
    color: #fff;
}
.post h1,  .post h2 {
    border-bottom: 1px solid #D9D9D9;
}
.post h1 a,  .post h2 a {
    color: #435d9a;
}
.post li {
    list-style-type: disc;
    list-style-position: inside;
    padding: 2px 0 3px 15px;
}
.postDate {
    color: #555;
}
.postmetadata {
    padding: 12px 0;
    color: #555;
    font-size: 12px;
}
.comment_count {
    width: 26px;
    height: 21px;
    display: inline-block;
    text-align: center;
    padding: 2px 0 9px 0;
    font-weight: bold;
}
.postCategory, .postAuthor {
    vertical-align: top;
    padding: 5px 10px 0 10px;
}
.postCategory {
    margin-top: 10px;
}
.postAuthor {
    margin-left: 15px;
}
.postComment {
    color: #9a9a9a;
}
.sharethis {
    float: right;
}
.about_author {
    padding: 5px 0 20px 0;
    margin-bottom: 50px;
}
#wp-realtime-sitemap-banner {
    display: none;
}



/* --- sidebar styles --- */

#sidebar {
    position: relative;
}
#sidebar h2,  #colorOptions h2,  #availOnline h2,  #productLiterature h2, #right_column h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
    color: #4d5ea4;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
}
#sidebar .widget, #right_column .widget {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
#sidebar ul, #sidebar ol {
    padding: 0;
}
#sidebar li {
    list-style-type: none;
    font-size: 14px;
}
#sidebar a {
    color: #6e6e6e;
    display: inline-block;
}
#sidebar a:hover {
    color: #b25454;
}



/* --- contact page --- */

#contactus {
    padding: 30px 50px;
    width: 450px;
    color: #767676;
    background: #f4f4f4;
    border: 1px solid #dedede;
    margin: 20px 0;
}
.txtbox,  .txtbox_small,  .txtarea,  .selbox {
    border: 1px solid #d3d3d3;
    color: #707070;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    margin-bottom: 5px;
    width: 250px;
    padding: 5px;
}

.txtbox_small {
    width: 80px;
}
.txtarea {
    height: 100px;
}
.selbox {
    height: 35px;
    width: 260px;
}
#contactus label {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-right: 30px;
}
#contactus .captcha {
    display: block;
    margin-left: 40%;
    margin-bottom: 10%;
}
.required {
    color: #F00;
}
#submit,  .submit,  #submit-alt {
    background: url(images/slide_btnbg.png) repeat-x;
    height: 45px;
    padding: 0 40px 5px 40px;
    padding-top: -20px!important;
    min-width: 150px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}
#submit:hover,  .submit:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#contact_info {
    width: 300px;
    float: right;
    padding: 20px;
    font-size: 18px;
}
#contact_info p {
    padding-top: 0;
}
.ci_address,  .ci_phone,  .ci_email {
    padding: 0 0 20px 30px;
}
.ci_address {
    background: url(images/icon-loc.png) left 6px no-repeat;
}
.ci_phone {
    background: url(images/icon-phone.png) left 6px no-repeat;
}
.ci_email {
    background: url(images/icon-email.png) left 6px no-repeat;
}
#post-1471 table {
    width: 100%;
}
#post-1471 td {
    width: 50%;
    vertical-align: top;
    padding-bottom: 20px;
}
#post-1471 h4 {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
.contactname {
    color: #57586d;
    font-weight: bold;
}
#post-1471 address, #post-1471 em {
    font-style: normal;
}



/* --- product page style --- */

.additional_images {
    padding: 10px 0;
}
.additional_images span {
    padding: 0 5px 5px 0;
    display: inline-block;
}
.additional_images img {
    border: 1px solid #7993c4;
    cursor: pointer;
}
/* -- product archive -- */
.product_image_item {
    float: left;
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.product_image_item img {
    width: 100% !important;
    height: auto !important;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.post .product-content-title {
    background-color: #0d0e2a;
    padding: 10px;
}
.post .product-content-title a {
    color: #fff;
}
#colorOptions {
    line-height: 15px;
    padding: 0 0 20px 0;
}
#colorOptions ul, .productAttr ul {
    padding: 5px 0 0 0;
}
#colorOptions li {
    list-style-type: none;
    float: left;
    padding: 5px 10px 5px 0;
    width: 100px;
    min-height: 97px;
}
#colorOptions p {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 600;
}
.productAttr li {
    list-style-type: none;
}
#productLiterature a {
    display: block;
    color: #707070;
    background: url(images/pdf-icon.jpg) left top no-repeat;
    padding: 0 0 0 25px;
    line-height: normal;
    margin-bottom: 10px;
}
#productListings h2 {
    border: 0;

}
#productListings{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productSet {
    float: left;
    width: 328px;
    margin: 5px 5px 5px 0;
    padding: 0 6px 20px 6px;
    font-size: 14px;
}
.productSet.first-item {
    clear: left;
}
.productSet h3 {
    padding: 5px 0;
    font-size: 17px;
    color: #494949;
    font-weight: 600;
    line-height: 18px;
    height: 35px;
}
.productSet img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.catborder_block {
    clear: both;
}
.catborder_clear img {
    border: 0;
}
#products {
    padding: 0;
}
#products li {
    border-bottom: 1px solid #d4d4d4;
    background: url(images/list-icon.jpg) 10px no-repeat;
    list-style-type: none;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 600;
    text-transform: Capitalize;
}
#products a {
    color: #4a4a4a;
}
#products a:hover {
    color: #748bbc;
}



/* --- product inspiration ---*/

#product_inspiration {
    border-top: 1px solid #d4d4d4;
    margin-top: 10px;
    padding: 15px 0 20px 0;
}
#product_inspiration img {
    border-right: 1px solid #d2d2d2;
    padding-right: 12px;
    margin-right: 12px;
}
#product_inspiration ul {
    padding: 10px 0 0 0;
}
#product_inspiration li {
    list-style-type: none;
    float: left;
    height: 170px;
    font-size: 14px;
    color: #474747;
    font-weight: 600;
}
#product_inspiration li:last-child img {
    border: 0;
}



/* --- process gallery --- */

#process_gallery {
    padding: 20px 0;
}
#process_gallery li {
    list-style-type: none;
    float: left;
    padding: 5px;
}
#process_gallery a {
    padding: 5px 5px 0 5px;
    border: 1px solid #ccc;
    display: inline-block;
}
#process_gallery img {
    display: block;
}
#process_gallery li img {
    width: 100px;
    height: 100px;
}
#process-large {
    width: 435px;
    margin: 0 auto 5px;
    padding: 5px;
    border: 1px solid #ccc;
}
div.article.category-article p:first-of-type {
    display: block;
}
div.article.category-article ul, div.article.category-article p {
    display: none;
}
.category-post h2 {
    padding-bottom: 10px;
}
.staff .alignleft, .staff .alignright {
    width: 50%;
    float: left;
}
.entry.category-page {
    padding-right: 20px;
}
.category-post h2 {
    border-bottom: 0;
}
.category-article {
    border: 1px solid #d7d7d7;
    text-align: center;
}
.grey-btn {
    background: #d7d7d7;
    color: #435d9a;
    text-transform: uppercase;
    padding: 4px;
    width: 43%;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 600;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.grey-btn:hover {
    background: #a4a4a4;
}
.red-btn {
    background: #d41713;
    color: #fff;
    text-transform: uppercase;
    padding: 4px;
    width: 43%;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    font-weight: 600;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.product_content_item {
    padding: 30px;
}
.red-btn:hover {
    background: #b51410;
}
.product_content_item p {
    height: 130px;
    line-height: 1.4;
    overflow: hidden;
}
.category-post h2 {
    border-bottom: 0;
    height: 72px;
    clear: both;
    display: table;
    text-align: center;
    width: 100%;
}
.post h2 a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



/* --- footer style --- */

#footer {
    background: #0d0e2a;
    color: #D3D3D3;
}

.footer_logo {
    padding: 40px 0 30px 0;
}
#footnav {
    float: left;
    width: 335px;
}
#footnav {
    padding: 0;
}
#footnav li {
    list-style-type: none;
    float: left;
    width: 150px;
}
#footnav a {
    padding: 5px 0;
    display: inline-block;
    color: white !important;
}
#footnav a:hover, #footnav li.current_page_item a {
    color: #4261a3 !important;
}
.footContact {
    float: right;
    width: 645px;
    padding: 130px 0 0 0;
}
.fcInfo {
    float: left;
    width: 375px;
}
.fcInfo div {
    padding: 0px 0 10px 27px;
    margin-bottom: 5px;
    background: url(images/footer_icons.png) no-repeat;
}

.fcInfo a {
    padding: 5px 0;
    display: inline-block;
    color: white !important;
}
#fcInfo a:hover {
    color: #4261a3 !important;
}

.fc_location {
    background-position: 0px 5px!important;
}
.fc_email {
    background-position: 0px -20px!important;
}
.fc_phone {
    background-position: 0px -51px!important;
}
.fc_socials {
    background-position: 0px -86px!important;
}
.fc_socials span {
    display: inline-block;
    background: url(images/socials.jpg) no-repeat;
    width: 15px;
    height: 15px;
}
.fc_socials .fb {
    background-position: left top;
}
.fc_socials .tw {
    background-position: -22px 0;
}
.fc_socials .pin {
    background-position: -44px 0;
}
.fc_socials .in {
    background-position: -67px 0;
}
.fc_socials .inst {
    background-position: -90px 0;
}
.fcMap {
    width: 243px;
    height: 132px;
    float: right;
}
#copyright {
    padding: 10px 0;
}



/* ---- GLOBAL FORMATTING ---- */

.redbtn {
    background: url(images/slide_btnbg.png) repeat-x;
    height: 45px;
    line-height: 35px;
    padding: 0 30px !important;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.redbtn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}
a.redbtn,  a.redbtn:hover {
    color: #fff!important;
}
.redbtn a,  .redbtn a:hover, .redbtn a:active, .redbtn a:visited {
    color: #fff !important;
}
#nextprev {
    padding: 10px 0;
}
img.post {
    padding: 5px;
    border: 1px solid #CCC;
    margin: 10px 5px 10px 5px;
    float: right;
}
img.aligncenter {
    text-align: center;
    margin: 0 auto;
    display:block;
}
img.alignright {
    float: right;
}
img.alignleft {
    float: left;
}

.commentpost h2 {
    color: #435d9a;
    padding-bottom: 10px;
}
.commentpost .poster, .commentpost a {
    color: #435d9a;
}
.commentpost a:hover {
    color: #634D41;
}
.comment_listing {
    padding-bottom: 20px;
}
.comment_form {
    padding: 20px;
    font-size: 14px;
}
.comment_form h3 {
    color: #435d9a;
    padding: 10px 0 20px 0;
    font-weight: normal;
}
.comment_form input {
    padding: 5px;
    margin-right: 10px;
    width: 250px;
    border: 1px solid #d9d9d9;
}
.comment_form label {
    width: 270px;
    display: inline-block;
    color: #adadad;
}
.comment_form textarea {
    width: 535px;
    height: 100px;
    border: 1px solid #d9d9d9;
}
.comment_form input[type=submit] {
    float: right;
    width: 100px;
    margin: 10px 0;
}
.comment-meta {
    padding: 10px 0;
}
.commentpost .children {
    padding-left: 30px;
}
.error404 {
    padding: 30px 0 0 0;
    font-size: 18px;
}
#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
}
#wp-calendar thead {
    font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
    font-size: 11px;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    text-align: right;
}
#wp-calendar #today a {
    color: #FF3333;
    font-weight: bold;
}
.wp-pagenavi {
    clear: both;
    padding: 10px 0 20px 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 7px;
    margin: 2px;
    color: #434d7d;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #fff;
    background: #0e0e2a;
}
.wp-pagenavi span.current {
   font-weight: bold;
}




/**

 * Magnific Popup CSS

 */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #cccccc;
}
.mfp-preloader a:hover {
    color: white;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}
/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
.mfp-with-zoom .mfp-container,  .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,  .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
    #contactus .captcha {
        display: block;
        margin-bottom: 10%;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
            transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.commentlist li {
    list-style: none
}
.single .postCategory, .category .postCategory, .blog .postCategory {
    vertical-align: baseline;
}
.blog #right_column li, #sidebar li {
    background: url('images/bloglist-icon.jpg') no-repeat left 9px;
    list-style: none;
    padding-left: 15px;
}
.blog #right_column ul {
    padding: 0 0 0 5px
}
.blog #right_column a {
    color: #6E6E6E;
}
.blog #right_column a:hover, .moderation {
    color: #b25454;
}
.post-stats, .post-date {
    display: block;
    font-size: 12px;
    color: #b25454;
    line-height: 12px;
}
#newsman-form-2 p {
    display: none
}
#newsman-form-2 {
    padding: 0;
    margin: 0
}
#newsman-form-2 input[type="email"] {
    padding: 3px 20px 3px 5px;
}
.newsman-form-item {
    margin-bottom: 10px;
}
.newsman-button-small {
    padding: 0 25px !important;
}
.single-newsman_ap .postmetadata, .single-newsman_ap .commentpost {
    display: none
}
.single-newsman_ap h2 {
    border-bottom: 0
}
.rss-icon {
    background: url('images/rss_icon.png') no-repeat 5px 20px;
    padding-left: 30px;
    border-top: 1px solid #D9D9D9;
    padding-top: 15px;
}
.commentlist li {
    border-bottom: 1px solid #D9D9D9;
    padding-top: 10px
}
.newsman-button-gray, .newsman-button-gray:after {
    border: 0 !important;
    border-radius: 0 !important;
    background: url(images/slide_btnbg.png) repeat-x !important;
    height: 45px !important;
    line-height: 35px !important;
    padding: 0 30px 8px !important;
    text-transform: uppercase;
    text-shadow: 0 !important;
    color: #fff !important;
}

@media (max-width: 1000px) {
    .visible-tablet {
        display: block;
    }
    .hidden-tablet {
        display: none;
    }
    .wrap, #footer .wrap, .tophead .wrap, .logo {
        width: 100%;
    }
    .site-header {
        position: relative;
    }
    .pageTitle {
        padding: 0 30px;
    }
    .logo {
        text-align: center;
        background: none;
        position: absolute;
        left: 0;
    }
    .logo span {
        display: inline-block;
        margin: 0 auto;
        height: 75px;
        width: 241px;
        background: url(images/logo-medium.jpg) no-repeat;
    }
    .call-us {
        width: 150px;
        margin-left: 30px;
    }
    .searchform {
        width: 150px;
        margin-right: 30px;
    }
    #searchbox {
        width: 130px;
    }
    .tophead .wrap {
        padding: 0;
    }
    .mainmenu {
        min-height: 40px;
        height: auto;
    }
    .oe_wrapper {
        padding: 0 30px;
        clear: both;
    }
    .megamenu {
        width: 100%;
    }
    .megamenu > li, .sub-menu > li {
        width: 20%;
    }

    .megamenu .submenu, #oe_menu > li > .sub-menu .submenu {
        left: 21%;
        width: 72%;
    }
    .submenu li, #oe_menu > li > .sub-menu > li ul.sub-menu li {
        width: 30%;
    }
    ul.oe_menu {
        width: 100%;
    }
    ul.oe_menu > li > a {
        padding: 10px 8px;
        font-size: 13px;
        font-family: 'sourcesanspro-semibold';
    }
    .banner {
        padding: 0;
        height: 600px!important;
        position: relative;
        top: 185px;
        z-index: -1;
    }
    .banner img {
        width: 100%;
        height: 523px!important;
        top: 0!important;
    }
    .sliderInfo {
        height: 200px;
        padding: 30px;
        width: 80%;
        z-index: 100;
        /* position: absolute; */
        left: 5%;
    }
    .slide_title {
        font-size: 53px;
        font-family: 'sourcesanspro-semibold';
    }
    .slides-navigation {
        display: none;
    }
    #content {
        margin: 0;
    }
   .wrap {
        padding: 20px 0 0 0;
    }
	 .wrap .resourcepage { padding-left:15px; padding-right:15px;}
    #content .entry:not(.category-page) {
        padding: 0 30px;
        font-family: 'sourcesanspro-semibolditalic';
    }
    #content .entry.category-page {
        padding-left: 10px;
        padding-right: 10px;
    }
    #content .entry i,  #content .entry em {
        font-style: normal;
    }
    #content h1, .homecontent h1 {
        font-size: 24px;
        text-align: center;
        padding: 10px 30px 20px 30px!important;
        color: #4161a3;
        font-family: 'sourcesanspro-semibold';
    }
    .entry p {
        padding: 10px 0 5px 0;
    }
    .entry img {
        max-width: 100%;
    }
    #breadcrumbs {
        width: auto;
    }
    #content .button {
        margin: 20px 0 30px 0;
    }
    #featured_products {
        height: 295px;
    }
    #featured_products ul {
        padding: 0;
        width: 100%;
    }
    #featured_products li {
        width: 33.3%;
    }
    .fpImage,  .fpImage img,  .fpInfo {
        width: 100%;
    }
    .fpImage img, .fpImage {
        height: auto;
    }
    .fpInfo {
        height: 70px;
    }
    #featured_products a {
        display: block;
        background: #0d0e2a;
    }
    #featured_products a:hover {
        background: #4261a4;
    }
    #featured_products h2 {
        font-size: 22px;
        padding: 5px 0;
    }
    .cf iframe {
        float: none;
        display: block;
        width: 100%;
    }
    .cf img.push--dleft {
        margin-left: 5px;
    }
    .fx-button.one-fifth {
        width: 30%;
    }
    #contact_info {
        float: none;
    }
    #left_column,  #product_left_column,  #product_right_column {
        float: none;
        padding: 0;
        width: 100%;
        height: auto!important;
    }
    .product_image img {
        width: 100%;
    }
    #colorOptions, .productAttr, .productAttr, #productLiterature, #product_inspiration {
        padding: 0 30px!important;
    }



    /* --- footer style --- */

    #footer .footContent {
        padding: 30px;
    }
    body {
        margin: 0 0 0 !important; /* bottom = footer height */
    }
    #footer {
        height: auto;
        position: relative;
        width: 100%;
    }
    .footer_logo {
        padding: 0 0px 30px;
        display: inline-block;
    }
    #footnav {
        width: 50%;
    }
    #footnav li {
        width: 50%;
    }
    .footContact {
        width: 50%;
        padding: 0;
    }
    .fcInfo,  .fcMap {
        display: block;
        padding: 0;
        width: 100%;
        float: none;
    }
    .fc_email,  .fc_phone {
        display: inline;
        float: left;
        margin-right: 10px;
    }
    .fc_socials {
        display: block;
        clear: both;
    }
    .fcMap iframe, .fcMap .button {
        display: block;
        padding: 0;
        width: 100%;
    }
    .postCategory {
        padding: 5px 30px 0 30px;
    }
    #productListings {
        padding: 0 30px;
    }
    .productSet {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0;
        width: 25%;
    }
    .productSet img {
        display: block;
        height: auto;
        border: none;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 800px) {
    .productSet {
        width: 33%;
    }
    .productSet:nth-child(3n+1) {
        clear: left;
    }
    .productSet.first-item {
        clear: none;
    }
    .cf .float--right,  .cf .float--left,  .cf iframe {
        float: none;
        display: block;
        width: 100%;
    }
    .blue-button {
        margin-top: 20px;
    }


    /* Outlet Page */

    .page-id-2464 .fx-grid > .float--left {
        float: none !important;
        margin-right: 0 !important;
    }
    .page-id-2464 .fx-grid > .float--left > div,  .page-id-2464 .fx-grid #gmap_canvas {
        height: 350px !important;
        width: 100% !important;
    }
    .page-id-2464 .fx-grid > .float--left > div .google-map-code {
        display: none;
    }
    .fx-button.one-fifth {
        width: 100%;
    }
    .sidebar h2 br,  .sidebar div div:first-of-type br {
        display: none;
    }
}


/* --- phone --- */

@media (max-width: 599px) {
    .visible-phone {
        display: block;
    }
    .hidden-phone {
        display: none;
    }
    .wrap, #footer .wrap, #content .wrap {
        width: 100%;
    }
    .megamenu > li, .sub-menu > li {
        width: 100%;
    }
    .home .site-header {
        position: relative!important;
    }
    .site-header {
        height: 181px;
    }
    .tophead {
        height: 98px!important;
    }
    .tophead .wrap {
        padding: 0;
        text-align: center;
        width: 100%;
        max-width: 400px;
        min-width: 176px;
    }
    .logo span {
        margin-top: 5px;
    }
    .navmenu-mobile {
        position: relative;
    }
    .call-us-mobile {
        color: #fff;
        padding: 10px 0 10px 10px;
    }
    .call-us-mobile span {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        padding: 0 20px 0 0;
        font-weight: bold;
    }
    .call-us-mobile a {
        color: #fff;
        font-size: 18px;
    }
    .onlinestoresite {
        display: block;
        background-color: #151537;
        padding: 10px;
        color: #fff;
        font-size: 16px;
        font-family: 'Source Sans Pro', Tahoma, Verdana, Arial;
    }
    #menuIcon {
        width: 55px;
        height: 43px;
        background: url(images/menu-bg.png) center center no-repeat;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }
    #menuIcon:hover {
        background: url(images/menu-bg.png) center center no-repeat #2a4379;
    }
    #menuIcon.active {
        background: url(images/menu-bg-close.png) center center no-repeat #2a4379;
    }
    .mainmenu {
        height: 83px;
    }
    .mainmenu .wrap {
        padding-top: 0;
    }
    #menu_content.js-active {
        display: block;
    }
    #menu_content {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        background: #fff;
        font-size: 18px;
        display: none;
    }
    ul.navmenu {
        display: block;
        position: relative;
        padding: 0!important;
        margin: 0;
        text-transform: uppercase;
    }
    .navmenu li {
        list-style-type: none;
        display: block;
        border-bottom: 1px solid #110c2a;
        position: relative;
    }
    .navmenu li a {
        display: block;
        color: #110e2b;
        padding: 10px 40px 10px 10px;
        margin-right: 15px;
    }
    .navmenu li.menu-item-has-children .sub-menu-toggle {
        display: block;
        background: url(images/li-down-arrow.png) no-repeat center center #dcdcdc;
        position: absolute;
        right: 0;
        top: 0;
        height: 43px;
        width: 43px;
    }
    .navmenu li li {
        border-bottom: 1px solid #5c7cbe;
    }
    .navmenu li li a {
        background: #4261a3;
        color: #fff;
        font-size: 16px;
        margin-right: 0;
    }
    .navmenu li li.menu-item-has-children .sub-menu-toggle {
        background: url(images/light-down-arrow.png) no-repeat center center #324e8a;
        height: 40px;
    }
    .navmenu ul ul li {
        width: 100%!important;
        display: block;
    }
    .navmenu li li li {
        border-bottom: 1px solid #31436B;
        display: block;
    }
    .navmenu li li li a {
        padding: 10px 40px 10px 25px;
        font-size: 14px;
        font-family: 'sourcesanspro-semibold';
    }
    .navmenu li li li a,
    .navmenu li li li,
    .navmenu li li.submenu-parent:hover li a {
        color: #fff;
        background: #162850!important;
    }
    .navmenu li li li a:hover,
    .navmenu li li li:hover,
    .navmenu li li.submenu-parent:hover,
    .navmenu li li.submenu-parent:hover li a:hover {
        background: #2A4379!important;
    }
    .navmenu li li.submenu-parent a:hover,
    .navmenu li li.submenu-parent:hover a {
        color: #fff;
    }
    .navmenu ul {
        padding: 0;
    }
    .navmenu .submenu h3 {
        display: none;
    }

    .submenu { min-height: 100%; }

    .navmenu .sub-menu,
    .navmenu .submenu {
        display: none;
        -webkit-transition: all 0.1s ease 0.1s;
        -moz-transition: all 0.1s ease 0.1s;
        -o-transition: all 0.1s ease 0.1s;
        -ms-transition: all 0.1s ease 0.1s;
        transition: all 0.1s ease 0.1s;
    }
    .navmenu .sub-menu.js-toggled,
    .navmenu .submenu.js-toggled{
        display: block;
    }



    /* --- banner slider --- */

    .banner {
        height: 267px!important;
        padding-top: 0;
        top: 0;
    }
    .adv {
        font-size: 20px;
        line-height: 20px;
        background: url(images/navblue-bg.jpg) repeat-x #0e0e2a;
        height: 60px!important;
        padding: 20px 0 5px 0;
        width: 100%;
    }
    .adv span {
        display: inline-block;
        padding: 0 40px;
    }
    .sliderInfo {
        height: 123px;
        padding: 10px 0;
        width: 100%;
        z-index: 100;
        position: absolute;
        left: 0;
        top: 15%;
        margin: auto 0;
    }
    .slide_desc span {
        font-size: 18px!important;
        line-height: 20px;
        display: inline-block;
        padding: 5px 20px;
    }
    .slide_title {
        font-size: 34px;
        font-family: 'sourcesanspro-semibold';
    }
    .slides-navigation {
        display: none;
    }
    .sliderInfo .button {
        margin: 0;
        width: 100%;
        padding: 0!important;
    }



    /* --- featured products --- */

    #featured_products {
        height: auto;
        height: 100%;
    }
    #featured_products ul {
        padding: 0;
    }
    #featured_products li {
        width: 100%;
        float: none;
    }
    .fpImage {
        display: none;
    }
    .fpInfo {
        height: 80px;
        min-width: 310px;
        width: 100%;
        display: inline-block;
    }
    #featured_products a {
        background: #0d0e2a;
        border-top: 1px solid #353557;
        padding: 0;
        text-align: center;
    }
    #featured_products a:hover {
        background: #4261a4;
    }
    /*-----*/

    .navfeatured {
        background: url(images/navblue-bg.jpg) repeat-x #0e0e2a;
        padding: 25px 0 0 0;
        color: #fff;
        position: relative;
    }
    .navfeatured ul {
        padding: 0!important;
        margin: 0;
    }
    .navfeatured li {
        border-top: 1px solid #353557;
        list-style-type: none;
    }
    .navfeatured li a {
        color: #fff;
        padding: 0 40px 25px 10px;
        margin-right: 15px;
        display: block;
        background: url(images/li-right-arrow.png) right center no-repeat;
    }
    .navfeatured li a:hover {
        opacity: 0.5;
    }
    .navfeatured h2 {
        color: #fff;
        text-transform: uppercase;
        font-size: 26px;
    }
    .navfeatured p {
        color: #6381c1;
        font-size: 12px;
    }
    #content {
        margin: 0;
    }
    #content .wrap {
        padding: 20px 0 0 0;
    }
    #content .entry:not(.category-page) {
        padding: 0 30px;
        font-family: 'sourcesanspro-semibolditalic';
    }
    #content h1 {
        font-size: 24px;
        text-align: center;
        padding: 10px 30px 20px 30px!important;
        color: #4161a3;
        font-family: 'sourcesanspro-semibold';
    }
    .entry img {
        height: auto;
    }
    #mobileTitle {
        background: #4261a3!important;
        position: relative;
        text-transform: uppercase;
        text-align: center;
    }
    #mobileTitle h1 {
        font-size: 30px!important;
        font-family: 'sourcesanspro-black-webfont';
    }
    #left_column,  #product_left_column,  #product_right_column {
        float: none;
        padding: 0;
        width: 100%;
        height: auto!important;
    }
    .product_image img {
        height: auto;
        width: 100%;
    }
    #breadcrumbs {
        width: auto;
        max-width: 400px;
        min-width: 270px;
    }
    #contact_info,  #contactus {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        display: block;
        text-align: left;
        float: none;
    }
    #contact_info {
        padding: 0;
    }
    #contactus {
        padding: 30px 0 30px 20px;
    }
    #contactus label {
        padding: 0;
        display: block;
        text-align: left;
    }
    #contactus .submit {
        display: block;
    }
    .ci_address, .ci_phone, .ci_email {
        padding: 0px 0px 20px 30px;
    }
    .txtbox, .txtarea, .selbox {
        width: 80%;
    }
    .txtbox_small {
        width: 60px;
    }
    .cf.push--left {
        margin: 0;
    }
    .fx-grid .soft--sides {
        padding: 0!important;
    }
    #gmap_canvas {
        height: 300px!important;
        width: 250px!important;
    }
    .fx-button.one-fifth {
        width: 100%;
    }
    .staff .alignleft, .staff .alignright {
        width: auto;
        float: none;
    }
    img .push--dleft {
        margin: 0;
    }
    .cf img, .cf iframe {
        margin: 0;
    }
    .cf iframe {
        width: 200px!important;
        margin: 0;
        padding: 0;
    }
    /* --- footer style --- */

    #footer .footContent {
        padding: 30px;
    }
    body {
        margin: 0 0 0 !important; /* bottom = footer height */
    }
    #footer {
        height: auto;
        position: relative;
        background: #0e0e2a;
        width: 100%;
    }
    #footnav,  .footContact,  .fcInfo,  .fcMap {
        float: none;
        display: block;
        clear: both;
        width: 100%;
        padding: 15px 0 10px;
    }
    .fcMap {
        height: 150px;
        text-align: center;
    }
    .fcMap iframe, .fcMap .button {
        display: block;
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .fcMap .button {
        display: block;
        margin: 0 0 30px 0!important;
    }
    #footnav ul {
        width: 100%;
    }
    #footnav li {
        width: 50%;
    }
    #copyright {
        padding: 10px 0;
        color: #959595;
    }



    /* --- product page --- */

    .productSet {
        float: none;
        width: 100%;
        margin: 5px 0px;
        padding: 0px 0px 20px;
        font-size: 14px;
    }
    .productSet img {
        border-right: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .productSet h3 {
        padding: 0 30px!important;
    }
    #product_content {
        padding: 10px 0;
        position: relative;
    }
    #product_content h1 {
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding: 10px 30px!important;
        margin-bottom: 10px;
    }
    #product_content article h3 {
        background: url(images/nextarrow.png)right center #0e0e2a;
        color: #fff;
        padding: 10px 30px;
        border-bottom: 1px solid #353557;
        cursor: pointer;
        font-size: 17px;
        font-family: 'sourcesanspro-semibold';
    }
    .pcontent {
        display: none;
        padding: 10px 30px;
    }
    .pcontent h2 {
        font-size: 22px!important;
    }
    #product_inspiration li {
        float: none;
    }
    #product_inspiration img {
        border: 0;
    }
    .viewImages {
        color: #0e0e2a;
        text-transform: upperrcase;
        text-align: center;
        padding: 0 0 10px 0;
        font-family: 'sourcesanspro-semibold';
    }
    .backTotop {
        display: block;
        padding: 10px 0;
        text-align: center;
        color: #696969;
        font-size: 16px;
    }
    #product_scroll_images {
        position: relative;
        height: 267px!important;
        margin: 0 0 30px 0;
        width: 100%;
        clear: both;
        display: block;
    }
    .slides,  .slides-container {
        width: 100%;
        height: 267px!important;
    }
    #product_scroll_images img {
        width: 100%;
        min-width: 240px;
        max-width: 400px;
        height: 267px!important;
    }
    #product_scroll_images .slides-navigation {
        display: block;
    }
    #product_scroll_images .slides-navigation .prev {
        background: url(images/back_arrow_hover.png) left center no-repeat transparent;
    }
    #product_scroll_images .slides-navigation .next {
        background: url(images/next_arrow_hover.png) left center no-repeat transparent;
    }
    #product_scroll_images .slides-navigation .prev,  #product_scroll_images .slides-navigation .next {
        width: 30px;
        padding: 0;
        text-indent: 99999px;
    }
    #product_scroll_images .slides-navigation .prev:hover,  #product_scroll_images .slides-navigation .next:hover {
        text-indent: 99999px;
        opacity: 0.5;
        width: 30px;
    }
    #pac-div {
        height: 15px!important;
    }
    input#pac-input {
        left: 50px!important;
        width: 120px;
    }
    select.one-third {
        position: relative;
        width: 100%!important;
        top: 0;
        left: 0;
        z-index: 100;
        font-size: 13px !important;
    }
    .sidebar iframe {
        margin-left: 0 !important;
        width: 100% !important;
    }
}


.filter-options--location-page {
    display: none;
}
.page-id-11 .filter-options--location-page,
.page-id-3624 .filter-options--location-page {
    display: block;
}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/***** LOCATOR PAGE *****/

.locator h2 {
    font-weight: 600;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin: 30px 0 20px;
}
.locator h3 {
    color: #4261a3;
    border-bottom: 1px solid #d9d9d9;
    margin: 20px 0;
    padding-bottom: 10px;
}
.locations-map {
    border: 2px solid #0d0e2a;
    clear: both;
}
.locations-map-store .locations-map {
    max-height: 300px;
    margin-bottom: 20px;
}
.locations-map-store .locations-map .map-marker a {
    font-weight: 600;
}
.location-link {
    display: block;
}
#map-filters {
    background-color: #0d0e2a;
    color: #fff;
    border: none;
    padding: 15px 0;
}
.js-widget-search-by-zip {
    display: table;
    text-align: center;
    width: 100%;
}
.filter-label {
    width: 16%;
    text-transform: uppercase;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.js-sbz-product, .js-sbz-zipcode {
    width: 25%;
    background-color: #4261a3;
    border: none;
    color: #fff;
    padding: 10px 0 10px 20px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    height: 40px;
    vertical-align: middle;
    margin-right: 15px;
}
.js-sbz-product option {
    background-color: #ddd;
    color: #333;
    text-transform: none;
}
 .js-sbz-zipcode::-webkit-input-placeholder {
color: #fff;
}
 .js-sbz-zipcode:-moz-placeholder {
color: #fff;
}
 .js-sbz-zipcode::-moz-placeholder {
color: #fff;
}
 .js-sbz-zipcode:-ms-input-placeholder {
color: #fff;
}
.js-widget-search-by-zip button {
    border: none;
    vertical-align: middle;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0 !important;
    cursor: pointer;
}
.js-widget-search-by-zip button:hover {
    border: none;
}
.map-marker {
    width: 340px;
}
.locations-map-store .locations-map .map-marker h6, .marker-title, .card__title {
    color: #0d0e2a;
    border-bottom: 1px solid #0d0e2a;
    font-weight: 600;
    font-size: 20px;
    padding: 10px 0 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.card__title {
    border-bottom: none;
}
.store-info, .store-offerings {
    font-size: 14px;
    line-height: 18px;
}
.marker-phone {
    font-weight: 600;
    color: #4261a3;
}
p.marker-address, a.marker-phone, p.marker-hours {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
}
.store-offerings {
    border: solid #d9d9d9;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 15px 0;
}
.store-offerings p {
    padding: 0;
}
.store-site {
    line-height: 22px;
    padding: 8px 0;
    margin: 0px auto 10px auto;
    border: none;
    height: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
    width: 200px;
}
.store-site:hover {
    border: none;
}
a.state-button {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    position: relative;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    overflow: hidden;
}
.state-button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(66,97,163,0);
    left: 0;
    top: 0;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.state-button:hover:before {
    background-color: rgba(66,97,163,.5);
}
.cta-buttons a.state-delaware {
    background-image: url(images/state-delaware.png);
}
.cta-buttons a.state-indiana {
    background-image: url(images/state-indiana.png);
}
.cta-buttons a.state-kentucky {
    background-image: url(images/state-kentucky.png);
}
.cta-buttons a.state-maryland {
    background-image: url(images/state-maryland.jpg);
}
.cta-buttons a.state-newjersey {
    background-image: url(images/state-newjersey.png);
}
.cta-buttons a.state-newyork {
    background-image: url(images/state-newyork.png);
}
.cta-buttons a.state-ohio {
    background-image: url(images/state-ohio.png);
}
.cta-buttons a.state-pennsylvania {
    background-image: url(images/state-pennsylvania.png);
}
.cta-buttons a.state-tennessee {
    background-image: url(images/state-tennessee.png);
}
.cta-buttons a.state-virginia {
    background-image: url(images/state-virginia.png);
}
.cta-buttons a.state-washington {
    background-image: url(images/state-washington.png);
}
.cta-buttons a.state-westvirginia {
    background-image: url(images/state-westvirginia.png);
}
.cta-buttons a.state-florida {
    background-image: url(images/state-florida.jpg);
}
.cta-buttons a.state-georgia {
    background-image: url(images/state-georgia.jpg);
}
.cta-buttons a.state-button:hover {
    background-size: cover;
}
.state-button h4 {
    text-align: right;
    font-size: 18px;
    background-color: #0d0e2a;
    padding: 15px 15px 15px 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.state-button:hover h4 {
    font-size: 24px;
    background-color: rgba(13,14,42,.85);
    bottom: 35px;
}
.state-button-slide {
    font-size: 12px;
    text-align: right;
    border: none;
    padding: 5px 15px 5px 0;
    display: block;
    background: #a40c09;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E21A16), color-stop(1, #770200));
    background-image: -o-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -moz-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -webkit-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -ms-linear-gradient(bottom, #E21A16 0%, #770200 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E21A16), to(#770200));
    background-image: -o-linear-gradient(top, #E21A16 0%, #770200 100%);
    background-image: linear-gradient(to bottom, #E21A16 0%, #770200 100%);
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 100%;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.state-button:hover .state-button-slide {
    bottom: 0;
}
.state-button-slide:hover {
    background: #770200;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A40C09), color-stop(1, #770200));
    background-image: -o-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -moz-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -webkit-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -ms-linear-gradient(bottom, #A40C09 0%, #770200 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A40C09), to(#770200));
    background-image: -o-linear-gradient(top, #A40C09 0%, #770200 100%);
    background-image: linear-gradient(to bottom, #A40C09 0%, #770200 100%);
}
.locations.container {
    overflow: auto;
}
.locations a {
    color: #E21A16;
}
.locations a:hover {
    color: #770200;
}
.card--location {
    margin-bottom: 50px;
    position: relative;
    padding-right: 35px;
}
.store-desc {
    margin: 30px 0 20px;
    overflow: auto;
    font-size: 16px;
    line-height: 26px;
}

.store-hours p { padding: 0; }
@media (max-width: 1024px) {
.resourcepage .col-md-4 {
    width: 33.33333333%;
	float:left;
}

 }
@media (max-width: 980px) {
.resourcepage .col-md-4 {
    width: 33.33333333%;
	float:left;
}

 }
@media (max-width: 800px) {
.resourcepage .col-md-4 {
    width: 50%;
	float:left;
}

 }
@media (max-width: 900px) {
    .filter-label {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
    }
    .wpcm_search_by_zip {
        text-align: center;
    }
    .js-widget-search-by-zip {
        width: 100%;
    }
}

@media (min-width: 801px) {
    .card--location:nth-of-type(4n+5) {
        clear: both;
    }

    .page-id-3773 .card--location:nth-of-type(4n+5){
        clear: initial;
    }
}

@media (max-width: 800px) {
    .locator .cf.cta-buttons .three-twelfths,  .card--location {
        width: 50%;
    }
    .card--location:nth-of-type(2n+3) {
        clear: both;
    }
    .store-desc .three-twelfths {
        width: 50%;
        margin-bottom: 10px;
    }
    .store-desc .six-twelfths {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .js-sbz-product,  .js-sbz-zipcode {
        width: 45%;
    }
    .js-sbz-zipcode {
        margin-right: 0;
    }
    .js-widget-search-by-zip button {
        display: block;
        margin: 10px auto 0 !important;
    }
    .state-button h4 {
        font-size: 24px;
        background-color: rgba(13,14,42,.85);
        bottom: 35px;
    }
    .state-button-slide {
        bottom: 0;
    }
    #contactus .captcha {
        display: block;
        margin-left: 0;
        margin-bottom: 10%;
    }
}

@media (max-width: 550px) {
    .map-marker {
        width: 95%;
    }
}

@media (max-width: 400px) {
    .locator .cf.cta-buttons .three-twelfths,  .card--location {
        width: 100%;
    }
    .store-desc .three-twelfths,  .store-desc .six-twelfths {
        width: 100%;
        margin-bottom: 10px;
    }
    .card--location {
        margin-bottom: 5px;
    }
    .js-sbz-product,  .js-sbz-zipcode {
        width: 85%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}




/***** Updated Product Page *****/

.product-single {
    padding-top: 60px;
    padding-bottom: 60px;
}

.product-single * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-single__sidebar,
.product-single__media {
    float: left;
}

.product-single__media {
    width: 70%;
}

.product-single__sidebar {
    padding-left: 70px;
    width: 30%;
}

.product-single__sidebar h2 {
    border-bottom: 1px solid #d4d4d4;
    padding: 0;
    margin-bottom: 15px;
}

.product-single .button-text { font-size: 15px !important; }

.product-single .blue-button .button-icon {
    padding: 6px 0;
}

.product-single .blue-button .button-text { padding: 11px 15px 9px 15px; }

.product-single__title {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 20px;
    font-size: 37px;
    font-weight: 600;
}

.product-gallery {
    margin-bottom: 14px;
}

.product-gallery .product-gallery__image { display: none; }

.product-gallery .product-gallery__image:first-child { display: block; }

.product-gallery.slick-initialized .product-gallery__image { display: block; }

.product-gallery .slick-arrow {
    border: 0;
    background-color: rgba(255, 255, 255, .4);
    cursor: pointer;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    color: #000;
    font-size: 54px;
    line-height: 1;
    text-align: center;
}

.product-gallery .slick-prev {
    left: 10px;
}

.product-gallery .slick-next {
    right: 10px;
}

.product-gallery img {
    display: block;
    max-height: 400px;
    width: 100%;
}

.product-gallery-thumbs {
    margin-bottom: 30px;
    margin-left: -7px;
    margin-right: -7px;
}

.product-gallery-thumbs .product-gallery-thumbs__thumb { display: none; }

.product-gallery-thumbs .product-gallery-thumbs__thumb:first-child { display: block; }

.product-gallery-thumbs.slick-initialized .product-gallery-thumbs__thumb { display: block; }

.product-gallery-thumbs__thumb {
    opacity: .6;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.product-gallery-thumbs__thumb.slick-current {
    opacity: 1;
 }

.product-gallery-thumbs__thumb a {
    display: block;
    padding-left: 7px;
    padding-right: 7px;
}

.product-gallery-thumbs__thumb img {
    display: block;
    height: 75px;
    width: auto;
}

.slick-initialized .product-gallery-thumbs__thumb img {
    width: 100%;
}

.product-single__sidebar-buttons {
    margin-bottom: 30px;
}

.product-single__brief-description p {
    font-size: 18px;
    padding-top: 0;
}

.product-single__sizes p,
.product-single__literature p,
.product-single__sizes ul,
.product-single__literature ul {
    padding-top: 0;
    padding-bottom: 20px;
}

.product-single__brief-description,
.product-single__sizes,
.product-single__literature {
    margin-bottom: 10px;
}

.product-single__sizes,
.product-single__literature { line-height: 1.6; }

.product-single__literature { padding-bottom: 20px; }

.product-single__sizes h4,
.product-single__literature h4 {
    color: #4261a3;
    font-size: 16px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 3px;
}

.product-single__literature a {
    background: url(images/icon-pdf.gif) no-repeat left center;
    display: block;
    color: #707070;
    font-weight: 600;
    margin-top: 10px;
    padding-left: 25px;
}

.product-single__literature a:first-child {
    margin-top: 0;
}

.product-single__literature a:hover { color: #0e0e2a; }

.product-single__project-inspiration,
.product-single__information { margin-top: 60px; }

.product-single__project-inspiration-item img {
    margin: 0 auto;
}

.product-single__project-inspiration h2,
.product-single__color-options h2,
.product-single__information h2 {
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 0;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.product-single__information h2 { margin-bottom: 0; }

.product-single__information p,
.new-product-single__information ul { font-size: 16px; }

.new-product-single__information ul{
    margin-left: 40px;
    margin-bottom: 20px;
}

.new-product-single__information iframe{
    margin: auto;
    text-align: center;
    display: block;
    max-width: 100%;
}

.new-product-single__information p{
    padding: 0 0 20px 0;
}

.new-product-single__information h2 + p{
    padding: 20px 0;
}

.new-product-single__information h2:first-of-type{
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 0;
    border-bottom: 1px solid #bfbfbf;
    color: #4261a3;
}

.new-product-single__information h2{
    border-bottom: none;
    padding: 0;
    color: #707070
}

.new-product-single__information h3{
    text-transform: uppercase;
    font-weight: 600;
}

.product-main-image-description {
    margin-top: 20px;
    position: relative;
}

.product-main-image-description:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    height: 1px;
    width: 50px;
    background-color: #ccc;
}

.product-main-image-name {
    font-weight: 700;
    font-size: 18px;
}

.product-single__color-options-thumbs {
    padding: 0;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.product-single__color-option,
.product-single__color-option a { display: block; }

.product-single__color-option {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.product-single__color-options-main-image img {
    display: block;
    height: auto;
    max-width: 100%;
}

.product-single__color-option-thumb {
    display: block;
    height: 80px;
    width: 100%;
    margin-bottom: 3px;
}

.product-single__color-option.thumb-active .product-single__color-option-name:before {
    border-color: transparent transparent #000 transparent;
}

.product-single__project-inspiration ul { padding: 0; }

.product-single__project-inspiration-item {
    list-style: none;
    margin-bottom: 30px;
}

.product-single__project-inspiration-item:nth-child(4n+1) { clear: left; }

.product-single__project-inspiration-item p {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 0;
}

.product-single__bottom-form {
    border-top: 1px solid #dedede;
    background-color: #f4f4f4;
    padding-top: 60px;
    padding-bottom: 60px;
}

.product-single__bottom-form * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-single__bottom-form-title {
    color: #707070;
    font-size: 28px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.product-single__bottom-form label {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.product-single__bottom-form .form-field {
    margin-bottom: 10px;
}

.product-single__bottom-form .txtbox,
.product-single__bottom-form .txtbox_small,
.product-single__bottom-form .txtarea {
    height: auto;
    padding: 10px;
    width: 100%;
}

.product-single__bottom-form .selbox { width: 100%; }

.product-single__bottom-form textarea { width: 100%; }

.product-single__bottom-form [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.product-single__bottom-form .row {
    margin-left: -5px;
    margin-right: -5px;
}

.product-single__bottom-form p {
    font-size: 14px;
    line-height: 1.6;
    padding-top: 0;
}


@media (max-width: 1000px) {

    .product-single__project-inspiration-item:nth-child(4n+1) { clear: none; }

    .product-single__project-inspiration-item:nth-child(3n+1) { clear: left; }

    .product-single__media,
    .product-single__sidebar {
        float: none;
        width: 100%;
    }

    .product-single__sidebar {
        padding-left: 0;
    }

}

@media (min-width: 768px) {

    .product-single__project-inspiration-item img {
        height: 220px;
    }

}

@media (max-width: 767px) {

    .product-single__project-inspiration-item:nth-child(3n+1) { clear: none; }

    .product-single__project-inspiration-item:nth-child(2n+1) { clear: left; }

    .product-single__brief-description { margin-top: 30px; }

    .product-single__color-options-main-image { margin-bottom: 30px; }

    .product-single__project-inspiration-item img { height: 190px; }

}

@media (max-width: 599px) {

    .product-single,
    .product-single__bottom-form {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .resourcepage .col-md-4 {
        width: 100%;
        float:left;
    }

    .resourcepage .fpImage {
        display: block;
    }

    .innertestimonials p { padding:0 15px; }

}


/* ========== Online Guides ========== */


/************
 Table Of Contents Styling
*************/
.p1,
.p2,
.p3,
.ul1 {
    font-size: 15px;
}
.guide-toc {
    z-index: 200;
    position: relative;
    margin-bottom: 20px;
}
.guide-toc ul {
    padding: 0;
    list-style: none;
}
.guide-toc__links a {
    border-bottom: 1px solid #1E4176;
    background: #fff;
    color: #3F64A1;
    padding: 12px 20px 12px 0;
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    z-index: 10000;
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
    text-decoration: none;
}
.guide-toc__links li:last-child a {
    border-bottom: 0;
}
.guide-toc__links a span,
.guide-buttons a span {
    font-weight: 400;
    text-transform: none;
}
.guide-toc__links a:before {
    content: "";
    height: 100%;
    width: 678px;
    background-color: #1E4176;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-105%);
        -ms-transform: translateX(-105%);
            transform: translateX(-105%);
    z-index: -1;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.guide-toc__links a:hover:before {
    background-color: #1E4176;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    left: 0;
}
.guide-toc__links a:hover {
    border-color: #1E4176;
    background-color: #1E4176;
    padding-left: 25px;
    color: #fff !important;
}
/*************
Popup Form Styling
*************/
.guide-popup-form {
    background: #fff;
    padding: 20px;
}
.guide-popup-form fieldset {
    border: 0;
    margin-top: 20px;
}
.guide-popup-form input,
.guide-popup-form textarea {
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    padding: 5px;
}
.guide-popup-form textarea {
    height: 80px;
}
.form-row {
    margin-bottom: 20px;
}
.error {
   color: #008f7e;
}
label span {
    font-size: 22px;
    color: #008f7e;
}
/*************
Button Styling
*************/
.guide-button,
.guide-popup-form input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 30px;
    font-weight: 700;
    text-align: center;
    background: #3F64A1;
    display: inline-block;
    margin-bottom: 20px;
    border: 0px;
    display: block;
    width: 100%;
}
.guide-button:hover ,
.guide-popup-form input[type="submit"]:hover {
    background: #1E4176;
    cursor: pointer;
    color: #fff;
}
.guide-button--left {
    float: left;
    width: 40%!important;
}
.guide-button--right {
    float: right;
    width: 40%!important;
}
.guide-button--left:before,
.guide-button--right:after {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.guide-button--download {
    background: #0B1D39;
    color: #fff;
}
.guide-button--download:hover {
    background: #1E4176;
    cursor: pointer;
    color: #fff;
}
h1.guide-chapter-header {
    margin-top: 20px;
    text-align: left;
}
@media all and (min-width: 600px) {
    .guide-button {
        width: initial;
        display: inline-block;
    }
    .guide-button--download {
        max-width: 100%;
        display: block;
    }
}
/*************
Effects
*************/
.guide-button,
.guide-button--download,
.guide-popup-form input[type="submit"] {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
/*************
Other Page Styling Elements
*************/
.guide-main-content,
.guide-buttons {
    margin-top: 50px;
}
.guide-main-content h2 {
    padding: 20px 0;
}
.guide-main-content p {
    padding: 10px 0;
}
.guide-download-pdf {
    margin-bottom: 50px;
}
/*************
 Icons
*************/
[class^="icon-"], [class*=" icon-"],
.guide-button--left:before,
.guide-button--right:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-navigate_before:before,
.guide-button--left:before {
    content: "";
}
.icon-navigate_next:before,
.guide-button--right:after {
    content: "";
}
/*************
Magnific Popup CSS
*************/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.mfp-align-top .mfp-container:before {
    display: none; }
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
.mfp-ajax-cur {
    cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
    cursor: auto;
    width: 80%;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none; }
.mfp-loading.mfp-figure {
    display: none; }
.mfp-hide {
    display: none !important; }
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }
.mfp-s-ready .mfp-preloader {
    display: none; }
.mfp-s-error .mfp-content {
    display: none; }
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
            box-shadow: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }
.mfp-close-btn-in .mfp-close {
    color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
.mfp-image-holder .mfp-content {
    max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
      /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
          padding-left: 0;
          padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
          padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
            transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }
@media all and (min-width: 768px) {
    .mfp-auto-cursor .mfp-content {
        width: 700px;
    }
}

/* ======== End Online Guides ======== */

.installation-guides h2 {
    font-size: 18px;
    margin-top: 6%;
}

.installation-guides a {
    background: url(images/next_arrow_2.png) 260px center no-repeat #0d0e2a;
}

.installation-guides a:hover {
    background: url(images/next_arrow_2.png) 260px center no-repeat #4261a4;
}


/* New Category Page Layout */

.tax-product-category #featured_image {
    background-size: cover !important;
    background-position: 50% -70px !important;
    height: auto;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 120px;
}

.tax-product-category .header-entry {
    background-color: rgba(255,255,255,.68);
    padding: 47px 40px;
    font-size: 15px;
    color: #262626;
    line-height: 1.6667;
    margin-top: 10px;
}

.tax-product-category .header-entry__wrap {
    width: 75%;
    float: right;
}

.tax-product-category #featured_image .pageTitle {
    position: relative;
    margin-top: 70px;
    text-transform: none;
}

@media (max-width: 1024px) {

    .tax-product-category .header-entry__wrap {
        width: 100%;
    }

}


/* Single Product Page Popup */

.single-nhproduct .mfp-image-holder .mfp-close,
.single-nhproduct .mfp-iframe-holder .mfp-close {
    font-size: 44px;
    position: relative;
    top: -10px;
    opacity: 1;
}

.single-nhproduct img.mfp-img {
    border: 10px solid #fff;
    padding: 0;
    margin: 0;
    width: 100%;
}

.single-nhproduct .mfp-bottom-bar {
    margin-top: 10px;
}

.single-nhproduct .mfp-counter,
.single-nhproduct .mfp-figure:after {
    display: none;
}

.single-nhproduct .mfp-title {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-right: 0;
}
.item {
    height: 100%!important;
    top: 0!important;
}











/* Stote page */

/**
 * Hiding
 */

 .hide,
 .hidden-xxs-up { display: none !important; }
 .hidden       { display: none !important; visibility: hidden !important; }
 .invisible    { visibility: hidden !important; }
 .text-hide    {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
 }
 
 @media (max-width: 599px) {
     .hidden-xxs { display: none !important; }
 }
 
     @media (min-width: 600px) {
       .hidden-xs-up { display: none !important; }
     }
 
 @media (min-width: 600px) and (max-width: 767px) {
     .hidden-xs { display: none !important; }
 }
 
     @media (max-width: 767px) {
       .hidden-xs-down { display: none !important; }
     }
     
     @media (min-width: 768px) {
       .hidden-sm-up { display: none !important; }
     }
 
 @media (min-width: 768px) and (max-width: 1024px) {
     .hidden-sm { display: none !important; }
 }
 
     @media (max-width: 1024px) {
       .hidden-sm-down { display: none !important; }
     }
     
     @media (min-width: 1025px) {
       .hidden-md-up { display: none !important; }
     }
 
 @media (min-width: 1025px) and (max-width: 1199px) {
     .hidden-md { display: none !important; }
 }
 
     @media (max-width: 1199px) {
       .hidden-md-down { display: none !important; }
     }
 
 @media (min-width: 1200px) {
     .hidden-lg { display: none !important; }
 }
 
 


.header-image img,
.footer-image img {
    display: block;
    width: 100%;
}

.store-container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    max-width: 1366px;
}

.store-banner {
    position: relative;
    height: 250px;
}

.store-banner-image {
    width: 100%;
    height: 100%;
}

.store-banner-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.store-banner-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 13, 42, 0.4);
}

.store-banner-text h1 {
    margin: 0;
    padding: 165px 0 0;
    color: #ffffff;
    font-weight: 900;
    line-height: 1em;
    font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 768px) {
    .store-banner-text h1 {
        font-size: 30px;
    }
}

@media (min-width: 1025px) {
    .store-banner-text h1 {
        font-size: 40px;
    }
}

/* store-page content*/

.store-btn-primary {
    font-size: 16px;
    display: inline-block;
    padding: 18px 30px 18px 30px;
    line-height: 1.2em;
    border-radius: 0;
    color:#fff;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    border: none;
    text-align: center;
    font-weight: 700;
    position: relative;
    background: #4261A3;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

    .store-btn-primary:hover {
        background: #0D0D2A;
        color:#ffffff;
    }


.store-btn-secondary {
    font-size: 16px;
    display: inline-block;
    padding: 18px 30px 18px 30px;
    line-height: 1.2em;
    border-radius: 0;
    color:#fff;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    border: none;
    text-align: center;
    font-weight: 700;
    position: relative;
    background: #0D0D2A;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
    .store-btn-secondary:hover {
        background: #224795;
        color:#ffffff;
    }

.store-btn + .store-btn {
    margin-left: 0;
}

.store-page {
    padding: 50px 0;
    background: #ffffff;
}

.store-column {
    background: #F5F5F5;
    position: relative;
    margin-bottom: 30px;
}

.store-content {
    padding: 40px 20px 20px;
}

.store-section h2 {
    font-size: 24px;
    color: #0D0D2A;
    font-weight: 700;
    line-height: 1.14em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 15px;
    margin: 0;
}

.store-section h3 {
    font-size: 20px;
    color: #0D0D2A;
    font-weight: 700;
    line-height: 1.14em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 15px;
    margin: 0;
}

.store-section p {
    font-size: 16px;
    color: #0D0D2A;
    font-weight: 400;
    line-height: 1.5em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 20px;
    margin: 0;
}

.store-section p a {
    color: #4261A3;
    font-weight: 700;
    padding: 0 0 0;
    margin: 0;
}

.store-section p a:hover {
    text-decoration: underline;
}

.store-welcome-image {
    width: 100%;
    height: 230px;
}

.store-welcome-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.store-column .store-btn {
    margin-bottom: 10px;
}

@media (min-width: 470px) {
    .store-btn + .store-btn {
        margin-left: 18px;
    }

    .store-column .store-btn {
        margin-bottom: 0;
    }
}


@media (min-width: 768px) {
    .store-content {
        padding: 50px 40px 30px;
    }

    .store-btn-primary,
    .store-btn-secondary {
        font-size: 18px;
    }

    .store-section h2 {
        font-size: 30px;
    }

    .store-section h3 {
        font-size: 25px;
    }

}

@media (min-width: 1025px) {
    .store-section h2 {
        font-size: 35px;
        padding-bottom: 20px;
    }

    .store-section h3 {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .store-section .store-btn {
        margin-top: 10px;
    }

    .store-page {
        padding: 80px 0 50px;
        background: #ffffff;
    }

}

@media (min-width: 1366px) {
    .store-content {
        padding: 50px 80px 30px;
    }

    .store-section h2 {
        max-width: 500px;
    }

    .store-column {
        padding-bottom: 20px;
    }

}


.product-service-image {
    width: 100%;
    height: 230px;
}

.product-service-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.product-service-content {
    padding: 30px 20px 20px;
}

.STIHL-logo {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .product-service {
        display: table;
        width: 100%;
    }

    .product-service-content {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        position: relative;
        padding: 40px 30px 40px;
    }

    .product-service-image {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        position: relative;
    }

    .product-service-image img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .store-column {
        padding-bottom: 0;
    }
}

@media (min-width: 1366px) {

    .product-service-content {
        padding: 45px 54px 40px 60px;
    }

    .product-service-content p {
        font-size: 20px;
    }

    .STIHL-logo {
        margin-bottom: 35px;
    }

    .product-service-content {
        width: 44%;
    }

    .product-service-image {
        width: 56%;
    }

    .product-service-image img {
        object-position: left;
    }
}

.blue-product-section {
    background: #4261A3;
    margin-top: 100px;
    position: relative;
    padding: 0 20px 20px;
    text-align: center;
    color: #ffffff;
}

.blue-product-image {
    top: -70px;
    margin-bottom: -70px;
    position: relative;
}

.blue-product-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0;
}

.napoleon-gourmet-grills-logo {
    margin: 0;
}

.napoleon-gourmet-grills-logo img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0;
}

.blue-product-content h3 {
    color: #ffffff;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .blue-product-image {
        top: -75px;
        margin-bottom: -70px;
        position: absolute;
        left: 30px;
    }

    .blue-product-content {
        max-width: 500px;
        float: right;
        padding: 40px 0 40px 0;
    }

    .napoleon-gourmet-grills-logo {
        position: absolute;
        left: 300px;
        bottom: 44px;
    }
}

@media (min-width: 900px) {
    .blue-product-content {
        max-width: 500px;
        float: right;
        padding: 40px 30px 40px 0;
    }
}

@media (min-width: 1025px) {
    .blue-product-content {
        max-width: 500px;
        float: right;
        padding: 40px 30px 40px 0;
    }

    .napoleon-gourmet-grills-logo {
        bottom: 60px;
    }
}


/* store-left-text-right-image */

.store-left-text-right-image {
    width: 100%;
    position: relative;
    border: 2px solid #4261A3;
}

.store-right-image {
    width: 100%;
    height: 230px;
}

.store-right-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.store-left-text {
    padding: 20px;
}

.Bar-B-Que-Beast-Logo img {
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .store-left-text-right-image {
        width: 100%;
        display: table;
        position: relative;
    }

    .store-right-image {
        display: table-cell;
        width: 47%;
        vertical-align: middle;
        position: relative;
        height: auto;
    }

    .store-right-image img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .store-left-text {
        display: table-cell;
        width: 53%;
        vertical-align: middle;
        padding: 30px 30px 70px;
        position: relative;
    }

    .store-section .store-left-text-wrapper p {
        font-size: 20px;
    }

    .Bar-B-Que-Beast-Logo {
        position: absolute;
        right: 30px;
        bottom: 25px;
    }
}

@media (min-width: 1366px) {
    .Bar-B-Que-Beast-Logo {
        right: 35px;
        bottom: 30px;
    }

    .store-left-text {
        padding: 35px 35px 70px;
    }

    .store-section .store-left-text-wrapper .store-btn {
        margin-top: 0;
    }
}


/* store-left-image-right-text */

.store-left-image-right-text {
    width: 100%;
    position: relative;
    border: 2px solid #4261A3;
}

.store-left-image {
    width: 100%;
    height: 230px;
}

.store-left-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.store-right-text {
    padding: 20px;
}

.Pully-Wissle-Logo-Round img {
    margin: 10px auto 0;
    display: block;
}

@media (min-width: 768px) {
    .store-left-image-right-text {
        width: 100%;
        display: table;
        position: relative;
    }

    .store-left-image {
        display: table-cell;
        width: 47%;
        vertical-align: middle;
        position: relative;
        height: auto;
    }

    .store-left-image img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .store-right-text {
        display: table-cell;
        width: 53%;
        vertical-align: middle;
        padding: 30px 30px 120px;
        position: relative;
    }

    .store-section .store-right-text-wrapper p {
        font-size: 20px;
    }

    .Pully-Wissle-Logo-Round {
        position: absolute;
        right: 40px;
        bottom: 25px;
    }

    .store-right-text-wrapper {
        max-width: 400px;
    }
}

@media (min-width: 1366px) {
    .Pully-Wissle-Logo-Round {
        right: 35px;
        bottom: 25px;
    }

    .store-right-text {
        padding: 35px 35px 120px 45px;
    }

    .store-section .store-right-text-wrapper .store-btn {
        margin-top: 0;
    }
}


/* store-sidebar */

.store-sidebar {
    margin: 0;
    padding: 0;
}

.store-sidebar-link a {
    background: #4261A3;
    font-size: 22px;
    color: #FFFFFF;
    overflow: hidden;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
}

.store-sidebar-link a:hover {
    background: #32497B;
}

.sidebar-button-text {
    padding: 18px 20px 18px 20px;
    display: block;
    float: left;
}

.sidebar-button-icon {
    padding: 15px 0 11px;
    display: block;
    text-align: center;
    height: 100%;
    background: #32497B;
    width: 60px;
    float: right;
}

.store-sidebar-link a:hover .sidebar-button-icon {
    background: #4261A3;
}

.store-sidebar-column {
    margin: 30px 0 0;
    padding: 20px;
    border: 2px solid #3E60A1;
    color: #0D0D2A;
}

.store-sidebar-column h2 {
    font-size: 24px;
    color: #0D0D2A;
    font-weight: 400;
    line-height: 1.14em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 15px;
    margin: 0 0 10px;
    position: relative;
}

.store-sidebar-column h2 span {
    font-weight: 700;
    display: block;
}

.store-sidebar-column h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 113px;
    height: 9px;
    background: #4261A3;
}

.sidebar-column-contact-col {
    margin-top: 15px;
    font-size: 16px;
    color: #0D0D2A;
    font-weight: 400;
    line-height: 1.5em;
    font-family: 'Source Sans Pro', sans-serif;
}

.sidebar-column-contact-col a {
    color: #0D0D2A;
    display: inline-block;
}

.sidebar-column-contact-col a:hover {
    color: #4261A3;
}

.sidebar-column-contact-col span {
    font-weight: 700;
}

.column-icon {
    float: left;
    width: 22px;
    color: #0D0D2A;
    padding-top: 2px;
}

.column-icon-info {
    float: left;
    width: calc(100% - 22px);
}

.sidebar-column-contact-col p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #0D0D2A;
    font-weight: 400;
    line-height: 1.5em;
    font-family: 'Source Sans Pro', sans-serif;
}

.store-follow {
    margin: 20px 0 0;
    padding: 0;
}

.store-follow p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #0D0D2A;
    font-weight: 700;
    line-height: 1.5em;
    font-family: 'Source Sans Pro', sans-serif;
}

.store-follow-social-media {
    margin-top: 5px;
}

.store-follow-social-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.store-follow-social-media ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}

.store-follow-social-media ul li:last-child {
    margin-right: 0 ;
}

.store-follow-social-media ul li a {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 39px;
    height: 39px;
    background: #0D0D2A;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 39px;
}

.store-follow-social-media ul li a:hover {
    background: #4261A3;
    color: #ffffff;
}

.store-map {
    margin-top: 20px;
}

.store-map iframe{
    display: block;
    width: 100%;
    height: 160px;
}

.coupons-col {
    text-align: center;
}

.store-sidebar-column h3 {
    font-size: 24px;
    color: #4261A3;
    font-weight: 700;
    line-height: 1.14em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 0;
    margin: 0 0 20px;
    position: relative;
}

.holiday-gift-image {
    margin-bottom: 25px;
}

.holiday-gift-image img {
    max-width: 235px;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .store-sidebar-column {
        margin: 32px 0 0;
        padding: 35px 30px 40px;
    }

    .store-sidebar-column h2 {
        font-size: 35px;
        padding: 0 0 20px;
        margin: 0 0 25px;
    }

    .store-map {
        margin-top: 30px;
    }

    .store-follow-social-media ul li {
        margin: 0 15px 0 0;
    }

    .store-follow-social-media ul li a {
        width: 47px;
        height: 41px;
        font-size: 26px;
        line-height: 41px;
    }

    .store-sidebar-column h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }
}

@media (min-width: 1366px) {
    .store-sidebar {
        margin-left: 20px;
        max-width: 362px;
    }
}


















/* all-products */

.all-products {
    background: #ECF0F3;
    padding: 50px 0;
    position: relative;
}

.all-products-row {
    margin-left: -15px;
    margin-right: -15px;
}

.all-products-column-item {
    padding: 0 15px;
    float: left;
    width: 100%;
}

.all-products-column {
    background: #ffffff;
    margin-bottom: 20px;
    text-align: center;
}

.products-icon {
    width: 73px;
    height: 64px;
    float: left;
    background: #4261A3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.products-icon img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.products-info {
    width: calc(100% - 73px);
    height: 64px;
    float: left;
    font-size: 16px;
    line-height: 1.3em;
    color: #4261A3;
    font-weight: 700;
    padding: 0 12px;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'Source Sans Pro', sans-serif; 
}

.all-products-column:hover .products-icon {
    background: #0D0D2A;
}

.all-products-column:hover .products-info {
    background: #4261A3;
    color: #ffffff;
}

.all-products h2 {
    font-size: 24px;
    color: #0D0D2A;
    font-weight: 700;
    line-height: 1.14em;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0 0 15px;
    margin: 0;
    position: relative;
}

.all-products-listings {
    margin-top: 30px;
    position: relative;
}



@media (min-width: 600px) {
    .all-products-column-item {
        width: 50%;
    }
}


@media (min-width: 768px) {
    .all-products-column-item {
        width: 33.33%;
    }

    .all-products h2 {
        font-size: 30px;
    }

    .all-products:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 400px;
        height: 400px;
        background: url(../img/ask-expert-bg.png) 0 0 no-repeat;
        background-size: 100%;
    }
}

@media (min-width: 900px) {
    .all-products-column-item {
        width: 25%;
    }

    .all-products h2 {
        font-size: 35px;
    }

    .all-products {
        padding: 90px 0 60px;
        position: relative;
    }

    .all-products:before {
        width: 400px;
        height: 400px;
    }

    .all-products-column {
        margin-bottom: 30px;
    }
}

@media (min-width: 1025px) {
    .all-products-listings {
        max-width: 876px;
    }

    .all-products:before {
        width: 600px;
        height: 600px;
    }

}

@media (min-width: 1366px) {

    .all-products:before {
        width: 850px;
        height: 890px;
    }
}