@charset "UTF-8";
/*

[Description]
  This master SASS file is used to import all of the other SASS files.
  The compiled master-1017.css file is the only stylesheet that gets sent to the client (with the exception of ie8/ie9 users).
  For detailed documentation on the "Tyco Framework", please visit the media wiki site located at: http://eserviceswiki.tycois.com:8082/simplexgrinnellstyles/documentation.html

*/
.sprite-sprite, .sprite-ansul-logo, .sprite-black-ribbon-minus, .popular.popular--yellow .icon-minus, .popular.popular--yellow .icon-minus, .sprite-black-ribbon-plus, .popular.popular--yellow .icon-plus, .popular.popular--yellow .icon-plus, .sprite-ca-flag, .sprite-checkbox-bg, .form .fancy-checkbox, .sprite-checkbox-checked-bg, .form .fancy-checkbox.checked, .sprite-chemguard-logo, .sprite-dsc-logo, .sprite-exacq-logo, .sprite-forward-slashes, .sprite-grinnell-logo, .sprite-kantech-logo, .sprite-pdf, .sprite-scottsafety-logo, .sprite-sensormatic-logo, .sprite-simplex-logo, .sprite-simplexgrinnell-logo, .sprite-softwarehouse-logo, .sprite-truevue-logo, .sprite-tycois-logo, .sprite-us-flag, .sprite-gb-flag, .sprite-visonic-logo, .sprite-williamsfire-logo, .sprite-wormald-logo, .sprite-yellow-ribbon-minus, .popular.popular--blue .icon-minus, .popular.popular--blue .icon-minus, .sprite-yellow-ribbon-plus, .popular.popular--blue .icon-plus, .popular.popular--blue .icon-plus {
  background-image: url("../images-common/sprite.png");
  background-repeat: no-repeat;
}

.sprite-ansul-logo {
  background-position: 0 0;
  height: 24px;
  width: 66px;
}

.sprite-black-ribbon-minus, .popular.popular--yellow .icon-minus, .popular.popular--yellow .icon-minus {
  background-position: 0 -24px;
  height: 36px;
  width: 36px;
}

.sprite-black-ribbon-plus, .popular.popular--yellow .icon-plus, .popular.popular--yellow .icon-plus {
  background-position: 0 -60px;
  height: 36px;
  width: 36px;
}

.sprite-ca-flag {
  background-position: 0 -96px;
  height: 20px;
  width: 32px;
}

.sprite-checkbox-bg, .form .fancy-checkbox {
  background-position: 0 -116px;
  height: 20px;
  width: 20px;
}

.sprite-checkbox-checked-bg, .form .fancy-checkbox.checked {
  background-position: 0 -136px;
  height: 20px;
  width: 20px;
}

.sprite-chemguard-logo {
  background-position: 0 -156px;
  height: 15px;
  width: 81px;
}

.sprite-dsc-logo {
  background-position: 0 -171px;
  height: 15px;
  width: 64px;
}

.sprite-exacq-logo {
  background-position: 0 -186px;
  height: 22px;
  width: 62px;
}

.sprite-forward-slashes {
  background-position: 0 -208px;
  height: 30px;
  width: 24px;
}

.sprite-grinnell-logo {
  background-position: 0 -238px;
  height: 28px;
  width: 98px;
}

.sprite-kantech-logo {
  background-position: 0 -266px;
  height: 16px;
  width: 67px;
}

.sprite-pdf {
  background-position: 0 -282px;
  height: 17px;
  width: 15px;
}

.sprite-scottsafety-logo {
  background-position: 0 -299px;
  height: 21px;
  width: 76px;
}

.sprite-sensormatic-logo {
  background-position: 0 -320px;
  height: 20px;
  width: 85px;
}

.sprite-simplex-logo {
  background-position: 0 -340px;
  height: 19px;
  width: 74px;
}

.sprite-simplexgrinnell-logo {
  background-position: 0 -359px;
  height: 16px;
  width: 118px;
}

.sprite-softwarehouse-logo {
  background-position: 0 -375px;
  height: 18px;
  width: 107px;
}

.sprite-truevue-logo {
  background-position: 0 -393px;
  height: 19px;
  width: 69px;
}

.sprite-tycois-logo {
  background-position: 0 -412px;
  height: 28px;
  width: 117px;
}

.sprite-us-flag {
  background-position: 0 -440px;
  height: 20px;
  width: 32px;
}
.sprite-gb-flag {
  background-position: 0 -440px;
  height: 20px;
  width: 32px;
}

.sprite-visonic-logo {
  background-position: 0 -460px;
  height: 20px;
  width: 81px;
}

.sprite-williamsfire-logo {
  background-position: 0 -480px;
  height: 32px;
  width: 29px;
}

.sprite-wormald-logo {
  background-position: 0 -512px;
  height: 14px;
  width: 95px;
}

.sprite-yellow-ribbon-minus, .popular.popular--blue .icon-minus, .popular.popular--blue .icon-minus {
  background-position: 0 -526px;
  height: 36px;
  width: 36px;
}

.sprite-yellow-ribbon-plus, .popular.popular--blue .icon-plus, .popular.popular--blue .icon-plus {
  background-position: 0 -562px;
  height: 36px;
  width: 36px;
}

.icon, .ui-tis-modal-close, .sprite {
  display: inline-block;
  background-repeat: no-repeat;
}

.flag {
  width: 33px;
  height: 19px;
  margin: 5px;
  display: block;
}

.ca-flag, .markets, .markets-segment {display: inline-block;}

.us-flag {background-position: -419px -68px;}

.ca-flag {
  background-position: -419px -88px;
  margin: 5px 5px 0 0;
}

.sprite-quote {
  width: 22px;
  height: 17px;
  background-position: -341px -5px;
}

.sprite-profile-icon {
  width: 16px;
  height: 16px;
  background-position: -315px -6px;
}

.sprite-key-circle {
  background-position: -571px -220px;
  width: 70px;
  height: 70px;
}

.sprite-keypad-circle {
  background-position: -651px -220px;
  width: 70px;
  height: 70px;
}

.sprite-plus-circle {
  background-position: -411px -220px;
  width: 70px;
  height: 70px;
}

.sprite-umbrella-house-circle {
  background-position: -811px -220px;
  width: 70px;
  height: 70px;
}

.sprite-shield-circle {
  background-position: -491px -220px;
  width: 70px;
  height: 70px;
}

.sprite-video-camera-circle {
  background-position: -811px -140px;
  width: 70px;
  height: 70px;
}

.sprite-up-arrow.sprite-up-arrow {
  background-position: -195px -38px;
  width: 13px;
  height: 8px;
}

.sprite-down-arrow.sprite-down-arrow {
  background-position: -195px -50px;
  width: 13px;
  height: 8px;
}

.sprite-left-arrow-big.sprite-left-arrow-big {
  background-position: -194px -4px;
  width: 9px;
  height: 16px;
}

.sprite-down-arrow-big.sprite-down-arrow-big {
  background-position: -194px -24px;
  width: 16px;
  height: 9px;
}

.menblue {color: #003F7B;}

.sprite-small-business-icon {
  background-position: -624px -324px;
  width: 42px;
  height: 33px;
}

.sprite-medium-business-icon {
  background-position: -669px -313px;
  width: 59px;
  height: 44px;
}

.sprite-enterprise-icon {
  background-position: -731px -302px;
  width: 75px;
  height: 55px;
}

.sprite-pencil-icon {
  width: 23px;
  height: 23px;
  background-position: -215px -32px;
}

.sprite-undo-icon {
  width: 20px;
  height: 23px;
  background-position: -216px -5px;
}

.sprite-help-icon {
  width: 24px;
  height: 24px;
  background-position: -245px -3px;
}

.sprite-back-arrow-icon.sprite-back-arrow-icon {
  width: 20px;
  height: 14px;
  background-position: -248px -37px;
}

.sprite-envelope-icon.sprite-envelope-icon {
  width: 14px;
  height: 10px;
  background-position: -285px -9px;
}

.sprite-gray-close {
  background-position: -382px -138px;
  width: 34px;
  height: 35px;
}

.sprite-blue-close {
  background-position: -280px -32px;
  width: 24px;
  height: 24px;
}

/*

[Description]
  This file is used to import the fonts and define the variables used throughout the site.


[Table of Contents]
  Dev Mode
  Font Imports
  Typography
  Colors
  Box Model
  Breakpoints
  Misc

*/
/*

[Usage]
  When $devMode is set to true, the Lato font will be loaded locally instead of @font-face. This allows faster CSS development while using Fiddler.

*/
/*
@font-face {
  font-family: 'latoblack';
  src: url('../fonts/lato-bla-webfont.eot');
  src: url('../fonts/lato-bla-webfont-.eot#iefix') format('embedded-opentype'),
  url('../fonts/lato-bla-webfont.svg#latoblack') format('svg'),
  url('../fonts/lato-bla-webfont.woff') format('woff'),
  url('../fonts/lato-bla-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold';
  src: url('../fonts/lato-bol-webfont.eot');
  src: url('../fonts/lato-bol-webfont-.eot#iefix') format('embedded-opentype'),
  url('../fonts/lato-bol-webfont.svg#latobold') format('svg'),
  url('../fonts/lato-bol-webfont.woff') format('woff'),
  url('../fonts/lato-bol-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregular';
  src: url('../fonts/lato-reg-webfont.eot');
  src: url('../fonts/lato-reg-webfont-.eot#iefix') format('embedded-opentype'),
  url('../fonts/lato-reg-webfont.svg#latoregular') format('svg'),
  url('../fonts/lato-reg-webfont.woff') format('woff'),
  url('../fonts/lato-reg-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregularitalic';
  src: url('../fonts/lato-reg-webfont.eot');
  src: url('../fonts/lato-reg-webfont-.eot#iefix') format('embedded-opentype'),
  url('../fonts/lato-reg-webfont.woff') format('woff'),
  url('../fonts/lato-reg-webfont.ttf') format('truetype'),
  url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregularwoff';
  src: url('../fonts/lato-reg-webfont.eot');
  src: url('../fonts/lato-reg-webfont-.eot#iefix') format('embedded-opentype'),
  url('../fonts/lato-reg-webfont.woff') format('woff'),
  url('../fonts/lato-reg-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/
/*

[Usage]
  These are your typography variables. Note that we use metric prefixes - deca, hecto, kilo, etc etc - as a naming convention for our font sizes.

*/
/*

[Usage]
  These are your color variables. To start with, define the "literal" color variables you'll need, such as $blue, $green, $red, and so forth.

  Next, use your literal color variables to define your element color variables.

*/
/*
@charset "UTF-8";

// Default Variables

$slick-font-path: "./fonts/" !default;
$slick-font-family: "slick" !default;
$slick-loader-path: "./" !default;
$slick-arrow-color: white !default;
$slick-dot-color: black !default;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "←" !default;
$slick-next-character: "→" !default;
$slick-dot-character: "•" !default;
$slick-dot-size: 6px !default;
$slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;

@function slick-image-url($url/index.html) {
    @if function-exists(image-url) {
        @return image-url($url/index.html);
    }
    @else {
        @return url($slick-loader-path%20+%20$url/index.html);
    }
}

@function slick-font-url($url/index.html) {
    @if function-exists(font-url) {
        @return font-url($url/index.html);
    }
    @else {
        @return url($slick-font-path%20+%20$url/index.html);
    }
}

*/
/* Slider */
            /*


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

*/
/* Icons */
           /*

@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick-.eot#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}

*/
/* Arrows */
            /*


.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    &:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: $slick-opacity-on-hover;
        }
    }
    &.slick-disabled:before {
        opacity: $slick-opacity-not-active;
    }
}

.slick-prev:before, .slick-next:before {
    font-family: $slick-font-family;
    font-size: 20px;
    line-height: 1;
    color: $slick-arrow-color;
    opacity: $slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
    [dir="rtl"] & {
        left: auto;
        right: -25px;
    }
    &:before {
        content: $slick-prev-character;
        [dir="rtl"] & {
            content: $slick-next-character;
        }
    }
}

.slick-next {
    right: -25px;
    [dir="rtl"] & {
        left: -25px;
        right: auto;
    }
    &:before {
        content: $slick-next-character;
        [dir="rtl"] & {
            content: $slick-prev-character;
        }
    }
}

*/
/* Dots */
          /*


.slick-slider {margin-bottom: 30px;}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            &:hover, &:focus {
                outline: none;
                &:before {
                    opacity: $slick-opacity-on-hover;
                }
            }
            &:before {
                position: absolute;
                top: 0;
                left: 0;
                content: $slick-dot-character;
                width: 20px;
                height: 20px;
                font-family: $slick-font-family;
                font-size: $slick-dot-size;
                line-height: 20px;
                text-align: center;
                color: $slick-dot-color;
                opacity: $slick-opacity-not-active;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.slick-active button:before {
            color: $slick-dot-color-active;
            opacity: $slick-opacity-default;
        }
    }
}*/
/*

[Description]
  This file is used to import the icon fonts and define the classes to display them.


[Table of Contents]
  Font Imports
  Common Styles
  Individual Styles


[Usage]
  To display a search icon using HTML:
    <i class="icon-search"></i>

  To display a LARGE search icon using HTML:
    <i class="icon-search giga"></i>

  To display a search icon using CSS:
    @extend .icon-search;

  To display a LARGE search icon using CSS:
    @extend .icon-search;
    @include rem(font-size, 36px);

*/
/*

[Usage]
  The font icons are generated using icomoon.io, however any online icon font generator will do. Note that the SVG font is loaded first for non-IE browsers.

*/
/*
@font-face {
  font-family: "icons";
  src:url("../fonts/icons--5ynvdi.eot");
  src:url("../fonts/icons-.eot#iefix-5ynvdi") format("embedded-opentype"),
  url("../fonts/icons--5ynvdi.svg#icons") format("svg"),
  url("../fonts/icons--5ynvdi.woff") format("woff"),
  url("../fonts/icons--5ynvdi.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
*/
.icon, .ui-tis-modal-close {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
}

.icon-coin:before {content: "\e600";}

.icon-menu:before {content: "\e9bd";}

.icon-location:before {content: "\e947";}

.icon-earth:before {content: "\e9ca";}

.icon-search:before {content: "\f002";}

.icon-person:before {content: "\f007";}

.icon-close:before, .ui-tis-modal-close:before {content: "\f00d";}

.icon-play:before {content: "\f01d";}

.icon-fax:before {content: "\f02f";}

.icon-camera:before {content: "\f030";}

.icon-thick-left-arrow:before {content: "\f053";}

.icon-thick-right-arrow:before {content: "\f054";}

.icon-plus:before {content: "\f067";}

.icon-minus:before {content: "\f068";}

.icon-thick-up-arrow:before {content: "\f077";}

.icon-thick-down-arrow:before {content: "\f078";}

.icon-shopping-cart:before {content: "\f07a";}

.icon-chart:before {content: "\f080";}

.icon-phone:before {content: "\f095";}

.icon-twitter:before {content: "\f099";}

.icon-facebook:before {content: "\f09a";}

.icon-credit-card:before {content: "\f09d";}

.icon-rss:before {content: "\f09e";}

.icon-google:before {content: "\f0d5";}

.icon-email:before {content: "\f0e0";}

.icon-linkedin:before {content: "\f0e1";}

.icon-left-arrow:before {content: "\f104";}

.icon-right-arrow:before {content: "\f105";}

.icon-up-arrow:before {content: "\f106";}

.icon-down-arrow:before {content: "\f107";}

.icon-youtube:before {content: "\f167";}

.icon-plus-box:before {content: "\f196";}


/*

[Description]
  The grid system helps control page layout.


[Table of Contents]
  Grid Functions
  Grid Styles


[Usage]
  The grid system uses the following breakpoint variables:
    $mobile-portrait-width
    $mobile-landscape-width
    $tablet-width
    $small-desktop-width
    $medium-desktop-width
    $large-desktop-width
    $widescreen-width
    $max-width

  To begin, add the .grid class to the parent container of your grid units:
    <div class="grid">

  If you want your grid units to span multiple lines, add the --multiline flag to your grid class:
    <div class="grid grid--multiline">

  If you want your grid to mimic a table layout, use the table class instead:
    <div class="table">

    ... Note that with table grids, the content is automatically vertically aligned. To align content to the top, use the "align-top-children" class:
    <div class="table align-top-children">


  The following classes are available for your grid units:
    .one
    .one-half
    .one-third
    .two-thirds
    .one-fourth
    .three-fourths
    .one-fifth
    .two-fifths
    .three-fifths
    .four-fifths

  If you want to target the mobile or tablet breakpoints only, add the --mobile or --tablet flags to your grid unit classes:
    .one--mobile
    .one--tablet
    .one-half--mobile
    .one-half--tablet
    etc etc

  Example HTML for a single line grid:
    <div class="grid">
      <div class="one-half"></div>
      <div class="one-half"></div>
    </div>

  Example HTML for a table grid:
    <div class="table">
      <div class="one-third"></div>
      <div class="two-thirds"></div>
    </div>

  Example HTML for a multiple line grid:
    <div class="grid grid--multiline">
      <div class="one-half"></div>
      <div class="one-half"></div>
      <div class="one-half"></div>
      <div class="one-half"></div>
    </div>

  Example HTML for a multiple line grid with a tablet breakpoint:
    <div class="grid grid--multiline">
      <div class="one-half  one-third--tablet"></div>
      <div class="one-half  one-third--tablet"></div>
      <div class="one-half  one-third--tablet"></div>
      <div class="one-half  one-third--tablet"></div>
    </div>

*/
/*

[Name]
  gridUnit

[Description]
  The gridUnit mixin outputs the styles need for grid units. See the "grid units" section below for more information. This mixin is private, meaning its not needed or used anywhere else except in this file.

*/
/*

[Name]
  addSideGutters

[Description]
  The addSideGutters adds gutters to a grid column, and recalculating the unit width to compensate for the added margin. This mixin is private, meaning its not needed or used anywhere else except in this file.

*/
/*

[Name]
  multiline

[Description]
  The multiline mixin adds the necessary styles to support sets of grid units that span multiple lines. This mixin is private, meaning its not needed or used anywhere else except in this file.

*/
/*

[Name]
  grid

[Description]
  Used for the grid container. When applied it will clear its children and remove the gutter of the first grid unit.

[Usage]
  <div class="grid">

*/

/* TLD Product bullets */
ul.ulcircle {
    list-style-type: circle;
    list-style-position:outside;
     padding-left: 40px;  font-size: 0.875rem;
  line-height: 1.4rem;
  margin-top: 14px;
}
ul.ulsquare {
    list-style-type: square;
    list-style-position:outside;
     padding-left: 40px;
       font-size: 0.875rem;
  line-height: 1.4rem;
  margin-top: 14px;
}

.grid.grid.grid > * {min-height: 1px;}
.grid.grid.grid > *:first-of-type {margin-left: 0;}

.table {
  display: table;
  width: 100%;
}
.table > * {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.table--desktop {
  display: table;
  width: 100%;
}
.table--desktop > * {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .table--desktop {
    display: block;
    width: auto;
  }
  .table--desktop > * {
    display: block;
  }
}

.table--top > * {vertical-align: top;}

.table--middle > * {vertical-align: middle;}

.table--bottom > * {vertical-align: bottom;}

.table.table--gutter > *:first-child {padding-left: 0;}

/*

[Name]
  Grid Units

[Description]
  These are the classes needed for the grid system units. The grid system is based on fractions. The first loops generates the base classes, while the second loop generates the classes needed for responsive design.

  For more information, as well as usage examples, review the comments at the top of this file.

*/
@media (min-width: 768px) {
  .one {
    width: 100%;
  }
  .grid > .one {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one {
    float: left;
    margin-left: 30px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one:nth-of-type(1n + 2) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one:nth-of-type(1n + 2) {
    margin-top: 30px;
  }
  .grid--multiline > .one:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--col4 > .one {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .table--gutter > .one {
    padding-left: 30px;
  }

  .one-half {
    width: 50%;
  }
  .grid > .one-half {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-half:nth-of-type(2n + 3) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-half:nth-of-type(1n + 3) {
    margin-top: 30px;
  }
  .grid--multiline > .one-half:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-half {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .grid--col4 > .one-half {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 22.5px);
    width: -moz-calc(50% - 22.5px);
    width: calc(50% - 22.5px);
  }
  .table--gutter > .one-half {
    padding-left: 30px;
  }

  .one-third {
    width: 33.33333%;
  }
  .grid > .one-third {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 15px);
    width: -moz-calc(33.33333% - 15px);
    width: calc(33.33333% - 15px);
  }
  .grid--multiline > .one-third {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--multiline > .one-third:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-third:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-third:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .one-third:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-third {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--col4 > .one-third {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 22.5px);
    width: -moz-calc(33.33333% - 22.5px);
    width: calc(33.33333% - 22.5px);
  }
  .table--gutter > .one-third {
    padding-left: 30px;
  }

  .two-thirds {
    width: 66.66667%;
  }
  .grid > .two-thirds {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 15px);
    width: -moz-calc(66.66667% - 15px);
    width: calc(66.66667% - 15px);
  }
  .grid--multiline > .two-thirds {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--multiline > .two-thirds:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-thirds:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-thirds:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .two-thirds:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-thirds {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--col4 > .two-thirds {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 22.5px);
    width: -moz-calc(66.66667% - 22.5px);
    width: calc(66.66667% - 22.5px);
  }
  .table--gutter > .two-thirds {
    padding-left: 30px;
  }

  .one-fourth {
    width: 25%;
  }
  .grid > .one-fourth {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
  }
  .grid--multiline > .one-fourth {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .grid--multiline > .one-fourth:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fourth:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fourth:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fourth:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fourth {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .grid--col4 > .one-fourth {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .table--gutter > .one-fourth {
    padding-left: 30px;
  }

  .three-fourths {
    width: 75%;
  }
  .grid > .three-fourths {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
  }
  .grid--multiline > .three-fourths {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .grid--multiline > .three-fourths:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fourths:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fourths:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fourths:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fourths {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
  }
  .grid--col4 > .three-fourths {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .table--gutter > .three-fourths {
    padding-left: 30px;
  }

  .one-fifth {
    width: 20%;
  }
  .grid > .one-fifth {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 15px);
    width: -moz-calc(20% - 15px);
    width: calc(20% - 15px);
  }
  .grid--multiline > .one-fifth {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 24px);
    width: -moz-calc(20% - 24px);
    width: calc(20% - 24px);
  }
  .grid--multiline > .one-fifth:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fifth:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fifth:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fifth:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fifth {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 20px);
    width: -moz-calc(20% - 20px);
    width: calc(20% - 20px);
  }
  .grid--col4 > .one-fifth {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 22.5px);
    width: -moz-calc(20% - 22.5px);
    width: calc(20% - 22.5px);
  }
  .table--gutter > .one-fifth {
    padding-left: 30px;
  }

  .two-fifths {
    width: 40%;
  }
  .grid > .two-fifths {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 15px);
    width: -moz-calc(40% - 15px);
    width: calc(40% - 15px);
  }
  .grid--multiline > .two-fifths {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 24px);
    width: -moz-calc(40% - 24px);
    width: calc(40% - 24px);
  }
  .grid--multiline > .two-fifths:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-fifths:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-fifths:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .two-fifths:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-fifths {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    width: calc(40% - 20px);
  }
  .grid--col4 > .two-fifths {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 22.5px);
    width: -moz-calc(40% - 22.5px);
    width: calc(40% - 22.5px);
  }
  .table--gutter > .two-fifths {
    padding-left: 30px;
  }

  .three-fifths {
    width: 60%;
  }
  .grid > .three-fifths {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 15px);
    width: -moz-calc(60% - 15px);
    width: calc(60% - 15px);
  }
  .grid--multiline > .three-fifths {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 24px);
    width: -moz-calc(60% - 24px);
    width: calc(60% - 24px);
  }
  .grid--multiline > .three-fifths:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fifths:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fifths:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fifths:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fifths {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    width: calc(60% - 20px);
  }
  .grid--col4 > .three-fifths {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 22.5px);
    width: -moz-calc(60% - 22.5px);
    width: calc(60% - 22.5px);
  }
  .table--gutter > .three-fifths {
    padding-left: 30px;
  }

  .four-fifths {
    width: 80%;
  }
  .grid > .four-fifths {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 15px);
    width: -moz-calc(80% - 15px);
    width: calc(80% - 15px);
  }
  .grid--multiline > .four-fifths {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 24px);
    width: -moz-calc(80% - 24px);
    width: calc(80% - 24px);
  }
  .grid--multiline > .four-fifths:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .four-fifths:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .four-fifths:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .four-fifths:first-child {
    margin-left: 0;
  }
  .grid--col3 > .four-fifths {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 20px);
    width: -moz-calc(80% - 20px);
    width: calc(80% - 20px);
  }
  .grid--col4 > .four-fifths {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 22.5px);
    width: -moz-calc(80% - 22.5px);
    width: calc(80% - 22.5px);
  }
  .table--gutter > .four-fifths {
    padding-left: 30px;
  }

  .one-sixth {
    width: 16.66667%;
  }
  .grid > .one-sixth {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 15px);
    width: -moz-calc(16.66667% - 15px);
    width: calc(16.66667% - 15px);
  }
  .grid--multiline > .one-sixth {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 25px);
    width: -moz-calc(16.66667% - 25px);
    width: calc(16.66667% - 25px);
  }
  .grid--multiline > .one-sixth:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-sixth:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-sixth:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .one-sixth:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-sixth {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 20px);
    width: -moz-calc(16.66667% - 20px);
    width: calc(16.66667% - 20px);
  }
  .grid--col4 > .one-sixth {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 22.5px);
    width: -moz-calc(16.66667% - 22.5px);
    width: calc(16.66667% - 22.5px);
  }
  .table--gutter > .one-sixth {
    padding-left: 30px;
  }

  .five-sixths {
    width: 83.33333%;
  }
  .grid > .five-sixths {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 15px);
    width: -moz-calc(83.33333% - 15px);
    width: calc(83.33333% - 15px);
  }
  .grid--multiline > .five-sixths {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 25px);
    width: -moz-calc(83.33333% - 25px);
    width: calc(83.33333% - 25px);
  }
  .grid--multiline > .five-sixths:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .five-sixths:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .five-sixths:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .five-sixths:first-child {
    margin-left: 0;
  }
  .grid--col3 > .five-sixths {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 20px);
    width: -moz-calc(83.33333% - 20px);
    width: calc(83.33333% - 20px);
  }
  .grid--col4 > .five-sixths {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 22.5px);
    width: -moz-calc(83.33333% - 22.5px);
    width: calc(83.33333% - 22.5px);
  }
  .table--gutter > .five-sixths {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .one--mobile {
    width: 100%;
  }
  .grid > .one--mobile {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one--mobile {
    float: left;
    margin-left: 30px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one--mobile:nth-of-type(1n + 2) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one--mobile:nth-of-type(1n + 2) {
    margin-top: 30px;
  }
  .grid--multiline > .one--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one--mobile {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--col4 > .one--mobile {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .table--gutter > .one--mobile {
    padding-left: 30px;
  }

  .one-half--mobile {
    width: 50%;
  }
  .grid > .one-half--mobile {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half--mobile {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-half--mobile:nth-of-type(2n + 3) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-half--mobile:nth-of-type(1n + 3) {
    margin-top: 30px;
  }
  .grid--multiline > .one-half--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-half--mobile {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .grid--col4 > .one-half--mobile {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 22.5px);
    width: -moz-calc(50% - 22.5px);
    width: calc(50% - 22.5px);
  }
  .table--gutter > .one-half--mobile {
    padding-left: 30px;
  }

  .one-third--mobile {
    width: 33.33333%;
  }
  .grid > .one-third--mobile {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 15px);
    width: -moz-calc(33.33333% - 15px);
    width: calc(33.33333% - 15px);
  }
  .grid--multiline > .one-third--mobile {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--multiline > .one-third--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-third--mobile:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-third--mobile:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .one-third--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-third--mobile {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--col4 > .one-third--mobile {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 22.5px);
    width: -moz-calc(33.33333% - 22.5px);
    width: calc(33.33333% - 22.5px);
  }
  .table--gutter > .one-third--mobile {
    padding-left: 30px;
  }

  .two-thirds--mobile {
    width: 66.66667%;
  }
  .grid > .two-thirds--mobile {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 15px);
    width: -moz-calc(66.66667% - 15px);
    width: calc(66.66667% - 15px);
  }
  .grid--multiline > .two-thirds--mobile {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--multiline > .two-thirds--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-thirds--mobile:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-thirds--mobile:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .two-thirds--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-thirds--mobile {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--col4 > .two-thirds--mobile {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 22.5px);
    width: -moz-calc(66.66667% - 22.5px);
    width: calc(66.66667% - 22.5px);
  }
  .table--gutter > .two-thirds--mobile {
    padding-left: 30px;
  }

  .one-fourth--mobile {
    width: 25%;
  }
  .grid > .one-fourth--mobile {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
  }
  .grid--multiline > .one-fourth--mobile {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .grid--multiline > .one-fourth--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fourth--mobile:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fourth--mobile:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fourth--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fourth--mobile {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .grid--col4 > .one-fourth--mobile {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .table--gutter > .one-fourth--mobile {
    padding-left: 30px;
  }

  .three-fourths--mobile {
    width: 75%;
  }
  .grid > .three-fourths--mobile {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
  }
  .grid--multiline > .three-fourths--mobile {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .grid--multiline > .three-fourths--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fourths--mobile:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fourths--mobile:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fourths--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fourths--mobile {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
  }
  .grid--col4 > .three-fourths--mobile {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .table--gutter > .three-fourths--mobile {
    padding-left: 30px;
  }

  .one-fifth--mobile {
    width: 20%;
  }
  .grid > .one-fifth--mobile {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 15px);
    width: -moz-calc(20% - 15px);
    width: calc(20% - 15px);
  }
  .grid--multiline > .one-fifth--mobile {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 24px);
    width: -moz-calc(20% - 24px);
    width: calc(20% - 24px);
  }
  .grid--multiline > .one-fifth--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fifth--mobile:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fifth--mobile:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fifth--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fifth--mobile {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 20px);
    width: -moz-calc(20% - 20px);
    width: calc(20% - 20px);
  }
  .grid--col4 > .one-fifth--mobile {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 22.5px);
    width: -moz-calc(20% - 22.5px);
    width: calc(20% - 22.5px);
  }
  .table--gutter > .one-fifth--mobile {
    padding-left: 30px;
  }

  .two-fifths--mobile {
    width: 40%;
  }
  .grid > .two-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 15px);
    width: -moz-calc(40% - 15px);
    width: calc(40% - 15px);
  }
  .grid--multiline > .two-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 24px);
    width: -moz-calc(40% - 24px);
    width: calc(40% - 24px);
  }
  .grid--multiline > .two-fifths--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-fifths--mobile:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-fifths--mobile:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .two-fifths--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    width: calc(40% - 20px);
  }
  .grid--col4 > .two-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 22.5px);
    width: -moz-calc(40% - 22.5px);
    width: calc(40% - 22.5px);
  }
  .table--gutter > .two-fifths--mobile {
    padding-left: 30px;
  }

  .three-fifths--mobile {
    width: 60%;
  }
  .grid > .three-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 15px);
    width: -moz-calc(60% - 15px);
    width: calc(60% - 15px);
  }
  .grid--multiline > .three-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 24px);
    width: -moz-calc(60% - 24px);
    width: calc(60% - 24px);
  }
  .grid--multiline > .three-fifths--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fifths--mobile:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fifths--mobile:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fifths--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    width: calc(60% - 20px);
  }
  .grid--col4 > .three-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 22.5px);
    width: -moz-calc(60% - 22.5px);
    width: calc(60% - 22.5px);
  }
  .table--gutter > .three-fifths--mobile {
    padding-left: 30px;
  }

  .four-fifths--mobile {
    width: 80%;
  }
  .grid > .four-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 15px);
    width: -moz-calc(80% - 15px);
    width: calc(80% - 15px);
  }
  .grid--multiline > .four-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 24px);
    width: -moz-calc(80% - 24px);
    width: calc(80% - 24px);
  }
  .grid--multiline > .four-fifths--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .four-fifths--mobile:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .four-fifths--mobile:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .four-fifths--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .four-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 20px);
    width: -moz-calc(80% - 20px);
    width: calc(80% - 20px);
  }
  .grid--col4 > .four-fifths--mobile {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 22.5px);
    width: -moz-calc(80% - 22.5px);
    width: calc(80% - 22.5px);
  }
  .table--gutter > .four-fifths--mobile {
    padding-left: 30px;
  }

  .one-sixth--mobile {
    width: 16.66667%;
  }
  .grid > .one-sixth--mobile {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 15px);
    width: -moz-calc(16.66667% - 15px);
    width: calc(16.66667% - 15px);
  }
  .grid--multiline > .one-sixth--mobile {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 25px);
    width: -moz-calc(16.66667% - 25px);
    width: calc(16.66667% - 25px);
  }
  .grid--multiline > .one-sixth--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-sixth--mobile:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-sixth--mobile:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .one-sixth--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-sixth--mobile {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 20px);
    width: -moz-calc(16.66667% - 20px);
    width: calc(16.66667% - 20px);
  }
  .grid--col4 > .one-sixth--mobile {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 22.5px);
    width: -moz-calc(16.66667% - 22.5px);
    width: calc(16.66667% - 22.5px);
  }
  .table--gutter > .one-sixth--mobile {
    padding-left: 30px;
  }

  .five-sixths--mobile {
    width: 83.33333%;
  }
  .grid > .five-sixths--mobile {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 15px);
    width: -moz-calc(83.33333% - 15px);
    width: calc(83.33333% - 15px);
  }
  .grid--multiline > .five-sixths--mobile {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 25px);
    width: -moz-calc(83.33333% - 25px);
    width: calc(83.33333% - 25px);
  }
  .grid--multiline > .five-sixths--mobile:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .five-sixths--mobile:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .five-sixths--mobile:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .five-sixths--mobile:first-child {
    margin-left: 0;
  }
  .grid--col3 > .five-sixths--mobile {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 20px);
    width: -moz-calc(83.33333% - 20px);
    width: calc(83.33333% - 20px);
  }
  .grid--col4 > .five-sixths--mobile {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 22.5px);
    width: -moz-calc(83.33333% - 22.5px);
    width: calc(83.33333% - 22.5px);
  }
  .table--gutter > .five-sixths--mobile {
    padding-left: 30px;
  }

  /*
    .one-half--mobile:nth-of-type(1n + 3) {
      width: 100%;
    }
  */
}
@media (max-width: 479px) {
  .one--mobile-portrait {
    width: 100%;
  }
  .grid > .one--mobile-portrait {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--multiline > .one--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one--mobile-portrait:nth-of-type(1n + 2) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one--mobile-portrait:nth-of-type(1n + 2) {
    margin-top: 30px;
  }
  .grid--multiline > .one--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one--mobile-portrait {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .grid--col4 > .one--mobile-portrait {
    float: left;
    margin-left: 0px;
    width: 97%;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .table--gutter > .one--mobile-portrait {
    padding-left: 30px;
  }

  .one-half--mobile-portrait {
    width: 50%;
  }
  .grid > .one-half--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .grid--multiline > .one-half--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-half--mobile-portrait:nth-of-type(2n + 3) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-half--mobile-portrait:nth-of-type(1n + 3) {
    margin-top: 30px;
  }
  .grid--multiline > .one-half--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-half--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .grid--col4 > .one-half--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 47%;
    width: -webkit-calc(50% - 22.5px);
    width: -moz-calc(50% - 22.5px);
    width: calc(50% - 22.5px);
  }
  .table--gutter > .one-half--mobile-portrait {
    padding-left: 30px;
  }

  .one-third--mobile-portrait {
    width: 33.33333%;
  }
  .grid > .one-third--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 15px);
    width: -moz-calc(33.33333% - 15px);
    width: calc(33.33333% - 15px);
  }
  .grid--multiline > .one-third--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--multiline > .one-third--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-third--mobile-portrait:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-third--mobile-portrait:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .one-third--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-third--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
  .grid--col4 > .one-third--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 30.33333%;
    width: -webkit-calc(33.33333% - 22.5px);
    width: -moz-calc(33.33333% - 22.5px);
    width: calc(33.33333% - 22.5px);
  }
  .table--gutter > .one-third--mobile-portrait {
    padding-left: 30px;
  }

  .two-thirds--mobile-portrait {
    width: 66.66667%;
  }
  .grid > .two-thirds--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 15px);
    width: -moz-calc(66.66667% - 15px);
    width: calc(66.66667% - 15px);
  }
  .grid--multiline > .two-thirds--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--multiline > .two-thirds--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-thirds--mobile-portrait:nth-of-type(3n + 4) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-thirds--mobile-portrait:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .grid--multiline > .two-thirds--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-thirds--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
  }
  .grid--col4 > .two-thirds--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 63.66667%;
    width: -webkit-calc(66.66667% - 22.5px);
    width: -moz-calc(66.66667% - 22.5px);
    width: calc(66.66667% - 22.5px);
  }
  .table--gutter > .two-thirds--mobile-portrait {
    padding-left: 30px;
  }

  .one-fourth--mobile-portrait {
    width: 25%;
  }
  .grid > .one-fourth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
  }
  .grid--multiline > .one-fourth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .grid--multiline > .one-fourth--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fourth--mobile-portrait:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fourth--mobile-portrait:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fourth--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fourth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
  }
  .grid--col4 > .one-fourth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 22%;
    width: -webkit-calc(25% - 22.5px);
    width: -moz-calc(25% - 22.5px);
    width: calc(25% - 22.5px);
  }
  .table--gutter > .one-fourth--mobile-portrait {
    padding-left: 30px;
  }

  .three-fourths--mobile-portrait {
    width: 75%;
  }
  .grid > .three-fourths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: calc(75% - 15px);
  }
  .grid--multiline > .three-fourths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .grid--multiline > .three-fourths--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fourths--mobile-portrait:nth-of-type(4n + 5) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fourths--mobile-portrait:nth-of-type(1n + 5) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fourths--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fourths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
  }
  .grid--col4 > .three-fourths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 72%;
    width: -webkit-calc(75% - 22.5px);
    width: -moz-calc(75% - 22.5px);
    width: calc(75% - 22.5px);
  }
  .table--gutter > .three-fourths--mobile-portrait {
    padding-left: 30px;
  }

  .one-fifth--mobile-portrait {
    width: 20%;
  }
  .grid > .one-fifth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 15px);
    width: -moz-calc(20% - 15px);
    width: calc(20% - 15px);
  }
  .grid--multiline > .one-fifth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 24px);
    width: -moz-calc(20% - 24px);
    width: calc(20% - 24px);
  }
  .grid--multiline > .one-fifth--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-fifth--mobile-portrait:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-fifth--mobile-portrait:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .one-fifth--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-fifth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 20px);
    width: -moz-calc(20% - 20px);
    width: calc(20% - 20px);
  }
  .grid--col4 > .one-fifth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 17%;
    width: -webkit-calc(20% - 22.5px);
    width: -moz-calc(20% - 22.5px);
    width: calc(20% - 22.5px);
  }
  .table--gutter > .one-fifth--mobile-portrait {
    padding-left: 30px;
  }

  .two-fifths--mobile-portrait {
    width: 40%;
  }
  .grid > .two-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 15px);
    width: -moz-calc(40% - 15px);
    width: calc(40% - 15px);
  }
  .grid--multiline > .two-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 24px);
    width: -moz-calc(40% - 24px);
    width: calc(40% - 24px);
  }
  .grid--multiline > .two-fifths--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .two-fifths--mobile-portrait:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .two-fifths--mobile-portrait:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .two-fifths--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .two-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    width: calc(40% - 20px);
  }
  .grid--col4 > .two-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 37%;
    width: -webkit-calc(40% - 22.5px);
    width: -moz-calc(40% - 22.5px);
    width: calc(40% - 22.5px);
  }
  .table--gutter > .two-fifths--mobile-portrait {
    padding-left: 30px;
  }

  .three-fifths--mobile-portrait {
    width: 60%;
  }
  .grid > .three-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 15px);
    width: -moz-calc(60% - 15px);
    width: calc(60% - 15px);
  }
  .grid--multiline > .three-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 24px);
    width: -moz-calc(60% - 24px);
    width: calc(60% - 24px);
  }
  .grid--multiline > .three-fifths--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .three-fifths--mobile-portrait:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .three-fifths--mobile-portrait:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .three-fifths--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .three-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    width: calc(60% - 20px);
  }
  .grid--col4 > .three-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 57%;
    width: -webkit-calc(60% - 22.5px);
    width: -moz-calc(60% - 22.5px);
    width: calc(60% - 22.5px);
  }
  .table--gutter > .three-fifths--mobile-portrait {
    padding-left: 30px;
  }

  .four-fifths--mobile-portrait {
    width: 80%;
  }
  .grid > .four-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 15px);
    width: -moz-calc(80% - 15px);
    width: calc(80% - 15px);
  }
  .grid--multiline > .four-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 24px);
    width: -moz-calc(80% - 24px);
    width: calc(80% - 24px);
  }
  .grid--multiline > .four-fifths--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .four-fifths--mobile-portrait:nth-of-type(5n + 6) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .four-fifths--mobile-portrait:nth-of-type(1n + 6) {
    margin-top: 30px;
  }
  .grid--multiline > .four-fifths--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .four-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 20px);
    width: -moz-calc(80% - 20px);
    width: calc(80% - 20px);
  }
  .grid--col4 > .four-fifths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 77%;
    width: -webkit-calc(80% - 22.5px);
    width: -moz-calc(80% - 22.5px);
    width: calc(80% - 22.5px);
  }
  .table--gutter > .four-fifths--mobile-portrait {
    padding-left: 30px;
  }

  .one-sixth--mobile-portrait {
    width: 16.66667%;
  }
  .grid > .one-sixth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 15px);
    width: -moz-calc(16.66667% - 15px);
    width: calc(16.66667% - 15px);
  }
  .grid--multiline > .one-sixth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 25px);
    width: -moz-calc(16.66667% - 25px);
    width: calc(16.66667% - 25px);
  }
  .grid--multiline > .one-sixth--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .one-sixth--mobile-portrait:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .one-sixth--mobile-portrait:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .one-sixth--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .one-sixth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 20px);
    width: -moz-calc(16.66667% - 20px);
    width: calc(16.66667% - 20px);
  }
  .grid--col4 > .one-sixth--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 13.66667%;
    width: -webkit-calc(16.66667% - 22.5px);
    width: -moz-calc(16.66667% - 22.5px);
    width: calc(16.66667% - 22.5px);
  }
  .table--gutter > .one-sixth--mobile-portrait {
    padding-left: 30px;
  }

  .five-sixths--mobile-portrait {
    width: 83.33333%;
  }
  .grid > .five-sixths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 15px);
    width: -moz-calc(83.33333% - 15px);
    width: calc(83.33333% - 15px);
  }
  .grid--multiline > .five-sixths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 25px);
    width: -moz-calc(83.33333% - 25px);
    width: calc(83.33333% - 25px);
  }
  .grid--multiline > .five-sixths--mobile-portrait:nth-of-type(n) {
    clear: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .grid--multiline > .five-sixths--mobile-portrait:nth-of-type(6n + 7) {
    clear: left;
    margin-left: 0;
  }
  .grid--multiline > .five-sixths--mobile-portrait:nth-of-type(1n + 7) {
    margin-top: 30px;
  }
  .grid--multiline > .five-sixths--mobile-portrait:first-child {
    margin-left: 0;
  }
  .grid--col3 > .five-sixths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 20px);
    width: -moz-calc(83.33333% - 20px);
    width: calc(83.33333% - 20px);
  }
  .grid--col4 > .five-sixths--mobile-portrait {
    float: left;
    margin-left: 30px;
    width: 80.33333%;
    width: -webkit-calc(83.33333% - 22.5px);
    width: -moz-calc(83.33333% - 22.5px);
    width: calc(83.33333% - 22.5px);
  }
  .table--gutter > .five-sixths--mobile-portrait {
    padding-left: 30px;
  }
}
/*

[Description]
  This file is used to define the base "reset" styles for all elements on the site.


[Table of Contents]
  HTML5
  Global
  Root
  Forms and Buttons
  Images
  Headings
  Links
  Lists
  Tables
  Misc

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
}

fieldset,
button {border: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {display: block;}

*, *:before, *:after {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {outline: 0;}

html {
  line-height: 1;
  font-size: 16px;
}
@media (min-width: 2000px) {
  html {
    font-size: 24px;
  }
}

body {
  line-height: 1.2;
  background-color: #fff;
  font-size: 16px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  color: #666;
}

html, body {height: 100%;}

input {
  padding: 9px 10px 7px;
  width: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  font-size: 16px;
  background-color: transparent;
  color: #666;
  margin: 0;
  border: 0;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  display: inline-block;
}

select {
  padding: 8px 9px 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  font-size: 16px;
  background-color: transparent;
  color: #666;
  margin: 0;
  border: 0;
}
select:hover {cursor: pointer;}

textarea {
  padding: 9px 10px 7px;
  min-height: 100px;
  width: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  font-size: 16px;
  background-color: #fff;
  color: #666;
  margin: 0;
  border: 0;
}

button {
  background-color: transparent;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  font-size: 16px;
  margin: 0;
  border: 0;
}
button:hover {cursor: pointer;}

label {display: block;}

::-webkit-input-placeholder {color: #666;}

:-moz-placeholder {color: #666;}

::-moz-placeholder {color: #666;}

:-ms-input-placeholder {color: #666;}

img {
  display: block;
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  color: #0057a6;
}

h1 {font-size: 36px;}

h2 {font-size: 1.5rem;}

h3 {font-size: 1rem;}

h4 {font-size: 20px;}

h5 {font-size: 18px;}

h6 {font-size: 16px;}

a {
  border: none;
  color: #0057a6;
  text-decoration: none;
}
a:visited {color: #0057a6;}
a:hover {color: #91b2dc;}

ol, ul {list-style: none;}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

p {
  font-size: 0.875rem;
  line-height: 1.4rem;
  margin-top: 14px;
}

strong, b {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 600;
}

em, i {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

/*

[Description]
  The styles contained herein are reusable "building blocks" that can be used to build components.


[Table of Contents]
    Colors
    Themes
    Typography
    Containers
    Layout
    Box Model
    Misc

*/
.white.white.white.white {color: #fff;}

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

.black.black.black.black {color: #000;}

.black-background.black-background.black-background.black-background {background-color: #000;}

.blue.blue.blue.blue {color: #0057a6;}
.blue_large.blue_large.blue_large.blue_large {
  color: #0057a6;
   font-size: 26px;
}


.blue-background.blue-background.blue-background.blue-background {background-color: #0057a6;}

.light-blue.light-blue.light-blue.light-blue {color: #91b2dc;}

.light-blue-background.light-blue-background.light-blue-background.light-blue-background {background-color: #91b2dc;}

.lightest-blue.lightest-blue.lightest-blue.lightest-blue {color: #ADD8E6;}

.lightest-blue-background.lightest-blue-background.lightest-blue-background.lightest-blue-background {background-color: #ADD8E6;}

.dark-blue.dark-blue.dark-blue.dark-blue {color: #003F7B;}

.dark-blue-background.dark-blue-background.dark-blue-background.dark-blue-background {
  background-color: #0057A6;
  border-bottom: 1px solid #003F7B;
}

.yellow.yellow.yellow.yellow {color: #ffaf00;}

.yellow-background.yellow-background.yellow-background.yellow-background, .yellow-theme, .popular.popular--yellow {background-color: #ffaf00;}

.light-yellow.light-yellow.light-yellow.light-yellow {color: #ffbf33;}

.light-yellow-background.light-yellow-background.light-yellow-background.light-yellow-background {background-color: #ffbf33;}

.dark-yellow.dark-yellow.dark-yellow.dark-yellow {color: #cc8c00;}

.dark-yellow-background.dark-yellow-background.dark-yellow-background.dark-yellow-background {background-color: #cc8c00;}

.gray.gray.gray.gray {color: #666;}

.gray-background.gray-background.gray-background.gray-background {background-color: #666;}

.light-gray.light-gray.light-gray.light-gray {color: #ccc;}

.light-gray-hover.light-gray-hover.light-gray-hover.light-gray-hover:hover {color: #ccc;}

.light-gray-background.light-gray-background.light-gray-background.light-gray-background {background-color: #ccc;}

.lightest-gray.lightest-gray.lightest-gray.lightest-gray {color: #f2f2f2;}

.lightest-gray-background.lightest-gray-background.lightest-gray-background.lightest-gray-background {background-color: #f2f2f2;}

.dark-gray.dark-gray.dark-gray.dark-gray, .yellow-theme, .popular.popular--yellow {color: #333;}

.dark-gray-hover.dark-gray-hover.dark-gray-hover.dark-gray-hover:hover {color: #333;}

.dark-gray-background.dark-gray-background.dark-gray-background.dark-gray-background {background-color: #333;}

.red.red.red.red {color: #ff0000;}

.facebook.facebook {color: #5c82d0;}

.facebook-background.facebook-background {background-color: #5c82d0;}

.twitter.twitter {color: #6AB4E1;}

.twitter-background.twitter-background {background-color: #6AB4E1;}

.linkedin.linkedin {color: #43ACFF;}

.linkedin-background.linkedin-background {background-color: #43ACFF;}

.google.google {color: #D7422D;}

.google-background.google-background {background-color: #D7422D;}

.youtube.youtube {color: #ee4e40;}

.youtube-background.youtube-background {background-color: #ee4e40;}

.rss.rss {color: #f9a33c;}

.rss-background.rss-background {background-color: #f9a33c;}

.blue-theme {
  background-color: #0057a6;
  color: #fff;
}
.blue-theme h1, .blue-theme h2, .blue-theme h3, .blue-theme h4, .blue-theme h5, .blue-theme h6 {color: #fff;}
.blue-theme a:not(.button) {color: #91b2dc;}
.blue-theme a:not(.button):visited {color: #91b2dc;}
.blue-theme a:not(.button):hover {color: #ADD8E6;}
.blue-theme.icon:hover, .blue-theme.ui-tis-modal-close:hover {background-color: #003c73;}
.blue-theme .list_heading {color: #fff;}

.gray-theme, .menu--gray, .feature {
  background-color: #f2f2f2;
  color: #666;
}
.gray-theme .list_heading, .menu--gray .list_heading, .feature .list_heading {color: #333;}
.gray-theme .container, .menu--gray .container, .feature .container, .gray-theme .feature, .menu--gray .feature, .feature .feature {background-color: #fff;}

.yellow-theme h1, .popular.popular--yellow h1, .yellow-theme h2, .popular.popular--yellow h2, .yellow-theme h3, .popular.popular--yellow h3, .yellow-theme h4, .popular.popular--yellow h4, .yellow-theme h5, .popular.popular--yellow h5, .yellow-theme h6, .popular.popular--yellow h6 {color: #333;}
.yellow-theme a:not(.button), .popular.popular--yellow a:not(.button) {color: #333;}
.yellow-theme a:not(.button):visited, .popular.popular--yellow a:not(.button):visited {color: #333;}
.yellow-theme a:not(.button):hover, .popular.popular--yellow a:not(.button):hover {color: #1a1a1a;}

.light-blue-links a,
.light-blue-links a:visited {color: #91b2dc;}

.peta.peta {font-size: 64px;}

.tera.tera {font-size: 48px;}

.giga.giga {font-size: 36px;}

.mega.mega {font-size: 30px;}

.kilo.kilo, .button--large {font-size: 24px;}

.hecto.hecto {font-size: 20px;}

.deca.deca {font-size: 18px;}

.default-plus-one {font-size: 17px;}

.default.default {font-size: 16px;}

.deci.deci {font-size: 15px;}

.centi.centi {font-size: 14px;}

.milli.milli {font-size: 13px;}

.micro.micro, .button--small {font-size: 12px;}

.nano.nano {font-size: 11px;}

.uppercase {text-transform: uppercase;}

.lowercase {text-transform: lowercase;}

.capitalize {text-transform: capitalize;}

.italic {
  font-style: italic;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bold {
  font-weight: bold;
  font-weight: 400;
}

.ultra-bold {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.normal {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.large-line-height, .content-box_description {line-height: 1.5;}

.underline {text-decoration: underline;}

.container, .feature {
  padding: 18px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 15px -5px #444, inset 0 0 1px 1px #fff;
}

.container--alt {
  box-shadow: none;
  border-left: none;
  border-right: none;
}

.container--slim {padding: 10px 10px 9px;}

.card {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ccc;
}

.float-left.float-left, .menu li {float: left;}

.float-right.float-right {float: right;}

.float-none.float-none.float-none {float: none;}

.clear {clear: both;}

.clear-left {clear: left;}

.clear-right {clear: right;}

.clear-floats:after, .grid:after, .table:after, .table--desktop:after, .menu:after, .flags_display:after, .social:after, .pagination:after {
  content: "";
  display: table;
  clear: both;
}

.z1 {z-index: 1;}

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

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

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

.align-top {vertical-align: top;}

.align-bottom {vertical-align: bottom;}

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

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

.vertical-align-children > *, .align-middle--children > * {vertical-align: middle;}

.absolute, .fill, .preload, .blue-preloader, .preloader, .black-preloader, .submit-pre-loader, .play {position: absolute;}

.relative {position: relative;}

.fill, .preload, .blue-preloader, .preloader, .black-preloader, .submit-pre-loader, .play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed, .sticky {
  position: fixed;
  -webkit-transform: translateZ(0);
}

.static.static.static {position: static;}

.shift-up {
  position: relative;
  top: -1px;
}

.shift-up2 {
  position: relative;
  top: -2px;
}

.shift-up3 {
  position: relative;
  top: -3px;
}

.shift-right {
  position: relative;
  right: -1px;
}

.shift-right2 {
  position: relative;
  right: -2px;
}

.shift-right3 {
  position: relative;
  right: -3px;
}

.shift-down {
  position: relative;
  bottom: -1px;
}

.shift-down2 {
  position: relative;
  bottom: -2px;
}

.shift-down3 {
  position: relative;
  bottom: -3px;
}

.shift-left {
  position: relative;
  left: -1px;
}

.shift-left2 {
  position: relative;
  left: -2px;
}

.shift-left3 {
  position: relative;
  left: -3px;
}

.sticky {
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.max-width {max-width: 100%;}

.max-height {max-height: 100%;}

.full-width {width: 100%;}

.full-height {height: 100%;}

/*

[Name]
  contain

[Description]
  Sets the width of its content to the max width of the current breakpoint, or the $max-width variable, whichever is smaller.

[Usage]
  <div class="contain">

*/
.contain {
  margin: 0 auto;
  min-width: 320px;
  width: 1000px;
  position: relative;
}

.contain-absolute {
  position: absolute;
  width: 1000px;
  margin-left: -500px;
  left: 50%;
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

.top-border, .menu-border {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.right-border {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
}

.bottom-border {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}

.left-border {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
}

.teal-top-border {border-top: 1px solid #0068C7;}

.thick-blue-border {border: 3px solid #0057a6;}

.thick-blue-top-border {border-top: 3px solid #0057a6;}

.thick-blue-right-border {border-right: 3px solid #0057a6;}

.thick-blue-bottom-border {border-bottom: 3px solid #0057a6;}

.thick-blue-left-border {border-left: 3px solid #0057a6;}

.thick-yellow-border {border: 3px solid #ffaf00;}

.thick-yellow-top-border {border-top: 3px solid #ffaf00;}

.thick-yellow-right-border {border-right: 3px solid #ffaf00;}

.thick-yellow-bottom-border {border-bottom: 3px solid #ffaf00;}

.thick-yellow-left-border {border-left: 3px solid #ffaf00;}

.fat-blue-border {border: 6px solid #0057a6;}

.fat-blue-top-border {border-top: 6px solid #0057a6;}

.fat-blue-right-border {border-right: 6px solid #0057a6;}

.fat-blue-bottom-border {border-bottom: 6px solid #0057a6;}

.fat-blue-left-border {border-left: 6px solid #0057a6;}

.border-radius, .button {border-radius: 2px;}

.menu-border:first-child {border-top: none;}

.fancy-gray-divider, .fancy-blue-divider {
  height: 1px;
  display: block;
  position: relative;
}
.fancy-gray-divider:before, .fancy-blue-divider:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  bottom: 0;
  height: 1px;
}

.fancy-gray-divider {background-color: #fff;}
.fancy-gray-divider:before {background-color: #e0e0e0;}

.fancy-blue-divider {background-color: #1d55aa;}
.fancy-blue-divider:before {background-color: #6a96d0;}

.no-padding.no-padding {padding: 0;}

.padding.padding {padding: 20px 20px 18px;}

.quarter-padding.quarter-padding {padding: 5px 5px 3px;}

.third-padding.third-padding {padding: 6.66667px 6.66667px 4.66667px;}

.half-padding.half-padding {padding: 10px 10px 8px;}

.double-padding.double-padding {padding: 40px;}

.triple-padding.triple-padding {padding: 60px;}

.quadruple-padding.quadruple-padding {padding: 80px;}

.no-top-padding.no-top-padding {padding-top: 0;}

.top-padding.top-padding {padding-top: 20px;}

.quarter-top-padding.quarter-top-padding {padding-top: 5px;}

.third-top-padding.third-top-padding {padding-top: 6.66667px;}

.half-top-padding.half-top-padding {padding-top: 10px;}

.double-top-padding.double-top-padding {padding-top: 40px;}

.triple-top-padding.triple-top-padding {padding-top: 60px;}

.quadruple-top-padding.quadruple-top-padding {padding-top: 80px;}

.no-right-padding.no-right-padding {padding-right: 0;}

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

.quarter-right-padding.quarter-right-padding {padding-right: 5px;}

.third-right-padding.third-right-padding {padding-right: 6.66667px;}

.half-right-padding.half-right-padding {padding-right: 10px;}

.double-right-padding.double-right-padding {padding-right: 40px;}

.triple-right-padding.triple-right-padding {padding-right: 60px;}

.quadruple-right-padding.quadruple-right-padding {padding-right: 80px;}

.no-bottom-padding.no-bottom-padding.no-bottom-padding {padding-bottom: 0;}

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

.quarter-bottom-padding.quarter-bottom-padding {padding-bottom: 5px;}

.third-bottom-padding.third-bottom-padding {padding-bottom: 6.66667px;}

.half-bottom-padding.half-bottom-padding {padding-bottom: 10px;}

.double-bottom-padding.double-bottom-padding {padding-bottom: 40px;}

.triple-bottom-padding.triple-bottom-padding {padding-bottom: 60px;}

.quadruple-bottom-padding.quadruple-bottom-padding {padding-bottom: 80px;}

.no-left-padding.no-left-padding {padding-left: 0;}

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

.quarter-left-padding.quarter-left-padding {padding-left: 5px;}

.third-left-padding.third-left-padding {padding-left: 6.66667px;}

.half-left-padding.half-left-padding {padding-left: 10px;}

.double-left-padding.double-left-padding {padding-left: 40px;}

.triple-left-padding.triple-left-padding {padding-left: 60px;}

.quadruple-left-padding.quadruple-left-padding {padding-left: 80px;}

.no-margin.no-margin {margin: 0;}

.margin.margin {margin: 20px 20px 18px;}

.quarter-margin.quarter-margin {margin: 5px 5px 3px;}

.third-margin.third-margin {margin: 6.66667px 6.66667px 4.66667px;}

.half-margin.half-margin {margin: 10px 10px 8px;}

.double-margin.double-margin {margin: 40px;}

.triple-margin.triple-margin {margin: 60px;}

.quadruple-margin.quadruple-margin {margin: 80px;}

.no-top-margin.no-top-margin {margin-top: 0;}

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

.quarter-top-margin.quarter-top-margin {margin-top: 5px;}

.third-top-margin.third-top-margin {margin-top: 6.66667px;}

.half-top-margin.half-top-margin {margin-top: 10px;}

.double-top-margin.double-top-margin {margin-top: 40px;}

.triple-top-margin.triple-top-margin {margin-top: 60px;}

.quadruple-top-margin.quadruple-top-margin {margin-top: 80px;}

.no-right-margin.no-right-margin {margin-right: 0;}

.right-margin.right-margin {margin-right: 20px;}

.quarter-right-margin.quarter-right-margin {margin-right: 5px;}

.third-right-margin.third-right-margin {margin-right: 6.66667px;}

.half-right-margin.half-right-margin {margin-right: 10px;}

.double-right-margin.double-right-margin {margin-right: 40px;}

.triple-right-margin.triple-right-margin {margin-right: 60px;}

.quadruple-right-margin.quadruple-right-margin {margin-right: 80px;}

.no-bottom-margin.no-bottom-margin {margin-bottom: 0;}

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

.quarter-bottom-margin.quarter-bottom-margin {margin-bottom: 5px;}

.third-bottom-margin.third-bottom-margin {margin-bottom: 6.66667px;}

.half-bottom-margin.half-bottom-margin {margin-bottom: 10px;}

.double-bottom-margin.double-bottom-margin {margin-bottom: 40px;}

.triple-bottom-margin.triple-bottom-margin {margin-bottom: 60px;}

.quadruple-bottom-margin.quadruple-bottom-margin {margin-bottom: 80px;}

.no-left-margin.no-left-margin {margin-left: 0;}

.left-margin.left-margin {margin-left: 20px;}

.quarter-left-margin.quarter-left-margin {margin-left: 5px;}

.third-left-margin.third-left-margin {margin-left: 6.66667px;}

.half-left-margin.half-left-margin {margin-left: 10px;}

.double-left-margin.double-left-margin {margin-left: 40px;}

.triple-left-margin.triple-left-margin {margin-left: 60px;}

.quadruple-left-margin.quadruple-left-margin {margin-left: 80px;}

.vertical-spacing > * {margin-top: 20px;}

.gutter {
  margin-left: 20px;
  margin-right: 20px;
}

.hide {display: none !important;}

.show {display: block !important;}

.block.block.block {display: block;}

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

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

.phantom-link {
  text-decoration: none;
  color: inherit;
}
.phantom-link:visited, .phantom-link:active, .phantom-link:hover {
  text-decoration: none;
  color: inherit;
}

.transition {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.preload, .blue-preloader, .preloader, .black-preloader, .submit-pre-loader {
  background-position: 50%;
  display: none;
}

.blue-preloader, .preloader {background-image: url(../wps/wcm/connect/86dba812-c301-43b3-935e-fa047a19121f/blue-loader-MOD=AJPERES.gif);}

.black-preloader, .submit-pre-loader {
  background-image: url(../wps/wcm/connect/ca98abca-5304-4dfe-a1d8-002550d5252c/black-loader-MOD=AJPERES.gif);
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0.5;
}

.sink {
  background-color: #efefef;
  border-color: #eaeaea;
  box-shadow: inset 0 0 7px -2px #e8e8e8;
}

.image-shadow {
  box-shadow: 0 7px 20px -10px #222;
  border-bottom: 1px solid #fff;
}

.thumbnail-boxshadow {
  border: 1px solid #fff;
  box-shadow: 0px 8px 10px -9px #000;
}

.focus-bars {
  color: #ffaf00;
  display: inline-block;
  margin-right: 7px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.chrome {
  background: #edeeef;
  background: -moz-linear-gradient(top, #edeeef 0%, #ffffff 29%, #c1c2c2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edeeef), color-stop(29%, #ffffff), color-stop(100%, #c1c2c2));
  background: -webkit-linear-gradient(top, #edeeef 0%, #ffffff 29%, #c1c2c2 100%);
  background: -o-linear-gradient(top, #edeeef 0%, #ffffff 29%, #c1c2c2 100%);
  background: -ms-linear-gradient(top, #edeeef 0%, #ffffff 29%, #c1c2c2 100%);
  background: linear-gradient(to bottom, #edeeef 0%, #ffffff 29%, #c1c2c2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeef', endColorstr='#c1c2c2',GradientType=0 );
  box-shadow: 0px 0 10px 0px #333;
  color: #0057a6;
  padding: 7px 5px 5px;
}

.ribbon {
  width: 70px;
  height: 73px;
  top: -2px;
  right: -2px;
  overflow: hidden;
  position: absolute;
}
.ribbon .icon, .ribbon .ui-tis-modal-close {
  right: 8px;
  top: 10px;
  position: absolute;
  z-index: 1;
}
.ribbon.ribbon--yellow .ribbon_inner, .national-properties .ribbon .ribbon_inner, .district-locator .ribbon .ribbon_inner {
  background-color: #FFD373;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd373), color-stop(100%, #ffc340));
  background-image: -moz-linear-gradient(#ffd373, #ffc340);
  background-image: -webkit-linear-gradient(#ffd373, #ffc340);
  background-image: linear-gradient(#ffd373, #ffc340);
}
.ribbon.ribbon--yellow .icon, .ribbon.ribbon--yellow .ui-tis-modal-close, .national-properties .ribbon .icon, .national-properties .ribbon .ui-tis-modal-close, .district-locator .ribbon .icon, .district-locator .ribbon .ui-tis-modal-close {color: #333;}
.ribbon.ribbon--gray .ribbon_inner, .get-a-quote .ribbon .ribbon_inner {
  background-color: #666;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
  background-image: -moz-linear-gradient(#666666, #333333);
  background-image: -webkit-linear-gradient(#666666, #333333);
  background-image: linear-gradient(#666666, #333333);
}
.ribbon.ribbon--gray .icon, .ribbon.ribbon--gray .ui-tis-modal-close, .get-a-quote .ribbon .icon, .get-a-quote .ribbon .ui-tis-modal-close {color: #fff;}

.ribbon_inner {
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 10px 0;
  left: -2px;
  top: 8px;
  width: 120px;
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: #5F9CD3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmOWNkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1ODhkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f9cd3), color-stop(100%, #3588d3));
  background-image: -moz-linear-gradient(#5f9cd3, #3588d3);
  background-image: -webkit-linear-gradient(#5f9cd3, #3588d3);
  background-image: linear-gradient(#5f9cd3, #3588d3);
}
.ribbon_inner:before, .ribbon_inner:after {
  content: "";
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #6e8900;
  position: absolute;
  bottom: -3px;
  bottom: -3px;
}
.ribbon_inner:before {left: 0;}
.ribbon_inner:after {right: 0;}

/*

[Description]
  This file contains the bulk of the styling. All component styles are added here.


[Table of Contents]
  Images
  Menus
  Buttons
  Forms
  Articles
  Slideshow
  Containers
  Third Party
  Print Styles
  Miscellaneous


[Usage]
  The page is divided into visually distinct elements, also known as "components". The classes added here will comprise the "component library", which are modular and reusable blocks of CSS.

*/
.logo, .logo--small, .logo--large {max-width: 400px;}
.logo img, .logo--small img, .logo--large img {max-width: 100%;}
.imgpad {
	padding: 10px;
	}

.logo--print {display: none;}

.logo--small {max-width: 250px;}

.logo--large {max-width: 400px;}

a.white {color: #fff;}

.menu a,
.menu .menu_link,
.menu .menu_title {
  display: inline-block;
  padding: 14px 8px 10px;
}

.menu--squish a,
.menu--squish .menu_link,
.menu--squish .menu_title {padding: 14px 5px 10px;}

.menu--fat a,
.menu--fat .menu_link,
.menu--fat .menu_title {padding: 14px 14px 10px;}

.menu--slashes > li:before {
  content: "/";
  display: inline;
}
.menu--slashes > li:first-child:before {content: none;}
.menu--slashes > li.has-children a:hover {text-decoration: none;}
.menu--slashes a[href]:hover {text-decoration: underline;}

.menu--gray a {color: #666;}
.menu--gray a[href],
.menu--gray a[href]:visited {color: #0057a6;}

.menu--blue {
  background-color: #0057a6;
  color: #fff;
}
.menu--blue a,
.menu--blue a:visited,
.menu--blue a:hover,
.menu--blue .menu_link,
.menu--blue .menu_link:visited,
.menu--blue .menu_link:hover {color: #fff;}

.menu--nav {
  text-transform: uppercase;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: transparent;
}
.menu--nav li:first-child {border-left: 1px solid #003F7B;}
.menu--nav li:last-child {border-right: 1px solid #0068C7;}
.menu--nav a {
  border-left: 1px solid #0068C7;
  border-right: 1px solid #003F7B;
  position: relative;
}
.menu--nav a:hover {
  text-decoration: none;
  background-color: #003F7B;
}
.menu--nav a:hover:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  border-top: 1px solid #003F7B;
}
.menu--nav a.active {
  text-decoration: none;
  background-color: #f2f2f2;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2;
  color: #0057a6;
}
.menu--nav a.active:before {
  content: "";
  border-top: none;
  position: absolute;
  top: -1px;
  bottom: -3px;
  left: -1px;
  right: -1px;
  border-top: 3px solid #ffaf00;
  background-color: #f2f2f2;
}
.menu--nav.fr {width: 700px;}

.mobile-menu li {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border-top: 1px solid #0057a6;
}
.mobile-menu li:hover {background-color: #ffaf00;}

.list li {margin-top: 3px;}
.list li:first-child {margin-top: 0;}

.list--links a {display: block;}
.list--links a:hover {text-decoration: underline;}

.list--menu a {color: #666;}
.list--menu a:visited {color: #666;}

.list--heading li:first-child {
  font-size: 1.3em;
  color: inherit;
}
.list--heading li:first-child:visited, .list--heading li:first-child:hover {color: inherit;}
.list--heading li:first-child:hover {text-decoration: none;}
.list--heading li:first-child a {color: #0057a6;}
.list--heading li:first-child a:visited {color: #0057a6;}

.list--indent li:not(.list_heading), .list--bullets li:not(.list_heading) {margin-left: 20px;}
.list--indent.list--links li, .list--links.list--bullets li {margin-left: 0;}
.list--indent.list--links a:not(.list_heading), .list--links.list--bullets a:not(.list_heading) {margin-left: 20px;}
.list--indent.list--links.list--bullets.list li, .list--links.list--bullets.list li {margin-left: 60px;}
.list--indent.list--links.list--bullets.list a, .list--links.list--bullets.list a {margin-left: 0;}

.list--bullets li {list-style-type: disc;}
.list--bullets li:not(.list_heading) {margin-left: 20px;}
.list--bullets li.no-bullet {list-style-type: none;}

.list--large-gutter li {margin-top: 20px;}
.list--large-gutter li:first-child {margin-top: 0;}

.list--gutter li {margin-top: 10px;}
.list--gutter li:first-child {margin-top: 0;}

.list--small-gutter li {margin-top: 5px;}
.list--small-gutter li:first-child {margin-top: 0;}

.list--deep-gutter li {margin-top: 5px;}
.list--deep-gutter li:first-child {margin-top: 10px;}

.list--underline a {text-decoration: underline;}

.subnav {
  background-color: #f2f2f2;
  z-index: 50;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}

.subnav_tabs {position: relative;}
.subnav_tabs a {
  display: block;
  padding: 10px 10px 10px 10px;
  color: #666;
  font-size: 13px;
  font-weight: bold;
}
.subnav_tabs a:visited {color: #666;}
.subnav_tabs a:hover, .subnav_tabs a.active {
  color: #0057a6;
  background-color: #e0e0e0;
}
.subnav_tabs:after {
  content: "";
  display: block;
  width: 1px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #f2f2f2));
  background-image: -moz-linear-gradient(#e0e0e0, #f2f2f2);
  background-image: -webkit-linear-gradient(#e0e0e0, #f2f2f2);
  background-image: linear-gradient(#e0e0e0, #f2f2f2);
  top: 0;
  right: 0;
  position: absolute;
  bottom: -100px;
}
.subnav_tabs .icon, .subnav_tabs .ui-tis-modal-close {
  top: 50%;
  position: absolute;
  right: 10px;
  margin-top: -6.5px;
}

.subnav_close {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 10px;
  text-align: center;
}

.subnav_quote {
  padding: 20px 20px 20px 0;
  font-size: 14px;
}

.subnav_thumbnail {margin-bottom: 15px;}

.submenu {
  position: absolute;
  z-index: 100;
  right: 0;
  box-shadow: 0 2px 5px -1px #444;
  background-color: #fff;
  top: 100%;
}

.submenu_list {padding-bottom: 5px;}
.submenu_list li {float: none !important;}
.submenu_list a {
  display: block;
  color: #666;
  padding: 15px 15px 10px 10px;
}
.submenu_list a:visited {color: #666;}
.submenu_list a:hover {
  color: #333;
  background-color: #f2f2f2;
  text-decoration: underline;
}

.submenu_icon {
  display: inline-block;
  min-width: 30px;
  text-align: center;
  position: relative;
  top: 1px;
}

.accordion-empty .ui-accordion-header-icon {visibility: hidden;}

.button {
  border: 1px solid gray;
  display: inline-block;
  padding: 8px 18px 5px;
  box-shadow: 0px 1px 5px -2px #000;
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image: linear-gradient(#ffffff, #f2f2f2);
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  font-weight: bold;
}
/* To align for Hygood*/
.button-pad2 {padding-left: 20px; color: white; }

.button-pad:hover {color: #111;}
}
/* To align for Hygood*/
.button-pad {padding-left: 160px; color: white; }

.button-pad:hover {color: #111;}

.button:hover {
  background: #f2f2f2;
  color: #111;
  box-shadow: none;
  cursor: pointer;
}
.button:active {background: #f2f2f2;}
.button.disabled {
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  box-shadow: none;
}
.button.disabled:hover {
  background: #f2f2f2;
  color: #b3b3b3;
  cursor: default;
}
.slideshow .button {text-transform: none;}

.button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

.button--blue {
  border: 1px solid #003c73;
  background-color: #0057a6;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzJkOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNTdhNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0072d9), color-stop(100%, #0057a6));
  background-image: -moz-linear-gradient(#0072d9, #0057a6);
  background-image: -webkit-linear-gradient(#0072d9, #0057a6);
  background-image: linear-gradient(#0072d9, #0057a6);
  color: #fff;
  box-shadow: 0px 1px 5px -1px #000;
}
.button--blue:visited {color: #fff;}
.button--blue:hover {
  background: #006aca;
  color: #fff;
  box-shadow: none;
}
.button--blue:active {background: #007ced;}

.button--yellow {
  color: #333;
  border: 1px solid #cc8c00;
  background-color: #ffaf00;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmYzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYWYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbf33), color-stop(100%, #ffaf00));
  background-image: -moz-linear-gradient(#ffbf33, #ffaf00);
  background-image: -webkit-linear-gradient(#ffbf33, #ffaf00);
  background-image: linear-gradient(#ffbf33, #ffaf00);
}
.button--yellow:visited {color: #333;}
.button--yellow:hover {
  background: #ffba24;
  box-shadow: none;
}
.button--yellow:active {background: #ffc547;}

.button--small {padding: 10px 12px 7px;}

.button--square, .button--dropdown {border-radius: 0;}

.button--flat, .button--dropdown {box-shadow: none;}

.button--dropdown:focus + .dropdown_list {display: block;}

.button--form {padding: 15px 16px 8px;}

.flag-button {
  width: 40px;
  height: 36px;
  background-color: #003F7B;
  color: #fff;
  vertical-align: middle;
  padding: 4px;
}
.flag-button:visited {color: #fff;}

.menu-button {
  background-color: #003F7B;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 36px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  vertical-align: middle;
}
.menu-button span {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 20%;
  right: 20%;
  height: 4px;
  background: #fff;
  -webkit-transition: background 0 0.3s;
  transition: background 0 0.3s;
}
.menu-button:before, .menu-button:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0;
  position: absolute;
  display: block;
  left: 20%;
  right: 20%;
  height: 4px;
  background-color: #fff;
  content: "";
}
.menu-button:before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
  top: 20%;
}
.menu-button:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  bottom: 20%;
}
.menu-button.active {background-color: #ffaf00;}
.menu-button.active span {background: none;}
.menu-button.active:before, .menu-button.active:after {
  -webkit-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s;
}
.menu-button.active:before {
  top: 50%;
  margin-top: -2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-button.active:after {
  bottom: 50%;
  margin-bottom: -2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search .search_field {
  display: table;
  width: 100%;
}
.search .search_input {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background-color: #fff;
}
.search .search_button {display: table-cell;}
.search .search_button:first-child {right: -2px;}
.search .search_button:last-child {left: -2px;}
.search .search_button .button {
  white-space: nowrap;
  z-index: 1;
  border: 0;
  padding: 7px 13px 10px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0072D9', endColorstr='#FF0057A6');
}

.form {
  overflow: hidden;
  padding-top: 30px;
  position: relative;
}
.form label {
  position: relative;
  font-size: 15px;
  margin-bottom: 2px;
}
.form label > i {
  position: absolute;
  top: 22px;
  right: 10px;
  z-index: -1;
}
.form input {background-color: #fff;}
.form select, .form input, .form textarea {border: 1px solid #ccc;}
.form input[type="radio"] {
  background-color: transparent;
  border: none;
  padding-top: 0;
  padding-left: 1px;
}
.form .alert-error {
  display: none;
  color: #d46262;
  top: 0;
  position: absolute;
  font-size: 12px;
}
.form .fancy-select {
  border: 1px solid #ccc;
  padding: 9px 30px 7px 9px;
  background-color: #fff;
  display: block;
  color: #666;
  margin: 2px;
}
.form select {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 50;
}
.form .fancy-checkbox {
  cursor: pointer;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin: 5px 5px 5px 0;
  display: block;
  float: left;
}
.form .fancy-checkbox.wrong-field {border: 1px solid #d46262;}
.form .control-group {position: relative;}
.form .control-group .icon, .form .control-group .ui-tis-modal-close {
  position: absolute;
  right: 12px;
  top: 29px;
}
.form .control-groups {
  position: absolute;
  margin-left: -100%;
}
.form .input-wrapper, .form .fancy-textarea {padding: 2px;}

.submit-pre-loader {min-height: 64px;}

.form--outline input, .form--validate input, .form--outline textarea, .form--validate textarea, .form--outline select, .form--validate select {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.form--outline input:focus, .form--validate input:focus, .form--outline input:focus ~ .fancy-select, .form--validate input:focus ~ .fancy-select, .form--outline textarea:focus, .form--validate textarea:focus, .form--outline textarea:focus ~ .fancy-select, .form--validate textarea:focus ~ .fancy-select, .form--outline select:focus, .form--validate select:focus, .form--outline select:focus ~ .fancy-select, .form--validate select:focus ~ .fancy-select {
  border: 1px solid transparent;
  outline: 2px dashed #ffaf00;
}
.form--outline input[type="checkbox"]:focus, .form--validate input[type="checkbox"]:focus,
.form--outline input[type="radio"]:focus,
.form--validate input[type="radio"]:focus {
  border: 1px solid #ccc;
  outline: none;
}

.form--validate .input[type="text"].wrong-field,
.form--validate .fancy-select.wrong-field,
.form--validate .fancy-radio-cont.wrong-field {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #F30021;
  background-color: #ffdce1;
}

.form--vertical .control-group {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-top: 10px;
}
.form--vertical .control-group:first-child {margin-top: 0;}

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown_list {
  display: none;
  position: absolute;
  z-index: 50;
  min-width: 100%;
  background: #fff;
  border: 1px solid #ccc;
}
.dropdown--right .dropdown_list {right: 0;}

.dropdown_item {white-space: nowrap;}

.dropdown_link {
  display: block;
  padding: 10px;
}

.skynet {display: none;}

.preview {font-size: 14px;}

.preview_title {
  display: block;
  color: #4A4949;
  font-weight: bold;
  padding: 20px 0 5px 0;
}

.preview_title--multiline {min-height: 33.6px;}

.preview_title_large {
  display: block;
  font: 18px arial, sans-serif;
  line-height: 110%;
  color: #4A4949;
  font-weight: normal;
  padding: 0 0 10px 0;
}
.preview_title_large:visited {color: #4A4949;}
.preview_title_large:hover {color: #91b2dc;}

.preview_description {
  min-height: 50px;
  font-size: 13px;
  overflow: auto;
  margin-top: 0;
}
.preview_description.extended {min-height: 136px;}

.preview_image, img {
  position: relative;
  width: 100%;
}

.slideshow {
  overflow: hidden;
  position: relative;
}

.slides-short
  height: 225px;
}
.slides-tfp {
  height: 270px;
  min-width: 1000px;
}
.slideshow_nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slideshow_control {
  position: absolute;
  top: 50%;
  z-index: 5;
  margin-top: -24px;
}
.slideshow_control:hover {cursor: pointer;}

.slideshow_control--prev {left: 40px;}

.slideshow_control--next {right: 40px;}

.slideshow_link .icon, .slideshow_link .ui-tis-modal-close {text-shadow: 0 0 2px #000;}

.slideshow_slides {
  width: auto !important;
  position: relative;
}

.slideshow_slide {
  height: 270px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
}

.slideshow_mobile {display: none;}

.slideshow_image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: 50%;
}

.slideshow_caption_full {padding: 0px;}

.slideshow_title {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  max-width: 30%;
  color: inherit;
}

.slideshow_description {
  max-width: 30%;
  color: inherit;
}

.wrapper {min-width: 1040px;}

.video {min-height: 690px;}

.video_description {
  max-height: 326px;
  overflow: auto;
}

.video_description--tall {
  overflow: auto;
  height: 690px;
}

.map-container {
  position: relative;
  height: 800px;
}

#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.map {
  position: absolute;
  left: 40px;
  width: 275px;
}

.map_content {
  display: inline-block;
  z-index: 1;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px -1px #000;
  text-align: left;
  position: relative;
}

.map_input {
  padding: 13px 10px 10px 45px;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 10px -5px #000;
  background-color: #fff;
}

.map_icon {
  position: absolute;
  left: 10px;
  top: 8px;
}

.map_address span {color: #333;}

.map-title {
  position: absolute;
  top: -32px;
  color: #333;
  right: 0;
}

.popular {
  z-index: 50;
  position: relative;
}
.popular .icon, .popular .ui-tis-modal-close {
  position: absolute;
  top: -3px;
  right: -3px;
}
.popular .icon:before, .popular .ui-tis-modal-close:before {content: "";}
.popular.popular--blue {
  background-color: #003F7B;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTdhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwM2Y3YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0057a6), color-stop(100%, #003f7b));
  background-image: -moz-linear-gradient(#0057a6, #003f7b);
  background-image: -webkit-linear-gradient(#0057a6, #003f7b);
  background-image: linear-gradient(#0057a6, #003f7b);
}
.popular.popular--blue .popular_title,
.popular.popular--blue .popular_caption {color: #fff;}
.popular.popular--blue .popular_link,
.popular.popular--blue .popular_link:visited {color: #ffaf00 !important;}
.popular.popular--yellow .popular_title {color: #000;}
.popular.popular--yellow .popular_link,
.popular.popular--yellow .popular_link:visited {color: #333;}
.popular.popular--yellow .popular_caption {color: #fff;}

.popular_link {color: #ffaf00;}

.popular_caption {
  overflow: auto;
  height: 112px;
}

.stats {
  padding-bottom: 14px;
  z-index: 50;
  margin-top: -186px;
  height: 265px;
  position: relative;
}

.stats_number {
  font-size: 24px;
  color: #0057a6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stats_name {
  font-size: 13px;
  margin-top: 10px;
}

.stats_desc {
  margin-top: 10px;
  font-size: 13px;
}

.flags {
  z-index: 100;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.flags:hover {cursor: pointer;}
.flags.active .flags_menu, .flags:hover .flags_menu {display: block;}

.flags_display {
  display: table;
  overflow: hidden;
  border: 1px solid #2C73B3;
  position: relative;
  top: 2px;
}

.flags_current {
  width: 100%;
  display: table-cell;
  padding: 8px;
  background: -webkit-linear-gradient(#00509A, #00488E);
  background: -o-linear-gradient(#00509A, #00488E);
  background: -moz-linear-gradient(#00509A, #00488E);
  background: linear-gradient(#00509a, #00488e);
}
.flags_current figure {
  min-width: 100px;
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.flags_dropdown {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px;
  background-color: #0057a6;
}

.flags_menu {
  /*    display: none;
      position: absolute;
      z-index: z(above-content);
      background-color: #0057a6;
      border: 1px solid $light-blue;
      color: #fff;
      width: 100%;
      text-align: center;
      border-top: none;*/
  display: none;
  position: absolute;
  z-index: 50;
  background-color: #00488E;
  border: 1px solid #2C73B3;
  color: #fff;
  width: 100%;
  text-align: center;
  border-top: none;
}

.flags_link {
  color: #fff;
  padding: 10px 5px;
}
.flags_link:visited {color: #fff;}
.flags_link:hover {background-color: #003F7B;}

.flags_abbreviation {
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
}

.feature {
  min-height: 607px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image: linear-gradient(#ffffff, #f2f2f2);
  padding: 0;
  position: relative;
}

.feature--mini {min-height: 500px;}

.feature--accordion {
  padding-bottom: 20px;
  min-height: 625px;
}
.feature--accordion .feature_title {min-height: 86px;}

.feature--large {
  min-height: 730px;
  padding-bottom: 50px;
}

.feature--button {padding-bottom: 40px;}

.feature--extended .feature_title {min-height: 80px;}

.feature--video {min-height: 500px;}
.feature--video .feature_title {min-height: 50px;}

.feature_media {position: relative;}
.feature_media:before {
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 90%;
  margin: 0 auto;
  top: 80%;
  bottom: 3px;
  left: 5%;
  right: 5%;
}

.feature_image {
  width: 100%;
  background-color: #333;
  position: relative;
  z-index: 1;
}

.feature_button {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
  text-align: center;
}

.feature_button--left {right: auto;}

.feature_button--right {left: auto;}

.content-box {padding: 0;}

.content-box_image {
  width: 100%;
  margin-bottom: 10px;
}

.content-box_description {
  color: #333;
  margin-top: 5px;
  margin-bottom: 10px;
}

.social {display: inline-block;}

.social--blue .social_item {background-color: #0079cb;}
.social--blue .social_item--facebook:hover {background-color: #5c82d0;}
.social--blue .social_item--twitter:hover {background-color: #6AB4E1;}
.social--blue .social_item--google:hover {background-color: #D7422D;}
.social--blue .social_item--linkedin:hover {background-color: #43ACFF;}
.social--blue .social_item--youtube:hover {background-color: #ee4e40;}
.social--blue .social_item--rss:hover {background-color: #f9a33c;}

.social--no-gutter li {margin: 0;}

.social_item {
  padding: 5px 0;
  margin-left: 3px;
  width: 41px;
  text-align: center;
  -webkit-transition: 1s all;
  transition: 0.2s all;
  float: left;
}
.social_item:first-child {margin-left: 0;}
.social_item:hover {
  box-shadow: none;
  cursor: pointer;
  border-color: transparent;
}

.social_item--facebook {background-color: #5c82d0;}
.social_item--facebook:hover {background-color: #3865c1;}

.social_item--twitter {background-color: #6AB4E1;}
.social_item--twitter:hover {background-color: #409fd8;}

.social_item--google {background-color: #D7422D;}
.social_item--google:hover {background-color: #b03321;}

.social_item--linkedin {background-color: #43ACFF;}
.social_item--linkedin:hover {background-color: #1095ff;}

.social_item--print {background-color: #63ab7b;}
.social_item--print:hover {background-color: #4d8e63;}

.social_item--email {background-color: #7079bc;}
.social_item--email:hover {background-color: #4f5aaa;}

.social_icon {display: block;}
.social_icon .icon, .social_icon .ui-tis-modal-close {color: #fff;}

.header {
  position: relative;
  background: #0557A3;
    /*  &:before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        //@include background-image(linear-gradient($blue, $dark-blue));

      }*/
}

.footer {
  overflow: hidden;
  position: relative;
  background-color: #003F7B;
}
.footer:before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: 0;
  /* @include background-image(linear-gradient(to right, $dark-blue 1%, $blue 50%, $dark-blue 100%));*/
  background-image: -moz-linear-gradient(left, #0057a6 10%, #1D60B6 20%, #306DBE 55%, #2567BA 65%, #185cB4 85%, #0057A6 90%);
  background-image: -webkit-linear-gradient(left, #0057a6 10%, #1D60B6 20%, #306DBE 55%, #2567BA 65%, #185cB4 85%, #0057A6 90%);
  background-image: linear-gradient(to right, #0057a6 10%, #1d60b6 20%, #306dbe 55%, #2567ba 65%, #185cb4 85%, #0057a6 90%);
}
.footer p.small-new {
  font-size: 12px;
  line-height: 17px;
  color: #91b2dc;
}
.footer h3 {
  font-size: 12px;
  line-height: 1.4rem;
  font-weight: bold;
}
.footer a.small-new {
  font-size: 12px;
  line-height: 16px;
  font-weight: inherit;
}
.footer .social a {font-size: 24px;}
.footer ul {font-size: 13px;}
.footer ul li {font-size: 13px;}

.banner {position: relative;}

.banner_title {
  position: absolute;
  z-index: 1;
  color: #fff;
  left: 40px;
  top: 40px;
  text-shadow: 0px 0px 7px #333;
  max-width: 550px;
}

.banner_image {
  border-top: 4px solid #0057a6;
  width: 100%;
  height: 215px;
  background-color: #003F7B;
}

.accordion_row {
  margin-top: 15px;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}
.accordion_row:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.accordion_content {margin-top: 20px;}

.play {z-index: 1;}

.play_icon {
  position: absolute;
  color: #fff;
  text-shadow: 0 0 20px #000;
  top: 46%;
  left: 51%;
  font-size: 64px;
  margin-top: -32px;
  margin-left: -32px;
}
.videos .play_icon {left: 52%;}

.video-logo {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.level-1 li.level-1-child {
  float: left;
  width: 25%;
  list-style-type: none;
  margin-left: 0;
}

ul.level-2 {font-size: 14px;}

ul.level-3 {font-size: 12px;}

.feed-op {font-size: 13px;}

.currentpage {text-decoration: underline;}

.pagination {margin: 20px 0;}

.pagination_prev {
  padding-right: 20px;
  float: left;
}

.pagination_next {
  padding-left: 20px;
  float: right;
}

.infographics-section {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100%;
}
.infographics-section:before, .infographics-section:after {
  display: table;
  content: "";
  clear: both;
}

.infographics-section-media {
  float: left;
  width: 55%;
  position: relative;
  max-width: 100%;
}

.infographics-section-image {
  width: 100%;
  max-width: 100%;
}

.infographics-section-content {
  float: left;
  width: 45%;
  padding-left: 20px;
  padding-right: 20px;
}
.infographics-section-content p {margin: 13px 0;}

.classic-table {width: 100%;}
.classic-table th {
  font-weight: bold;
  font-weight: 400;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.classic-table th:last-child {width: 305px;}
.classic-table td {padding: 10px;}
.classic-table td:last-child {width: 305px;}
.classic-table tbody tr:nth-of-type(even) td {background-color: #f2f2f2;}

.ui-accordion-header-icon:hover {cursor: pointer;}

.gm-style-iw, .gm-style-iw > div {overflow: inherit !important;}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.ui-dialog {
  background-color: #fff;
  box-shadow: 0 1px 10px 0px #000;
  border-radius: 5px;
  position: fixed;
  z-index: 200;
  max-width: 100%;
}

.ui-dialog-content {padding: 20px;}
.ui-dialog-content iframe {
  max-height: 100%;
  max-width: 100%;
}

.ui-dialog-titlebar {display: none;}

.ui-tis-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1;
  color: #ffaf00;
  font-size: 24px;
}

.ui-tis-section-modal {
  width: 814px !important;
  left: 50% !important;
  margin-left: -412px !important;
  min-width: 320px;
}
.ui-tis-section-modal .ui-dialog-content {padding: 45px 15px 15px 15px;}

.ui-tis-solution-modal {
  box-shadow: none;
  max-height: 100%;
  overflow-x: hidden;
  left: 55% !important;
  width: 45% !important;
}
.ui-tis-solution-modal .ui-dialog-content {padding: 0 15px 15px 15px;}

@media print {
  .logo--print {
    display: block;
  }

  .logo--screen {
    display: none;
  }

  .banner_title {
    position: relative;
    color: black;
    top: auto;
    text-shadow: none;
    left: 0;
  }

  .banner_image {
    display: none;
  }

  .feature_image {
    display: none;
  }

  .row .right-border {
    border-right-width: 0px;
  }
  .row > *:first-child {
    display: none;
  }

  .search {
    display: none;
  }

  .js-nav {
    display: none;
  }

  footer {
    display: none;
  }
}
.unsupported {
  display: none;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffc9c9;
  color: #000;
}

.sprite-map {height: 430px;}

.jsp-menu-row > .float-left, .menu .jsp-menu-row > li {z-index: 1;}

.ui-accordion-header-icon {float: left;}

.ui-accordion-content {
  clear: both;
  overflow: hidden;
}

.flags-modal img {max-width: 134px;}
.flags-modal li:first-child img {max-width: inherit;}

.jsp-menu-row a {position: relative;}

.i-close {display: none;}

.sitemap-header-line {
  border-bottom: 3px solid #0057a6;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 30px;
}

.sitemap-cat-name {
  font-size: 14px !important;
  list-style-type: disc !important;
  margin-left: 20px !important;
}

.sitemapDL {padding-bottom: 4rem;}

.sitemap-col li {
  list-style: disc;
  margin-left: 40px;
  margin-top: 10px;
  font-size: 12px;
}
.sitemap-col li a {text-decoration: underline;}

.sitemap-col {
  width: 25%;
  display: block;
  float: left;
}

.page--search .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
.page--search .alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.page--search .alert.alert-warning {
  color: #ffaf00;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.page--search hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.pagination {
  display: inline-block !important;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {display: inline;}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

label.error {
  color: #f30021;
  font-size: 14px;
  margin-top: 8px;
  height: 16px;
}

@media screen and (max-width: 1024px -1) {
  .ui-tis-section-modal {
    width: 95% !important;
    max-width: inherit;
    margin-left: 2.5% !important;
  }
}
@media screen and (max-width: 815px) {
  .ui-tis-section-modal {
    width: 450px !important;
    margin-left: -225px !important;
    left: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .wrapper {
    min-width: 320px;
  }

  .contain {
    width: 480px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .stats {
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    height: auto;
    max-width: 308px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .stats_container {
    padding: 18px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 15px -5px #444, inset 0 0 1px 1px #fff;
    background-color: #f2f2f2;
    margin-top: 20px;
  }
  .stats_container:first-child {
    margin-top: 0;
  }

  .stats_number {
    display: block;
    font-size: 48px;
    text-align: center;
    background-color: #f9f9f9;
    padding: 10px;
  }

  .stats_name {
    display: none;
  }

  .stats_desc {
    overflow: auto;
    text-align: center;
    height: auto;
    font-size: 14px !important;
    padding-top: 10px;
    margin: 10px 0 0;
  }

  .stats_divider {
    display: none;
  }

  .slideshow {
    min-width: inherit;
    height: inherit;
  }
  .slideshow .button {
    font-size: 11px;
  }

  .slideshow_nav {
    max-width: 630px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    top: 50%;
    margin-top: -8px;
  }

  .slideshow_link .icon, .slideshow_link .ui-tis-modal-close, .slideshow_link .ui-tis-modal-close {
    text-shadow: 0 0 1px #333;
  }

  .slideshow_slides {
    height: 200px !important;
  }

  .slideshow_slide {
    height: 215px;
  }

  .slideshow_desktop {
    display: none;
  }

  .slideshow_mobile {
    display: block;
  }

  .slideshow_image {
    background-size: cover;
  }
  .slideshow_image:before {
    content: "";
    background-color: none;
    width: 100%;
    height: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .slideshow_caption_full {
    padding: 0px 0px;
  }

  .slideshow_title {
    font-size: 26px;
  }

  .slideshow_title, .slideshow_description {
    max-width: inherit;
  }
  .slideshow_title span, .slideshow_description span {
    color: #fff !important;
  }

  .slideshow_title br,
  .slideshow_description br {
    display: none;
  }

  .slideshow_control--prev {
    left: 20px;
  }

  .slideshow_control--next {
    right: 20px;
  }

  .banner_title {
    left: 20px;
    right: 20px;
    top: 20px;
    font-size: 18px;
    text-shadow: 0 0 7px #000;
  }

  .banner_image {
    width: inherit;
    max-width: 100%;
    border-top: 0;
    height: auto;
  }

  .feature {
    max-width: 310px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }

  .feature_media:before {
    content: none;
  }

  .sidebar {
    max-width: 308px;
    margin-top: 40px;
  }

  .ui-tis-solution-modal {
    width: 100% !important;
  }

  .ui-tis-modal {
    max-width: 95%;
    margin-left: 2.5%;
  }

  .i-close {
    display: block;
  }

  .infographics-section {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .row {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 479px) {
  .row {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .row a {
    display: block;
  }
  .row img {
    display: inline-block;
    max-width: 100%;
  }

  .content-box {
    margin-top: 40px;
  }

  .control-group {
    width: 100%;
    margin-top: 10px;
  }
  .form--vertical .control-group:first-child {
    margin-top: 10px;
  }

  .fancy-select, input {
    font-size: 15px;
  }

  .grid.half-top-margin {
    margin-top: 0;
  }

  .sitemap .level-1-child.level-1-child {
    width: 50%;
    margin-top: 50px;
  }

  .social_item {
    margin-left: 14px;
    margin-top: 8px;
  }

  .menu--slashes > li:before {
    content: "";
  }

  .breadcrumbs {
    display: none;
  }

  .map-container {
    height: 300px;
  }

  .popular-container > *:last-child {
    width: 100%;
  }

  .logo--small {
    max-width: 200px;
  }
  .logo--small img {
    height: 42px;
  }

  #youtube-cont {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    height: 258px;
  }
}
@media screen and (max-width: 580px) {
  .slideshow_control--prev {
    left: 10px;
  }

  .slideshow_control--next {
    right: 10px;
  }
}
@media only screen and (max-width: 567px) {
  .infographics-section-media {
    float: none;
    width: 320px;
  }

  .infographics-section-image {
    width: 320px;
  }

  .infographics-section-content {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .infographics-section-content h2 {
    line-height: 0.8;
    margin-top: 10px;
  }

  .ui-tis-solution-modal {
    left: 0 !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 419px) {
  .infographics-section-image {
    width: 238px;
  }
}
@media screen and (max-width: 479px) {
  .contain {
    width: 320px;
  }

  .middle.middle {
    height: 248px;
    overflow-x: hidden;
  }

  .slideshow_title {
    font-size: 22px;
  }

  .slideshow_description {
    font-size: 14px;
    margin: 15px 0;
  }

  .ui-tis-section-modal {
    width: 300px !important;
    left: 50% !important;
    margin-left: -150px !important;
    min-width: inherit;
    max-width: inherit;
  }

  .sitemap .level-1-child.level-1-child {
    width: 100%;
  }

  #youtube-cont {
    height: 170px;
  }
}
@media screen and (min-width: 768px) {
  .mobile-menu {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .padding--mobile.padding--mobile {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .no-padding--mobile.no-padding--mobile {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .top-padding--mobile.top-padding--mobile {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .no-top-padding--mobile.no-top-padding--mobile {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-right-padding--mobile.no-right-padding--mobile {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-bottom-padding--mobile.no-bottom-padding--mobile {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-left-padding--mobile.no-left-padding--mobile {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-margin--mobile.no-margin--mobile {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .margin--mobile.margin--mobile {
    margin: 20px;
  }
}

@media screen and (max-width: 767px) {
  .top-margin--mobile.top-margin--mobile {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .half-top-margin--mobile.half-top-margin--mobile {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .double-top-margin--mobile.double-top-margin--mobile {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .double-bottom-margin--mobile.double-bottom-margin--mobile {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .no-top-margin--mobile.no-top-margin--mobile {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-right-margin--mobile.no-right-margin--mobile {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-bottom-margin--mobile.no-bottom-margin--mobile {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .no-left-margin--mobile.no-left-margin--mobile {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .float-left--mobile.float-left--mobile {
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .float-right--mobile.float-right--mobile {
    float: right;
  }
}

@media screen and (max-width: 767px) {
  .float-none--mobile.float-none--mobile.float-none--mobile {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .align-left--mobile {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .align-right--mobile {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .align-center--mobile {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .align-center--mobile-portrait {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .center--mobile.center--mobile.center--mobile.center--mobile {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .center--mobile.center--mobile.center--mobile.center--mobile {
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .table-center--mobile.table-center--mobile.table-center--mobile.table-center--mobile {
    display: table;
  }
}
@media screen and (max-width: 767px) {
  .table-center--mobile.table-center--mobile.table-center--mobile.table-center--mobile {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .table-center--mobile.table-center--mobile.table-center--mobile.table-center--mobile {
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .no-border--mobile {
    border: none;
  }
}

.contain--mobile {
  min-width: 320px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .contain--mobile {
    margin: 0 auto;
    width: 480px;
    position: relative;
  }
}
@media only screen and (max-width: 479px) {
  .contain--mobile {
    margin: 0 auto;
    width: 320px;
    position: relative;
  }
}

.contain--desktop {min-width: 320px;}
@media only screen and (min-width: 1024px) {
  .contain--desktop {
    margin: 0 auto;
    width: 1000px;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .gutter--mobile {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .gutter--mobile {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .block--mobile.block--mobile {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .hide--mobile {
    display: none;
  }
}

.hide--desktop {display: none;}
@media screen and (max-width: 767px) {
  .hide--desktop {
    display: block;
  }
}

.show--mobile {display: none;}
@media screen and (max-width: 767px) {
  .show--mobile {
    display: block !important;
  }
}

.show--mobile-inline {display: none;}
@media screen and (max-width: 767px) {
  .show--mobile-inline {
    display: inline !important;
  }
}

.show--mobile-inline-block {display: none;}
@media screen and (max-width: 767px) {
  .show--mobile-inline-block {
    display: inline-block !important;
  }
}

.show--mobile-table {display: none;}
@media screen and (max-width: 767px) {
  .show--mobile-table {
    display: table !important;
  }
}

/*

[Description]
  These are any additional SASS styles for integration


[Table of Contents]
  HTML5
    See home-page-content.html for additional JS

*/
header {background: #0457A5;}

strong, b {
  font-family: inherit;
  font-weight: 600;
}

.forward-slash:after {
  content: " /";
  display: inline;
  font-size: 11px;
  font-weight: normal;
}

.phone-numbers-number {
  display: inline-block;
  color: #ffaf00;
  font-size: 20px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.effect7 {
  z-index: 9;
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
  content: "";
  position: absolute;
  z-index: -1;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.effect7:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.effect6 {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect6:before, .effect6:after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.effect2 {position: relative;}

.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

ul.table.table--gutter.table--top {padding: 30px 5px;}
ul.table.table--gutter.table--top .one-fourth:first-child {padding-left: 8px;}
ul.table.table--gutter.table--top .one-fourth {
  padding-left: 8px;
  border-right: white 1px solid;
  padding-right: 6px;
}
ul.table.table--gutter.table--top .one-fourth:last-child {border: 0;}

.js-subnav-container {
  background-color: transparent;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 41px;
}

.subnav {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.subnav .one-fourth {float: left;}

.clean-grid-four div {
  width: 25%;
  float: left;
}

.show {display: block;}

.hidden {display: none;}

.js-sub-subnav-pane {
  margin-left: -1px;
  background: #f2f2f2;
}
.js-sub-subnav-pane a {
  font-style: italic;
  color: #848484;
  font-weight: normal;
}

.menu--nav a {
  font-weight: bold;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.subnav_tabs a {
  display: block;
  padding: 8px 10px 8px 15px;
}

.js-quote-display.large {
  font-size: 14px;
  color: #0057A6;
}

.menu-item-new-hover:hover {
  background: #f8f9f9;
  color: #0057a6;
  border-top: 3px solid #ffaf00;
}
.menu-item-new-hover:hover strong {color: #0057a6;}

.contain .preview img {
  border-top: 4px solid #0057a6;
  border-bottom: 1px solid #fff;
}

.subnav_thumbnail {
  border-top: 5px solid #0057a6;
  border-bottom: 1px solid #fff;
}

.social_item {margin-left: 10px;}

.top-cta {height: 90px;}

.pull-up {
  position: relative;
  top: -40px;
  z-index: 7;
}
@media screen and (max-width: 768px) {
  .pull-up {
    top: 0px;
  }
}

.top-cta {
  width: 100%;
  height: 90px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #e4e5e6);
  background-image: -moz-linear-gradient(top, #fff, #e4e5e6);
  background-image: -ms-linear-gradient(top, #fff, #e4e5e6);
  background-image: -o-linear-gradient(top, #fff, #e4e5e6);
  background-image: linear-gradient(to bottom, #ffffff, #e4e5e6);
  border: 1px solid #e4e5e6;
  margin: 0;
  padding: 1rem 1rem;
}
.top-cta div {float: left;}
.top-cta .top-cta-large-number {
  font-size: 2.9rem;
  font-weight: bold;
  color: #FFB618;
}
.top-cta .top-cta-blurb.a {
  padding: 0.5rem 0 1rem 1rem;
  width: 80%;
  font-size: 13px;
}
@media screen and (max-width: 400px) {
  .top-cta .top-cta-blurb.a {
    width: 65%;
  }
}
.top-cta .top-cta-blurb.b {padding: 1rem;}
.top-cta .top-cta-button {padding: 0.9rem 0;}

.yellow-button {
  background-color: #ffaf00;
  background-image: linear-gradient(to bottom, #ffaf00, #e69d00);
  color: #333;
  position: relative;
  display: inherit;
}
.yellow-button:hover {
  background: #ffaf00;
  color: #666;
}

.button--yellow {display: initial;}

.white-button {
  color: #0057a6;
  border: 1px solid #d1d1d1;
  background-color: #f9fafa;
  background-image: -webkit-linear-gradient(top, #f9fafa, #e7e8e9);
  background-image: -moz-linear-gradient(top, #f9fafa, #e7e8e9);
  background-image: -ms-linear-gradient(top, #f9fafa, #e7e8e9);
  background-image: -o-linear-gradient(top, #f9fafa, #e7e8e9);
  background-image: linear-gradient(to bottom, #f9fafa, #e7e8e9);
}

i.separator {
  display: inline-block;
  width: 2px;
  border-left: 1px solid #FAAF1B;
  background-color: #EFA200;
  height: 18px;
  position: relative;
  top: 3px;
  left: 2px;
  margin: 0 2px;
}

i.arrow-black-right {
  background-image: url("../images/common/sprites.png");
  background-position: -142px -20px;
  width: 9px;
  height: 13px;
  top: 1px;
  right: -9px;
  display: inline-block;
  position: relative;
  line-height: 13px;
}

i.flag-arrows {
  background-image: url("../images/common/sprites.png");
  background-position: 0 -216px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  z-index: 1;
  transition: all .25s ease;
}


/* Modified for Hygood position (40px left, 100px top) */
.slideshow_caption_full {padding: 0px 0px 0px 0px;}
@media screen and (max-width: 400px) {
  .slideshow_caption_full {
    padding: 0% 0% !important;
  }
}

/* Modified for Hygood position (26px bottom */
.slideshow_description {
  max-width: 40%;
  color: inherit;
  font-weight: normal;
  line-height: 1.2;
  font-size: 16px;
  margin-bottom:  26px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 20px;
}
.orange {color: #ffc340;}

.white {color: white;}
@media screen and (max-width: 768px) {
  .slideshow_description {
    max-width: 100%;
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width: 768px) {
  .slideshow_caption_full {
    padding: 0px 0px;
  }
}
.slideshow_title {
  font-size: 30px;
  font-weight: normal;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .slideshow_title {
    font-size: 22px;
    line-height: 28px;
  }
}

.slideshow_link .icon-left-arrow:before, .slideshow_link .icon-right-arrow:before, .slick-prev:before, .slick-next:before {color: white;}

.slick-slider {
  padding: 20px 30px;
  padding: 20px 30px 30px 20px;
}

.slick-slide {padding: 0 1rem;}
.slick-slide p:first-of-type {margin: 0px 0 0 0;}
.slick-slide p:last-of-type {margin: 0;}
.slick-slide img {position: relative;}

.slick-wrapper {
  height: 130px !important;
  padding-bottom: 200px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #e4e5e6);
  background-image: -moz-linear-gradient(top, #fff, #e4e5e6);
  background-image: -ms-linear-gradient(top, #fff, #e4e5e6);
  background-image: -o-linear-gradient(top, #fff, #e4e5e6);
  background-image: linear-gradient(to bottom, #ffffff, #e4e5e6);
  border: 1px solid #D0D1D2;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .slick-wrapper {
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 2rem;
  }
}

button.slick-prev.slick-arrow {
  position: absolute;
  top: 40%;
  background: url("../images/common/featured-slider-left.png") no-repeat;
  display: block;
  text-indent: -9999px;
  width: 17px;
  height: 25px;
  left: 11px;
  z-index: 9;
}

button.slick-next.slick-arrow {
  position: absolute;
  right: 0px;
  top: 40%;
  text-indent: -9999px;
  background: url("../images/common/featured-slider-right.png") no-repeat;
  display: block;
  text-indent: -9999px;
  width: 17px;
  height: 25px;
  right: 11px;
  z-index: 9;
}

hr.blue {
  background: #0057a6;
  height: 3px;
  outline: 0;
  border: 0;
}

h2 .home {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 26px;
}

section.content-section {padding: 2rem 0;}
section.content-section .featured-content-image {
  border-top: 5px solid #0057a6;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  section.content-section .featured-content-image {
    width: 100%;
  }
}
section.content-section article {
  position: relative;
  float: left;
}
section.content-section article:first-of-type {width: 600px;}
@media screen and (max-width: 768px) {
  section.content-section article:first-of-type {
    width: 100%;
  }
}
section.content-section article:first-of-type h2 {margin-bottom: 0.5rem;}
@media screen and (max-width: 400px) {
  section.content-section article:first-of-type h2 {
    margin-bottom: 0.5rem;
    width: 100%;
    display: block;
  }
}
section.content-section article:first-of-type p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  width: 98%;
}
section.content-section article:last-of-type {
  width: 400px;
  background: #F6F6F6;
  border: 1px solid #d7d7d7;
}
@media screen and (max-width: 768px) {
  section.content-section article:last-of-type {
    width: 100%;
    background: #F6F6F6;
    border: 1px solid #d7d7d7;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
section.content-section article:last-of-type h2 {margin: 1rem 0;}
section.content-section article:last-of-type img {
  border-top: 3px solid #0057a6;
  border-bottom: 1px solid #fff;
}
section.content-section article:last-of-type p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
section.content-section article:last-of-type .large-content-piece-wrapper {padding: 0 2rem 2rem 2rem;}
@media screen and (max-width: 400px) {
  section.content-section article:last-of-type .large-content-piece-wrapper {
    padding: 0 1rem 1rem 1rem;
  }
}
section.content-section article:last-of-type .large-content-piece-wrapper .mini-content-pieces img {
  width: 100px;
  height: auto;
  margin-right: 6%;
}
section.content-section article:last-of-type .large-content-piece-wrapper .mini-content-pieces-title {margin-left: 2%;}
section.content-section article:last-of-type .large-content-piece-wrapper .mini-content-pieces-title h3 {font-weight: bold;}
@media screen and (max-width: 400px) {
  section.content-section article:last-of-type .large-content-piece-wrapper .mini-content-pieces-title {
    margin-left: 2%;
  }
}
section.content-section article .mini-content-pieces {
  overflow: hidden;
  margin-bottom: 1rem;
}
section.content-section article .mini-content-pieces .mini-content-pieces-image {margin-right: 4%;}
section.content-section article .mini-content-pieces .mini-content-pieces-image img {
  border-top: 5px solid #0057a6;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 400px) {
  section.content-section article .mini-content-pieces .mini-content-pieces-image img {
    width: 100%;
    margin: 0 auto;
  }
}
section.content-section article .mini-content-pieces:first-of-type {margin-top: 1.5rem;}
@media screen and (max-width: 768px) {
  section.content-section article .mini-content-pieces {
    margin-bottom: 2rem;
  }
}
section.content-section article .mini-content-pieces .mini-content-pieces-title {width: 60%;}
@media screen and (max-width: 768px) {
  section.content-section article .mini-content-pieces .mini-content-pieces-title {
    width: 59%;
  }
}
section.content-section article .mini-content-pieces .mini-content-pieces-title h3 {
  font-size: 15px;
  padding-top: 5px;
  margin-bottom: 0;
}
@media screen and (max-width: 400px) {
  section.content-section article .mini-content-pieces .mini-content-pieces-title {
    width: 100%;
  }
}
section.content-section article .mini-content-pieces a {
  font-size: 13px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #0057a6;
}

span.phone-new {
  top: -3px;
  position: relative;
  margin-right: 7px;
}

span.icon.icon-left-arrow.tera.white, span.icon-left-arrow.tera.white.ui-tis-modal-close {
  background: url("../images/common/slider-left-arrow.png") #0057a6 no-repeat 7px 5px;
  padding: 0rem 0.5rem;
  display: block;
  width: 35px;
  height: 35px;
}

span.icon.icon-right-arrow.tera.white, span.icon-right-arrow.tera.white.ui-tis-modal-close {
  background: url("../images/common/slider-right-arrow.png") #0057a6 no-repeat 12px 5px;
  padding: 0rem 0.5rem;
  display: block;
  width: 35px;
  height: 35px;
}

.slideshow .icon-left-arrow:before, .slideshow .icon-right-arrow:before {content: " ";}

.tab-layout {
  position: relative;
  margin-top: 2.5rem;
  height: 177px;
  background: #E6E4E4;
  width: 100%;
  border-top: 1px solid #C9C8C8;
}
@media screen and (max-width: 1023px) {
  .tab-layout {
    display: none;
  }
}
.tab-layout .wrapper {
  width: 1000px;
  margin: 0 auto;
  height: auto;
  display: block;
  position: relative;
}
.tab-layout .tab-a {
  background: url("../images/common/tab-back.png") no-repeat -123px 0px;
  height: 34px;
  width: 351px;
  display: block;
  position: absolute;
  padding: 8px 0 0 45px;
  z-index: 1;
  cursor: pointer;
  top: -33px;
  font-size: 15px;
}
.tab-layout .tab-a.active {
  z-index: 3;
  background: url("../images/common/tab-front.png") no-repeat -438px 0px;
}
.tab-layout .tab-b {
  height: 34px;
  width: 350px;
  display: block;
  position: absolute;
  left: 320px;
  padding: 7px 0 0 60px;
  z-index: 2;
  cursor: pointer;
  top: -33px;
  background: url("../images/common/tab-back.png") no-repeat -123px 0px;
  font-size: 15px;
}
.tab-layout .tab-b.active {
  z-index: 3;
  background: url("../images/common/tab-front.png") no-repeat -448px 0px;
  width: 360px;
}
.tab-layout article {
  width: 1000px;
  margin: 0 auto;
}
.tab-layout article:last-of-type {
  height: 189px;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 10px;
}
.tab-layout article:last-of-type ul.subnav_tabs.centi {
  width: 300px;
  border-right: 0;
}
.tab-layout article:last-of-type ul.subnav_tabs.centi a {
  z-index: 2;
  border-top: 1px solid #E6E4E4;
  border-left: 1px solid #E6E4E4;
  border-bottom: 1px solid #E6E4E4;
}
.tab-layout article:last-of-type ul.subnav_tabs.centi a:hover {background: #F6F6F6 !important;}
.tab-layout article:last-of-type ul.subnav_tabs.centi a.active {
  border-top: 1px solid #C9C8C8;
  border-left: 1px solid #C9C8C8;
  border-bottom: 1px solid #C9C8C8;
  background: #F6F6F6 !important;
}
.tab-layout article:last-of-type ul.subnav_tabs.centi:after {width: 0;}
.tab-layout article:last-of-type .showHidePanel div {
  display: block;
  width: 700px;
  height: 166px;
  background-color: #E6E4E4;
  position: relative;
  left: -1px;
  top: 0;
  font-size: 12px;
  padding: 0.5rem 1rem;
  z-index: 0;
  border: 1px solid #C9C8C8;
}
.tab-layout article:last-of-type .showHidePanel div.show {background: #F6F6F6 !important;}

p.quarter-top-margin.white.bold {font-size: 15px;}

.bread-crumb-area {
  height: auto;
  background: #f2f2f2;
  margin: 0 0 25px;
}

.bread-crumbs {
  margin: 0;
  padding: 15px 0 15px 5px;
  font-size: 13px;
}

.bread-container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.two-col {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  min-height: 830px;
  overflow: hidden;
  *zoom: 1;
}
.two-col p {
  font-size: 0.875rem;
  line-height: 19px;
}
@media screen and (max-width: 768px) {
  .two-col {
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
  }
}
.two-col article {float: left;}
.two-col article:first-of-type {
  width: 24%;
  margin-right: 1%;
}
@media screen and (max-width: 768px) {
  .two-col article:first-of-type {
    width: 100%;
  }
}
.two-col article:first-of-type #cssmenu,
.two-col article:first-of-type #cssmenu ul,
.two-col article:first-of-type #cssmenu ul li,
.two-col article:first-of-type #cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #aaaaaa;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAAAAAA', endColorstr='#FF898989');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #898989));
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #898989 100%);
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #898989 100%);
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #898989 100%);
}
.two-col article:first-of-type #cssmenu {
  width: 100%;
  color: #ffffff;
  margin-top: 1.6rem;
}
.two-col article:first-of-type #cssmenu ul ul {display: none;}
.two-col article:first-of-type .align-right {float: right;}
.two-col article:first-of-type #cssmenu > ul > li > a {
  padding: 15px 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.two-col article:first-of-type #cssmenu > ul > li > a:hover,
.two-col article:first-of-type #cssmenu > ul > li.active > a,
.two-col article:first-of-type #cssmenu > ul > li.open > a {background: #0057a6;}
.two-col article:first-of-type #cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
.two-col article:first-of-type #cssmenu > ul > li:last-child > a,
.two-col article:first-of-type #cssmenu > ul > li.last > a {border-bottom: 1px solid #c9c9c9;}
.two-col article:first-of-type .holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.two-col article:first-of-type .holder::after,
.two-col article:first-of-type .holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.two-col article:first-of-type .holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.two-col article:first-of-type #cssmenu > ul > li > ul > li.open > .holder::after,
.two-col article:first-of-type #cssmenu > ul > li > ul > li.open > .holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.two-col article:first-of-type #cssmenu > ul > li > a:hover > span::after,
.two-col article:first-of-type #cssmenu > ul > li.active > a > span::after,
.two-col article:first-of-type #cssmenu > ul > li.open > a > span::after {border-color: #eeeeee;}
.two-col article:first-of-type .holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
.two-col article:first-of-type #cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #f8f8f8;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #6d6d6d;
  font-weight: normal;
  background: #fff;
}
.two-col article:first-of-type #cssmenu ul ul li:first-child > a {box-shadow: none;}
.two-col article:first-of-type #cssmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.two-col article:first-of-type #cssmenu ul ul ul li a {padding-left: 30px;}
.two-col article:first-of-type #cssmenu > ul > li > ul > li:last-child > a,
.two-col article:first-of-type #cssmenu > ul > li > ul > li.last > a {border-bottom: 1px solid #c9c9c9;}
.two-col article:first-of-type #cssmenu > ul > li > ul > li.open:last-child > a,
.two-col article:first-of-type #cssmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #c9c9c9;}
.two-col article:first-of-type #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 1px solid #c9c9c9;}
.two-col article:first-of-type #cssmenu ul ul li.active > a::after,
.two-col article:first-of-type #cssmenu ul ul li.open > a::after,
.two-col article:first-of-type #cssmenu ul ul li > a:hover::after {border-color: #ffffff;}
.two-col article #cssmenu li.has-sub a {
  cursor: pointer;
  border-bottom: 1px solid #f8f8f8;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #6d6d6d;
  font-weight: normal;
  background: #fff;
}
.two-col article:last-of-type {width: 75%;}
.two-col article:last-of-type h2 {margin-bottom: 25px;}
@media screen and (max-width: 768px) {
  .two-col article:last-of-type {
    width: 100%;
    margin-top: 2rem;
  }
}
.two-col article:last-of-type .productGrid {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.two-col article:last-of-type .productGrid .effect2:before, .two-col article:last-of-type .productGrid .effect2:after {z-index: 3;}
.two-col article:last-of-type .productGrid i {
  display: block;
  height: 100%;
}
.two-col article:last-of-type .productGrid div {
  float: left;
  width: 24%;
  min-height: 270px;
  margin-right: 1%;
}


@media screen and (max-width: 768px) {
  .two-col article:last-of-type .productGrid div {
    width: 49%;
  }
}
.two-col article:last-of-type .productGrid div.container, .two-col article:last-of-type .productGrid div.feature {
  padding: 0;
  border: 1px solid #AEAEAE;
  background: #f2f2f2;
  box-shadow: none;
  margin-bottom: 20px;
}
.two-col article:last-of-type .productGrid div p {padding: 0 10px;}
.two-col article:last-of-type .productGrid div p.title {margin: 15px 0 0 0;}
.two-col article:last-of-type .productGrid div p.copy {margin-top: 0px;}
.two-col article:last-of-type .productGrid div img {
  border-top: 4px solid #0057a6;
  border-bottom: 1px solid #fff;
  width: 100%;
  position: relative;
  z-index: 4;
  background-color: #fff;
}


.contact {
  background: #f2f2f2;
  margin-top: 10px;
  padding: 2rem;
}
.contact h3 {
  font-size: 18px;
  font-weight: bold;
  margin-left: -13px;
}
.contact p {
  color: #666;
  margin-bottom: 15px;
}
.contact hr {
  width: 100%;
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin: 1.5rem 0 0 0;
  box-sizing: inherit;
}
.contact .number {
  color: #666;
  font-weight: bold;
  font-size: 19px;
}
.contact .button {padding: 11px 14px 10px 8px;}
.contact .button i.arrow-black-right {top: 9px;}
.contact .button i.left-productfix {top: 2px !important;}

.full-left-slick-fix {
  float: left;
  width: 100%;
  padding-bottom: 160px !important;
}

ul.product-info-switcher {
  display: block;
  padding: 1.1rem 0 0 0;
  margin-bottom: -1px;
  overflow: hidden;
  *zoom: 1;
}
@media screen and (max-width: 600px) {
  ul.product-info-switcher {
    width: 100%;
    margin-right: 0;
  }
}
ul.product-info-switcher li {
  display: inline;
  float: left;
}
@media screen and (max-width: 600px) {
  ul.product-info-switcher li {
    width: 100%;
    margin-right: 0;
  }
}
ul.product-info-switcher li a {
  color: #666666;
  display: inline-block;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #eeeeee), color-stop(50%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #eeeeee 50%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%, #eeeeee 50%);
  padding: 1rem 1rem;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  cursor: pointer;
  font-size: 15px;
  float: left;
}
@media screen and (max-width: 600px) {
  ul.product-info-switcher li a {
    width: 100%;
    margin-right: 0;
  }
}
ul.product-info-switcher li a.active {
  border-top: 2px solid #0057a6;
  color: #0057a6;
  font-weight: bold;
  background: none;
  background-color: #ffffff;
}
ul.product-info-switcher li:last-of-type a {
  border-right: 1px solid #CCC;
  display: inline-block;
}

.panel-info {display: none;}
.panel-info ul li {list-style: disc !important;}
.panel-info.active {display: block;}
.panel-info img {
  width: 152px;
  float: left;
  padding: 0 1rem 1rem 0;
}

.container, .feature, .feature {overflow: hidden;}

@media screen and (max-width: 768px) {
  .feature {
    max-width: 100%;
  }
}
.drop-shadow {
  position: relative;
  float: left;
  width: auto;
  margin: 0 0 1em;
  background: #fff;
}

.drop-shadow-top {
  position: relative;
  float: left;
  margin: 0 0 1em;
  background: #F2F2F2;
  width: 100%;
  min-height: 116px;
}

.drop-shadow-top:before,
.drop-shadow-top:after {
  content: "";
  position: absolute;
}

.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
}

/* Curved shadows */
.curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 50%;
  -moz-box-shadow: 0 5px 11px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 5px 11px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0px rgba(0, 0, 0, 0.8);
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.curved-vt-2:before {right: 0;}

.curved-hz-1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.curved-hz-2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

input.error {
  border: 1px solid #a90206;
  color: #a90206;
  background: #EFCCD0;
}

.subnav_tabs .icon, .subnav_tabs .ui-tis-modal-close, .subnav_tabs .ui-tis-modal-close {
  font-weight: bold !important;
  right: 20px;
  font-size: 14px !important;
}

.subnav_tabs a {padding: 8px 10px 6px 15px;}

ul.subnav_tabs {border-right: 1px solid #fff;}

.js-submenu.submenu a {padding: 10px;}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot#iefix") format("embedded-opentype"), url("../fonts/icons.svg#icons") format("svg"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.subnav_quote {padding: 0px 10px 20px 10px !important;}

.subnav_tabs .one-half {float: left;}

.js-subnav-section1,
.js-subnav-section2,
.js-subnav-section3,
.js-subnav-section4 {min-height: 340px;}

@media (min-width: 768px) {
  .js-subnav-section .table--gutter > .one-fourth,
  .js-subnav-section .table.table--gutter > *:first-child {
    padding-left: 15px;
    padding-right: 15px;
  }

  .js-subnav-section .table--gutter > .one-fourth div,
  .js-subnav-section .table.table--gutter > *:first-child div {
    width: 100%;
  }
}
.subnav_quote.centi {float: right;}

.css3-shadow {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

/*==================================================
 * Drop shadow effect with box-shadow
 * ===============================================*/
.css3-shadow::before {
  content: "";
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 50%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.css3-shadow::after {
  content: "";
  position: absolute;
  z-index: 9;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  bottom: -1px;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 50%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.blue-background.thick-yellow-bottom-border.teal-top-border {
  position: relative;
  z-index: 10;
}

.underline {text-decoration: underline !important;}

section.quarter-top-margin.half-bottom-margin.hide--mobile a.button--yellow {
  margin-top: 0.5rem;
  display: inline-block;
}

.tablist {
  list-style: disc;
  list-style: initial;
  margin-left: 20px;
}

.product-contact-form .control-group.no-margin--mobile {margin-bottom: 0.5rem;}
.product-contact-form .control-group label {
  font-size: 14px;
  margin-bottom: 5px;
}
.product-contact-form input {font-size: 12px;}
.product-contact-form .small {font-size: 10px !important;}

.feedback-form select {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  position: relative;
  display: block;
  width: 100%;
}
.feedback-form .icon.icon-down-arrow, .feedback-form .icon-down-arrow.ui-tis-modal-close {top: 9px;}

.speak-with-list input {float: left;}
.speak-with-list li {
  overflow: hidden;
  width: auto;
  float: left;
  display: inline;
}
.speak-with-list label {
  float: left;
  display: inline-block;
  float: left;
  margin-left: 10px;
  line-height: 13px;
}

.grey-area.lifted-corners-wrapper:after, .grey-area.lifted-corners-wrapper:before {
  position: absolute;
  bottom: 15px;
  top: 80%;
  background: rgba(0, 0, 0, 0.3);
  left: 1%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.bullets:after, .bullets:before, .grey-area.lifted-corners-wrapper:after, .grey-area.lifted-corners-wrapper:before {
  z-index: -1;
  content: '';
  width: 50%;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
}

.grey-area.lifted-corners-wrapper:after {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  right: 1%;
  left: auto;
}

.bullets {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #e4e5e6);
  background-image: -moz-linear-gradient(top, #fff, #e4e5e6);
  background-image: -ms-linear-gradient(top, #fff, #e4e5e6);
  background-image: -o-linear-gradient(top, #fff, #e4e5e6);
  background-image: linear-gradient(to bottom, #ffffff, #e4e5e6);
  border: 1px solid #e4e5e6;
  min-height: 125px;
  padding: 10px 0;
  position: relative;
  margin: 10px 0;
}
@media screen and (max-width: 600px) {
  .bullets {
    min-height: 445px;
  }
}

.bullets:after, .bullets:before {
  position: absolute;
  bottom: 30px;
  top: 70%;
  background: rgba(0, 0, 0, 0.3);
  left: 2%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

#manuals-form:after, .fancy-select:after, .social-buttons-sv:after, .social-strip:after {content: "";}

.bullets:after {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  right: 2%;
  left: auto;
}

.bullets ul {
  width: 45%;
  float: left;
  margin: 0 0 0 40px;
}

.bullets li {
  padding: 3px 0;
  color: #333;
  list-style: initial;
}

.option .rel-content .curved-wrapper, .option .rel-content .intro {display: none;}

.local-page-crime .crime-level {font-size: 12px;}

.article {padding: 15px 0;}

.article-title {
  color: #0057a6;
  margin: 0;
  font-size: 15px;
}

.get-in-touch h2 {padding: 15px 0 10px 0;}
.get-in-touch a {
  text-decoration: underline;
  font-size: 13px;
  display: inline-block;
  padding: 2px 0;
}
.get-in-touch hr {
  width: 100%;
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin: 1.5rem 0 0 0;
  box-sizing: inherit;
}

.product-gallery-zoom {
  overflow: hidden;
  *zoom: 1;
}
.product-gallery-zoom button.slick-next.slick-arrow {
  background: url("../images/common/ansul-right-grey-arrow.png") no-repeat;
  width: 27px;
  height: 37px;
  right: 0;
}
.product-gallery-zoom button.slick-prev.slick-arrow {
  background: url("../images/common/ansul-left-grey-arrow.png") no-repeat;
  width: 27px;
  height: 37px;
  left: 0;
}
.product-gallery-zoom .slick-slide, .product-gallery-zoom .slick-slider {padding: 0;}
.product-gallery-zoom .slick-slide img, .product-gallery-zoom .slick-slider img {border-top: 4px #0057A6 solid;}
.product-gallery-zoom .social-small li {width: 27px;}
.product-gallery-zoom .social-small li a {font-size: 17px;}
.product-gallery-zoom article {float: left;}
.product-gallery-zoom article:first-of-type {
  width: 34%;
  margin-right: 2%;
}
@media screen and (max-width: 600px) {
  .product-gallery-zoom article:first-of-type {
    width: 100%;
    margin-right: 0;
  }
}
.product-gallery-zoom article:last-of-type {width: 64%;}
@media screen and (max-width: 600px) {
  .product-gallery-zoom article:last-of-type {
    width: 100%;
    margin-right: 0;
  }
}

.two-grid-float {
  overflow: hidden;
  *zoom: 1;
}
.two-grid-float div:first-of-type {float: left;}
.two-grid-float div:last-of-type {float: right;}

.sku-small {
  font-size: 12px !important;
  margin: 0;
  color: #0057A6;
}

.margin-bottom-10 {margin: 0 0 10px 0;}

.left-pull-margin {margin-left: 0px;}

.zoom-control p {
  float: left;
  font-size: 12px;
  margin: 2px 0 0 6px;
}
.zoom-control i {
  float: left;
  margin-top: 2px;
}
.zoom-control .zoom-icon {
  background: url("../images/common/ansul-grey-plus.png") no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 3px 0 0 30px;
}
.zoom-control .video-icon {
  background: url("../images/common/ansul-grey-play.png") no-repeat;
  width: 19px;
  height: 18px;
  display: inline-block;
}

/* Localized */