/**
 * CONTENTS
 *
 * GENERIC
 * Box-sizing............Better default `box-sizing`.
 * Sticky Footer.........Make Footer always stick to bottom.
 * Image Aligns..........WP specific img aligns.
 *
 * BASE
 * Typography............@fontfaces, base text and vertical rhythem setup.
 *
 * COMPONENTS
 * Wrappers..............Wrapping and constraining elements.
 * Grid System...........Bootstrap based grid.
 * Clearfix..............Properly clear floats.
 * Flexbox...............Emulate modern flexbox layout.
 *
 * Objects
 * Icons.................Icon Elements.
 * Buttons...............Button elements.
 * Block-list............Create big blocky lists of content.
 * Matrix................Table like layouts for lists.
 * Multi-list............Multiple column lists.
 * Tables................Table Styles.
 * Forms.................Form Elements.
 * Breadcrumbs...........Breadcrumbs.
 * Pagination............Pagination.
 *
 * UI
 * Page head.............The main page header.
 * Navigation............Navigation elements.
 * Masthead..............Page title/image/slideshow header block.
 * Page footer...........The main page footer.
 *
 * TRUMPS
 * Images................Round, Circle, Square Images.
 * Visiblity.............Make items visible.
 * Hiding................Make items invisible/hidden.
 * Screen Readers........Display for screen readers.
 * Print.................Display for printing.
 * Clears................Clearing floats.
 * Text alignment........Align text.
 * Font weights..........Adjust font weights.
 * Borders...............Add borders.
 * Add/remove margins....Remove margins.
 * Add/remove paddings...Remove padding.
 * Positioning...........float, center, and stick items.
 */




/*------------------------------------*\
    Generic
\*------------------------------------*/

/**
 * Box-sizing
 */

* { box-sizing: border-box; }


/**
 * Sticky Footer
 */

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/**
 * Images
 *
 * These selectors are hard cast because they are only used
 * by wordpress wyswyg when adding images to content
 */

img.alignnone,
.wp-caption.alignnone {margin:0 0 22px 0;}

img.alignright,
.wp-caption.alignright {
    float: right;
    clear: right;
    margin:0 0 10px 30px;
}

img.alignleft,
.wp-caption.alignleft {
    float:left;
    /*clear: left; This is removed to allow images to stack next to each other in a row */
    margin: 0 20px 10px 0;
}

img.aligncenter,
.wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*------------------------------------*\
    Typography
\*------------------------------------*/


h1 {
    font-size: 60px;
    font-family: 'Droid Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    margin: 10px 0;
}

h2 {
    font-size: 25px;
    font-weight: 400;
    margin: 10px 0;
}

h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 2em;
    margin: 0 0 20px;
}

ul {
    font-size: 14px;
    font-weight: 400;
}

.home ul li, ol li {
  line-height: 1.4em;
}

ul li,
ol li {
    padding: 5px;
    list-style-type: none;
    position: relative;
    line-height: 2em;
    font-size: 14px;
}

ul li:before, ol li ul li:before {
    content: '•';
    position: absolute;
    -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    font-size: 22px;
    line-height: .9em;
    top: 5px;
    color: #C00214;
}

ol li ul li:before {
    transform: translateX(-28px);
}

  .page-content__sidebar ul li:before { top: 9px; }

ol { counter-reset: list-number; }

ol li:before {
  content: counter(list-number, decimal);
  counter-increment: list-number;
  position: absolute;
  color: #c00214;
  text-align: right;
  width: 20px;
  -ms-transform: translateX(-30px);
      transform: translateX(-30px);

}

a {
    font-weight: 600;
    text-decoration:none;
    color: #C00214;
    position: relative;
}

.text--uppercase {
    text-transform: uppercase;
}

.text--white {
    color: #fff;
}

.text--blue {
    color: #fff;
}

hr {
    background: #ccc;
    border: 0px;
    height: 1px;
    padding: 0;
    margin: 20px 0;
}


@media (min-width: 768px) {
    h2 {
      font-size: 30px;
    }
}

@media (min-width: 1025px) {
    h2 {
      font-size: 40px;
    }

    a:hover {
      cursor: pointer;
    }

    a:after {
        content: "";
        height: 2px;
        width: 0;
        background: transparent;
        display: block;
        margin-left: 50%;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    a:hover:after {
        background: #C00214;
        width: 100%;
        margin-left: 0;
    }
}





/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/


/**
 * Wrappers
 */

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

	@media (min-width: 600px) {
        .container { width: 100%; }
    }

    @media (min-width: 768px) {
        .container {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
        }
    }

    @media (min-width: 1025px) {
        .container { width: 990px; }
    }

    @media (min-width: 1200px) {
        .container { width: 1160px; }
    }

    @media (min-width: 1366px) {
        .container { width: 1326px; }
    }



/**
 * 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: -10px;
    margin-right: -10px;
}

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

 @media (min-width: 768px) {
  .row {
    margin-left: -20px;
    margin-right: -20px;
  }

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 20px;
        padding-right: 20px;
    }
 }

/* 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, 1025px and up) */
@media (min-width: 1025px) {
  [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%; }

}


/**
 * 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; }


/**
 * Flexbox
 * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
 * it, in a way
 *
 * Demo: jsfiddle.net/inuitcss/ufUh2
 */
@media (min-width: 1025px) {
.flexbox {
    display: table;
    width: 100%;
}

    /**
     * Nasty hack to circumvent Modernizr conflicts.
     */
    html.flexbox {
       display: block;
        width: auto;
    }

    .flexbox-item {
        display: table-cell;
        vertical-align: middle;
    }
}


/*--------------------------------------------------------------*\
    OBJECTS
    Objects are independent generic stylibf classes or UI peices.
    All styles for objects should be self contained.

    e.g. an object shouldn't rely on trump helpers to apply padding etc.
\*--------------------------------------------------------------*/


/**
 * Effects
 */

.button,
.button:after,
a,
a:after,
.nav-primary,
.nav-primary li a,
.icon-search,
.sub-menu-toggle,
.social-icons a:before,
.thumbslider .slide .thumb-image,
.thumbslider .nextArrow,
.thumbslider .prevArrow,
.thumbslider .slide .thumb-name,
.page-footer__navigation ul li a,
.menu-button-bg span,
.menu-button-bg:hover span   {
    -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;
  }

.home .sub-menu {
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
  }

.menu-button-bg p {
      -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}


/**
 * Buttons
 */

.button {
    background: #C00214;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    font-weight: 700;
    position: relative;
    padding: 15px 51px;
    border: 0;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 5px 0;
}

.button-secondary {
    background: #3684CD;
}

.button-tertiary {
    background: transparent;
    border: 1px solid #fff;
}

.button--block {
    display: block;
    width: 100%;
}

.button--small {
    padding: 8px 28px;
}


@media (min-width: 1025px) {
    .button:hover {
        border: 0;
        color: #fff;
        background: #d10216;
        cursor: pointer;
    }

    .button:after {
        content: "";
        height: 4px;
        width: 0;
        background: transparent;
        display: block;
        margin-left: 50%;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .button:hover:after {
        background: #8e010f;
        width: 100%;
        margin-left: 0;
    }

    .button-secondary:hover {
        background: #448cd0;
    }

    .button-secondary:hover:after {
        background: #266199;
    }

    .button-tertiary:hover {
        background: transparent;
        border: 1px solid #fff;
    }

    .button-tertiary:hover:after {
        background: #fff;
    }
}

/**
 * Background Colors
 */

.bg--dark-blue {
    background: #00213f;
}

.bg--blue {
    background: #002d57;
}

.bg--dark-grey {
    background: #191919;
}

.bg--light-grey {
    background: #E9E9E9;
}

.bg--white {
    background: #fff;
}

/**
 * Icons
 */


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

[class^="icon-"], [class*=" icon-"],
.icon-menu:before,
.icon-mobile-search:before,
.page-content__sidebar h2:after   {
    /* 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-play-button:before {
    content: "\e900";
}
.icon-circle-arrow:before  {
    content: "\e901";
}
.icon-th-menu:before,
.icon-menu:before {
    content: "\e902";
}
.icon-social-facebook:before {
    content: "\e903";
}
.icon-search:before,
.icon-mobile-search:before {
    content: "\f002";
}
.icon-plus:before {
    content: "\f067";
}
.icon-angle-left:before {
    content: "\f104";
}
.icon-angle-right:before {
    content: "\f105";
}
.icon-angle-up:before {
    content: "\f106";
}
.icon-angle-down:before,
.page-content__sidebar h2:after {
    content: "\f107";
}
.icon-file:before {
    content: "\f15b";
}
.icon-sticky-note-o:before {
    content: "\f24a";
}
.icon-check:before {
    content: "\e904";
}
.icon-instagram:before {
    content: "\e905";
}
.icon-pinterest:before {
    content: "\e906";
}
.icon-twitter:before {
    content: "\e907";
}
.icon-linkedin:before {
  content: "\eaca";
}




/**
 * Block-list / Matrix
 * Create big blocky lists of content
 *
 * Demo: jsfiddle.net/inuitcss/hR57q
 */

.block-list,
.matrix,
.block-list > li,
.matrix > li { border: 0 solid #ccc; }

.block-list,
.matrix {
    list-style: none;
    margin-left: 0;
    border-top-width: 1px;
}

    .block-list > li,
    .matrix > li {
        border-bottom-width: 1px;
        padding: 12px;
    }

.block-list-link,
.matrix-link {
    display: block;
    padding: 12px;
    margin: -12px;
}


/**
 * Tables
 */

table {
  border-collapse:collapse;
  width: 100%;
  border: 1px solid #ccc;
}

.tablepress {
    border: 1px solid #ccc !important;
}

.tablepress thead th, th {
    background: #001a33 !important;
    text-align: center;
    border-right: 1px solid;
    padding-right: 0 !important;
    color: #fff;
    padding: 5px !important;
    font-size: 12px;
}

.tablepress thead th:last-child, thead th:last-child, .term-architectural-wire-cloth th:nth-last-child(2) {
    border-right: none;
    width: 48%;
}

/* [class*="tablepress-id-"] td {
    max-width: 0;
}*/

.tablepress td, td {
    font-size: 12px;
    border-right: 1px solid #ccc !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px 5px !important;
    white-space: wrap;
}

.tablepress tr td:last-child, tr td:last-child {
    border-right: 0;
}

.tablepress .sorting:after,
.dataTables_length {
    display: none;
}

.dataTables_filter,
.dataTables_paginate,
.dataTables_info {
  display: none;
}

.single-product-table {
    padding-top: 40px;
    position: relative;
    z-index: 300;
}

.table-wrapper {
    width: 100%;
    overflow-y: auto;
}

.resources-page ul li {
    display: inline-block;
    padding-right: 57px;
}

td.column-1, td.column-2, td.column-3, td.column-4, td.column-6, td.column-8, td.column-11 {
    width: 14%;
}

.tablepress-id-94 td.column-5,
.tablepress-id-94 td.column-7,
.tablepress-id-97 td.column-5 {
    width: 14%;
 }

.tablepress-id-49 td.column-5,
.tablepress-id-49 td.column-7,
.tablepress-id-50 td.column-5,
.tablepress-id-50 td.column-7,
.tablepress-id-51 td.column-5,
.tablepress-id-51 td.column-7 {
   width: 10%;
}

.tablepress-id-96 td.column-1,
.tablepress-id-96 td.column-2,
.tablepress-id-96 td.column-3,
.tablepress-id-96 td.column-4,
.tablepress-id-96 td.column-5 {
    width: 20%;
}

.tablepress-49-no-2

td.column-2, td.column-3 {
    word-wrap: break-word;
}

.dynatable-sort-header { color: #3684CD; }

.dynatable-sort-header:after,
.dynatable-sort-header:hover:after { background: #3684CD; }

table#tablepress-41 td.column-1 {
    width: 20%;
}

/**
 * Forms
 */


.page-content__sidebar  textarea {
  width: 100%;
  border: 1px solid #fff;
  background: #365068;
  font-size: 13px;
  padding-left: 10px;
  color: #fff;
}

/* Removes default webkit form styling */
input,
button,
textarea {
    -webkit-appearance: none;
}

/* default text input style */
[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"] {
    height: 49px;
    width: 100%;
    border: 1px solid #ccc;
    padding-left: 5px;
    color: #000;
    -webkit-appearance: none;
     border-radius: 0;
}

span.attach-file,
span[data-name="attach-file"] {
    display: block;
}

.blog-sidebar input {
    height: 38px;
    width: 100%;
    border: 1px solid #fff;
    background: #365068;
    -webkit-appearance: none;
     border-radius: 0;
}

.upload-button {
    /* key */
    position: relative;
    overflow: hidden;

    /* just positioning */
    float: left;
    clear: left;
    height: 49px;
    border: 1px solid #ccc;
    width: 100%;
}

.upload-cover {
    padding: .5em .5em;
    cursor: pointer;
    color: #454545;
    text-align: left;
}

.upload-cover span {
    position: absolute;
    right: 0;
    padding: 10px 23px;
    top: 0;
    font-size: 30px;
    color: #adbbc9;
    background: #002D57;
}

.upload-button input[type="file"] {
    display: block;
    position: absolute;
    /*top: 0;*/
	bottom:-10px;
	left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* left this here so you could see. Make it 0 */
    cursor: pointer;
	height:49px;
}

.main-contact input[type="submit"] {
    padding: 20px 70px;
    background: #002d57;
}




/* Default Submit Button Style */
[type="submit"],
.submit-button [type="submit"] {
    background: #C00214;
    border: 0;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 800;
     -webkit-appearance: none;
     border-radius: 0;
}

    /* Removes inconsistent padding from Firefox buttons */
    button::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border: none;
        padding:0;
         -webkit-appearance: none;
     border-radius: 0;
    }


/**
 * Validation
 */

select,
textarea,
input.wpcf7-not-valid {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    -webkit-appearance: none;
     border-radius: 0;
}

textarea {
    height: 115px;
    padding-left: 5px;
}

.form-row {
    margin: 10px 0;
}

.ajax-loader {
    display: none;
}

::-webkit-input-placeholder { opacity: 1; color: #454545; }
:-moz-placeholder           { opacity: 1; color: #454545; }
::-moz-placeholder          { opacity: 1; color: #454545; }
:-ms-input-placeholder      { opacity: 1; color: #454545; }

.screen-reader-response {
    display: none;
}

.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
    color: #C00214;
    top:30px;
}

.wpcf7-validation-errors { color: #C00214; }



/**
 * Breadcrumbs
 */

.breadcrumbs,
.breadcrumbs a {
    color: #fff;
    font-size: 14px;
}

.breadcrumbs {
    display: none;
    padding: 0 15px;
}

.breadcrumbs p {
    margin: 0;
    font-size: 14px;
}

.breadcrumb_last { display: inline-block; } /* prevent breaking to 2 lines */

@media (min-width: 768px) {
  .breadcrumbs {
      display: block;
  }
}


/**
 * Pagination
 */

.pagination {
}



/* --------------------------------------------------*\
    UI
    UI peices are site specific non generic styles.
    eg: header, footer, sidebar, page specific styles
\* -----------------------------------------------------*/

/**
 * Page-head
 */

.page-header {
    z-index: 200;
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 800;
}

.page-header__bottom-mobile a {
    padding: 11px 0;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.page-header__bottom-desktop {
    padding: 0 20px;
    text-align: right;
}

.page-header__bottom-desktop a {
    width: inherit;
    margin: 0;
    padding: 8px 23px;
    font-size: 13px;
}

.social-icons {
    float: right;
    padding: 30px 0;
}

.social-icons a {
    color: #fff;
}

.social-icons a:before  {
    font-size: 20px;
}

.home .sticky-phone,
.home .product-link,
.page-header__bottom-mobile a:hover:after {
    display: none;
}

.page-header.sticky .sticky-social-icons a:hover {
    color: #C00214;
}


@media (min-width: 768px) {
    .social-icons,
    .page-header .product-link,
    .page-header .sticky-social-icons {
        display: none;
    }
}

@media (min-width: 1025px) {
    .home .page-header {
        display: block;
        position: absolute;
        /* left: -375px; */
        left:0;
        top: 0;
        width: 286px;
        background: #002d57;
        z-index: 300;
        /* -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; */
    }

    .home .page-header.active {
        left: 0;
    }

    .home .page-header__bottom-desktop a {
        width: 100%;
        font-size: 15px;
        padding: 14px 0;
        margin: 3px 0;
    }

    .home .sticky .page-header__bottom-desktop a {
        margin: 0;
        font-size: 13px;
    }

    .home .page-header__bottom-desktop {
        text-align: inherit;
        margin: 0 20px;
    }
    .home .sticky .page-header__bottom-desktop {
        margin: 0;
    }

    .page-header__bottom-desktop {
        padding: 0;
    }

    .home .social-icons {
        display: block;
    }

    .home .social-icons a:hover {
        color: #C00214;
    }

    .home .social-icons .icon-social-facebook:before {
        font-size: 18px;
    }

    .page-header.sticky {
        width: 100%;
        position: fixed;
        top: 0;
        background: #fff;
        height: 127px;
        transition: none;
        z-index: 900;
    }

    .page-header.sticky .nav-primary {
        float: right;
        clear: none;
        padding: 0;
        margin: 0;
        display: block;
    }

    .page-header.sticky .nav-primary ul {
        margin: 0;
    }

    .page-header.sticky .nav-primary li {
        display: inline-block;
        border-bottom: 0;
    }

    .page-header.sticky .nav-primary li a {
        color: #000;
        border-bottom: 0px;
        padding: 35px 14px;
        font-weight: 600;
    }

    .page-header.sticky .logo,
    .logo {
        display: block !important;
        position: inherit;
        width: 174px;
        border: 0px;
        height: auto;
    }

    .page-header.sticky .page-header__bottom-desktop {
        text-align: right;
        padding: 0;
        position: relative;
    }

    .page-header.sticky .page-header__bottom-desktop a {
        width: auto;
    }

    .page-header.sticky .page-header__bottom-desktop a.button {
        padding: 7px 30px;
        margin: 0;
        display: inline-block;
    }

    .home .page-header.sticky .sticky-wrap,
    .page-header .sticky-wrap {
        width: 1025px;
        margin: 0 auto;
    }

    .home .page-header .sticky-wrap {
        width: auto;
    }

    .page-header.sticky .product-link,
    .page-header.sticky .sticky-phone a,
    .page-header .sticky-phone a,
    .page-header .product-link {
        padding: 7px 20px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .page-header .product-link:hover {
        color: #C00214;
    }

    .page-header.sticky .sticky-social-icons,
    .page-header.sticky .sticky-phone,
    .page-header.sticky .product-link,
    .page-header .product-link {
        display: inline-block;
        font-weight: 700;
    }

    .page-header.sticky .sticky-social-icons,
    .page-header.sticky .page-header__bottom-desktop .product-link {
         display: inline-block !important;
    }

    .page-header__bottom-desktop .sticky-social-icons a {
        color: #fff;
        padding: 0;
    }

    .page-header__bottom-desktop .sticky-social-icons a:hover {
        color: #C00214;
    }

    .page-header.sticky .sub-menu,
    .page-header .sub-menu {
        position: absolute;
        top: 93px;
        left: 0;
    }

    .page-header.sticky .sub-menu li,
    .page-header .sub-menu li  {
        display: block;
        width: 100%;
        color: #fff;
    }

    .page-header.sticky .nav-primary ul li:hover > .sub-menu,
    .page-header .nav-primary ul li:hover > .sub-menu,
    .home .page-header.sticky .nav-primary ul li:hover > .sub-menu {
        z-index: 300;
        text-align: left;
        display: block;
        top: inherit;
        left: 0;
    }

  .home .page-header.sticky .nav-primary .sub-menu li:hover > .sub-menu {
      position: absolute;
      left: 300px;
      top: 0;
  }

    .home .page-header .nav-primary ul li:hover > .sub-menu {
        top: 0;
        left: 277px;
    }

    .page-header.sticky .nav-primary ul li:hover > .sub-menu li,
    .page-header .nav-primary ul li:hover > .sub-menu li {
        width: 100%;
    }

    .page-header.sticky .nav-primary ul li:hover > .sub-menu li a,
    .page-header .nav-primary ul li:hover > .sub-menu li a {
        padding: 9px 23px;
        font-size: 13px;
        color: #fff;
        border-bottom: 1px solid #5e6f86;
    }

    .page-header.sticky .nav-primary ul li:hover > .sub-menu li:last-child a,
    .page-header .nav-primary ul li:hover > .sub-menu li:last-child a {
        border-bottom: 0;
    }

    .page-header.sticky .nav-primary li a:hover,
    .page-header.sticky .nav-primary ul li:hover > .sub-menu li a:hover,
    .page-header.sticky .product-link:hover {
        color: #C00214;
    }

    .page-header.sticky .sub-menu {
        transition: none;
    }

    .page-header .sticky-social-icons {
        display: inline-block;
    }

    .page-header.sticky .sub-menu,
    .page-header.sticky .social-icons,
    .page-header.sticky .page-header__bottom-desktop .button-secondary,
    .page-header.sticky .logo-desktop,
    .social-icons a:hover:after,
    .page-header.sticky .sticky-social-icons a:hover:after,
    .product-link:hover:after,
    .home .page-header .sticky-social-icons,
    .home .page-header__bottom-desktop .product-link,
    .page-header__bottom-desktop .sticky-social-icons a:hover:after   {
        display: none;
    }

    .page-header .nav-primary .sub-menu li:hover .sub-menu {
        left: 300px !important;
        top: 0 !important;
    }

}

@media (min-width: 1200px) {
  .home .page-header.sticky .sticky-wrap, .page-header .sticky-wrap {
      width: 1160px;
      margin: 0 auto;
  }
}

@media (min-width: 1366px) {
    .home .page-header.sticky .sticky-wrap,
    .page-header .sticky-wrap {
       width: 1326px;
    }
}


.site-search {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease-out;
    z-index:400;
    position: absolute;
}

.site-search button {
    background: transparent;
    color: #C00214;
    position: absolute;
    right: 23px;
    top: 19px;
    padding: 7px;
    margin: 0;
    display: block;
    font-size: 22px;
    border: 0;

}

.site-search button:hover {
    color: #5DB1D1;
}

.site-search button:before {
    display: none;
}

.site-search.visible {
    max-height: 90px;
    z-index:600;
    background: #01213F;
    padding: 0 20px;
    width: 100%;
}

.site-search input {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 36px;
    width: 99%;
    padding-left: 6px;
    font-size: 15px;
    -webkit-appearance: none;
      -webkit-border-radius: 0;
      border-radius: 0;
}

.icon-search {
    display: inline-block;
    padding: 21px 0;
    position: absolute;
    right: 70px;
    font-size: 33px;
    color: #002D57;
}

.icon-search:hover {
    color: #C00214;
    cursor: pointer;
}

.search-summary h2,
.search-summary h3,
.search-summary img {
    display: none;
}

.search-summary {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 2em;
}

.search-summary .button {
    display: block;
    clear: both;
    float: left;
}

@media (min-width: 1025px) {
    .home .icon-search {
        display: none;

    }

    .page-header.sticky .icon-search,
    .icon-search {
        font-size: 18px;
        position: initial;
        display: inline-block;
        float: right;
        padding: 39px 0;
    }

    .site-search.visible {
        width: 100%;
    }

    .site-search button {
        padding: 7px 16px;
    }
}

/**
 * Fix Sticky Header Position
 * for when admin bar visible
 */

.admin-bar .site__header {
      top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .site__header {
        top: 46px;
    }
}


/**
 * Navigation
 */

.home .nav-primary,
.nav-primary,
.home .nav-primary li:before,
.nav-primary li:before,
.home .nav-primary a:hover:after,
.nav-primary a:hover:after,
.sticky-phone a:hover:after,
.logo-desktop {
    display: none;
}

.home .nav-primary.active,
.nav-primary.active {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 82px;
    z-index: 700;
    background: #002d57;
}

.home .nav-primary ul,
.nav-primary ul {
    margin: 0;
    padding: inherit;
}

 .nav-primary li {
    padding: 0;
    width: inherit;
}

.home .nav-primary li,
.nav-primary li {
    width: 100%;
}

.nav-primary ul li {
    float: left;
    padding: 0;
}

.home .nav-primary li a,
.nav-primary li a  {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    width: 100%;
    display: block;
    text-transform: uppercase;
    padding: 17px 23px;
    border-bottom: 1px solid #5e6f86;
    font-weight: 600;
    font-size: 17px;
}


.home .nav-primary li a:hover,
.nav-primary li a:hover,
.page-header .nav-primary ul li:hover > .sub-menu li a:hover {
    color: #C00214;
    cursor: pointer;
}

.home .nav-primary li:last-child a,
.nav-primary li:last-child a  {
    border-bottom: 0;
}

.logo { float: left; }


.logo img {
    width: 130px;
    height: auto;
    padding: 13px 3px;
    margin-left: 20px;
}

.logo-desktop {
    float: left;
}

.home .logo-desktop {
    padding: 27px;
}

.main-menu-toggle {
    padding: 14px 10px 13px 10px;
    float: right;
    font-size: 51px;
    color: #002D57;
}

.home .main-menu-toggle:hover,
.main-menu-toggle:hover {
    cursor: pointer;
}

.nav-primary ul li.current-menu-ancestor > a,
.nav-primary ul li.current-menu-parent > a,
.nav-primary ul li.current-menu-item > a {
    color: #C00214 !important;
}

@media (min-width: 768px) {
    .home .logo,
    .logo {
        padding: 12px 20px;
        float: left;
        position: absolute;
        background: #fff;
        width: 246px;
        margin-left: 20px;
    }

    .tablet-phone {
        position: absolute;
        right: 125px;
        font-weight: 600;
        color: #002D57;
        padding: 28px;
        letter-spacing: 1px;
    }

    .tablet-phone a {
        color: #002d57;
    }

    .sticky-phone {
        display: none;
    }

    .nav-primary.active {
        top: 111px;
    }

     .logo,
     .home .logo {
        padding: 0;
    }

    .home .nav-primary.active {
        top: 111px;
    }
}

@media (min-width: 1025px) {
    .home .nav-primary,
    .nav-primary {
        display: inline-block;
        padding: 0px;
        float: right;
    }

    .home .nav-primary {
        margin: 3px 8px;
    }

    .nav-primary ul {
        text-align: right;
        margin-bottom: 20px;
    }

    .sticky-phone {
        display: inline-block;
    }

    .nav-primary li a {
        color: #000;
        border: 0px;
        display: inline-block;
        padding: 39px 14px;
        font-size: 17px;
        font-weight: 600;
    }

    .nav-primary li {
        width: inherit;
    }

    .logo img,
    .home .logo img {
        padding: 10px 0;
    }

    .home .logo {
        display: none !important;
    }

    .home .logo-desktop {
        display: block;
    }

    .logo {
        border: 0px;
        position: relative;
        height: auto;
         width: 197px;
    }

    .home,
    .home .logo { height: 112px; }

    .logo img {
        padding: 10px 0;
        width: inherit;
    }
}


/**
 * Sub-navigation
 */

.sub-menu {
    display: none;
    background: #01213F;
    text-align: left;
}

.nav-primary .sub-menu li a {
    text-transform: none;
    padding: 9px 23px;
    font-size: 13px;
    text-align: left;
}

.sub-menu-toggle {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 30px;
    padding: 15px 20px;
}

.sub-menu.toggled {
    display: block;
    position: relative;
    background: #000;
    z-index: 900;
    clear: both;
    overflow: hidden;
}

.sub-menu-toggle.toggled {
    -moz-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
         transform: rotate(180deg);
}

@media (min-width: 1025px) {
    .sub-menu {
        display: initial;
        position: absolute;
        opacity: 0;
        font-size: 12px;
        visibility: hidden;
        width: 300px;

    }

    .home .sub-menu {
        left: 280px;
        top: 0;
    }

    .nav-primary ul li:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    .sticky .nav-primary li {
        width: inherit;
    }
}


/**
 * Masthead
 */

.masthead {
    position: initial;
    top: 0;
    width: 100%;
    height: inherit;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    z-index: 100;
    padding-top: 0;
    background-size: cover;
}

.masthead h1 {
    font-size: 30px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
}

.masthead-title {
    padding: 10px 0;
    margin: 20px 0 31px 0;
    background-color: rgba(0, 45, 87, .7);
}

@media (min-width: 768px) {
    .masthead h1 {
        font-size: 60px;
        text-align: left;
        margin: 0;
    }

    .masthead-title {
        padding: 18px 20px;
        float: left;
    }
}

@media (min-width: 1025px) {
  .masthead {
      position: fixed;
      height: 365px;
      padding-top: 154px;
  }
}


/**
 * Page-footer
 */

.page-footer a {
    color: #fff;
}

.page-footer a:hover:after {
    display: none;
}

.page-footer__top {
    color: #fff;
    padding: 20px 0;
}

.page-footer__top p {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.page-footer__top span {
    padding: 0px 10px;
}


.page-footer__top .footer__address,
.page-footer__top .footer__fax {
    display: block;
}

.page-footer__navigation {
    padding: 20px 0;
}

.page-footer__navigation ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-footer__navigation ul li:before,
.page-footer__bottom ul li:before {
    display:none;
}

.page-footer__navigation ul li a {
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
}

.page-footer__navigation ul li a:hover,
.page-footer__bottom ul li a:hover {
      color: #C00214;
}

.page-footer__bottom {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.page-footer__bottom .copyright__menu {
    float: left;
    text-align: center;
    width: 100%;
}

.page-footer__bottom .social-icons {
    float: right;
    padding: 10px 0;
}

.page-footer__bottom ul li a {
    color: #fff;
    font-size: 12px;
}

.copyright__menu ul li {
    display: inline-block;
    padding: 0 5px;
}

.copyright__menu ul {
    padding: 0;
    margin: 0;
}

.page-footer__bottom {
    padding: 20px 0;
}

.page-footer__bottom .social-icons a:before {
    font-size: 15px;
}

.page-footer ul li.current-menu-item a,
.page-footer ul li.current-menu-parent > a,
.page-footer ul li.current-menu-ancestor > a  {
    color: #C00214;
}



@media (min-width: 600px) {
  .page-footer__top .footer__fax {
      display: inline-block;
  }

  .page-footer__bottom .copyright__menu {
      text-align: left;
      width: auto;
  }

  .page-footer__bottom {
      padding: 0;
  }

  .page-footer__bottom .social-icons,
  .page-footer__bottom span,
  .page-footer__bottom .copyright__menu {
      padding: 9px 0;
  }

  .page-footer__bottom span {
      float: left;
      padding: 14px 20px;
      display: inline-block;
  }

}

@media (min-width: 768px) {
     .page-footer__navigation ul li {
        display: inline-block;
        padding: 0 10px;
    }
}

@media (min-width: 1025px) {
  .page-footer__top .footer__address {
      display: inline-block;
  }

  .page-footer__top span {
      display: none;
  }

  .page-footer__top {
      padding: 0;
  }

  .page-footer__top p {
      border-right: 1px solid #fff;
      padding: 10px 20px;
  }

  .page-footer__top p:last-child {
      border-right: 0;
  }
  .page-footer__navigation ul li {
      padding: 0 20px;
  }

  .page-footer__bottom .social-icons {
      padding: 14px 0 !important;
      float: right;
      display: inherit;
  }
}


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

    display: block;

    -moz-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-slider img {
    width: 212%;
    height: auto;
    left: -200px;
    position: relative;
}

.slick-list {
    position: relative;
    height: 100%;
    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;
    height: 100%;
    display: block;
}

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

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    height: 200px !important;
    float: left;
    overflow: hidden;
    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;
}

.headline-container {
    background-color: #002D57;
    background-color: rgba(0, 45, 87, .8);
    float: right;
    min-width: 58%;
    padding: 20px;
    margin-top: 20px;
}

.headline-container span {
    display: block;
}

.headline-container h1 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
}

.home-slider a:after {
    display: none;
}



/*  Default Slick Slider Template Styles  */

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.home-slider {
  height: 152px;
  overflow: hidden;
  position: relative;
  top: 0;
}

.slide {
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 200%;
    background-color: white;
    position: relative;
}

.slick-prev,
.slick-next {
    display: none !important;
}

@media (min-width: 600px) {
    .slick-slider img {
        width: 100%;
        height: auto;
        left: 0
    }

    .home-slider {
        height: 275px;
        overflow: hidden;
        top: 0px;
    }

    .slick-dots {
        position: absolute;
        z-index: 300;
        bottom: 0;
        right: 20px;
        list-style-type: none;
    }

    .slick-dots li {
        float: left;
        margin-right: 5px;
        padding: 0;
    }

    .slick-dots li:before {
        display: none;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 15px;
        height: 15px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: #fff;
        -webkit-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }

    .slick-dots li.slick-active button {
        background: #C00214;
    }

    .slide {
        background-size: 200%;
    }

    .slick-slide {
        height: 275px !important;
    }

     .headline-container h1 {
        font-size: 35px;
    }

    .headline-container {
        min-width: 37%;
        padding: 20px 35px;
        margin-top: 53px;
    }
}


@media (min-width: 768px) {
    .headline-container {
        min-width: 37%;
        padding: 20px 35px;
        margin-top: 53px;
    }

    .slide {
        background-size: 160%;
    }
}

@media (min-width: 1025px) {
    .slide {
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: white;
        position: relative;
    }

    .slick-slide {
        height: 414px !important;
    }

    .home-slider {
        height: 414px;
        right: 0;
        width: 100%;
    }

    .headline-container h1 {
        font-size: 61px;
    }

    .headline-container {
        padding: 36px 53px;
    }
}

.homepage-content__cta-blocks {
    overflow: hidden;
}

.homepage-content__cta-blocks .button-tertiary {
    padding: 8px 10px;
    font-size: 13px;
}

.button.video-popup {
    border: 0px solid #fff;
}


.cta-block__left,
.cta-block__right,
.cta-block__middle {
  height: 172px;
  display: table;
  table-layout: fixed;
}

.cta-block__text {
    display: table-cell;
    vertical-align: middle;
}

.cta-block__text span {
    display: block;
}

.cta-block__left {
    background: url('/content/uploads/2016/07/home_left_image_perferated.jpg') no-repeat center;
}

.cta-block__middle { background-size: cover; }

.cta-block__right {
    background: url('../img/about-us-image.jpg') no-repeat center;
    background-size: 131% auto!important;
}

.cta-block__right h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
}


.cta-block__middle {
    border-style: solid;
    border-width: 2px 0;
    border-color: #fff;
}

.cta-block__left {
    border-top: 2px solid #fff;
}

@media (min-width: 768px) {
    .cta-block__middle {
        border-width: 2px 2px 0 0;
    }

    .cta-block__right {
        border-top: 2px solid #fff;
    }

    .cta-block__left,
    .cta-block__middle,
    .cta-block__right {
        height: 208px;
    }

    .cta-block__right h2 {
        font-size: 28px;
    }

    .homepage-content__cta-blocks .button-tertiary {
        padding: 8px 18px;
        font-size: 16px;
  }
}

@media (min-width: 900px) {
    .cta-zoom {
        background-size: 103% auto;
         -moz-transition: background-size .25s ease;
        -webkit-transition: background-size .25s ease;
    }

    .cta-zoom:hover {
        background-size: 107% auto !important;
    }

    .cta-block__right.cta-zoom:hover {
        background-size: 135% auto !important;
    }
}


@media (min-width: 1025px) {
    .cta-block__middle {
        border-width: 2px 2px 0 2px;
    }

    .cta-block__left,
    .cta-block__middle,
    .cta-block__right {
        height: 240px;
    }

    .cta-block__right h2 {
        font-size: 42px;
    }
}


.homepage-content__thumb-slider h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #003049;
    margin-bottom: 23px;
}

.thumbslider .slide .thumb-image {
    background: url('../img/thumb-slide-test.jpg') no-repeat center;
    background-size: 100% 100% !important;
    background-position: center center;
    width: 206px;
    height: 117px;
    margin: 0 auto;
    border: 1px solid #ccc;
       -moz-transition: background-size .25s ease;
    -webkit-transition: background-size .25s ease;
            transition: background-size .25s ease;
}

.thumbslider .slide .thumb-image:hover {
     background-size: 105% 105% !important;
}

.thumbslider a {
    color: #003049;
}

.thumbslider a:after {
    display: none;
}

.thumbslider .slide .thumb-name {
    margin-top: 11px;
    display: block;
}

.thumbslider .slide .thumb-name:hover {
    color: #C00214;
}

.thumbslider .slick-slide {
    height: auto !important;
    text-align: center;
}

.thumbslider .slick-prev,
.thumbslider .slick-next {
    display: block !important;
}

.thumbslider .prevArrow,
.thumbslider .nextArrow {
    position: absolute;
    top: 22%;
    font-size: 50px;
    color: #003049;
}

.thumbslider .nextArrow {
    right: -10px;
}

.thumbslider .prevArrow {
    left: -10px;
    z-index: 500;
}

.homepage-content__thumb-slider {
    padding: 30px 0;
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,.2);
            box-shadow: 3px 3px 3px 3px rgba(0,0,0,.5);
    position: relative;
    z-index: 200;
}

.thumbslider .nextArrow:hover,
.thumbslider .prevArrow:hover {
    cursor: pointer;
    color: #C00214;
}


@media (min-width: 768px) {
    .homepage-content__thumb-slider h2 {
        font-size: 30px;
    }

    .homepage-content__thumb-slider {
        padding: 16px 0 30px 0;
    }
}

@media (min-width: 1025px) {
    .thumbslider .nextArrow {
      right: -20px;
    }

    .thumbslider .prevArrow {
        left: -20px;
    }
}


.homepage-content__content1 {
    background: url('../img/fabrication-mobile-bg.jpg') no-repeat center;
    background-size: cover;
}

.homepage-content__content1 .button-tertiary {
    padding: 10px 51px;
}

.homepage-content__content1 p {
    color: #fff;
    line-height: 2em;
    font-size: 15px;
}

.homepage-content__content1 .bg--blue-opacity {
    padding: 60px 20px;
}

.homepage-content__content1 h2 {
    font-family: 'Droid Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

.homepage-content__content1 h2 span {
    display: block;
    font-size: 25px;
    font-weight: 700;
}

.homepage-content__content2 {
    padding: 40px 0;
}

.homepage-content__content2 h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Droid Sans', sans-serif;
    color: #003049;
}

.homepage-content__content2 h2 span {
    display: block;
    font-weight: 700;
    font-size: 29px;
}

@media (min-width: 768px) {
    .homepage-content__content1 {
        background: url('../img/fabrication-bg.jpg') 73% 35% no-repeat;
    }

    .homepage-content__content1 .bg--blue-opacity {
        background-color: rgba(0, 45, 87, .8);
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .homepage-content__content2 {
        padding: 60px 0 292px 0;
    }

    .homepage-content__content1 h2 {
        font-size: 30px;
        margin-bottom: 45px;
    }

    .homepage-content__content1 h2 span {
        font-size: 35px;
    }

    .homepage-content__content2 h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .homepage-content__content2 .button {
        margin-top: 30px;
    }

    .homepage-content__content2 h2 span {
        font-size: 45px;
    }

}

@media (min-width: 1025px) {
     .homepage-content__content2 {
        background-size: 46%;
        padding: 60px 0;
    }

    .homepage-content__content1 p {
        padding: 10px 22px;
  }
}

/**
 * Page Content
 */

.page-body {
    padding-bottom: 30px;
    position: relative;
}

.page-content {
    z-index: 200;
    background: #fff;
    padding: 0 0 63px 0;
}

.page-content.products-page {
    padding-bottom: 0;
}

.page-content__text {
    padding-bottom: 50px;
    padding-top: 40px;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
       -moz-flex-shrink: 0;
}

.page-content.products-page .page-content__text {
    padding: 0;
}

.page-content__sidebar {
  -webkit-flex-grow: 1;
          flex-grow: 1;
     -moz-flex-grow: 1;
    z-index: 500;
}

.docs-specs h2 {
    cursor: pointer;
}

.nav-sidebar .children {
    display: none;
    padding-left: 10px;
}
    .nav-sidebar .current-cat-ancestor > .children,
    .nav-sidebar .current-cat-parent > .children,
    .nav-sidebar .current-cat > .children {
        display: block;
        padding-top: 6px;
    }

.nav-sidebar li:before {
    display: none;
}

.nav-sidebar li {
    line-height: 1.3em;
}

    .nav-sidebar li a {
        color: #fff;
    }
    .nav-sidebar .current-cat > a {
        color: #c00214;
    }

.sidebar-main-content {
    display:none;
}

.sidebar-main-content.active {
    display: block;
}

.page-content__sidebar h2:hover {
    background: #10385a;
    cursor: pointer;
}

li.cat-item.current-cat-ancestor > a {
    color: #C00214;
}


.innerpage-arrow {
    position: relative;
    z-index: 600;
}

.innerpage-arrow .icon-circle-arrow {
    background: #000;
    color: #fff;
    border-radius: 30px;
    font-size: 50px;
    position: relative;
    top: -21px;
}

.menu-button {
    margin-bottom: 20px;
}

.menu-button-bg {
   background: url('../img/product-img.jpg') no-repeat center;
   height: 175px;
   background-size: 100% !important;
   overflow: hidden;
   top: 0;
   border: 1px solid #828282;
}

.menu-button-bg span {
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    bottom: 0;
    min-height: 20px;
}

.menu-button-bg p {
    padding: 0 10px;
    text-transform: none;
    opacity: 0;
    font-size: 0;
    margin: 0;
}

.menu-button-bg span h2 {
    font-size: 15px;
    padding: 0px 10px 0px 10px;
    font-weight: 700;
    margin: 0;
}

.texture-text-block {
    background: url('../img/metal-texture.jpg') no-repeat center;
    color: #fff;
    padding: 60px 0;
}

.menu-buttons-block {
    padding: 20px 0;
}

.menu-buttons-block a:last-child .menu-button {
    margin-bottom: 0;
}

.page-content__text ul { padding-left: 20px; }

.page-content__text li, .page-content__text ol {
  line-height: 1.4em;
  overflow: hidden; /* Image float fix */
  padding-left: 30px;
}

.page-content__text ol {
    padding-left: 23px;
}

@media (min-width: 768px) {

  .page-content.products-page p,
  .texture-text-block p {
      font-size: 17px;
  }

  .menu-button-bg span h2 {
      font-size: 21px;
  }

  .menu-buttons-block {
      padding: 30px 0;
  }

  .menu-buttons-block a:nth-child(odd) .menu-button {
      padding-right: 10px;
      clear: left;
  }

  .menu-buttons-block a:nth-child(even) .menu-button {
      padding-left: 10px;
  }

  .menu-buttons-block a:nth-last-child(2) .menu-button {
      margin-bottom: 0;
  }

  .menu-button-bg {
      height: 210px;
  }
}

@media (min-width: 1025px) {
  .menu-button-bg span h2 {
      font-size: 21px;
      padding: 5px 10px 10px 10px;
  }

  .innerpage-arrow {
      margin-top: 226px;
      z-index: 300;
  }

  .contact-blocks,
  .contact-strip,
  .map-section,
  .page-content,
  .menu-buttons-block,
  .texture-text-block {
      z-index: 300;
      position: relative;
  }

  .menu-button {
      margin: 20px 0;
  }

  .menu-button-bg {
      height: 250px;
      background-size: 100% 100% !important;
  }

  .menu-button-bg:hover {
      cursor: pointer;
  }

  .menu-button-bg:hover span {
      min-height: 100%;
  }

  .menu-button-bg:hover p {
      font-size: 15px;
      line-height: 1.4em;
      opacity: 1;
  }

  .page-body {
      padding-bottom: 30px;
  }

  body.padding-top {
      padding-top: 128px;
  }

  body.home.padding-top {
      padding-top: 0;
  }

  body .site-search.active {
      position: fixed;
      top: 132px;
  }

  .content-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      overflow: hidden;
      background: #fff;
      position: relative;
      z-index: 200;
      padding-left: 20px;
      padding-right: 20px;
  }

  .page-content__text {
      padding: 40px 60px 50px 0;
  }

  .page-content__sidebar {
      position: relative;
      height: auto;
  }

  .sidebar-main-content {
    display:block;
  }


}

@media (min-width: 1200px) {
  .menu-button-bg {
      height: 280px;
  }
}

.page-content__sidebar form {
    padding: 10px;
}

.blog .page-content__sidebar form { padding: 25px; }

.page-content__sidebar .form-row {
    padding: 5px 20px;
}

.page-content__sidebar .form-row.submit-button {
    padding: 0 30px;
}

.page-content__sidebar input {
    font-size: 13px;
    padding-left: 10px;
    border: 1px solid #fff;
    background: #365068;
    color: #fff;
}

.page-content__sidebar ::-webkit-input-placeholder { opacity: 1; color: #f5f6f7; }
.page-content__sidebar :-moz-placeholder           { opacity: 1; color: #f5f6f7; }
.page-content__sidebar ::-moz-placeholder          { opacity: 1; color: #f5f6f7; }
.page-content__sidebar :-ms-input-placeholder      { opacity: 1; color: #f5f6f7; }

.page-content__sidebar h2 {
    color: #fff;

    background: #002d57;
    margin: 0;
    padding: 15px;
}

.page-content__sidebar placeholder {
    color: #fff;
}

.page-content__sidebar h2:after {
    vertical-align: middle;
    padding-left: 7px;
}

.page-content__sidebar .wpcf7-response-output {
    color: #fff;
    font-size: 13px;
    padding: 20px;
    text-align: center;
}

.button input {
    border: 0px;
    background: transparent;
}

.page-content__sidebar input[type="submit"] {
    width: 100%;
    padding: 8px 28px;
}

.page-content__sidebar .sidebar-product-links h2 {
    font-size: 16px;
    border-top: 1px solid #4b607b;
    border-bottom: 1px solid #4b607b;
}

.page-content__sidebar .sidebar-product-links h2:after {
    display: none;
}

.single-product-grey {
    padding: 50px 0;
    position: relative;
    z-index: 300;
}

.subcategory-buttons {
    margin-bottom: 20px;
}

#file_download_form .wpcf7-mail-sent-ok {
    float: left;
    padding: 10px;
    margin: 15px 20px;
    color: #3684cd;
    border: 1px solid #3684cd;
}

.file-listing {
    clear: both;
}

.file-listing__title {
    cursor: pointer;
    color: #c00214;
}

.file-listing__files li { line-height: 1.4em; }

@media (min-width: 768px) {
    .page-content__sidebar h2 {
        text-align: left;
        padding-left: 30px;
    }
}

@media (min-width: 1025px) {
    .page-content__sidebar h2 {
        font-size: 25px;
    }

    .page-content__sidebar .form-row {
        padding: 5px 15px;
    }
}

.page-pullout-text {
    border-bottom: 4px solid #ccc;
    padding-bottom: 20px;
    position: relative;
    z-index: 500;
}

.page-pullout-text img {
    width: 100%;
    height: auto;
}

@media (min-width: 600px) {
    .page-pullout-text img {
        width: inherit;
        height: auto;
  }
}

.blog .page-body,
.page-id-6 .page-body,
.page-template-page-contact .page-body {
    padding-bottom: 0;
}

.map-section {
    position: relative;
}

.page-template-page-contact .map-section .social-icons {
    float: none;
    text-align: center;
    background: #00213f;
    clear: both;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    z-index: 400;
}

.blog .masthead,
.archive .masthead {
    background-position-x: 50%;
    background-position-y: 50%;
    background-position: 50% 50%;
}

.blog-sidebar h3 {
    color: #fff;
    font-size: 16px;
    background: #002d57;
    margin: 0;
    padding: 15px 30px;
    border-top: 1px solid #4b607b;
    border-bottom: 1px solid #4b607b;
    font-weight: normal;
}

.blog-sidebar {
    display: none;
}

.blog-sidebar input {
    width: 95%
}

.blog-sidebar a {
    color: #fff;
}

.blog-sidebar input[type="submit"] {
    width: 100%;
    padding: 8px 28px;
    margin-top: 10px;
    background: #C00214;
    border: 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
}

.blog-sidebar .search-form span {
    display: none;
}

.blog-post {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 1.8em;
}

.single .blog-post {
    border-bottom: 0;
}

.blog-post .post-date {
    margin-bottom: 5px;
}

.blog-post img {
    float: left;
    margin-right: 28px;
}

.blog-post:nth-child(5n+5) {
    border-bottom: 0;
}

.blog-post .nav--social h3 {
    float: left;
    font-size: 16px;
}

.blog-post .nav--social {
    margin-top: 20px;
}

.single-post .page-body {
    padding-bottom: 0;
}

.comments-area {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

.commentlist {
    padding: 0;
}

.commentlist li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#comments {
    margin-top: 50px;
}

.wpp-no-data {
    padding: 20px;
    color: #fff;
}

.page-template-page-contact .page-content__text {
    padding: 0 10px;
}

@media (min-width: 768px) {
  .page-template-page-contact .map-section .social-icons {
        position: absolute;
        bottom: -10px;
        display: block;
        padding: 16px 19px;
        left: 20px;
  }
}

@media (min-width: 1025px) {
    .blog-sidebar {
        display: block;
    }

    .page-template-page-contact .map-section .social-icons {
        left: 0;
    }
}

.error-links ul li:before {
    display: none;
}

.error-links ul {
    padding: 0;
}

/**
 * PDF Viewer
 */
a.pdfemb-viewer { display: none; }

@media print {
    .pdfemb-viewer { display: none; }
}

.pdfemb-poweredby {
    display: none !important;
}



/**
 * Photo Gallery
 */

.gallery-project {
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.gallery-category {
    margin-bottom: 25px;
}

.gallery-main-image,
.gallery-additional-images {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
            box-shadow: inset 0 0 0 1px #e5e5e5;
            transition: all 250ms ease-in-out;
    -ms-interpolation-mode: bicubic;
}

.gallery-main-image:hover,
.gallery-additional-images:hover {
      -webkit-box-shadow: inset 0 0 0 5px #C00214;
              box-shadow: inset 0 0 0 5px #C00214;
}

.gallery-additional-images {
    margin-bottom: 20px;
}

.project-name-small {
    color: #808080;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 10px;
}

a.see-more-images { text-transform: uppercase; }

.contact-block {
    border-right: 0;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    min-height: 166px;
}

.contact-block strong {
    font-size: 18px;
}

.contact-block:nth-child(2n+3) {
    border-right: 0;
}

.contact-block p {
    margin: 0;
}

.contact-block .button--small {
    font-size: 14px;
    padding: 8px 15px;
}

.contact-blocks h2 {
    margin-bottom: 50px;
}

.contact-info {
    position: relative;
    bottom: 7px;
    width: 100%;
    padding: 20px;
}

.contact-strip h2 {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 17px 0;
}

.contact-strip h2 a {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    margin-top: 20px;
    display: block;
}

.location-map {
    background: url('../img/map-image.jpg') left -68px no-repeat;
    height: 405px;
}

.location-map img {
    position: absolute;
}

.location-map .contact-info h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.location-info-block {
    padding: 10px 20px;
}

.location-info-block span {
    padding: 10px 0;
    display: block;
    font-size: 15px;
}

.location-info-block strong {
    display: block;
}

.location-info-block .text-center {
    margin-bottom: -42px;
}

.location-info-block p {
  margin: 0;
  line-height: initial;
}

.contact-text {
    font-size: 19px;
    text-align: center;
    line-height: 1.5em;
}

.location-image-link {
      height: 0;
      width: 0;
  }

@media (min-width: 600px) {
  .location-map {
      background: none;
  }

  .location-image-link {
    height: 432px;
    width: 728px;
    display: block;
}

}

@media (min-width: 768px) {
    .contact-block {
        text-align: left;
        border-right: 1px solid #ccc;
        border-bottom: 0;
    }

    .contact-text p {
        font-size: 20px;
    }

    .contact-strip h2 a {
        font-size: 23px;
        display: inline-block;
        position: relative;
        top: -1px;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 25px;
    }

    .contact-strip h2 {
        font-size: 40px;
    }

    .location-map {
        background-size: cover;
        height: 330px;
        overflow: hidden;
    }

    .contact-info {
        position: absolute;
    }
}

@media (min-width: 1024px) {
  .location-map {
      background-size: inherit;
      bottom: 0;
      height: 362px;
  }
  .contact-info {
      position: absolute;
      bottom: 6px;
      width: 80%;
      right: 0;
      padding: 20px;
  }
}

@media (min-width: 1200px) {
  .contact-info {
      width: 70%;
  }
}

@media (min-width: 1366px) {
    .contact-info {
        bottom: 23px;
    }
}

.sitemap .sub-menu {
    opacity: 1;
    font-size: 12px;
    visibility: visible;
    background: #fff;
    display: block;
    position: relative;
}


/* Hurricane Harvey Popup - This CSS can be removed after September 2017 */

.houston-flood-popup h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #003049;
    margin-bottom: 23px;
}

.houston-flood-popup h2,
.houston-flood-popup p {
    padding-left: 20px;
    padding-right: 20px;
}

.houston-flood-popup p {
    line-height: 1.7;
}

.houston-flood-popup .sg-current-popup-1 img {
    display: block;
    height: auto !important;
    max-width: 100% !important;
}


/*------------------------------------*\
    Trumps
\*------------------------------------*/


@-ms-viewport { width: device-width; }


/**
 * Images
 */

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

p.images,
.figure-block { overflow: auto; }

@media (max-width: 600px) {
  figure {
    max-width: 100%;
    height: auto;
  }
}



/**
 * Visiblity
 */

.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 599px) {
    .visible-xxs      { display: block !important; }
    table.visible-xxs { display: table; }
    tr.visible-xxs    { display: table-row !important; }
    th.visible-xxs,
    td.visible-xxs    { display: table-cell !important; }

    .visible-xxs-block        { display: block !important; }
    .visible-xxs-inline       { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}


@media (min-width: 600px) and (max-width: 767px) {
    .visible-xs      { display: block !important; }
    table.visible-xs { display: table; }
    tr.visible-xs    { display: table-row !important; }
    th.visible-xs,
    td.visible-xs    { display: table-cell !important; }

    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm      { display: block !important; }
    table.visible-sm { display: table; }
    tr.visible-sm    { display: table-row !important; }
    th.visible-sm,
    td.visible-sm    { display: table-cell !important; }

    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md      { display: block !important; }
    table.visible-md { display: table; }
    tr.visible-md    { display: table-row !important; }
    th.visible-md,
    td.visible-md    { display: table-cell !important; }

    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg      { display: block !important; }
    table.visible-lg { display: table; }
    tr.visible-lg    {  display: table-row !important; }
    th.visible-lg,
    td.visible-lg    { display: table-cell !important; }

    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
}


/**
 * 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; }
}




/**
 * Screen Readers
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print      { display: block !important; }
    table.visible-print { display: table; }
    tr.visible-print    { display: table-row !important; }
    th.visible-print,
    td.visible-print    { display: table-cell !important; }

    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

    .hidden-print { display: none !important; }
}



/**
 * Clears
 */
.clear-left    { clear: left !important; }
.clear-right   { clear: right !important; }
.clear-both    { clear: both !important; }
.clear-contain { overflow: hidden !important; }


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


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


/**
 * Borders
 */
.border-top    { border-top:       1px solid #eee }
.border-bottom { border-bottom:    1px solid #eee }
.border-left   { border-left:      1px solid #eee }
.border-right  { border-right:     1px solid #eee }
.border-all    { border:           1px solid #eee }


/**
 * Positioning
 */

.affix-top    { position: fixed!important; top:    0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left   { position: fixed!important; left:   0!important; }
.affix-right  { position: fixed!important; right:  0!important; }

.pull-right { float: right!important; }
.pull-left  { float: left !important; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* TODO: Update pushes, flushes, softs, and hards to match your vertical rhythem */

/**
 * Add/remove margins
 */

.push           { margin:       20px!important; }
.push-top      { margin-top:   20px!important; }
.push-right    { margin-right: 20px!important; }
.push-bottom   { margin-bottom:20px!important; }
.push-left     { margin-left:  20px!important; }
.push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }
.push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

.push-half          { margin:       10px!important; }
.push-half-top     { margin-top:   10px!important; }
.push-half-right   { margin-right: 10px!important; }
.push-half-bottom  { margin-bottom:10px!important; }
.push-half-left    { margin-left:  10px!important; }
.push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }
.push-half-sides   { margin-right: 10px!important; margin-left:  10px!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; }


/**
 * Add/remove paddings
 */
.soft           { padding:       20px!important; }
.soft-top      { padding-top:   20px!important; }
.soft-right    { padding-right: 20px!important; }
.soft-bottom   { padding-bottom:20px!important; }
.soft-left     { padding-left:  20px!important; }
.soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }
.soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

.soft-half           { padding:       10px!important; }
.soft-half-top      { padding-top:   10px!important; }
.soft-half-right    { padding-right: 10px!important; }
.soft-half-bottom   { padding-bottom:10px!important; }
.soft-half-left     { padding-left:  10px!important; }
.soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }
.soft-half-sides    { padding-right: 10px!important; padding-left:  10px!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; }
.hard-half-sides { padding-right: 10px!important; padding-left:  10px!important; }


@media (min-width:600px) {

	.flush-xs          { margin:       0; }
	.flush-xs-top     { margin-top:   0; }
	.flush-xs-right   { margin-right: 0; }
	.flush-xs-bottom  { margin-bottom:0; }
	.flush-xs-left    { margin-left:  0; }
	.flush-xs-ends    { margin-top:   0; margin-bottom:0; }
	.flush-xs-sides   { margin-right: 0; margin-left:  0; }

	.push-xs           { margin:       20px; }
	.push-xs-top      { margin-top:   20px; }
	.push-xs-right    { margin-right: 20px; }
	.push-xs-bottom   { margin-bottom:20px; }
	.push-xs-left     { margin-left:  20px; }
	.push-xs-ends     { margin-top:   20px; margin-bottom:20px; }
	.push-xs-sides    { margin-right: 20px; margin-left:  20px; }

	.push-half-xs          { margin:       10px; }
	.push-half-xs-top     { margin-top:   10px; }
	.push-half-xs-right   { margin-right: 10px; }
	.push-half-xs-bottom  { margin-bottom:10px; }
	.push-half-xs-left    { margin-left:  10px; }
	.push-half-xs-ends    { margin-top:   10px; margin-bottom:10px; }
	.push-half-xs-sides   { margin-right: 10px; margin-left:  10px; }

	.push-double-xs          { margin:       40px; }
	.push-double-xs-top     { margin-top:   40px; }
	.push-double-xs-right   { margin-right: 40px; }
	.push-double-xs-bottom  { margin-bottom:40px; }
	.push-double-xs-left    { margin-left:  40px; }
	.push-double-xs-ends    { margin-top:   40px; margin-bottom:40px; }
	.push-double-xs-sides   { margin-right: 40px; margin-left:  40px; }

	.push-triple-xs          { margin:       60px; }
	.push-triple-xs-top     { margin-top:   60px; }
	.push-triple-xs-right   { margin-right: 60px; }
	.push-triple-xs-bottom  { margin-bottom:60px; }
	.push-triple-xs-left    { margin-left:  60px; }
	.push-triple-xs-ends    { margin-top:   60px; margin-bottom:60px; }
	.push-triple-xs-sides   { margin-right: 60px; margin-left:  60px; }

	.soft-xs           { padding:       20px; }
	.soft-xs-top      { padding-top:   20px; }
	.soft-xs-right    { padding-right: 20px; }
	.soft-xs-bottom   { padding-bottom:20px; }
	.soft-xs-left     { padding-left:  20px; }
	.soft-xs-ends     { padding-top:   20px; padding-bottom:20px; }
	.soft-xs-sides    { padding-right: 20px; padding-left:  20px; }

	.soft-half-xs           { padding:       10px; }
	.soft-half-xs-top      { padding-top:   10px; }
	.soft-half-xs-right    { padding-right: 10px; }
	.soft-half-xs-bottom   { padding-bottom:10px; }
	.soft-half-xs-left     { padding-left:  10px; }
	.soft-half-xs-ends     { padding-top:   10px; padding-bottom:10px; }
	.soft-half-xs-sides    { padding-right: 10px; padding-left:  10px; }

	.soft-double-xs           { padding:       40px; }
	.soft-double-xs-top      { padding-top:   40px; }
	.soft-double-xs-right    { padding-right: 40px; }
	.soft-double-xs-bottom   { padding-bottom:40px; }
	.soft-double-xs-left     { padding-left:  40px; }
	.soft-double-xs-ends     { padding-top:   40px; padding-bottom:40px; }
	.soft-double-xs-sides    { padding-right: 40px; padding-left:  40px; }

	.soft-triple-xs           { padding:       60px; }
	.soft-triple-xs-top      { padding-top:   60px; }
	.soft-triple-xs-right    { padding-right: 60px; }
	.soft-triple-xs-bottom   { padding-bottom:60px; }
	.soft-triple-xs-left     { padding-left:  60px; }
	.soft-triple-xs-ends     { padding-top:   60px; padding-bottom:60px; }
	.soft-triple-xs-sides    { padding-right: 60px; padding-left:  60px; }

	.hard-xs           { padding:       0; }
	.hard-xs-top      { padding-top:   0; }
	.hard-xs-right    { padding-right: 0; }
	.hard-xs-bottom   { padding-bottom:0; }
	.hard-xs-left     { padding-left:  0; }
	.hard-xs-ends     { padding-top:   0; padding-bottom:0; }
	.hard-xs-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:768px) {

	.flush-sm          { margin:       0; }
	.flush-sm-top     { margin-top:   0; }
	.flush-sm-right   { margin-right: 0; }
	.flush-sm-bottom  { margin-bottom:0; }
	.flush-sm-left    { margin-left:  0; }
	.flush-sm-ends    { margin-top:   0; margin-bottom:0; }
	.flush-sm-sides   { margin-right: 0; margin-left:  0; }

	.push-sm           { margin:       20px; }
	.push-sm-top      { margin-top:   20px; }
	.push-sm-right    { margin-right: 20px; }
	.push-sm-bottom   { margin-bottom:20px; }
	.push-sm-left     { margin-left:  20px; }
	.push-sm-ends     { margin-top:   20px; margin-bottom:20px; }
	.push-sm-sides    { margin-right: 20px; margin-left:  20px; }

	.push-half-sm          { margin:       10px; }
	.push-half-sm-top     { margin-top:   10px; }
	.push-half-sm-right   { margin-right: 10px; }
	.push-half-sm-bottom  { margin-bottom:10px; }
	.push-half-sm-left    { margin-left:  10px; }
	.push-half-sm-ends    { margin-top:   10px; margin-bottom:10px; }
	.push-half-sm-sides   { margin-right: 10px; margin-left:  10px; }

	.push-double-sm          { margin:       40px; }
	.push-double-sm-top     { margin-top:   40px; }
	.push-double-sm-right   { margin-right: 40px; }
	.push-double-sm-bottom  { margin-bottom:40px; }
	.push-double-sm-left    { margin-left:  40px; }
	.push-double-sm-ends    { margin-top:   40px; margin-bottom:40px; }
	.push-double-sm-sides   { margin-right: 40px; margin-left:  40px; }

	.push-triple-sm          { margin:       60px; }
	.push-triple-sm-top     { margin-top:   60px; }
	.push-triple-sm-right   { margin-right: 60px; }
	.push-triple-sm-bottom  { margin-bottom:60px; }
	.push-triple-sm-left    { margin-left:  60px; }
	.push-triple-sm-ends    { margin-top:   60px; margin-bottom:60px; }
	.push-triple-sm-sides   { margin-right: 60px; margin-left:  60px; }

	.soft-sm           { padding:       20px; }
	.soft-sm-top      { padding-top:   20px; }
	.soft-sm-right    { padding-right: 20px; }
	.soft-sm-bottom   { padding-bottom:20px; }
	.soft-sm-left     { padding-left:  20px; }
	.soft-sm-ends     { padding-top:   20px; padding-bottom:20px; }
	.soft-sm-sides    { padding-right: 20px; padding-left:  20px; }

	.soft-half-sm           { padding:       10px; }
	.soft-half-sm-top      { padding-top:   10px; }
	.soft-half-sm-right    { padding-right: 10px; }
	.soft-half-sm-bottom   { padding-bottom:10px; }
	.soft-half-sm-left     { padding-left:  10px; }
	.soft-half-sm-ends     { padding-top:   10px; padding-bottom:10px; }
	.soft-half-sm-sides    { padding-right: 10px; padding-left:  10px; }

	.soft-double-sm           { padding:       40px; }
	.soft-double-sm-top      { padding-top:   40px; }
	.soft-double-sm-right    { padding-right: 40px; }
	.soft-double-sm-bottom   { padding-bottom:40px; }
	.soft-double-sm-left     { padding-left:  40px; }
	.soft-double-sm-ends     { padding-top:   40px; padding-bottom:40px; }
	.soft-double-sm-sides    { padding-right: 40px; padding-left:  40px; }

	.soft-triple-sm           { padding:       60px; }
	.soft-triple-sm-top      { padding-top:   60px; }
	.soft-triple-sm-right    { padding-right: 60px; }
	.soft-triple-sm-bottom   { padding-bottom:60px; }
	.soft-triple-sm-left     { padding-left:  60px; }
	.soft-triple-sm-ends     { padding-top:   60px; padding-bottom:60px; }
	.soft-triple-sm-sides    { padding-right: 60px; padding-left:  60px; }

	.hard-sm           { padding:       0; }
	.hard-sm-top      { padding-top:   0; }
	.hard-sm-right    { padding-right: 0; }
	.hard-sm-bottom   { padding-bottom:0; }
	.hard-sm-left     { padding-left:  0; }
	.hard-sm-ends     { padding-top:   0; padding-bottom:0; }
	.hard-sm-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:1025px) {

	.flush-md          { margin:       0; }
	.flush-md-top     { margin-top:   0; }
	.flush-md-right   { margin-right: 0; }
	.flush-md-bottom  { margin-bottom:0; }
	.flush-md-left    { margin-left:  0; }
	.flush-md-ends    { margin-top:   0; margin-bottom:0; }
	.flush-md-sides   { margin-right: 0; margin-left:  0; }

	.push-md           { margin:       20px; }
	.push-md-top      { margin-top:   20px; }
	.push-md-right    { margin-right: 20px; }
	.push-md-bottom   { margin-bottom:20px; }
	.push-md-left     { margin-left:  20px; }
	.push-md-ends     { margin-top:   20px; margin-bottom:20px; }
	.push-md-sides    { margin-right: 20px; margin-left:  20px; }

	.push-half-md          { margin:       10px; }
	.push-half-md-top     { margin-top:   10px; }
	.push-half-md-right   { margin-right: 10px; }
	.push-half-md-bottom  { margin-bottom:10px; }
	.push-half-md-left    { margin-left:  10px; }
	.push-half-md-ends    { margin-top:   10px; margin-bottom:10px; }
	.push-half-md-sides   { margin-right: 10px; margin-left:  10px; }

	.push-double-md          { margin:       40px; }
	.push-double-md-top     { margin-top:   40px; }
	.push-double-md-right   { margin-right: 40px; }
	.push-double-md-bottom  { margin-bottom:40px; }
	.push-double-md-left    { margin-left:  40px; }
	.push-double-md-ends    { margin-top:   40px; margin-bottom:40px; }
	.push-double-md-sides   { margin-right: 40px; margin-left:  40px; }

	.push-triple-md          { margin:       60px; }
	.push-triple-md-top     { margin-top:   60px; }
	.push-triple-md-right   { margin-right: 60px; }
	.push-triple-md-bottom  { margin-bottom:60px; }
	.push-triple-md-left    { margin-left:  60px; }
	.push-triple-md-ends    { margin-top:   60px; margin-bottom:60px; }
	.push-triple-md-sides   { margin-right: 60px; margin-left:  60px; }

	.soft-md           { padding:       20px; }
	.soft-md-top      { padding-top:   20px; }
	.soft-md-right    { padding-right: 20px; }
	.soft-md-bottom   { padding-bottom:20px; }
	.soft-md-left     { padding-left:  20px; }
	.soft-md-ends     { padding-top:   20px; padding-bottom:20px; }
	.soft-md-sides    { padding-right: 20px; padding-left:  20px; }

	.soft-half-md           { padding:       10px; }
	.soft-half-md-top      { padding-top:   10px; }
	.soft-half-md-right    { padding-right: 10px; }
	.soft-half-md-bottom   { padding-bottom:10px; }
	.soft-half-md-left     { padding-left:  10px; }
	.soft-half-md-ends     { padding-top:   10px; padding-bottom:10px; }
	.soft-half-md-sides    { padding-right: 10px; padding-left:  10px; }

	.soft-double-md           { padding:       40px; }
	.soft-double-md-top      { padding-top:   40px; }
	.soft-double-md-right    { padding-right: 40px; }
	.soft-double-md-bottom   { padding-bottom:40px; }
	.soft-double-md-left     { padding-left:  40px; }
	.soft-double-md-ends     { padding-top:   40px; padding-bottom:40px; }
	.soft-double-md-sides    { padding-right: 40px; padding-left:  40px; }

	.soft-triple-md           { padding:       60px; }
	.soft-triple-md-top      { padding-top:   60px; }
	.soft-triple-md-right    { padding-right: 60px; }
	.soft-triple-md-bottom   { padding-bottom:60px; }
	.soft-triple-md-left     { padding-left:  60px; }
	.soft-triple-md-ends     { padding-top:   60px; padding-bottom:60px; }
	.soft-triple-md-sides    { padding-right: 60px; padding-left:  60px; }

	.hard-md           { padding:       0; }
	.hard-md-top      { padding-top:   0; }
	.hard-md-right    { padding-right: 0; }
	.hard-md-bottom   { padding-bottom:0; }
	.hard-md-left     { padding-left:  0; }
	.hard-md-ends     { padding-top:   0; padding-bottom:0; }
	.hard-md-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:1200px) {

	.flush-lg          { margin:       0; }
	.flush-lg-top     { margin-top:   0; }
	.flush-lg-right   { margin-right: 0; }
	.flush-lg-bottom  { margin-bottom:0; }
	.flush-lg-left    { margin-left:  0; }
	.flush-lg-ends    { margin-top:   0; margin-bottom:0; }
	.flush-lg-sides   { margin-right: 0; margin-left:  0; }

	.push-lg           { margin:       20px; }
	.push-lg-top      { margin-top:   20px; }
	.push-lg-right    { margin-right: 20px; }
	.push-lg-bottom   { margin-bottom:20px; }
	.push-lg-left     { margin-left:  20px; }
	.push-lg-ends     { margin-top:   20px; margin-bottom:20px; }
	.push-lg-sides    { margin-right: 20px; margin-left:  20px; }

	.push-half-lg          { margin:       10px; }
	.push-half-lg-top     { margin-top:   10px; }
	.push-half-lg-right   { margin-right: 10px; }
	.push-half-lg-bottom  { margin-bottom:10px; }
	.push-half-lg-left    { margin-left:  10px; }
	.push-half-lg-ends    { margin-top:   10px; margin-bottom:10px; }
	.push-half-lg-sides   { margin-right: 10px; margin-left:  10px; }

	.push-double-lg          { margin:       40px; }
	.push-double-lg-top     { margin-top:   40px; }
	.push-double-lg-right   { margin-right: 40px; }
	.push-double-lg-bottom  { margin-bottom:40px; }
	.push-double-lg-left    { margin-left:  40px; }
	.push-double-lg-ends    { margin-top:   40px; margin-bottom:40px; }
	.push-double-lg-sides   { margin-right: 40px; margin-left:  40px; }

	.push-triple-lg          { margin:       60px; }
	.push-triple-lg-top     { margin-top:   60px; }
	.push-triple-lg-right   { margin-right: 60px; }
	.push-triple-lg-bottom  { margin-bottom:60px; }
	.push-triple-lg-left    { margin-left:  60px; }
	.push-triple-lg-ends    { margin-top:   60px; margin-bottom:60px; }
	.push-triple-lg-sides   { margin-right: 60px; margin-left:  60px; }

	.soft-lg           { padding:       20px; }
	.soft-lg-top      { padding-top:   20px; }
	.soft-lg-right    { padding-right: 20px; }
	.soft-lg-bottom   { padding-bottom:20px; }
	.soft-lg-left     { padding-left:  20px; }
	.soft-lg-ends     { padding-top:   20px; padding-bottom:20px; }
	.soft-lg-sides    { padding-right: 20px; padding-left:  20px; }

	.soft-half-lg           { padding:       10px; }
	.soft-half-lg-top      { padding-top:   10px; }
	.soft-half-lg-right    { padding-right: 10px; }
	.soft-half-lg-bottom   { padding-bottom:10px; }
	.soft-half-lg-left     { padding-left:  10px; }
	.soft-half-lg-ends     { padding-top:   10px; padding-bottom:10px; }
	.soft-half-lg-sides    { padding-right: 10px; padding-left:  10px; }

	.soft-double-lg           { padding:       40px; }
	.soft-double-lg-top      { padding-top:   40px; }
	.soft-double-lg-right    { padding-right: 40px; }
	.soft-double-lg-bottom   { padding-bottom:40px; }
	.soft-double-lg-left     { padding-left:  40px; }
	.soft-double-lg-ends     { padding-top:   40px; padding-bottom:40px; }
	.soft-double-lg-sides    { padding-right: 40px; padding-left:  40px; }

	.soft-triple-lg           { padding:       60px; }
	.soft-triple-lg-top      { padding-top:   60px; }
	.soft-triple-lg-right    { padding-right: 60px; }
	.soft-triple-lg-bottom   { padding-bottom:60px; }
	.soft-triple-lg-left     { padding-left:  60px; }
	.soft-triple-lg-ends     { padding-top:   60px; padding-bottom:60px; }
	.soft-triple-lg-sides    { padding-right: 60px; padding-left:  60px; }

	.hard-lg           { padding:       0; }
	.hard-lg-top      { padding-top:   0; }
	.hard-lg-right    { padding-right: 0; }
	.hard-lg-bottom   { padding-bottom:0; }
	.hard-lg-left     { padding-left:  0; }
	.hard-lg-ends     { padding-top:   0; padding-bottom:0; }
	.hard-lg-sides    { padding-right: 0; padding-left:  0; }

}

/*======================================
  Selectric v1.9.3
======================================*/
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: 1px solid #acacac;
    background: #fff;
    position: relative;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
}
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
    background: #fff;
    border-left: 1px solid #acacac;
    padding: 0;
    margin: 0;
}
.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

.selectric-hover .selectric {
    border-color: #C4C4C4;
}

.selectric-hover .selectric .button {
    color: #A2A2A2;
}

.selectric-hover .selectric .button:after {
    border-top-color: #A2A2A2;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric {
    border-color: #C4C4C4;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}
.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #C4C4C4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
}

.selectric-items li:before {
    display: none;
}

.selectric-items li.selected {
    background: #EFEFEF;
    color: #444;
}

.selectric-items li:hover {
    background: #F0F0F0;
    color: #444;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

.icheckbox,
.iradio {
    display: inline;
    vertical-align: middle;
    padding: 0;
    float:left;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #acacac;
    cursor: pointer;
    position: relative;
    top: 3px;
    margin-right: 0px;
}

.icheckbox {
    top: 0px;
}

.iradio {
    padding: 0px !important;
    width: 15px;
    height: 15px;
    float: none;
    display: inline-block;
}

.icheckbox:hover,
.iradio:hover {
    border: 1px solid #7f7f7f;
}

.icheckbox.checked,
.iradio.checked {
    border: 2px solid #5DB1D1;
    background: #f5f5f5;
}

.icheckbox:before,
.iradio:before {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    left: 0;
    top: 0;
    text-align: center;

    opacity: 0;
    -webkit-transform: scale(.5) rotate(60deg) translateY(4px);
       -moz-transform: scale(.5) rotate(60deg) translateY(4px);
        -ms-transform: scale(.5) rotate(60deg) translateY(4px);
         -o-transform: scale(.5) rotate(60deg) translateY(4px);
            transform: scale(.5) rotate(60deg) translateY(4px);

    color: black !important;
}

.iradio:before {
    width: 10px;
    height: 0px;
    line-height: 11px;
}

.icheckbox:before {
    content: "\f00c";
    font-size: 12px;
    font-family: 'icomoon';
}

.iradio:before {
    content: "•";
    font-size: 14px;
    color: #5DB1D1;
}

.icheckbox.checked:before,
.iradio.checked:before {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg) translateY(0px);
       -moz-transform: scale(1) rotate(0deg) translateY(0px);
        -ms-transform: scale(1) rotate(0deg) translateY(0px);
         -o-transform: scale(1) rotate(0deg) translateY(0px);
            transform: scale(1) rotate(0deg) translateY(0px);
}

.icheckbox.disabled,
.iradio.disabled {
    background: #ccc;
    opacity: .5;
    cursor: default;
}

.iradio {
    border-radius: 100px;
}

.iradio.checked:before {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}


html[data-useragent*='MSIE 10.0'] .page-header__button-bar,
html[data-useragent*='MSIE 10.0'] .page-header__logo-bar {
  display: block;
  width: 100%;
  clear: both;
}

html[data-useragent*='MSIE 10.0'] .page-header {
  display: block;
}


html[data-useragent*='MSIE 10.0'] .home__page-content--sidebar{
  padding-bottom: 150px;
}

/* 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;
  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;
  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;
  box-shadow: none;
  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%;
    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;
  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;
    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;
    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);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }