@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=26b0e0df-681c-44b2-96ae-4103927c5288");
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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.clearfix:before, .row:before,
.clearfix:after,
.row:after {
  content: "";
  display: table; }

.clearfix:after, .row:after {
  clear: both; }

@font-face {
  font-family: "HelveticaNeueW01-45Ligh";
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); }

@font-face {
  font-family: "HelveticaNeueW01-55Roma";
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); }

@font-face {
  font-family: "HelveticaNeueW01-65Medi";
  src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("../fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"), url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg"); }

@font-face {
  font-family: "HelveticaNeueW01-67MdCn_692710";
  src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix");
  src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot"), url("../fonts/423db818-6ba7-4789-995f-1f2d7f6018df.woff2") format("woff2"), url("../fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"), url("../fonts/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"), url("../fonts/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg"); }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body {
  height: 100%;
  font-size: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-weight: normal; }

/** =========================================
 * Typography
 ===========================================*/
h1 {
  font-size: 48px; }
  @media screen and (min-width: 480px) {
    h1 {
      font-size: 56px; } }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 64px; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 72px; } }
  @media screen and (min-width: 1200px) {
    h1 {
      font-size: 80px; } }
  @media screen and (min-width: 1600px) {
    h1 {
      font-size: 80px; } }

h2 {
  font-size: 43.2px; }
  @media screen and (min-width: 480px) {
    h2 {
      font-size: 43.2px; } }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 43.2px; } }
  @media screen and (min-width: 992px) {
    h2 {
      font-size: 48.6px; } }
  @media screen and (min-width: 1200px) {
    h2 {
      font-size: 54px; } }
  @media screen and (min-width: 1600px) {
    h2 {
      font-size: 54px; } }

h3 {
  font-size: 36px; }
  @media screen and (min-width: 480px) {
    h3 {
      font-size: 36px; } }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 36px; } }
  @media screen and (min-width: 992px) {
    h3 {
      font-size: 40.5px; } }
  @media screen and (min-width: 1200px) {
    h3 {
      font-size: 45px; } }
  @media screen and (min-width: 1600px) {
    h3 {
      font-size: 45px; } }

h4 {
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    h4 {
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    h4 {
      font-size: 24px; } }
  @media screen and (min-width: 992px) {
    h4 {
      font-size: 27px; } }
  @media screen and (min-width: 1200px) {
    h4 {
      font-size: 30px; } }
  @media screen and (min-width: 1600px) {
    h4 {
      font-size: 30px; } }

h5 {
  font-size: 20.8px; }
  @media screen and (min-width: 480px) {
    h5 {
      font-size: 20.8px; } }
  @media screen and (min-width: 768px) {
    h5 {
      font-size: 20.8px; } }
  @media screen and (min-width: 992px) {
    h5 {
      font-size: 23.4px; } }
  @media screen and (min-width: 1200px) {
    h5 {
      font-size: 26px; } }
  @media screen and (min-width: 1600px) {
    h5 {
      font-size: 26px; } }

h6 {
  font-size: 15.2px; }
  @media screen and (min-width: 480px) {
    h6 {
      font-size: 15.2px; } }
  @media screen and (min-width: 768px) {
    h6 {
      font-size: 15.2px; } }
  @media screen and (min-width: 992px) {
    h6 {
      font-size: 17.1px; } }
  @media screen and (min-width: 1200px) {
    h6 {
      font-size: 19px; } }
  @media screen and (min-width: 1600px) {
    h6 {
      font-size: 19px; } }

p, li {
  font-size: 13.5px; }
  @media screen and (min-width: 480px) {
    p, li {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    p, li {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    p, li {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    p, li {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    p, li {
      font-size: 15px; } }

span {
  font-size: 10.4px; }
  @media screen and (min-width: 480px) {
    span {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    span {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    span {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    span {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    span {
      font-size: 13px; } }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2; }

p, li {
  line-height: 1.4; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 5/2), only screen and (min-resolution: 240dpi) {
  .icon-checkbox-checked, [type="checkbox"]:focus:checked + label:before, [type="checkbox"]:checked + label:before {
    background-image: url(../img/sprites-retina.png);
    background-size: 54px 25px; }
  .icon-checkbox {
    background-image: url(../img/sprites-retina.png);
    background-size: 54px 25px; } }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-checked, .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"]:checked + label:before,
.icon-checkbox-checked,
[type="checkbox"]:focus:checked + label:before,
[type="checkbox"]:checked + label:before {
  display: inline-block;
  background-image: url(../img/sprites.png);
  background-position: 0px 0px;
  width: 25px;
  height: 25px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox,
.icon-checkbox {
  display: inline-block;
  background-image: url(../img/sprites.png);
  background-position: -29px 0px;
  width: 25px;
  height: 25px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-arrow-medium-down,
.icon-arrow-medium-down {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: 0px -52px;
  width: 32px;
  height: 32px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-checked-blue, .no-flexboxlegacy.no-touch.no-canvas .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:checked + label:before, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"]:checked + label:before,
.icon-checkbox-checked-blue,
.CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:focus:checked + label:before,
.CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:checked + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -24px -88px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-checked, .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"]:checked + label:before,
.icon-checkbox-checked,
[type="checkbox"]:focus:checked + label:before,
[type="checkbox"]:checked + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -72px -88px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-focused-blue, .no-flexboxlegacy.no-touch.no-canvas .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:focus + label:before, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"]:focus + label:before,
.icon-checkbox-focused-blue,
.CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:focus + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -48px -88px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-focused, .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"]:focus + label:before,
.icon-checkbox-focused,
[type="checkbox"]:focus + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -36px -52px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-unchecked-blue, .no-flexboxlegacy.no-touch.no-canvas .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] + label:before, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"] + label:before,
.icon-checkbox-unchecked-blue,
.CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] + label:before,
.CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:disabled + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -60px -52px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-unchecked, .no-flexboxlegacy.no-touch.no-canvas [type="checkbox"] + label:before,
.icon-checkbox-unchecked,
[type="checkbox"] + label:before,
[type="checkbox"]:disabled + label:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: 0px -88px;
  width: 20px;
  height: 20px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-close, .no-flexboxlegacy.no-touch.no-canvas .fancybox-close,
.icon-close,
.fancybox-close {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -70px 0px;
  width: 32px;
  height: 32px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-down,
.icon-down {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -96px -88px;
  width: 23px;
  height: 14px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-left-arrow, .no-flexboxlegacy.no-touch.no-canvas .VideosPage .fancybox-prev span, .VideosPage .fancybox-prev .no-flexboxlegacy.no-touch.no-canvas span,
.icon-left-arrow,
.VideosPage .fancybox-prev span {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -106px 0px;
  width: 18px;
  height: 33px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-next, .no-flexboxlegacy.no-touch.no-canvas .fancybox-next span, .fancybox-next .no-flexboxlegacy.no-touch.no-canvas span,
.icon-next,
.fancybox-next span {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -35px 0px;
  width: 31px;
  height: 48px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-prev, .no-flexboxlegacy.no-touch.no-canvas .fancybox-prev span, .fancybox-prev .no-flexboxlegacy.no-touch.no-canvas span,
.icon-prev,
.fancybox-prev span {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: 0px 0px;
  width: 31px;
  height: 48px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-right-arrow, .no-flexboxlegacy.no-touch.no-canvas .VideosPage .fancybox-next span, .VideosPage .fancybox-next .no-flexboxlegacy.no-touch.no-canvas span,
.icon-right-arrow,
.VideosPage .fancybox-next span {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -106px -37px;
  width: 18px;
  height: 33px; }

.no-flexboxlegacy.no-touch.no-canvas .icon-sod, .no-flexboxlegacy.no-touch.no-canvas .home-locator .selection .select-wrap .sod_select:before, .home-locator .selection .select-wrap .no-flexboxlegacy.no-touch.no-canvas .sod_select:before,
.icon-sod,
.home-locator .selection .select-wrap .sod_select:before {
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-position: -106px -74px;
  width: 16px;
  height: 9px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 5/2), only screen and (min-resolution: 240dpi) {
  .icon-Imported Layers {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-checked-blue, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:focus:checked + label:before, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:checked + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-checked, [type="checkbox"]:focus:checked + label:before, [type="checkbox"]:checked + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-focused-blue, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:focus + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-focused, [type="checkbox"]:focus + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-unchecked-blue, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] + label:before, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:disabled + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-checkbox-unchecked, [type="checkbox"] + label:before, [type="checkbox"]:disabled + label:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-close, .fancybox-close {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-down {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-left-arrow, .VideosPage .fancybox-prev span {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-next, .fancybox-next span {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-prev, .fancybox-prev span {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-right-arrow, .VideosPage .fancybox-next span {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; }
  .icon-sod, .home-locator .selection .select-wrap .sod_select:before {
    background-image: url(../images/sprites-retina.png);
    background-size: 124px 108px; } }

.button, .button--light, .button--dark, #SearchResults li .readMoreLink {
  position: relative;
  display: inline-block;
  padding: 10px 35px;
  background: #008850;
  color: white;
  text-decoration: none;
  margin-top: 15px;
  border: 0;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13.5px;
  -webkit-transition: background 240ms, color 240ms;
  -o-transition: background 240ms, color 240ms;
  transition: background 240ms, color 240ms;
  cursor: pointer; }
  @media screen and (min-width: 480px) {
    .button, .button--light, .button--dark, #SearchResults li .readMoreLink {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    .button, .button--light, .button--dark, #SearchResults li .readMoreLink {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    .button, .button--light, .button--dark, #SearchResults li .readMoreLink {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    .button, .button--light, .button--dark, #SearchResults li .readMoreLink {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    .button, .button--light, .button--dark, #SearchResults li .readMoreLink {
      font-size: 15px; } }
  .button:hover, .button--light:hover, .button--dark:hover, #SearchResults li .readMoreLink:hover {
    background: #18a655; }
  .button--light {
    background: #81c241; }
    .button--light:hover {
      background: #74b139; }
  .button--large {
    font-size: 20.8px; }
    @media screen and (min-width: 480px) {
      .button--large {
        font-size: 20.8px; } }
    @media screen and (min-width: 768px) {
      .button--large {
        font-size: 20.8px; } }
    @media screen and (min-width: 992px) {
      .button--large {
        font-size: 23.4px; } }
    @media screen and (min-width: 1200px) {
      .button--large {
        font-size: 26px; } }
    @media screen and (min-width: 1600px) {
      .button--large {
        font-size: 26px; } }
  .button--bordered {
    background: white;
    color: #18a655;
    padding: 15px 70px;
    border: 1px solid #18a655;
    -webkit-transition: background 180ms, color 180ms;
    -o-transition: background 180ms, color 180ms;
    transition: background 180ms, color 180ms; }
    .button--bordered:hover {
      background: #18a655;
      color: white; }
  .button--dark {
    color: #008850;
    border: 1px solid #008850; }
    .button--dark:hover {
      background: #008850; }

#filterResources + .resources input[type="checkbox"] {
  position: relative !important;
  opacity: 1; }

.loginPage .special-label,
.StockLibraryPage .special-label,
.sample-form-overlay .special-label,
.footer-forms .special-label,
#ShortIpadForm_CompetitionForm .special-label,
#CompetitionForm_CompetitionForm .special-label,
#ContactForm_ContactForm .special-label,
.resources .special-label {
  display: inline-block !important;
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: -4px;
  margin-bottom: 17px; }

.loginPage input[type="checkbox"],
.StockLibraryPage input[type="checkbox"],
.sample-form-overlay input[type="checkbox"],
.footer-forms input[type="checkbox"],
#ShortIpadForm_CompetitionForm input[type="checkbox"],
#CompetitionForm_CompetitionForm input[type="checkbox"],
#ContactForm_ContactForm input[type="checkbox"],
.resources input[type="checkbox"] {
  width: 16px;
  margin: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  position: relative;
  border: none;
  cursor: pointer;
  border-radius: 1000px; }
  .loginPage input[type="checkbox"]:focus,
  .StockLibraryPage input[type="checkbox"]:focus,
  .sample-form-overlay input[type="checkbox"]:focus,
  .footer-forms input[type="checkbox"]:focus,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:focus,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:focus,
  #ContactForm_ContactForm input[type="checkbox"]:focus,
  .resources input[type="checkbox"]:focus {
    -webkit-animation: press 360ms 1;
            animation: press 360ms 1; }
  .loginPage input[type="checkbox"]:before, .loginPage input[type="checkbox"]:after,
  .StockLibraryPage input[type="checkbox"]:before,
  .StockLibraryPage input[type="checkbox"]:after,
  .sample-form-overlay input[type="checkbox"]:before,
  .sample-form-overlay input[type="checkbox"]:after,
  .footer-forms input[type="checkbox"]:before,
  .footer-forms input[type="checkbox"]:after,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:before,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:after,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:before,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:after,
  #ContactForm_ContactForm input[type="checkbox"]:before,
  #ContactForm_ContactForm input[type="checkbox"]:after,
  .resources input[type="checkbox"]:before,
  .resources input[type="checkbox"]:after {
    content: ""; }
  .loginPage input[type="checkbox"]:after,
  .StockLibraryPage input[type="checkbox"]:after,
  .sample-form-overlay input[type="checkbox"]:after,
  .footer-forms input[type="checkbox"]:after,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:after,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:after,
  #ContactForm_ContactForm input[type="checkbox"]:after,
  .resources input[type="checkbox"]:after {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #333;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms; }
  .loginPage input[type="checkbox"]:disabled:after,
  .StockLibraryPage input[type="checkbox"]:disabled:after,
  .sample-form-overlay input[type="checkbox"]:disabled:after,
  .footer-forms input[type="checkbox"]:disabled:after,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:disabled:after,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:disabled:after,
  #ContactForm_ContactForm input[type="checkbox"]:disabled:after,
  .resources input[type="checkbox"]:disabled:after {
    border-color: #ddd;
    background-color: #eee;
    cursor: not-allowed; }
  .loginPage input[type="checkbox"]:disabled:checked:after,
  .StockLibraryPage input[type="checkbox"]:disabled:checked:after,
  .sample-form-overlay input[type="checkbox"]:disabled:checked:after,
  .footer-forms input[type="checkbox"]:disabled:checked:after,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:disabled:checked:after,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:disabled:checked:after,
  #ContactForm_ContactForm input[type="checkbox"]:disabled:checked:after,
  .resources input[type="checkbox"]:disabled:checked:after {
    background-color: #eee;
    border-color: #ddd; }
  .loginPage input[type="checkbox"]:disabled:checked:before,
  .StockLibraryPage input[type="checkbox"]:disabled:checked:before,
  .sample-form-overlay input[type="checkbox"]:disabled:checked:before,
  .footer-forms input[type="checkbox"]:disabled:checked:before,
  #ShortIpadForm_CompetitionForm input[type="checkbox"]:disabled:checked:before,
  #CompetitionForm_CompetitionForm input[type="checkbox"]:disabled:checked:before,
  #ContactForm_ContactForm input[type="checkbox"]:disabled:checked:before,
  .resources input[type="checkbox"]:disabled:checked:before {
    border-color: #999; }

.loginPage input[type="checkbox"]:after,
.StockLibraryPage input[type="checkbox"]:after,
.sample-form-overlay input[type="checkbox"]:after,
.footer-forms input[type="checkbox"]:after,
#ShortIpadForm_CompetitionForm input[type="checkbox"]:after,
#CompetitionForm_CompetitionForm input[type="checkbox"]:after,
#ContactForm_ContactForm input[type="checkbox"]:after,
.resources input[type="checkbox"]:after {
  background-color: #fff;
  z-index: 999; }

.loginPage input[type="checkbox"]:checked:after,
.StockLibraryPage input[type="checkbox"]:checked:after,
.sample-form-overlay input[type="checkbox"]:checked:after,
.footer-forms input[type="checkbox"]:checked:after,
#ShortIpadForm_CompetitionForm input[type="checkbox"]:checked:after,
#CompetitionForm_CompetitionForm input[type="checkbox"]:checked:after,
#ContactForm_ContactForm input[type="checkbox"]:checked:after,
.resources input[type="checkbox"]:checked:after {
  background-color: #008850;
  border-color: #008850; }

.loginPage input[type="checkbox"]:checked:before,
.StockLibraryPage input[type="checkbox"]:checked:before,
.sample-form-overlay input[type="checkbox"]:checked:before,
.footer-forms input[type="checkbox"]:checked:before,
#ShortIpadForm_CompetitionForm input[type="checkbox"]:checked:before,
#CompetitionForm_CompetitionForm input[type="checkbox"]:checked:before,
#ContactForm_ContactForm input[type="checkbox"]:checked:before,
.resources input[type="checkbox"]:checked:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 6px;
  display: table;
  width: 4px;
  height: 10px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

@-webkit-keyframes press {
  0% {
    -webkit-box-shadow: 0 0 0 0 #008850;
            box-shadow: 0 0 0 0 #008850; }
  50% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 136, 80, 0.4);
            box-shadow: 0 0 0 15px rgba(0, 136, 80, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 136, 80, 0);
            box-shadow: 0 0 0 15px rgba(0, 136, 80, 0); } }

@keyframes press {
  0% {
    -webkit-box-shadow: 0 0 0 0 #008850;
            box-shadow: 0 0 0 0 #008850; }
  50% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 136, 80, 0.4);
            box-shadow: 0 0 0 15px rgba(0, 136, 80, 0.4); }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 136, 80, 0);
            box-shadow: 0 0 0 15px rgba(0, 136, 80, 0); } }

[type="checkbox"] {
  position: absolute !important;
  opacity: 0; }
  [type="checkbox"] + label {
    margin-top: 2rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding-left: 3rem;
    font-size: 13px !important;
    line-height: 2.1rem; }
    [type="checkbox"] + label:before {
      position: absolute;
      content: '';
      display: block;
      left: 0; }
  [type="checkbox"]:disabled + label:before {
    opacity: .6; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 9999999; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px; }

.fancybox-close {
  position: fixed;
  top: 20px;
  right: 20px; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-prev span {
  left: 10px; }

.fancybox-next span {
  right: 10px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  z-index: 999999;
  background: rgba(255, 255, 255, 0.95); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 9999999; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 9999999;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

.fancy img {
  width: 100%;
  height: auto; }

.row .grid-1, .row .grid-2, .row .grid-3, .row .grid-4, .row .grid-5, .row .grid-6, .row .grid-7, .row .grid-8, .row .grid-9, .row .grid-10, .row .grid-11, .row .grid-12 {
  float: left;
  text-align: left;
  height: 100%;
  vertical-align: top;
  margin-top: 0;
  margin-left: 1%;
  padding: 0 24px; }

.row {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  vertical-align: top;
  position: relative;
  display: block; }
  .row .grid-1:first-child {
    margin-left: 0; }
  .row .grid-2:first-child {
    margin-left: 0; }
  .row .grid-3:first-child {
    margin-left: 0; }
  .row .grid-4:first-child {
    margin-left: 0; }
  .row .grid-5:first-child {
    margin-left: 0; }
  .row .grid-6:first-child {
    margin-left: 0; }
  .row .grid-7:first-child {
    margin-left: 0; }
  .row .grid-8:first-child {
    margin-left: 0; }
  .row .grid-9:first-child {
    margin-left: 0; }
  .row .grid-10:first-child {
    margin-left: 0; }
  .row .grid-11:first-child {
    margin-left: 0; }
  .row .grid-12:first-child {
    margin-left: 0; }
  .row .grid-1 {
    width: 7.4159%; }
  .row .grid-2 {
    width: 15.83333%; }
  .row .grid-3 {
    width: 24.25%; }
  .row .grid-4 {
    width: 32.66667%; }
  .row .grid-5 {
    width: 40.66667%; }
  .row .grid-6 {
    width: 49.5%; }
  .row .grid-7 {
    width: 57.33333%; }
  .row .grid-8 {
    width: 65.66667%; }
  .row .grid-9 {
    width: 74%; }
  .row .grid-10 {
    width: 82.33333%; }
  .row .grid-11 {
    width: 90.66667%; }
  .row .grid-12 {
    width: 100%; }

@media only screen and (min-width: 768px) {
  .grid-2:nth-child(3n+1),
  .grid-3:nth-child(4n+1),
  .grid-4:nth-child(3n+1) {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .row .grid-1 {
    margin-left: 0;
    width: 100%; }
  .row .grid-2 {
    margin-left: 0;
    width: 100%; }
  .row .grid-3 {
    margin-left: 0;
    width: 100%; }
  .row .grid-4 {
    margin-left: 0;
    width: 100%; }
  .row .grid-5 {
    margin-left: 0;
    width: 100%; }
  .row .grid-6 {
    margin-left: 0;
    width: 100%; }
  .row .grid-7 {
    margin-left: 0;
    width: 100%; }
  .row .grid-8 {
    margin-left: 0;
    width: 100%; }
  .row .grid-9 {
    margin-left: 0;
    width: 100%; }
  .row .grid-10 {
    margin-left: 0;
    width: 100%; }
  .row .grid-11 {
    margin-left: 0;
    width: 100%; }
  .row .grid-12 {
    margin-left: 0;
    width: 100%; }
  .row .grid-mobile-half:nth-child(2n+1),
  .row .grid-mobile-third:nth-child(3n+1),
  .row .grid-mobile-quarter:nth-child(4n+1) {
    margin-left: 0 !important; }
  .row .grid-mobile-half {
    width: 49%;
    margin-left: 2%; }
  .row .grid-mobile-third {
    width: 32.33333%;
    margin-left: 1.5%; }
  .row .grid-mobile-quarter {
    width: 24%;
    margin-left: 1.33333%; } }

@media only screen and (max-width: 767px) {
  .row .grid-mobile-half,
  .row .grid-mobile-third,
  .row .grid-mobile-quarter {
    margin-left: 0;
    width: 100%; } }

.row {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.parsley-error .sod_select {
  outline: 1px solid #18a655; }

.input-wrap.file {
  background: #18a655;
  padding: 12px;
  color: white; }
  .input-wrap.file input {
    border: 1px solid white;
    color: white;
    background: transparent;
    padding: 4px 12px; }

.RegistrationPage .parsley-errors-list {
  display: block !important; }

.field.parsley-error textarea,
.field.parsley-error input[type="email"],
.field.parsley-error input[type="password"],
.field.parsley-error input[type="text"] {
  outline: 1px solid #18a655; }

.input-wrap.parsley-error textarea,
.input-wrap.parsley-error input[type="email"],
.input-wrap.parsley-error input[type="password"],
.input-wrap.parsley-error input[type="text"] {
  outline: 1px solid #18a655; }

.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
  height: 40px;
  width: 100%;
  padding: 0 10px;
  font-size: 10.4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  background: white;
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  border: 1px solid white;
  -webkit-transition: all 240ms ease;
  -o-transition: all 240ms ease;
  transition: all 240ms ease;
  float: left; }
  @media screen and (min-width: 480px) {
    .input-wrap textarea,
    .input-wrap input[type="email"],
    .input-wrap input[type="password"],
    .input-wrap input[type="text"] {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    .input-wrap textarea,
    .input-wrap input[type="email"],
    .input-wrap input[type="password"],
    .input-wrap input[type="text"] {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    .input-wrap textarea,
    .input-wrap input[type="email"],
    .input-wrap input[type="password"],
    .input-wrap input[type="text"] {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    .input-wrap textarea,
    .input-wrap input[type="email"],
    .input-wrap input[type="password"],
    .input-wrap input[type="text"] {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    .input-wrap textarea,
    .input-wrap input[type="email"],
    .input-wrap input[type="password"],
    .input-wrap input[type="text"] {
      font-size: 13px; } }
  .input-wrap textarea:disabled,
  .input-wrap input[type="email"]:disabled,
  .input-wrap input[type="password"]:disabled,
  .input-wrap input[type="text"]:disabled {
    opacity: 0.7;
    cursor: not-allowed; }

.input-wrap textarea {
  min-height: 120px;
  resize: none;
  padding-top: 12px; }

.input-wrap input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

@media only screen and (min-width: 768px) {
  .input-wrap--half {
    width: 50%;
    float: left;
    border-right: 10px solid #f3f8fa; } }

@media only screen and (min-width: 540px) {
  .input-wrap--quarter {
    width: 25%;
    float: left;
    border-right: 10px solid #f3f8fa; } }

.input-wrap--half--last, .input-wrap--last {
  border: 0 !important; }

::-webkit-input-placeholder {
  color: black;
  font-size: 10.4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 480px) {
    ::-webkit-input-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    ::-webkit-input-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    ::-webkit-input-placeholder {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    ::-webkit-input-placeholder {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    ::-webkit-input-placeholder {
      font-size: 13px; } }

:-moz-placeholder {
  color: black;
  font-size: 10.4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 480px) {
    :-moz-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    :-moz-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    :-moz-placeholder {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    :-moz-placeholder {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    :-moz-placeholder {
      font-size: 13px; } }

::-moz-placeholder {
  color: black;
  font-size: 10.4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 480px) {
    ::-moz-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    ::-moz-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    ::-moz-placeholder {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    ::-moz-placeholder {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    ::-moz-placeholder {
      font-size: 13px; } }

:-ms-input-placeholder {
  color: black;
  font-size: 10.4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 480px) {
    :-ms-input-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    :-ms-input-placeholder {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    :-ms-input-placeholder {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    :-ms-input-placeholder {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    :-ms-input-placeholder {
      font-size: 13px; } }

.loader {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(99, 99, 99, 0.2);
  border-right: 1.1em solid rgba(99, 99, 99, 0.2);
  border-bottom: 1.1em solid rgba(99, 99, 99, 0.2);
  border-left: 1.1em solid #18a655;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**
 * alertifyjs 1.6.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
 * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
.alertify .ajs-dimmer, .alertify .ajs-modal {
  position: fixed;
  padding: 0;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.alertify .ajs-dimmer {
  margin: 0;
  background-color: #252525;
  opacity: .5; }

.alertify .ajs-modal {
  overflow-y: auto; }

.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0;
  outline: 0;
  background-color: #fff; }

.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1; }

.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important; }

.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2; }

.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); }

.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC); }

.alertify .ajs-header {
  margin: -24px -24px 0;
  padding: 16px 24px;
  background-color: #fff; }

.alertify .ajs-body {
  min-height: 56px; }

.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px; }

.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff; }

.alertify.ajs-maximized .ajs-dialog, .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-dialog {
  padding: 0; }

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button, .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px; }

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right; }

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left; }

.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px; }

.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  cursor: se-resize; }

.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important; }

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0; }

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px; }

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0; }

.alertify.ajs-closable .ajs-commands button.ajs-close, .alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block; }

.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important; }

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important; }

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=); }

.alertify.ajs-maximized .ajs-commands, .alertify.ajs-resizable .ajs-commands {
  margin: 14px 24px 0 0; }

.alertify.ajs-maximized .ajs-header, .alertify.ajs-resizable .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px; }

.alertify.ajs-maximized .ajs-body, .alertify.ajs-resizable .ajs-body {
  min-height: 224px;
  display: inline-block; }

.alertify.ajs-maximized .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto; }

.alertify.ajs-maximized .ajs-footer, .alertify.ajs-resizable .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0; }

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px; }

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block; }

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move; }

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
  display: none; }

.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0; }

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC); }

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute; }

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=); }

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto; }

.alertify.ajs-basic .ajs-header {
  opacity: 0; }

.alertify.ajs-basic .ajs-footer {
  visibility: hidden; }

.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1; }

.alertify.ajs-frameless .ajs-footer {
  display: none; }

.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0; }

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0; }

.ajs-no-overflow {
  overflow: hidden !important;
  outline: 0; }

.ajs-no-selection, .ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media screen and (max-width: 568px) {
  .alertify .ajs-dialog {
    min-width: 150px; }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%; }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto; } }

@-moz-document url-prefix() {
  .alertify button:focus {
    outline: #3593D2 dotted 1px; } }

.alertify .ajs-dimmer, .alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 250ms;
       -o-transition-duration: 250ms;
          transition-duration: 250ms; }

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0; }

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: .5s;
  animation-duration: .5s; }

.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms; }

.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn; }

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut; }

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn; }

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut; }

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn; }

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut; }

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX; }

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX; }

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY; }

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY; }

@-webkit-keyframes ajs-pulseIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes ajs-pulseIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); } }

@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25); } }

@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ajs-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ajs-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 5%; } }

@keyframes ajs-slideIn {
  0% {
    margin-top: -100%; }
  100% {
    margin-top: 5%; } }

@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%; }
  100% {
    margin-top: -100%; } }

@keyframes ajs-slideOut {
  0% {
    margin-top: 5%; }
  100% {
    margin-top: -100%; } }

.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 250ms;
       -o-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear; }

.alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px; }

.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95); }

.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95) !important; }

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95); }

.alertify-notifier.ajs-top {
  top: 10px; }

.alertify-notifier.ajs-bottom {
  bottom: 10px; }

.alertify-notifier.ajs-right {
  right: 10px; }

.alertify-notifier.ajs-right .ajs-message {
  right: -320px; }

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px; }

.alertify-notifier.ajs-left {
  left: 10px; }

.alertify-notifier.ajs-left .ajs-message {
  left: -300px; }

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0; }

.ajs-message {
  color: white;
  font-size: 15.2px;
  text-align: center; }
  @media screen and (min-width: 480px) {
    .ajs-message {
      font-size: 15.2px; } }
  @media screen and (min-width: 768px) {
    .ajs-message {
      font-size: 15.2px; } }
  @media screen and (min-width: 992px) {
    .ajs-message {
      font-size: 17.1px; } }
  @media screen and (min-width: 1200px) {
    .ajs-message {
      font-size: 19px; } }
  @media screen and (min-width: 1600px) {
    .ajs-message {
      font-size: 19px; } }

.sod_select,
.sod_select * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.dark .sod_select:before {
  background: #008850; }

.light .sod_select {
  background: #ffffff; }

.sod_select {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 100%;
  padding: 14px 20px;
  text-align: left;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  margin-bottom: 20px;
  color: #000000;
  background: #f6f6f6;
  z-index: 100; }

.sod_select:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #f6f6f6 transparent transparent transparent;
  right: 15px;
  top: 16px; }

.sod_select:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: 0;
  display: block;
  background: #81c241;
  width: 40px;
  height: 100%; }

.sod_select.open {
  color: #919191; }

.sod_select.disabled {
  border-color: #828282;
  color: #b2b2b2;
  cursor: not-allowed; }

.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding-right: 15px; }

.sod_select .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  height: auto;
  width: 100%;
  background: #ffffff;
  outline: 1px solid #000000 !important;
  border-top: none;
  color: #000000;
  font-weight: 300;
  z-index: 1;
  margin-top: 6px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.sod_select.open .sod_list_wrapper {
  display: block; }

.sod_select.disabled.open .sod_list_wrapper {
  display: none; }

.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: 100%;
  border-bottom: none;
  max-height: 300px;
  overflow-y: scroll; }

.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  max-height: 200px; }

.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  position: relative;
  padding: 10px 10px;
  list-style-type: none; }

.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic; }

.sod_select .sod_option.groupchild {
  padding-left: 20px; }

.sod_select .sod_option.is-placeholder {
  display: none; }

.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc; }

.sod_select .sod_option.active {
  background: #f7f7f7;
  color: #333333; }

.sod_select .sod_option.selected {
  font-weight: 700;
  padding-right: 25px; }

.sod_select .sod_option.selected:before {
  content: "\f00c";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  color: #008850;
  font-family: 'FontAwesome';
  height: 9px;
  width: 10px; }

.sod_select.no_highlight .sod_option.selected {
  font-weight: 300; }

.sod_select.no_highlight .sod_option.selected:before {
  display: none; }

.sod_select select {
  display: none !important; }

.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1; }

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .slick-slider * {
    outline: none !important; }

.slick-slider * {
  outline: none !important; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

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

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

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

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

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

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

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

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

[data-tooltip] {
  position: relative; }
  [data-tooltip]:after {
    content: attr(data-tooltip);
    position: absolute;
    display: block;
    top: -20px;
    padding: 2px;
    border-radius: 2px;
    background: #000000;
    font-size: 0.8em;
    color: #f3f8fa;
    width: 90px;
    -webkit-transform: translateX(-50%) translateY(10px);
        -ms-transform: translateX(-50%) translateY(10px);
            transform: translateX(-50%) translateY(10px);
    opacity: 0;
    -webkit-transition: all 240ms cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -o-transition: all 240ms cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: all 240ms cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.8);
            box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.8); }
  [data-tooltip]:hover:after {
    -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1; }

.ath-viewport * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6); }

.ath-mandatory {
  background: #000; }

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  -webkit-box-shadow: 0 0.2em 0 #d1d1d1;
          box-shadow: 0 0.2em 0 #d1d1d1;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center; }

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em; }

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em; }

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em; }

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em; }

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em; }

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em; }

/* close icon */
.ath-container:before {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642; }

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none; }

.ath-mandatory .ath-container:before {
  display: none; }

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em; }

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none; }

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden; }

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%; }

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
  margin-bottom: 0.4em;
  background-size: 100% auto; }

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto; }

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em; }

.ath-ios.ath-phone:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  -ms-transform: scaleX(0.9) rotate(45deg);
      transform: scaleX(0.9) rotate(45deg);
  -webkit-box-shadow: 0.2em 0.2em 0 #d1d1d1;
          box-shadow: 0.2em 0.2em 0 #d1d1d1; }

.ath-ios.ath-tablet:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  -ms-transform: scaleX(0.9) rotate(45deg);
      transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641; }

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642; }

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto; }

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em; }
  .ath-android.ath-phone {
    margin-left: -12em; }
  .ath-ios.ath-phone {
    margin-left: -12em; }
  .ath-ios6:after {
    left: 39%; }
  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em; }
  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    -webkit-box-shadow: none;
            box-shadow: none; } }

.angled-split-blocks {
  display: block;
  width: 100%; }
  .angled-split-blocks:before, .angled-split-blocks:after {
    content: "";
    display: table; }
  .angled-split-blocks:after {
    clear: both; }
  .angled-split-blocks--dark .angled-split-blocks__wrap__item--right:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3); }
  .angled-split-blocks--slider .angled-slider__item:after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15); }
  .angled-split-blocks--slider .copy__wrap {
    z-index: 2;
    position: relative; }
  @media only screen and (max-width: 1023px) {
    .angled-split-blocks--slider .angled-split-blocks__wrap__item--left:after {
      display: none !important; } }
  .angled-split-blocks__wrap {
    position: relative;
    overflow: hidden; }
    .angled-split-blocks__wrap__item--left {
      background-color: #7fbc48;
      width: 100%;
      display: block;
      height: 100%;
      z-index: 3; }
      .angled-split-blocks__wrap__item--left.black {
        background-color: #000000; }
        .angled-split-blocks__wrap__item--left.black:after {
          background: #000000; }
      @media only screen and (max-width: 639px) {
        .angled-split-blocks__wrap__item--left {
          text-align: center; } }
      @media only screen and (min-width: 640px) {
        .angled-split-blocks__wrap__item--left {
          padding-left: 40px;
          width: 41.66667%;
          position: absolute; } }
      @media only screen and (min-width: 1024px) {
        .angled-split-blocks__wrap__item--left {
          width: 29.16667%; } }
      .angled-split-blocks__wrap__item--left p.small {
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding-right: 36px; }
        @media only screen and (min-width: 1024px) {
          .angled-split-blocks__wrap__item--left p.small {
            font-size: 13px;
            max-width: 420px; } }
      .angled-split-blocks__wrap__item--left:after {
        position: absolute;
        content: '';
        display: block;
        width: 200px;
        background: #7fbc48;
        -webkit-transform: rotate(12deg);
            -ms-transform: rotate(12deg);
                transform: rotate(12deg);
        -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        right: 0;
        bottom: 0;
        height: 600px;
        display: none;
        -webkit-transition: all 480ms;
        -o-transition: all 480ms;
        transition: all 480ms;
        z-index: -1; }
        @media only screen and (min-width: 768px) {
          .angled-split-blocks__wrap__item--left:after {
            -webkit-transform: rotate(24deg);
                -ms-transform: rotate(24deg);
                    transform: rotate(24deg); } }
        @media only screen and (min-width: 640px) {
          .angled-split-blocks__wrap__item--left:after {
            display: block; } }
      .angled-split-blocks__wrap__item--left .image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc);
        background-position: right;
        background-repeat: no-repeat;
        display: none; }
        @media only screen and (min-width: 640px) {
          .angled-split-blocks__wrap__item--left .image {
            display: block; } }
      .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy {
        position: relative;
        width: 100%;
        padding: 30px 0;
        color: white;
        z-index: 1; }
        @media only screen and (max-width: 639px) {
          .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy br {
            display: none; } }
        @media only screen and (min-width: 640px) {
          .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy {
            padding: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            position: absolute; } }
        .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy p {
          text-align: center;
          padding: 0;
          margin: 0 auto; }
        .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 {
          font-family: "HelveticaNeueW01-67MdCn_692710";
          font-weight: normal;
          margin-bottom: 10px; }
          .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
            color: #81c241;
            font-size: 13.5px;
            display: block;
            margin-bottom: 10px; }
            @media screen and (min-width: 480px) {
              .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
                font-size: 13.5px; } }
            @media screen and (min-width: 768px) {
              .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
                font-size: 13.5px; } }
            @media screen and (min-width: 992px) {
              .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
                font-size: 13.5px; } }
            @media screen and (min-width: 1200px) {
              .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
                font-size: 15px; } }
            @media screen and (min-width: 1600px) {
              .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h3 span, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h4 span {
                font-size: 15px; } }
        .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy h6 {
          font-family: 'Roboto', sans-serif;
          font-weight: 300; }
        @media only screen and (min-width: 640px) {
          .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy a {
            margin-top: 30px;
            margin-bottom: 40px; } }
        .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy .button, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy .button--light, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy .button--dark, .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy .readMoreLink {
          display: inline-block; }
    .angled-split-blocks__wrap__item--right {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      display: block;
      background-repeat: no-repeat;
      width: 100%;
      text-align: center;
      color: white;
      position: relative;
      padding: 40px; }
      @media only screen and (min-width: 640px) {
        .angled-split-blocks__wrap__item--right {
          padding: 100px 0 100px 50%; } }
      @media only screen and (min-width: 1024px) {
        .angled-split-blocks__wrap__item--right {
          padding: 100px 0 100px 29.16667%; } }
      .angled-split-blocks__wrap__item--right h3 {
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        margin-top: 20px;
        margin-bottom: 10px;
        -webkit-transition: all 380ms;
        -o-transition: all 380ms;
        transition: all 380ms; }
      .angled-split-blocks__wrap__item--right p {
        padding-right: 20px;
        text-align: left;
        margin-bottom: 20px;
        font-size: 10.4px; }
        @media only screen and (min-width: 640px) {
          .angled-split-blocks__wrap__item--right p {
            padding-left: 40px; } }
        @media only screen and (min-width: 768px) {
          .angled-split-blocks__wrap__item--right p {
            padding-left: 120px; } }
        @media only screen and (min-width: 1024px) {
          .angled-split-blocks__wrap__item--right p {
            padding-left: 160px;
            max-width: 580px; } }
        @media only screen and (min-width: 1024px) {
          .angled-split-blocks__wrap__item--right p {
            padding-left: 200px;
            max-width: 680px; } }
        @media screen and (min-width: 480px) {
          .angled-split-blocks__wrap__item--right p {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .angled-split-blocks__wrap__item--right p {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .angled-split-blocks__wrap__item--right p {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .angled-split-blocks__wrap__item--right p {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .angled-split-blocks__wrap__item--right p {
            font-size: 13px; } }
      .angled-split-blocks__wrap__item--right .angled-split-blocks__wrap__item__copy {
        position: relative;
        z-index: 3; }
        .angled-split-blocks__wrap__item--right .angled-split-blocks__wrap__item__copy .copy__wrap p {
          padding-left: 0;
          display: inline-block;
          text-align: center; }
      @media only screen and (max-width: 639px) {
        .angled-split-blocks__wrap__item--right #house-outline {
          display: inline-block; }
        .angled-split-blocks__wrap__item--right h3 {
          display: inline-block; } }
      .angled-split-blocks__wrap__item--right .svg-draw {
        position: relative;
        width: 98px;
        height: 74px;
        margin: 0 auto; }
      .angled-split-blocks__wrap__item--right a {
        position: relative;
        z-index: 3;
        text-decoration: none;
        color: white; }
        .angled-split-blocks__wrap__item--right a:hover h3 {
          color: #bfd62f; }
    @media only screen and (min-width: 640px) {
      .angled-split-blocks__wrap__item--tall {
        padding: 120px 0 120px 50%; } }
    @media only screen and (min-width: 1024px) {
      .angled-split-blocks__wrap__item--tall {
        padding: 180px 0 180px 29.16667%; } }
    .angled-split-blocks__wrap__item--slider {
      padding-top: 0;
      padding-bottom: 0; }
      .angled-split-blocks__wrap__item--slider .js-prev,
      .angled-split-blocks__wrap__item--slider .js-next {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        cursor: pointer; }
      .angled-split-blocks__wrap__item--slider .js-prev {
        left: 43%;
        z-index: 99; }
        @media only screen and (max-width: 639px) {
          .angled-split-blocks__wrap__item--slider .js-prev {
            left: 24px; } }
      .angled-split-blocks__wrap__item--slider .js-next {
        right: 24px;
        z-index: 99; }
      @media only screen and (max-width: 1023px) {
        .angled-split-blocks__wrap__item--slider {
          padding-left: 40%; } }
      @media only screen and (max-width: 639px) {
        .angled-split-blocks__wrap__item--slider {
          padding: 0; } }
      .angled-split-blocks__wrap__item--slider .angled-slider__item {
        background-color: #dedede !important;
        padding-top: 60px;
        padding-bottom: 60px; }
        .angled-split-blocks__wrap__item--slider .angled-slider__item hr {
          max-width: 175px;
          border: 0;
          height: 1px;
          background: white;
          margin: 24px auto; }
        .angled-split-blocks__wrap__item--slider .angled-slider__item p {
          margin: 0 auto;
          text-align: center;
          padding: 2px 0 14px; }
        .angled-split-blocks__wrap__item--slider .angled-slider__item h1 {
          text-align: left;
          color: white;
          font-size: 46px !important;
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          display: inline-block;
          position: relative;
          margin-bottom: 30px;
          margin-left: -3px; }
          .angled-split-blocks__wrap__item--slider .angled-slider__item h1 sup {
            font-size: 14px;
            position: relative;
            left: -2px;
            top: 5px;
            vertical-align: top;
            font-family: "HelveticaNeueW01-65Medi", Helvetica;
            font-weight: normal; }
          .angled-split-blocks__wrap__item--slider .angled-slider__item h1 span {
            display: block;
            margin-top: -3px;
            margin-left: 3px;
            font-family: "HelveticaNeueW01-65Medi", Helvetica;
            font-weight: normal;
            font-size: 15px; }
            .angled-split-blocks__wrap__item--slider .angled-slider__item h1 span sup {
              font-size: 10px;
              position: relative;
              left: 0;
              top: 0;
              vertical-align: top;
              font-family: "HelveticaNeueW01-65Medi", Helvetica;
              font-weight: normal; }
          .angled-split-blocks__wrap__item--slider .angled-slider__item h1:after {
            position: absolute;
            content: '';
            display: block;
            display: block;
            width: 100%;
            height: 9px;
            background: white;
            left: 3px;
            bottom: -15px; }

@media only screen and (min-width: 640px) {
  .builders-angled-split-blocks .angled-split-blocks__wrap__item--left {
    width: 40%; } }

.builders-angled-split-blocks .angled-split-blocks__wrap__item--right {
  text-align: left; }
  @media only screen and (min-width: 640px) {
    .builders-angled-split-blocks .angled-split-blocks__wrap__item--right {
      padding: 100px 0 100px 50%; }
      .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .angled-split-blocks__wrap__item__copy {
        padding-left: 100px; } }
  .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button--light, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button--dark, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right #SearchResults li .readMoreLink, #SearchResults li .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .readMoreLink {
    color: white;
    background: transparent;
    border: 1px solid white;
    font-size: 20px; }
    .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button:hover, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button--light:hover, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .button--dark:hover, .builders-angled-split-blocks .angled-split-blocks__wrap__item--right #SearchResults li .readMoreLink:hover, #SearchResults li .builders-angled-split-blocks .angled-split-blocks__wrap__item--right .readMoreLink:hover {
      background: white;
      color: black; }

.builders-angled-split-blocks .angled-split-blocks__wrap__item--left h6 {
  font-size: 24px;
  margin-bottom: 30px; }

@media only screen and (min-width: 1024px) {
  .builders-angled-split-blocks .angled-split-blocks__wrap__item--left .angled-split-blocks__wrap__item__copy {
    padding-left: 200px; } }

.builders-angled-split-blocks .angled-split-blocks__wrap__item__copy {
  color: white; }
  .builders-angled-split-blocks .angled-split-blocks__wrap__item__copy a {
    color: white;
    text-decoration: none; }

.header-wrap {
  position: relative; }
  @media only screen and (min-width: 1280px) {
    .header-wrap {
      z-index: 99999; } }

.header-wrap.banner-wrap-banner--none {
  position: relative;
  overflow: hidden;
  z-index: 99999; }

.banner {
  width: 100%;
  background-size: cover;
  background-position: center center;
  -ms-behavior: url(/backgroundsize.min.htc);
  background-color: #f3f8fa;
  display: block;
  margin-top: -174px;
  min-height: 600px; }
  @media only screen and (min-width: 1280px) {
    .banner {
      min-height: 1025px; } }
  @media only screen and (min-width: 1280px) {
    .banner--slim {
      min-height: 532px; } }
  @media only screen and (min-width: 1600px) {
    .banner--slim {
      min-height: 632px; } }
  @media only screen and (min-width: 1280px) {
    .banner--slim--alt {
      min-height: 360px; } }

@media only screen and (min-width: 1280px) {
  .slide-nav__hero,
  .slide-nav__menu {
    margin-top: 73px; } }

@media only screen and (min-width: 1600px) {
  .slide-nav__hero,
  .slide-nav__menu {
    margin-top: 123px; } }

.slide-nav-active .slide-nav--light {
  background: rgba(218, 218, 218, 0.9); }
  .slide-nav-active .slide-nav--light:before {
    border-color: transparent transparent rgba(218, 218, 218, 0.9) transparent; }

.slide-nav {
  background: rgba(218, 218, 218, 0.9);
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  @media only screen and (min-width: 640px) {
    .slide-nav {
      padding: 20px 40px 20px; } }
  @media only screen and (min-width: 1280px) {
    .slide-nav {
      width: 663px;
      height: 851px; } }
  .slide-nav:before {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    bottom: 0;
    right: 100%;
    border-style: solid;
    border-width: 0 0 851px 335px;
    border-color: transparent transparent rgba(218, 218, 218, 0.9) transparent;
    display: none; }
    @media only screen and (min-width: 1280px) {
      .slide-nav:before {
        display: block; } }
  .slide-nav--white, .slide-nav--black, .slide-nav--white--alt, .slide-nav--green, .slide-nav--mid, .slide-nav--light {
    padding: 0;
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms;
    background: rgba(255, 255, 255, 0.1); }
    .slide-nav--white:before, .slide-nav--black:before, .slide-nav--white--alt:before, .slide-nav--green:before, .slide-nav--mid:before, .slide-nav--light:before {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      border-color: transparent transparent rgba(255, 255, 255, 0.1) transparent; }
    @media only screen and (min-width: 1280px) {
      .slide-nav--white, .slide-nav--black, .slide-nav--white--alt, .slide-nav--green, .slide-nav--mid, .slide-nav--light {
        width: 469px;
        height: 732px; } }
    @media only screen and (min-width: 1600px) {
      .slide-nav--white, .slide-nav--black, .slide-nav--white--alt, .slide-nav--green, .slide-nav--mid, .slide-nav--light {
        width: 510px;
        height: 832px; } }
    .slide-nav--white .slide-nav__menu, .slide-nav--black .slide-nav__menu, .slide-nav--white--alt .slide-nav__menu, .slide-nav--green .slide-nav__menu, .slide-nav--mid .slide-nav__menu, .slide-nav--light .slide-nav__menu {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      padding-top: 125px; }
    .slide-nav--white .slide-nav__menu__item h3, .slide-nav--black .slide-nav__menu__item h3, .slide-nav--white--alt .slide-nav__menu__item h3, .slide-nav--green .slide-nav__menu__item h3, .slide-nav--mid .slide-nav__menu__item h3, .slide-nav--light .slide-nav__menu__item h3 {
      top: 0 !important; }
    .slide-nav--white h2, .slide-nav--white h1, .slide-nav--black h2, .slide-nav--black h1, .slide-nav--white--alt h2, .slide-nav--white--alt h1, .slide-nav--green h2, .slide-nav--green h1, .slide-nav--mid h2, .slide-nav--mid h1, .slide-nav--light h2, .slide-nav--light h1 {
      padding-top: 125px;
      color: white; }
    .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
      font-family: 'Roboto', sans-serif;
      font-weight: 100;
      margin-top: 20px;
      padding-right: 100px;
      color: white;
      font-size: 15.2px; }
      @media screen and (min-width: 480px) {
        .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .slide-nav--white p, .slide-nav--black p, .slide-nav--white--alt p, .slide-nav--green p, .slide-nav--mid p, .slide-nav--light p {
          font-size: 19px; } }
    @media only screen and (max-width: 1279px) {
      .slide-nav--white .slide-nav__hero h2, .slide-nav--white .slide-nav__hero h1, .slide-nav--black .slide-nav__hero h2, .slide-nav--black .slide-nav__hero h1, .slide-nav--white--alt .slide-nav__hero h2, .slide-nav--white--alt .slide-nav__hero h1, .slide-nav--green .slide-nav__hero h2, .slide-nav--green .slide-nav__hero h1, .slide-nav--mid .slide-nav__hero h2, .slide-nav--mid .slide-nav__hero h1, .slide-nav--light .slide-nav__hero h2, .slide-nav--light .slide-nav__hero h1 {
        padding: 20px; } }
  .slide-nav--white--alt h2, .slide-nav--white--alt h1, .slide-nav--white--alt p {
    color: black; }
  .slide-nav--green {
    background: rgba(129, 194, 65, 0.85); }
    .slide-nav--green:before {
      border-color: transparent transparent rgba(129, 194, 65, 0.85) transparent; }
    .slide-nav--green h3, .slide-nav--green .slide-nav__menu__item ul li a {
      color: white; }
    .slide-nav--green svg path {
      stroke: white; }
    .slide-nav--green p {
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
      @media only screen and (max-width: 1279px) {
        .slide-nav--green p {
          padding-left: 20px;
          padding-bottom: 10px;
          margin-top: 0; } }
  .slide-nav--mid {
    background: rgba(218, 218, 218, 0.95); }
    .slide-nav--mid:before {
      border-color: transparent transparent rgba(218, 218, 218, 0.95) transparent; }
    .slide-nav--mid h2, .slide-nav--mid h1, .slide-nav--mid p {
      color: black; }
  .slide-nav--black {
    background: rgba(0, 0, 0, 0.6); }
    .slide-nav--black:before {
      border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent; }
    .slide-nav--black h3, .slide-nav--black .slide-nav__menu__item ul li a {
      color: white; }
    .slide-nav--black svg path {
      stroke: white; }
    .slide-nav--black h2, .slide-nav--black h1, .slide-nav--black p {
      color: white; }
    @media only screen and (max-width: 1279px) {
      .slide-nav--black h2, .slide-nav--black h1 {
        margin-bottom: 0 !important; } }
    .slide-nav--black h3 {
      padding: 0 !important; }
    .slide-nav--black p {
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
      @media only screen and (max-width: 1279px) {
        .slide-nav--black p {
          padding-left: 20px;
          padding-bottom: 10px;
          margin-top: 0; } }
  .slide-nav--white {
    background: rgba(218, 218, 218, 0.75); }
    .slide-nav--white:before {
      border-color: transparent transparent rgba(218, 218, 218, 0.75) transparent; }
    .slide-nav--white h3, .slide-nav--white .slide-nav__menu__item ul li a {
      color: black; }
    .slide-nav--white svg path {
      stroke: black; }
    .slide-nav--white h2, .slide-nav--white h1, .slide-nav--white p {
      color: black; }
    @media only screen and (max-width: 1279px) {
      .slide-nav--white h2, .slide-nav--white h1 {
        margin-bottom: 0 !important; } }
    .slide-nav--white h3 {
      padding: 0 !important; }
    .slide-nav--white p {
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
      @media only screen and (max-width: 1279px) {
        .slide-nav--white p {
          padding-left: 20px;
          padding-bottom: 10px;
          margin-top: 0; } }
  .slide-nav__hero {
    max-width: 560px;
    -webkit-transition: all 330ms;
    -o-transition: all 330ms;
    transition: all 330ms;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
    .slide-nav__hero h2, .slide-nav__hero h1 {
      font-size: 36px; }
      @media screen and (min-width: 480px) {
        .slide-nav__hero h2, .slide-nav__hero h1 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .slide-nav__hero h2, .slide-nav__hero h1 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .slide-nav__hero h2, .slide-nav__hero h1 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .slide-nav__hero h2, .slide-nav__hero h1 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .slide-nav__hero h2, .slide-nav__hero h1 {
          font-size: 45px; } }
      .slide-nav__hero h2 span, .slide-nav__hero h1 span {
        font-size: 36px; }
        @media screen and (min-width: 480px) {
          .slide-nav__hero h2 span, .slide-nav__hero h1 span {
            font-size: 36px; } }
        @media screen and (min-width: 768px) {
          .slide-nav__hero h2 span, .slide-nav__hero h1 span {
            font-size: 36px; } }
        @media screen and (min-width: 992px) {
          .slide-nav__hero h2 span, .slide-nav__hero h1 span {
            font-size: 40.5px; } }
        @media screen and (min-width: 1200px) {
          .slide-nav__hero h2 span, .slide-nav__hero h1 span {
            font-size: 45px; } }
        @media screen and (min-width: 1600px) {
          .slide-nav__hero h2 span, .slide-nav__hero h1 span {
            font-size: 45px; } }
    @media only screen and (min-width: 1280px) {
      .slide-nav__hero {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute; }
        .slide-nav__hero h2 {
          font-size: 43.2px; } }
    @media only screen and (min-width: 1280px) and (min-width: 480px) {
      .slide-nav__hero h2 {
        font-size: 43.2px; } }
    @media only screen and (min-width: 1280px) and (min-width: 768px) {
      .slide-nav__hero h2 {
        font-size: 43.2px; } }
    @media only screen and (min-width: 1280px) and (min-width: 992px) {
      .slide-nav__hero h2 {
        font-size: 48.6px; } }
    @media only screen and (min-width: 1280px) and (min-width: 1200px) {
      .slide-nav__hero h2 {
        font-size: 54px; } }
    @media only screen and (min-width: 1280px) and (min-width: 1600px) {
      .slide-nav__hero h2 {
        font-size: 54px; } }
    @media only screen and (min-width: 1280px) {
          .slide-nav__hero h2 span {
            font-size: 43.2px; } }
      @media only screen and (min-width: 1280px) and (min-width: 480px) {
        .slide-nav__hero h2 span {
          font-size: 43.2px; } }
      @media only screen and (min-width: 1280px) and (min-width: 768px) {
        .slide-nav__hero h2 span {
          font-size: 43.2px; } }
      @media only screen and (min-width: 1280px) and (min-width: 992px) {
        .slide-nav__hero h2 span {
          font-size: 48.6px; } }
      @media only screen and (min-width: 1280px) and (min-width: 1200px) {
        .slide-nav__hero h2 span {
          font-size: 54px; } }
      @media only screen and (min-width: 1280px) and (min-width: 1600px) {
        .slide-nav__hero h2 span {
          font-size: 54px; } }
  .slide-nav h4 {
    color: white;
    font-size: 28px; }
    @media screen and (min-width: 480px) {
      .slide-nav h4 {
        font-size: 28px; } }
    @media screen and (min-width: 768px) {
      .slide-nav h4 {
        font-size: 28px; } }
    @media screen and (min-width: 992px) {
      .slide-nav h4 {
        font-size: 31.5px; } }
    @media screen and (min-width: 1200px) {
      .slide-nav h4 {
        font-size: 35px; } }
    @media screen and (min-width: 1600px) {
      .slide-nav h4 {
        font-size: 35px; } }
    @media only screen and (min-width: 1280px) {
      .slide-nav h4 {
        padding-top: 140px; } }
    @media only screen and (max-width: 1279px) {
      .slide-nav h4 {
        padding: 20px; } }

@media only screen and (min-width: 1280px) {
  .slide-nav-active .slide-nav__menu {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
        -ms-transform: translateY(-50%) translateX(0);
            transform: translateY(-50%) translateX(0); }
  .slide-nav-active .slide-nav__hero {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(300px);
        -ms-transform: translateY(-50%) translateX(300px);
            transform: translateY(-50%) translateX(300px); } }

/*xxx*/
.banner-wrap-banner--none {
  overflow: inherit !important; }
  .banner-wrap-banner--none nav {
    background: #f9fafa !important; }
  .banner-wrap-banner--none .banner {
    display: none !important; }

.banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
  font-size: 24px;
  margin-top: 6px; }
  @media screen and (min-width: 480px) {
    .banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
      font-size: 24px; } }
  @media screen and (min-width: 992px) {
    .banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
      font-size: 27px; } }
  @media screen and (min-width: 1200px) {
    .banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
      font-size: 30px; } }
  @media screen and (min-width: 1600px) {
    .banner-wrap-banner--slim--alt .slide-nav__menu__item h3 {
      font-size: 30px; } }

.banner-wrap-banner--slim--alt .slide-nav__menu__item {
  padding-top: 10px;
  padding-bottom: 10px; }

.banner-wrap-banner--slim--alt .slide-nav__hero h1,
.banner-wrap-banner--slim--alt .slide-nav__menu h1 {
  padding-top: 0; }

@media only screen and (min-width: 1024px) {
  .banner-wrap-banner--slim--alt .slide-nav__hero,
  .banner-wrap-banner--slim--alt .slide-nav__menu {
    padding-top: 310px; } }

@media only screen and (min-width: 1024px) {
  .banner-wrap-banner--slim--alt .slide-nav {
    width: 470px !important; } }

.banner-wrap-banner--slim--alt .slide-nav .slide-nav__menu__item ul {
  min-height: 20px; }

.slide-nav__menu {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(300px);
      -ms-transform: translateY(-50%) translateX(300px);
          transform: translateY(-50%) translateX(300px); }
  .slide-nav__menu__item {
    border-top: 1px solid white;
    padding: 20px 0;
    position: relative;
    padding-left: 230px; }
    .slide-nav__menu__item--last {
      border-bottom: 1px solid white; }
    .slide-nav__menu__item h3 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      position: absolute;
      left: 0;
      top: 20px; }
    .slide-nav__menu__item ul {
      min-height: 56px; }
      .slide-nav__menu__item ul li a {
        font-size: 15.2px;
        text-decoration: none;
        text-transform: uppercase;
        color: #000000;
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        display: block;
        position: relative;
        padding-bottom: 10px;
        -webkit-transition: all 120ms;
        -o-transition: all 120ms;
        transition: all 120ms; }
        @media screen and (min-width: 480px) {
          .slide-nav__menu__item ul li a {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .slide-nav__menu__item ul li a {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .slide-nav__menu__item ul li a {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .slide-nav__menu__item ul li a {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .slide-nav__menu__item ul li a {
            font-size: 19px; } }
        .slide-nav__menu__item ul li a:hover {
          color: #008850; }
      .slide-nav__menu__item ul li svg {
        position: relative;
        margin-right: 6px;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms; }

.ErrorPage .slide-nav--white {
  opacity: 0;
  height: 900px;
  width: 632px; }
  @media only screen and (max-width: 767px) {
    .ErrorPage .slide-nav--white {
      height: auto; } }

.ErrorPage.slide-nav-active .slide-nav--white {
  opacity: 1 !important; }

@media only screen and (min-width: 768px) {
  .ErrorPage .banner--slim {
    min-height: 945px; } }

@media only screen and (max-width: 767px) {
  .ErrorPage .banner--slim {
    background-size: auto 100%;
    background-position: center 10px; } }

@media only screen and (min-width: 768px) {
  .ErrorPage .banner--slim--alt {
    min-height: 745px; } }

@media only screen and (max-width: 767px) {
  .ErrorPage .banner--slim--alt {
    background-size: auto 100%;
    background-position: center 10px; } }

.ErrorPage .vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  padding: 0 48px; }
  @media only screen and (max-width: 767px) {
    .ErrorPage .vertical {
      margin-top: 60px;
      left: 0;
      right: 0;
      padding: 0 24px; } }
  .ErrorPage .vertical h1, .ErrorPage .vertical h2 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
  .ErrorPage .vertical p {
    color: white;
    font-size: 20.8px;
    letter-spacing: 0.2px;
    margin-top: 12px; }
    @media screen and (min-width: 480px) {
      .ErrorPage .vertical p {
        font-size: 20.8px; } }
    @media screen and (min-width: 768px) {
      .ErrorPage .vertical p {
        font-size: 20.8px; } }
    @media screen and (min-width: 992px) {
      .ErrorPage .vertical p {
        font-size: 23.4px; } }
    @media screen and (min-width: 1200px) {
      .ErrorPage .vertical p {
        font-size: 26px; } }
    @media screen and (min-width: 1600px) {
      .ErrorPage .vertical p {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) {
      .ErrorPage .vertical p {
        max-width: 460px; } }
  .ErrorPage .vertical .site-search {
    margin: 24px 0;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .ErrorPage .vertical .site-search {
        max-width: 300px; } }
    .ErrorPage .vertical .site-search input {
      display: none; }
    .ErrorPage .vertical .site-search input[type="text"] {
      width: 100%;
      display: block;
      background: transparent;
      border: 1px solid white;
      padding: 12px;
      outline: none;
      font-size: 13.5px;
      color: white; }
      @media screen and (min-width: 480px) {
        .ErrorPage .vertical .site-search input[type="text"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .ErrorPage .vertical .site-search input[type="text"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .ErrorPage .vertical .site-search input[type="text"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .ErrorPage .vertical .site-search input[type="text"] {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .ErrorPage .vertical .site-search input[type="text"] {
          font-size: 15px; } }
    .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
      color: white;
      font-size: 13.5px; }
      @media screen and (min-width: 480px) {
        .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .ErrorPage .vertical .site-search ::-webkit-input-placeholder {
          font-size: 15px; } }
    .ErrorPage .vertical .site-search :-moz-placeholder {
      color: white;
      font-size: 13.5px; }
      @media screen and (min-width: 480px) {
        .ErrorPage .vertical .site-search :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .ErrorPage .vertical .site-search :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .ErrorPage .vertical .site-search :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .ErrorPage .vertical .site-search :-moz-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .ErrorPage .vertical .site-search :-moz-placeholder {
          font-size: 15px; } }
    .ErrorPage .vertical .site-search ::-moz-placeholder {
      color: white;
      font-size: 13.5px; }
      @media screen and (min-width: 480px) {
        .ErrorPage .vertical .site-search ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .ErrorPage .vertical .site-search ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .ErrorPage .vertical .site-search ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .ErrorPage .vertical .site-search ::-moz-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .ErrorPage .vertical .site-search ::-moz-placeholder {
          font-size: 15px; } }
    .ErrorPage .vertical .site-search :-ms-input-placeholder {
      color: white;
      font-size: 13.5px; }
      @media screen and (min-width: 480px) {
        .ErrorPage .vertical .site-search :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .ErrorPage .vertical .site-search :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .ErrorPage .vertical .site-search :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .ErrorPage .vertical .site-search :-ms-input-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .ErrorPage .vertical .site-search :-ms-input-placeholder {
          font-size: 15px; } }
    .ErrorPage .vertical .site-search svg {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 12px;
      width: 28px;
      cursor: pointer;
      height: auto; }

.bannerSlider {
  z-index: -1 !important; }

@media only screen and (max-width: 1279px) {
  header .svg-left-arrow {
    right: 50px !important;
    left: auto !important;
    bottom: 28px !important; }
  header .svg-right-arrow {
    bottom: 28px !important; } }

header .svg-left-arrow {
  position: absolute;
  bottom: 35%;
  left: 20px;
  z-index: 9;
  cursor: pointer; }
  header .svg-left-arrow:hover path {
    stroke: #008850; }

header .svg-right-arrow {
  position: absolute;
  bottom: 35%;
  right: 20px;
  z-index: 9;
  cursor: pointer; }
  header .svg-right-arrow:hover path {
    stroke: #008850; }

.call-to-action {
  padding: 80px 20px; }
  .call-to-action__wrap {
    text-align: center; }
    .call-to-action__wrap h4 {
      color: #81c241;
      margin-bottom: 20px;
      font-size: 36px; }
      @media screen and (min-width: 480px) {
        .call-to-action__wrap h4 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .call-to-action__wrap h4 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .call-to-action__wrap h4 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .call-to-action__wrap h4 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .call-to-action__wrap h4 {
          font-size: 45px; } }
    .call-to-action__wrap p {
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      max-width: 640px;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 480px) {
        .call-to-action__wrap p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .call-to-action__wrap p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .call-to-action__wrap p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .call-to-action__wrap p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .call-to-action__wrap p {
          font-size: 19px; } }

.case-study-slider {
  margin: 0 auto;
  position: relative; }
  .case-study-slider .js-next-slide {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    margin-top: -120px;
    right: 10px;
    z-index: 99; }
    @media only screen and (max-width: 767px) {
      .case-study-slider .js-next-slide {
        margin-top: -260px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute; } }
    .case-study-slider .js-next-slide svg {
      width: 30px;
      height: 58px; }
  .case-study-slider .js-prev-slide {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    margin-top: -120px;
    left: 10px;
    z-index: 99; }
    @media only screen and (max-width: 767px) {
      .case-study-slider .js-prev-slide {
        margin-top: -260px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute; } }
    .case-study-slider .js-prev-slide svg {
      width: 30px;
      height: 58px; }
  .case-study-slider__item .top,
  .case-study-slider__item .bottom {
    width: 100%;
    display: table; }
    .case-study-slider__item .top .left,
    .case-study-slider__item .top .right,
    .case-study-slider__item .bottom .left,
    .case-study-slider__item .bottom .right {
      display: table-cell;
      position: relative;
      vertical-align: middle; }
    .case-study-slider__item .top .left,
    .case-study-slider__item .bottom .left {
      width: 33.33333%; }
      @media only screen and (max-width: 1139px) {
        .case-study-slider__item .top .left,
        .case-study-slider__item .bottom .left {
          width: 50%; } }
    .case-study-slider__item .top .right,
    .case-study-slider__item .bottom .right {
      width: 66.66667%; }
      @media only screen and (max-width: 1139px) {
        .case-study-slider__item .top .right,
        .case-study-slider__item .bottom .right {
          width: 50%; } }
    .case-study-slider__item .top .black,
    .case-study-slider__item .bottom .black {
      background: black; }
    .case-study-slider__item .top .green,
    .case-study-slider__item .bottom .green {
      background: #81c241; }
    .case-study-slider__item .top .grey,
    .case-study-slider__item .bottom .grey {
      background: #9b9999; }
  .case-study-slider__item .top .left {
    padding: 60px 60px; }
    .case-study-slider__item .top .left h4 {
      color: #81c241;
      font-family: 'Roboto', sans-serif;
      font-weight: 100; }
    .case-study-slider__item .top .left p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      color: white;
      font-size: 14px;
      margin-top: 20px; }
  .case-study-slider__item .top .right {
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc); }
    @media only screen and (max-width: 767px) {
      .case-study-slider__item .top .right {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .case-study-slider__item .bottom .right, .case-study-slider__item .bottom .left {
      width: 100%;
      display: block; } }
  @media only screen and (max-width: 767px) {
    .case-study-slider__item .bottom .left {
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .case-study-slider__item .bottom .left:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 40%; } }
  .case-study-slider__item .bottom .right {
    padding: 20px; }
    .case-study-slider__item .bottom .right .half {
      width: 50%;
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 1139px) {
        .case-study-slider__item .bottom .right .half.hide-mobile {
          display: none; } }
    .case-study-slider__item .bottom .right blockquote {
      color: white;
      font-style: italic;
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      line-height: 1.4;
      padding: 30px; }
      @media screen and (min-width: 480px) {
        .case-study-slider__item .bottom .right blockquote {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .case-study-slider__item .bottom .right blockquote {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .case-study-slider__item .bottom .right blockquote {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .case-study-slider__item .bottom .right blockquote {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .case-study-slider__item .bottom .right blockquote {
          font-size: 19px; } }
    .case-study-slider__item .bottom .right .details {
      padding: 30px; }
      .case-study-slider__item .bottom .right .details p {
        color: white; }
      .case-study-slider__item .bottom .right .details span {
        background: #81c241;
        font-size: 10.4px;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding: 8px 10px;
        margin: 5px 0;
        width: 100%;
        display: inline-block; }
        @media screen and (min-width: 480px) {
          .case-study-slider__item .bottom .right .details span {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .case-study-slider__item .bottom .right .details span {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .case-study-slider__item .bottom .right .details span {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .case-study-slider__item .bottom .right .details span {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .case-study-slider__item .bottom .right .details span {
            font-size: 13px; } }
      .case-study-slider__item .bottom .right .details .link {
        width: 100%;
        display: inline-block;
        border: 1px solid white;
        font-size: 15.2px;
        padding: 20px;
        margin-top: 10px;
        text-align: center;
        text-decoration: none;
        color: white; }
        @media screen and (min-width: 480px) {
          .case-study-slider__item .bottom .right .details .link {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .case-study-slider__item .bottom .right .details .link {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .case-study-slider__item .bottom .right .details .link {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .case-study-slider__item .bottom .right .details .link {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .case-study-slider__item .bottom .right .details .link {
            font-size: 19px; } }

.case-studies:before, .case-studies:after {
  content: "";
  display: table; }

.case-studies:after {
  clear: both; }

.case-studies__wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .case-studies__wrap {
      padding: 0 40px; } }
  .case-studies__wrap:before, .case-studies__wrap:after {
    content: "";
    display: table; }
  .case-studies__wrap:after {
    clear: both; }

.case-studies__content {
  padding-top: 60px;
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .case-studies__content {
      width: calc(100% - 400px);
      float: right; } }
  .case-studies__content h1 {
    color: #81c241;
    font-size: 36px;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
    @media screen and (min-width: 480px) {
      .case-studies__content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .case-studies__content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .case-studies__content h1 {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .case-studies__content h1 {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .case-studies__content h1 {
        font-size: 45px; } }
  .case-studies__content p {
    line-height: 1.6;
    margin: 10px 48px; }
  .case-studies__content .button, .case-studies__content .button--light, .case-studies__content .button--dark, .case-studies__content #SearchResults li .readMoreLink, #SearchResults li .case-studies__content .readMoreLink {
    margin-bottom: 60px;
    position: relative;
    z-index: 99; }

.case-studies .case-studies__items {
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: all 480ms;
  -o-transition: all 480ms;
  transition: all 480ms; }
  .case-studies .case-studies__items:before, .case-studies .case-studies__items:after {
    content: "";
    display: table; }
  .case-studies .case-studies__items:after {
    clear: both; }
  .case-studies .case-studies__items .case-studies__item {
    max-height: 400px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms;
    display: block;
    float: left;
    width: 100%;
    position: relative; }
    .case-studies .case-studies__items .case-studies__item.hidden {
      opacity: 0;
      -webkit-transform: translateY(100px) scale(0);
          -ms-transform: translateY(100px) scale(0);
              transform: translateY(100px) scale(0); }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies__items .case-studies__item {
        width: 50%; } }
    .case-studies .case-studies__items .case-studies__item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 76.3964%; }
    .case-studies .case-studies__items .case-studies__item:hover .content {
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important; }
    .case-studies .case-studies__items .case-studies__item .image {
      position: absolute;
      left: 0;
      right: 0;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      @media only screen and (min-width: 768px) {
        .case-studies .case-studies__items .case-studies__item .image {
          left: 10px;
          right: 10px;
          top: 10px;
          bottom: 10px; } }
      .case-studies .case-studies__items .case-studies__item .image .content {
        position: absolute;
        bottom: 0;
        background: rgba(129, 194, 65, 0.9);
        padding: 24px;
        color: white;
        left: 0;
        right: 0;
        text-align: left;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms; }
        @media only screen and (min-width: 1024px) {
          .case-studies .case-studies__items .case-studies__item .image .content {
            -webkit-transform: translateY(100%);
                -ms-transform: translateY(100%);
                    transform: translateY(100%); } }
        @media only screen and (max-width: 639px) {
          .case-studies .case-studies__items .case-studies__item .image .content br {
            display: none; } }
        .case-studies .case-studies__items .case-studies__item .image .content h4 {
          font-size: 15.2px;
          margin-bottom: 10px; }
          @media screen and (min-width: 480px) {
            .case-studies .case-studies__items .case-studies__item .image .content h4 {
              font-size: 15.2px; } }
          @media screen and (min-width: 768px) {
            .case-studies .case-studies__items .case-studies__item .image .content h4 {
              font-size: 15.2px; } }
          @media screen and (min-width: 992px) {
            .case-studies .case-studies__items .case-studies__item .image .content h4 {
              font-size: 17.1px; } }
          @media screen and (min-width: 1200px) {
            .case-studies .case-studies__items .case-studies__item .image .content h4 {
              font-size: 19px; } }
          @media screen and (min-width: 1600px) {
            .case-studies .case-studies__items .case-studies__item .image .content h4 {
              font-size: 19px; } }
        .case-studies .case-studies__items .case-studies__item .image .content p {
          margin: 0;
          font-size: 14px;
          line-height: 1.22;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          padding-right: 150px; }
          @media only screen and (max-width: 1439px) {
            .case-studies .case-studies__items .case-studies__item .image .content p {
              display: none; } }
        .case-studies .case-studies__items .case-studies__item .image .content span {
          display: inline-block;
          margin-top: 10px;
          padding: 10px 20px;
          border: 1px solid white;
          font-size: 12px; }
          @media only screen and (min-width: 1440px) {
            .case-studies .case-studies__items .case-studies__item .image .content span {
              margin: 0;
              right: 15px;
              bottom: 15px;
              position: absolute; } }

.case-studies .case-studies-filters {
  z-index: 999;
  position: relative;
  padding: 12px 0; }
  .case-studies .case-studies-filters:before, .case-studies .case-studies-filters:after {
    content: "";
    display: table; }
  .case-studies .case-studies-filters:after {
    clear: both; }
  .case-studies .case-studies-filters .filter {
    background: #f3f8fa;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 12px; }
    .case-studies .case-studies-filters .filter p {
      color: #000000;
      padding: 0; }
    .case-studies .case-studies-filters .filter svg path {
      fill: #000000; }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies-filters .filter {
        width: 33.33333%;
        margin-bottom: 0; } }
    .case-studies .case-studies-filters .filter.left-side {
      z-index: 99; }
      @media only screen and (min-width: 768px) {
        .case-studies .case-studies-filters .filter.left-side {
          border-right: 3px solid white; }
          .case-studies .case-studies-filters .filter.left-side .filter-secondary {
            width: calc(300% + 6px); } }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies-filters .filter.right-side {
        border-left: 3px solid white; }
        .case-studies .case-studies-filters .filter.right-side .filter-secondary {
          width: calc(300% + 6px);
          -webkit-transform: translateX(-6px);
              -ms-transform: translateX(-6px);
                  transform: translateX(-6px); } }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies-filters .filter.right-side .filter-secondary {
        left: -200%; } }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies-filters .filter.middle .filter-secondary {
        width: 300%;
        left: -100%; } }
    .case-studies .case-studies-filters .filter.active, .case-studies .case-studies-filters .filter:hover {
      background: #81c241; }
      .case-studies .case-studies-filters .filter.active p, .case-studies .case-studies-filters .filter:hover p {
        color: white; }
      .case-studies .case-studies-filters .filter.active svg path, .case-studies .case-studies-filters .filter:hover svg path {
        fill: white; }
    .case-studies .case-studies-filters .filter p, .case-studies .case-studies-filters .filter svg {
      display: inline-block;
      vertical-align: top; }
    .case-studies .case-studies-filters .filter p {
      text-transform: uppercase;
      font-size: 15.2px; }
      @media screen and (min-width: 480px) {
        .case-studies .case-studies-filters .filter p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .case-studies .case-studies-filters .filter p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .case-studies .case-studies-filters .filter p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .case-studies .case-studies-filters .filter p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .case-studies .case-studies-filters .filter p {
          font-size: 19px; } }
    .case-studies .case-studies-filters .filter svg {
      position: absolute;
      right: 12px;
      top: 16px; }
    .case-studies .case-studies-filters .filter.active .filter-secondary {
      padding: 6px 32px 32px 32px;
      overflow: visible;
      max-height: 500px; }
  .case-studies .case-studies-filters .filter-secondary {
    background: rgba(129, 194, 65, 0.95);
    width: 100%;
    text-align: left;
    padding: 0 32px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    color: white; }
    @media only screen and (min-width: 768px) {
      .case-studies .case-studies-filters .filter-secondary {
        width: 200%; } }
    .case-studies .case-studies-filters .filter-secondary > p {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      margin-left: -12px;
      color: black !important; }
    .case-studies .case-studies-filters .filter-secondary > ul {
      padding-left: 12px;
      border-left: 1px solid white; }
      .case-studies .case-studies-filters .filter-secondary > ul > li {
        position: relative;
        width: 25%;
        display: block;
        padding-bottom: 12px;
        cursor: pointer; }
        .case-studies .case-studies-filters .filter-secondary > ul > li:last-child {
          padding-bottom: 0; }
        .case-studies .case-studies-filters .filter-secondary > ul > li:hover {
          color: black; }
          .case-studies .case-studies-filters .filter-secondary > ul > li:hover li {
            color: #000000; }
        .case-studies .case-studies-filters .filter-secondary > ul > li.active .filter-tertiary {
          padding: 32px;
          overflow: visible;
          max-height: 500px; }
  .case-studies .case-studies-filters .filter-tertiary {
    background: rgba(129, 194, 65, 0.95);
    margin-left: -32px;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 100%; }
    .case-studies .case-studies-filters .filter-tertiary ul {
      display: inline-block;
      margin: 0 auto;
      text-align: left;
      border-left: 1px solid #000000;
      padding-left: 32px; }
      .case-studies .case-studies-filters .filter-tertiary ul li {
        padding: 6px 0; }
        .case-studies .case-studies-filters .filter-tertiary ul li:hover {
          color: #81c241 !important; }

@media only screen and (min-width: 768px) {
  .CaseStudiesHolder .case-studies .case-studies-filters.right-side .filter-secondary {
    border-left: 3px solid white; }
    .CaseStudiesHolder .case-studies .case-studies-filters.right-side .filter-secondary .filter-secondary {
      width: calc(300% + 9px);
      -webkit-transform: translateX(-9px);
          -ms-transform: translateX(-9px);
              transform: translateX(-9px); } }

@media only screen and (min-width: 768px) {
  .CaseStudiesHolder .case-studies .case-studies-filters .filter.left-side .filter-secondary {
    width: calc(300% + 9px); } }

.caseStudySliderAlt {
  padding: 60px 0;
  text-align: center; }
  .caseStudySliderAlt .caseSlider {
    position: relative;
    width: calc(100% - 100px);
    margin: 0 auto; }
  .caseStudySliderAlt h4 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    color: #82c141;
    margin-bottom: 40px; }
  .caseStudySliderAlt .item {
    position: relative;
    padding: 10px;
    display: block; }
    .caseStudySliderAlt .item:after {
      -webkit-transition: all 222ms ease;
      -o-transition: all 222ms ease;
      transition: all 222ms ease;
      background: rgba(191, 214, 47, 0.7);
      position: absolute;
      content: '';
      display: block;
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px;
      opacity: 0; }
    .caseStudySliderAlt .item:hover:after {
      opacity: 1; }
    .caseStudySliderAlt .item:hover span {
      opacity: 1; }
    .caseStudySliderAlt .item img {
      display: block;
      width: 100%;
      height: auto; }
    .caseStudySliderAlt .item span {
      -webkit-transition: all 222ms ease;
      -o-transition: all 222ms ease;
      transition: all 222ms ease;
      opacity: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      border: 1px solid white;
      color: white;
      background: transparent;
      font-size: 20px;
      padding: 10px 30px;
      z-index: 2;
      max-width: 200px;
      text-decoration: none; }
      .caseStudySliderAlt .item span svg {
        display: inlin e-block;
        vertical-align: middle; }

.cont {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  cursor: pointer; }
  .cont.prev {
    left: -30px; }
  .cont.next {
    right: -30px; }
  .cont path,
  .cont polyline {
    stroke: #8c8c8c; }

.home-locator {
  position: relative; }
  .home-locator .sod_select {
    z-index: 0; }
  .home-locator .sod_select:after {
    display: none; }
  .home-locator .sod_select:before {
    right: 12px; }
  @media only screen and (min-width: 1024px) {
    .home-locator {
      position: relative;
      height: 400px; }
      .home-locator:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 28.64583%; } }
  .home-locator #map-canvas {
    top: 0;
    right: 0;
    bottom: 0;
    left: 380px;
    height: 100%;
    position: absolute;
    z-index: 2; }
    @media only screen and (max-width: 1023px) {
      .home-locator #map-canvas {
        position: relative;
        height: 400px;
        left: 0; } }
  .home-locator .selection {
    background: #81c241;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 380px; }
    .home-locator .selection:after {
      position: absolute;
      content: '';
      display: block;
      right: -200px;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 400px 200px 0 200px;
      border-color: #81c241 transparent transparent transparent; }
    .home-locator .selection .select-wrap {
      position: relative;
      width: 300px;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 3; }
      .home-locator .selection .select-wrap h3 {
        color: white;
        line-height: 1.22;
        margin-bottom: 24px;
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal; }
      @media only screen and (min-width: 1024px) {
        .home-locator .selection .select-wrap {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute; } }
      .home-locator .selection .select-wrap .sod_select {
        margin-bottom: 12px;
        background: transparent;
        color: white;
        border: 1px solid white; }
        .home-locator .selection .select-wrap .sod_select:before {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute; }
    @media only screen and (max-width: 1023px) {
      .home-locator .selection {
        position: relative;
        width: 100%; }
        .home-locator .selection .select-wrap {
          width: 100%;
          padding: 24px; }
        .home-locator .selection .sod_select {
          width: 48%; }
          .home-locator .selection .sod_select:first-of-type {
            margin-right: 2%; }
        .home-locator .selection h3 {
          display: block;
          text-align: center; }
        .home-locator .selection:after {
          display: none !important; } }

.case-study {
  padding-bottom: 60px; }
  .case-study:before, .case-study:after {
    content: "";
    display: table; }
  .case-study:after {
    clear: both; }
  .case-study__wrap {
    width: 100%;
    padding: 0 20px;
    max-width: 1920px;
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .case-study__wrap {
        padding: 0 40px; } }
    .case-study__wrap:before, .case-study__wrap:after {
      content: "";
      display: table; }
    .case-study__wrap:after {
      clear: both; }
  .case-study .case-study-overview {
    width: auto;
    margin-top: -196px;
    margin-bottom: 60px;
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms; }
    @media only screen and (min-width: 768px) {
      .case-study .case-study-overview {
        float: right;
        margin-left: 40px;
        width: 340px;
        margin-top: -100px;
        z-index: 99999;
        position: relative; } }
    .case-study .case-study-overview .overview {
      background: #f6f6f6;
      padding: 30px; }
      .case-study .case-study-overview .overview h2 {
        text-transform: uppercase;
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        font-size: 24px;
        margin-bottom: 10px;
        color: #81c241; }
        @media screen and (min-width: 480px) {
          .case-study .case-study-overview .overview h2 {
            font-size: 24px; } }
        @media screen and (min-width: 768px) {
          .case-study .case-study-overview .overview h2 {
            font-size: 24px; } }
        @media screen and (min-width: 992px) {
          .case-study .case-study-overview .overview h2 {
            font-size: 27px; } }
        @media screen and (min-width: 1200px) {
          .case-study .case-study-overview .overview h2 {
            font-size: 30px; } }
        @media screen and (min-width: 1600px) {
          .case-study .case-study-overview .overview h2 {
            font-size: 30px; } }
      .case-study .case-study-overview .overview p {
        font-size: 14px;
        color: #000000;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        margin-bottom: 0; }
    .case-study .case-study-overview .details {
      background: #81c241;
      padding: 30px 70px 30px 30px;
      position: relative; }
      .case-study .case-study-overview .details .hidden-information {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 480ms;
        -o-transition: all 480ms;
        transition: all 480ms; }
        .case-study .case-study-overview .details .hidden-information.visible {
          max-height: 400px; }
      .case-study .case-study-overview .details .share-menu {
        right: 0;
        left: auto;
        z-index: 9;
        text-align: center; }
        .case-study .case-study-overview .details .share-menu.active ul {
          max-height: 200px;
          padding: 10px; }
        .case-study .case-study-overview .details .share-menu ul {
          max-height: 0;
          -webkit-transition: all 480ms;
          -o-transition: all 480ms;
          transition: all 480ms;
          position: relative;
          overflow: hidden;
          padding: 0 10px; }
          .case-study .case-study-overview .details .share-menu ul li:before {
            display: none; }
        .case-study .case-study-overview .details .share-menu .share-toggle {
          background: white; }
          .case-study .case-study-overview .details .share-menu .share-toggle span {
            color: #81c241; }
          .case-study .case-study-overview .details .share-menu .share-toggle svg path {
            fill: #81c241; }
      .case-study .case-study-overview .details p {
        position: relative;
        padding-left: 34px;
        font-size: 14px;
        padding-top: 10px;
        color: white; }
        .case-study .case-study-overview .details p sup {
          font-size: 10px;
          vertical-align: top;
          margin-left: 1px; }
        .case-study .case-study-overview .details p svg {
          position: absolute;
          left: 0;
          top: 0; }
        .case-study .case-study-overview .details p strong {
          color: black;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          display: inline-block;
          margin-right: 5px; }
        .case-study .case-study-overview .details p svg {
          width: 20px;
          height: auto;
          margin-top: 7px;
          margin-left: 5px; }
        .case-study .case-study-overview .details p.location svg {
          width: 17px;
          height: auto;
          margin-top: 7px;
          margin-left: 5px; }
        .case-study .case-study-overview .details p.style svg {
          width: 20px;
          height: auto;
          margin-top: 8px;
          margin-left: 6px; }
        .case-study .case-study-overview .details p.keywords svg {
          width: 21px;
          height: auto;
          margin-top: 8px;
          margin-left: 3px; }
        .case-study .case-study-overview .details p a {
          color: #ffffff;
          text-decoration: none;
          border-bottom: 1px solid #ffffff; }
      .case-study .case-study-overview .details .more-information {
        cursor: pointer;
        padding-left: 6px !important;
        font-size: 12px; }
        .case-study .case-study-overview .details .more-information svg {
          top: -3px;
          width: 16px;
          height: auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 6px;
          position: relative !important; }
  .case-study__content {
    padding-top: 60px;
    max-width: 1337px; }
    @media only screen and (min-width: 1024px) {
      .case-study__content {
        width: calc(100% - 400px);
        float: right; } }
    .case-study__content h1 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      font-size: 24px;
      margin-bottom: 20px; }
      @media screen and (min-width: 480px) {
        .case-study__content h1 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .case-study__content h1 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .case-study__content h1 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .case-study__content h1 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .case-study__content h1 {
          font-size: 30px; } }
    .case-study__content h3 {
      font-size: 15.2px;
      color: #81c241;
      margin-bottom: 20px; }
      @media screen and (min-width: 480px) {
        .case-study__content h3 {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .case-study__content h3 {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .case-study__content h3 {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .case-study__content h3 {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .case-study__content h3 {
          font-size: 19px; } }
    .case-study__content p {
      margin-bottom: 20px;
      max-width: 1140px; }
    .case-study__content img {
      margin: 20px auto 40px;
      max-width: 1140px;
      width: 100%;
      height: auto; }
    .case-study__content blockquote {
      text-align: center;
      max-width: 646px;
      margin: 30px auto;
      font-size: 24px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      color: #9b9999;
      font-style: italic;
      line-height: 1.6;
      padding: 0 20px; }
      @media screen and (min-width: 480px) {
        .case-study__content blockquote {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .case-study__content blockquote {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .case-study__content blockquote {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .case-study__content blockquote {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .case-study__content blockquote {
          font-size: 30px; } }
    .case-study__content ul {
      list-style: none;
      padding-left: 6px;
      padding-top: 12px; }
      .case-study__content ul li {
        position: relative;
        padding-left: 6px;
        padding-bottom: 6px; }
        .case-study__content ul li:before {
          position: absolute;
          content: '';
          display: block;
          left: -6px;
          top: 7px;
          background: #81c241;
          width: 5px;
          height: 5px;
          border-radius: 6px; }
    .case-study__content ul#SearchResults li:before {
      display: none; }

.commercial-content__wrap {
  width: 100%;
  padding: 50px 40px 0;
  max-width: 1260px;
  margin: 0 auto 100px;
  position: relative;
  text-align: center; }
  .commercial-content__wrap:before, .commercial-content__wrap:after {
    content: "";
    display: table; }
  .commercial-content__wrap:after {
    clear: both; }
  .commercial-content__wrap h3 {
    color: #81c241;
    text-transform: uppercase;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .commercial-content__wrap h3 {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .commercial-content__wrap h3 {
        font-size: 24px; } }
    @media screen and (min-width: 992px) {
      .commercial-content__wrap h3 {
        font-size: 27px; } }
    @media screen and (min-width: 1200px) {
      .commercial-content__wrap h3 {
        font-size: 30px; } }
    @media screen and (min-width: 1600px) {
      .commercial-content__wrap h3 {
        font-size: 30px; } }
  .commercial-content__wrap > p {
    max-width: 800px;
    margin: 0 auto 10px; }

.commercial-content .image-text {
  text-align: left;
  padding: 40px 0; }
  .commercial-content .image-text .text {
    width: 100%;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .commercial-content .image-text .text {
        width: 50%;
        padding-right: 24px; } }
    .commercial-content .image-text .text h5 {
      color: #81c241;
      margin-bottom: 10px; }
    .commercial-content .image-text .text p {
      margin-bottom: 10px; }
  .commercial-content .image-text .image {
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 40px; }
    .commercial-content .image-text .image:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 61.90476%; }
    @media only screen and (min-width: 768px) {
      .commercial-content .image-text .image {
        width: 50%; } }

.commercial-related-items {
  background: #f6f6f6;
  padding: 40px 0;
  text-align: center; }
  .commercial-related-items:before, .commercial-related-items:after {
    content: "";
    display: table; }
  .commercial-related-items:after {
    clear: both; }
  .commercial-related-items__wrap:before, .commercial-related-items__wrap:after {
    content: "";
    display: table; }
  .commercial-related-items__wrap:after {
    clear: both; }
  .commercial-related-items__wrap > .copy {
    text-align: left;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 24px; }
    .commercial-related-items__wrap > .copy h4 {
      margin-bottom: 10px; }
    .commercial-related-items__wrap > .copy p {
      margin-bottom: 20px; }
  .commercial-related-items .related-items {
    background: #f6f6f6;
    margin: 40px auto;
    max-width: 1440px;
    position: relative;
    padding: 0 12px; }
    .commercial-related-items .related-items:before, .commercial-related-items .related-items:after {
      content: "";
      display: table; }
    .commercial-related-items .related-items:after {
      clear: both; }
    .commercial-related-items .related-items__item {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      display: block;
      float: left;
      position: relative;
      width: 100%;
      border: 10px solid #f6f6f6; }
      @media only screen and (min-width: 640px) {
        .commercial-related-items .related-items__item {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .commercial-related-items .related-items__item {
          width: 20%; } }
      .commercial-related-items .related-items__item:hover .image {
        z-index: 3;
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
      .commercial-related-items .related-items__item .image {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        position: relative;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc);
        position: relative; }
        .commercial-related-items .related-items__item .image:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 100%; }
        .commercial-related-items .related-items__item .image .copy {
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(129, 194, 65, 0.9); }
          .commercial-related-items .related-items__item .image .copy h5 {
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            color: white;
            font-size: 15.2px;
            text-align: left;
            padding: 24px; }
            @media screen and (min-width: 480px) {
              .commercial-related-items .related-items__item .image .copy h5 {
                font-size: 15.2px; } }
            @media screen and (min-width: 768px) {
              .commercial-related-items .related-items__item .image .copy h5 {
                font-size: 15.2px; } }
            @media screen and (min-width: 992px) {
              .commercial-related-items .related-items__item .image .copy h5 {
                font-size: 17.1px; } }
            @media screen and (min-width: 1200px) {
              .commercial-related-items .related-items__item .image .copy h5 {
                font-size: 19px; } }
            @media screen and (min-width: 1600px) {
              .commercial-related-items .related-items__item .image .copy h5 {
                font-size: 19px; } }
            .commercial-related-items .related-items__item .image .copy h5 sup {
              font-size: 10.4px;
              vertical-align: top;
              margin-left: 1px; }
              @media screen and (min-width: 480px) {
                .commercial-related-items .related-items__item .image .copy h5 sup {
                  font-size: 10.4px; } }
              @media screen and (min-width: 768px) {
                .commercial-related-items .related-items__item .image .copy h5 sup {
                  font-size: 10.4px; } }
              @media screen and (min-width: 992px) {
                .commercial-related-items .related-items__item .image .copy h5 sup {
                  font-size: 11.7px; } }
              @media screen and (min-width: 1200px) {
                .commercial-related-items .related-items__item .image .copy h5 sup {
                  font-size: 13px; } }
              @media screen and (min-width: 1600px) {
                .commercial-related-items .related-items__item .image .copy h5 sup {
                  font-size: 13px; } }

.commercial:before, .commercial:after {
  content: "";
  display: table; }

.commercial:after {
  clear: both; }

.commercial__wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .commercial__wrap {
      padding: 0 40px; } }
  .commercial__wrap:before, .commercial__wrap:after {
    content: "";
    display: table; }
  .commercial__wrap:after {
    clear: both; }

.commercial__content {
  padding-top: 60px; }
  @media only screen and (min-width: 1024px) {
    .commercial__content {
      width: calc(100% - 400px);
      float: right; } }
  .commercial__content h1 {
    color: black;
    font-size: 36px;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
    @media screen and (min-width: 480px) {
      .commercial__content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .commercial__content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .commercial__content h1 {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .commercial__content h1 {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .commercial__content h1 {
        font-size: 45px; } }
  .commercial__content p {
    line-height: 1.6;
    max-width: 1008px;
    margin-top: 10px; }
  .commercial__content .button, .commercial__content .button--light, .commercial__content .button--dark, .commercial__content #SearchResults li .readMoreLink, #SearchResults li .commercial__content .readMoreLink {
    margin-bottom: 60px;
    position: relative;
    z-index: 99; }

.commercial .case-studies__items {
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: all 480ms;
  -o-transition: all 480ms;
  transition: all 480ms; }
  .commercial .case-studies__items:before, .commercial .case-studies__items:after {
    content: "";
    display: table; }
  .commercial .case-studies__items:after {
    clear: both; }
  .commercial .case-studies__items .case-studies__item {
    max-height: 400px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms;
    display: block;
    float: left;
    width: 100%;
    position: relative; }
    .commercial .case-studies__items .case-studies__item.hidden {
      opacity: 0;
      -webkit-transform: translateY(100px) scale(0);
          -ms-transform: translateY(100px) scale(0);
              transform: translateY(100px) scale(0); }
    @media only screen and (min-width: 768px) {
      .commercial .case-studies__items .case-studies__item {
        width: 50%; } }
    .commercial .case-studies__items .case-studies__item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 76.3964%; }
    .commercial .case-studies__items .case-studies__item:hover .content {
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important; }
    .commercial .case-studies__items .case-studies__item .image {
      position: absolute;
      left: 0;
      right: 0;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      @media only screen and (min-width: 768px) {
        .commercial .case-studies__items .case-studies__item .image {
          left: 10px;
          right: 10px;
          top: 10px;
          bottom: 10px; } }
      .commercial .case-studies__items .case-studies__item .image .content {
        position: absolute;
        bottom: 0;
        background: rgba(129, 194, 65, 0.9);
        padding: 15px;
        color: white;
        left: 0;
        right: 0;
        text-align: left;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms; }
        @media only screen and (min-width: 1024px) {
          .commercial .case-studies__items .case-studies__item .image .content {
            -webkit-transform: translateY(100%);
                -ms-transform: translateY(100%);
                    transform: translateY(100%); } }
        @media only screen and (max-width: 639px) {
          .commercial .case-studies__items .case-studies__item .image .content br {
            display: none; } }
        .commercial .case-studies__items .case-studies__item .image .content h4 {
          font-size: 15.2px;
          margin-bottom: 10px; }
          @media screen and (min-width: 480px) {
            .commercial .case-studies__items .case-studies__item .image .content h4 {
              font-size: 15.2px; } }
          @media screen and (min-width: 768px) {
            .commercial .case-studies__items .case-studies__item .image .content h4 {
              font-size: 15.2px; } }
          @media screen and (min-width: 992px) {
            .commercial .case-studies__items .case-studies__item .image .content h4 {
              font-size: 17.1px; } }
          @media screen and (min-width: 1200px) {
            .commercial .case-studies__items .case-studies__item .image .content h4 {
              font-size: 19px; } }
          @media screen and (min-width: 1600px) {
            .commercial .case-studies__items .case-studies__item .image .content h4 {
              font-size: 19px; } }
        .commercial .case-studies__items .case-studies__item .image .content p {
          margin: 0;
          font-size: 14px;
          line-height: 1.22;
          font-family: 'Roboto', sans-serif;
          font-weight: 300; }
        .commercial .case-studies__items .case-studies__item .image .content span {
          display: inline-block;
          margin-top: 10px;
          padding: 10px 20px;
          border: 1px solid white;
          font-size: 12px; }
          @media only screen and (min-width: 640px) {
            .commercial .case-studies__items .case-studies__item .image .content span {
              margin: 0;
              right: 15px;
              bottom: 15px;
              position: absolute; } }

.commercial .related-products__wrap {
  margin: 0 -10px;
  max-width: 1044px; }

.commercial .related-products__item {
  width: 50%; }
  @media only screen and (min-width: 768px) {
    .commercial .related-products__item {
      width: 25%; } }
  .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
    border: 1px solid white;
    background: transparent;
    margin-bottom: 10px;
    font-size: 13.5px;
    padding: 10px 15px; }
    @media screen and (min-width: 480px) {
      .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
        font-size: 13.5px; } }
    @media screen and (min-width: 768px) {
      .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
        font-size: 13.5px; } }
    @media screen and (min-width: 992px) {
      .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
        font-size: 13.5px; } }
    @media screen and (min-width: 1200px) {
      .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
        font-size: 15px; } }
    @media screen and (min-width: 1600px) {
      .commercial .related-products__item .button, .commercial .related-products__item .button--light, .commercial .related-products__item .button--dark, .commercial .related-products__item #SearchResults li .readMoreLink, #SearchResults li .commercial .related-products__item .readMoreLink {
        font-size: 15px; } }
    .commercial .related-products__item .button:hover, .commercial .related-products__item .button--light:hover, .commercial .related-products__item .button--dark:hover, .commercial .related-products__item #SearchResults li .readMoreLink:hover, #SearchResults li .commercial .related-products__item .readMoreLink:hover {
      background: white;
      color: #81c241; }

.ShortIpadPage .checkbox + label {
  display: inline-block !important;
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: -4px;
  margin-bottom: 17px; }
  .ShortIpadPage .checkbox + label a {
    color: #008850; }

.ShortIpadPage,
.CompetitionPage,
.IpadCompetitionPage {
  background-color: #ccc; }

.IpadCompetitionPage {
  position: relative;
  overflow: hidden; }
  .IpadCompetitionPage .competitionWrap .formWrap {
    float: left;
    margin-left: 60px;
    padding: 20px 30px;
    max-width: 550px; }
    @media only screen and (max-width: 767px) {
      .IpadCompetitionPage .competitionWrap .formWrap {
        width: 100%;
        left: auto;
        right: auto;
        float: none;
        margin: 0 auto; } }
    .IpadCompetitionPage .competitionWrap .formWrap .field {
      display: block;
      float: left;
      width: 100%; }
    .IpadCompetitionPage .competitionWrap .formWrap div#Name {
      width: 50%;
      padding-right: 10px;
      display: block;
      float: left; }
    .IpadCompetitionPage .competitionWrap .formWrap div#Surname {
      width: 50%;
      padding-left: 10px;
      display: block;
      float: left; }

.competitionWrap {
  background-size: cover;
  background-position: center center;
  -ms-behavior: url(/backgroundsize.min.htc);
  height: 100%;
  min-height: calc(100vh - 111px); }
  .competitionWrap .parsley-error {
    border: 1px solid #008850 !important; }
  .competitionWrap:before, .competitionWrap:after {
    content: "";
    display: table; }
  .competitionWrap:after {
    clear: both; }
  @media only screen and (min-width: 1280px) {
    .competitionWrap {
      min-height: calc(100vh - 174px); } }
  .competitionWrap .formWrap {
    background: rgba(238, 238, 238, 0.94);
    padding: 30px 40px;
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    float: right;
    max-width: 700px;
    top: 60px;
    margin-bottom: 50px; }
    .competitionWrap .formWrap input[type="submit"] {
      -webkit-appearance: none;
      border-radius: 0; }
    @media only screen and (min-width: 768px) {
      .competitionWrap .formWrap {
        padding: 60px 100px;
        width: 80%;
        margin-right: 10%;
        margin-left: 10%; } }
    .competitionWrap .formWrap label {
      display: none; }
    .competitionWrap .formWrap form, .competitionWrap .formWrap fieldset, .competitionWrap .formWrap .field {
      position: relative;
      width: 100%; }
    .competitionWrap .formWrap #Terms {
      margin-top: 15px; }
      .competitionWrap .formWrap #Terms label {
        font-size: 14px;
        margin-left: 5px;
        position: relative;
        top: -3px;
        display: inline-block; }
        .competitionWrap .formWrap #Terms label a {
          color: #008850;
          text-decoration: none; }
          .competitionWrap .formWrap #Terms label a:hover {
            text-decoration: underline; }
    .competitionWrap .formWrap .input-wrap {
      margin-bottom: 10px; }
      .competitionWrap .formWrap .input-wrap:before, .competitionWrap .formWrap .input-wrap:after {
        content: "";
        display: table; }
      .competitionWrap .formWrap .input-wrap:after {
        clear: both; }
      .competitionWrap .formWrap .input-wrap .middleColumn:before, .competitionWrap .formWrap .input-wrap .middleColumn:after {
        content: "";
        display: table; }
      .competitionWrap .formWrap .input-wrap .middleColumn:after {
        clear: both; }
    .competitionWrap .formWrap p {
      font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
      font-weight: normal;
      font-size: 22px; }
    .competitionWrap .formWrap h1 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      font-size: 62px;
      margin-bottom: 20px; }
  .competitionWrap #Image {
    background: white; }
    .competitionWrap #Image .uproad {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .competitionWrap #Image .faux-upload button {
      border: 0;
      position: absolute;
      right: 0;
      padding-left: 30px;
      padding-right: 30px;
      top: 0;
      bottom: 0;
      color: #ffffff;
      background: #81c241;
      font-size: 13px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
    .competitionWrap #Image .faux-upload p {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      color: #000;
      font-size: 13px; }

#ContactForm_ContactForm .sod_select {
  background: white;
  z-index: 9; }

.events-nav {
  margin-bottom: 60px; }
  @media only screen and (min-width: 1024px) {
    .events-nav {
      margin-bottom: 20px;
      position: relative;
      top: 40px;
      width: 350px;
      float: left;
      margin-bottom: 80px; } }
  .events-nav__wrap {
    position: relative; }
  .events-nav__item__head {
    position: relative;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-bottom: -1px; }
    .events-nav__item__head:before, .events-nav__item__head:after {
      content: "";
      display: table; }
    .events-nav__item__head:after {
      clear: both; }
    .events-nav__item__head .image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative;
      width: 120px;
      float: left; }
      .events-nav__item__head .image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
      .events-nav__item__head .image.active p {
        opacity: 0; }
      .events-nav__item__head .image p {
        color: #ffffff;
        position: absolute;
        bottom: 25px;
        left: 14px;
        font-size: 20.8px;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms;
        font-family: 'Roboto', sans-serif;
        font-weight: 100; }
        @media screen and (min-width: 480px) {
          .events-nav__item__head .image p {
            font-size: 20.8px; } }
        @media screen and (min-width: 768px) {
          .events-nav__item__head .image p {
            font-size: 20.8px; } }
        @media screen and (min-width: 992px) {
          .events-nav__item__head .image p {
            font-size: 23.4px; } }
        @media screen and (min-width: 1200px) {
          .events-nav__item__head .image p {
            font-size: 26px; } }
        @media screen and (min-width: 1600px) {
          .events-nav__item__head .image p {
            font-size: 26px; } }
    .events-nav__item__head ul {
      margin-left: 125px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute; }
      @media only screen and (min-width: 640px) {
        .events-nav__item__head ul {
          margin-left: 140px; } }
      .events-nav__item__head ul li a {
        text-decoration: none;
        display: block;
        color: #636363;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding: 5px;
        font-size: 13.5px; }
        @media screen and (min-width: 480px) {
          .events-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .events-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .events-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .events-nav__item__head ul li a {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .events-nav__item__head ul li a {
            font-size: 15px; } }
        @media only screen and (max-width: 639px) {
          .events-nav__item__head ul li a {
            font-size: 12px;
            padding: 8px 5px; } }
        .events-nav__item__head ul li a.active, .events-nav__item__head ul li a:hover {
          color: #81c241; }
  .events-nav__item__sub-nav {
    max-height: 0;
    position: relative;
    overflow: hidden; }
    .events-nav__item__sub-nav.active {
      max-height: 1000px;
      padding: 15px 0 15px 20px; }
    .events-nav__item__sub-nav li a {
      text-decoration: none;
      display: block;
      color: #636363;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      padding: 5px; }
      .events-nav__item__sub-nav li a:hover {
        color: #81c241; }

.events {
  width: 100%;
  padding: 30px 40px 0;
  max-width: 1920px;
  margin: 0 auto 100px;
  position: relative; }
  .events:before, .events:after {
    content: "";
    display: table; }
  .events:after {
    clear: both; }
  @media only screen and (min-width: 1024px) {
    .events__wrap {
      width: calc(100% - 400px);
      float: right; } }
  .events .filter-events {
    margin: 36px 0 10px;
    max-width: 1024px; }
  .events__item {
    width: 100%;
    display: block;
    padding: 30px 0;
    max-width: 1024px;
    border-bottom: 1px solid black; }
    .events__item:before, .events__item:after {
      content: "";
      display: table; }
    .events__item:after {
      clear: both; }
    .events__item:last-child {
      border-bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .events__item:last-child {
        border-bottom: 0; } }
    .events__item__image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      float: left;
      width: 100%;
      position: relative; }
      @media only screen and (min-width: 640px) {
        .events__item__image {
          float: right; } }
      .events__item__image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 50%; }
      @media only screen and (min-width: 640px) {
        .events__item__image {
          position: relative;
          width: 25%; }
          .events__item__image:after {
            content: '';
            position: relative;
            display: block;
            padding-bottom: 100%; } }
    .events__item__copy {
      width: 100%;
      display: block;
      float: left; }
      @media only screen and (min-width: 640px) {
        .events__item__copy {
          padding-left: 20px;
          width: 75%; } }
      .events__item__copy h4 {
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        margin-bottom: 30px;
        padding-top: 20px; }
        @media only screen and (min-width: 640px) {
          .events__item__copy h4 {
            padding-top: 0; } }
      .events__item__copy p {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13.5px;
        margin-bottom: 30px; }
        @media screen and (min-width: 480px) {
          .events__item__copy p {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .events__item__copy p {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .events__item__copy p {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .events__item__copy p {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .events__item__copy p {
            font-size: 15px; } }
      .events__item__copy a {
        font-size: 10.4px;
        margin: 0 auto;
        color: white;
        border: 0; }
        @media screen and (min-width: 480px) {
          .events__item__copy a {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .events__item__copy a {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .events__item__copy a {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .events__item__copy a {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .events__item__copy a {
            font-size: 13px; } }

footer {
  position: relative;
  overflow: hidden;
  border-bottom: 100px solid black; }
  @media only screen and (min-width: 540px) {
    footer .input-wrap--half {
      width: 50%;
      float: left;
      border-right: 10px solid transparent; } }

.form-wrap {
  display: none; }
  .form-wrap.active {
    display: block; }

.back-to-top {
  margin-top: 16px;
  position: relative;
  text-align: center;
  cursor: pointer;
  float: right; }
  @media only screen and (max-width: 639px) {
    .back-to-top {
      width: 100%;
      margin-bottom: -24px; } }
  @media only screen and (min-width: 640px) {
    .back-to-top {
      margin-top: 6px; } }
  .back-to-top svg {
    -webkit-transition: all 240ms;
    -o-transition: all 240ms;
    transition: all 240ms;
    position: relative; }
  .back-to-top:hover svg {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px); }
  .back-to-top span {
    font-size: 10px;
    margin-top: 12px;
    color: #008850;
    display: block; }

.footer-nav {
  background: #008850;
  position: relative;
  display: block;
  padding: 40px 0px;
  font-size: 0;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .footer-nav {
      position: absolute;
      width: 420px; } }
  .footer-nav:after {
    position: absolute;
    content: '';
    display: block;
    width: 400px;
    background: #008850;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    right: 0;
    bottom: 0;
    height: 600px;
    display: none;
    z-index: -1;
    -webkit-transition: all 240ms;
    -o-transition: all 240ms;
    transition: all 240ms; }
    @media only screen and (min-width: 1024px) {
      .footer-nav:after {
        display: block; } }
    @media only screen and (min-width: 1170px) {
      .footer-nav:after {
        -webkit-transform: rotate(14deg);
            -ms-transform: rotate(14deg);
                transform: rotate(14deg); } }
    @media only screen and (min-width: 1420px) {
      .footer-nav:after {
        -webkit-transform: rotate(24deg);
            -ms-transform: rotate(24deg);
                transform: rotate(24deg); } }
  .footer-nav__item {
    vertical-align: top;
    width: 50%;
    display: inline-block;
    padding: 0 0 0 30px; }
    @media only screen and (max-width: 639px) {
      .footer-nav__item .aligned {
        width: 100% !important;
        display: block;
        float: left; } }
    @media only screen and (max-width: 1023px) {
      .footer-nav__item .aligned {
        width: 50%;
        display: block;
        float: left; } }
    .footer-nav__item h6 {
      color: #81c241;
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 13.5px; }
      @media screen and (min-width: 480px) {
        .footer-nav__item h6 {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .footer-nav__item h6 {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .footer-nav__item h6 {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .footer-nav__item h6 {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .footer-nav__item h6 {
          font-size: 15px; } }
    .footer-nav__item a {
      text-decoration: none;
      color: #ffffff;
      padding: 2px 0;
      font-size: 10.4px;
      display: block; }
      @media screen and (min-width: 480px) {
        .footer-nav__item a {
          font-size: 10.4px; } }
      @media screen and (min-width: 768px) {
        .footer-nav__item a {
          font-size: 10.4px; } }
      @media screen and (min-width: 992px) {
        .footer-nav__item a {
          font-size: 11.7px; } }
      @media screen and (min-width: 1200px) {
        .footer-nav__item a {
          font-size: 13px; } }
      @media screen and (min-width: 1600px) {
        .footer-nav__item a {
          font-size: 13px; } }

.footer-forms {
  background: #dedede;
  min-height: 300px;
  position: relative;
  display: block;
  padding: 0;
  font-size: 0;
  left: 0;
  top: 0; }
  .footer-forms:before, .footer-forms:after {
    content: "";
    display: table; }
  .footer-forms:after {
    clear: both; }
  .footer-forms__tabs {
    cursor: pointer;
    background: #9b9999; }
    .footer-forms__tabs .indicator {
      background: #636363;
      width: 66.66667%;
      height: 59px;
      display: block;
      position: absolute;
      top: 0;
      z-index: 1;
      -webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      right: 33.33333%; }
      @media only screen and (max-width: 1199px) {
        .footer-forms__tabs .indicator {
          height: 57px; } }
      @media only screen and (max-width: 1023px) {
        .footer-forms__tabs .indicator {
          width: 66.66667%;
          height: 55px;
          right: 50%; } }
      .footer-forms__tabs .indicator.right {
        right: 0;
        width: 33.33333%; }
        @media only screen and (max-width: 1023px) {
          .footer-forms__tabs .indicator.right {
            width: 50%; } }
    .footer-forms__tabs:before, .footer-forms__tabs:after {
      content: "";
      display: table; }
    .footer-forms__tabs:after {
      clear: both; }
    .footer-forms__tabs__item {
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      color: white;
      width: 50%;
      padding: 20px 0;
      display: block;
      position: relative;
      float: left;
      text-align: center;
      text-decoration: none;
      z-index: 1;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      overflow: hidden; }
      @media screen and (min-width: 480px) {
        .footer-forms__tabs__item {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .footer-forms__tabs__item {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .footer-forms__tabs__item {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .footer-forms__tabs__item {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .footer-forms__tabs__item {
          font-size: 19px; } }
      @media only screen and (min-width: 1024px) {
        .footer-forms__tabs__item {
          width: 33.33333%; } }
      .footer-forms__tabs__item svg {
        position: relative;
        top: -2px;
        margin-left: 10px;
        width: 14px;
        height: 9px; }
        .footer-forms__tabs__item svg path {
          stroke: white; }
      @media only screen and (min-width: 1024px) {
        .footer-forms__tabs__item--first {
          width: 66.66667%;
          padding-left: 33.33333%; } }
  .footer-forms__tab {
    width: 100%;
    padding: 80px 10px 80px 10px;
    position: relative;
    float: right;
    height: auto; }
    @media only screen and (min-width: 1024px) {
      .footer-forms__tab {
        padding: 80px 10px 80px 30px;
        width: 66.66667%; } }
    .footer-forms__tab .loader {
      display: none;
      margin-top: -50px;
      opacity: 0;
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease; }
    .footer-forms__tab:after {
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease;
      position: absolute;
      content: '';
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: -400px;
      display: block;
      background: rgba(255, 255, 255, 0);
      visibility: hidden; }
    .footer-forms__tab.busy .loader {
      display: block;
      opacity: 1;
      z-index: 9; }
    .footer-forms__tab.busy:after {
      background: rgba(255, 255, 255, 0.7);
      visibility: visible; }
    .footer-forms__tab h4 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      display: block;
      float: left;
      width: 100%;
      font-size: 24px; }
      @media only screen and (max-width: 639px) {
        .footer-forms__tab h4 {
          margin-bottom: 40px;
          text-align: center; }
          .footer-forms__tab h4 br {
            display: none; } }
      @media only screen and (min-width: 640px) {
        .footer-forms__tab h4 {
          width: calc(50% - 82px); } }
      @media only screen and (min-width: 1024px) {
        .footer-forms__tab h4 {
          padding-left: 80px;
          padding-right: 20px; } }
      @media screen and (min-width: 480px) {
        .footer-forms__tab h4 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .footer-forms__tab h4 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .footer-forms__tab h4 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .footer-forms__tab h4 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .footer-forms__tab h4 {
          font-size: 30px; } }
      @media only screen and (min-width: 1420px) {
        .footer-forms__tab h4 {
          padding-left: 0;
          font-size: 28px; } }
  @media only screen and (min-width: 1420px) and (min-width: 480px) {
    .footer-forms__tab h4 {
      font-size: 28px; } }
  @media only screen and (min-width: 1420px) and (min-width: 768px) {
    .footer-forms__tab h4 {
      font-size: 28px; } }
  @media only screen and (min-width: 1420px) and (min-width: 992px) {
    .footer-forms__tab h4 {
      font-size: 31.5px; } }
  @media only screen and (min-width: 1420px) and (min-width: 1200px) {
    .footer-forms__tab h4 {
      font-size: 35px; } }
  @media only screen and (min-width: 1420px) and (min-width: 1600px) {
    .footer-forms__tab h4 {
      font-size: 35px; } }
    .footer-forms__tab .newsletter {
      width: 100%;
      display: block;
      float: left; }
      @media only screen and (min-width: 640px) {
        .footer-forms__tab .newsletter {
          width: 50%; } }
    .footer-forms__tab .input-wrap.email {
      width: 66.66667%;
      display: block;
      float: left; }
    .footer-forms__tab .input-wrap.submit {
      width: 33.33333%;
      display: block;
      float: left;
      text-align: right; }
      .footer-forms__tab .input-wrap.submit input {
        text-align: center;
        margin: 0;
        height: 40px;
        width: 90%;
        padding-left: 0;
        padding-right: 0; }

.footer-contact {
  padding: 30px;
  position: relative; }
  .footer-contact:before, .footer-contact:after {
    content: "";
    display: table; }
  .footer-contact:after {
    clear: both; }
  @media only screen and (min-width: 1140px) {
    .footer-contact .left {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute; } }
  .footer-contact .left span {
    font-size: 10px;
    text-transform: uppercase; }
    @media only screen and (max-width: 639px) {
      .footer-contact .left span {
        display: inline-block;
        padding-left: 5px;
        margin-bottom: 10px; } }
  .footer-contact .left a {
    color: black;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 10px; }
    @media only screen and (max-width: 639px) {
      .footer-contact .left a {
        display: inline-block;
        padding-left: 5px;
        margin-bottom: 10px; } }
  .footer-contact .right {
    float: right; }
    .footer-contact .right .footer-contact__logo {
      display: inline-block;
      vertical-align: middle;
      width: 60px;
      height: auto; }
    .footer-contact .right h6, .footer-contact .right a {
      display: inline-block;
      vertical-align: middle; }
    .footer-contact .right h6 {
      color: #000000;
      letter-spacing: -0.4px; }
      .footer-contact .right h6 span {
        position: relative;
        top: -5px; }
    .footer-contact .right a {
      text-decoration: none;
      color: #008850;
      font-family: 'Roboto', sans-serif;
      font-weight: 100;
      font-size: 24px;
      margin: 0 20px; }
      @media screen and (min-width: 480px) {
        .footer-contact .right a {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .footer-contact .right a {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .footer-contact .right a {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .footer-contact .right a {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .footer-contact .right a {
          font-size: 30px; } }
    @media only screen and (max-width: 499px) {
      .footer-contact .right h6, .footer-contact .right a {
        display: block;
        margin-bottom: 10px; } }
  @media only screen and (max-width: 1139px) {
    .footer-contact {
      text-align: center; }
      .footer-contact .right,
      .footer-contact .left {
        width: 100%; }
      .footer-contact .left {
        margin-bottom: 30px; } }

#container {
  position: relative; }

.svg-draw {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0; }
  .svg-draw svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute; }
    .svg-draw svg:first-of-type {
      z-index: 9; }
    .svg-draw svg:last-of-type {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      -webkit-transition-delay: 760ms;
           -o-transition-delay: 760ms;
              transition-delay: 760ms; }
  .svg-draw:hover svg:last-of-type {
    -webkit-transition-delay: 0ms;
         -o-transition-delay: 0ms;
            transition-delay: 0ms;
    opacity: 0.5; }

.center {
  width: 100%;
  text-align: center; }

.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-color: #9b9999;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0) translateY(-50%); }
  100% {
    -webkit-transform: scale(1) translateY(-50%);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%); }
  100% {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 0; } }

@media only screen and (min-width: 768px) {
  .header-hero-blocks--alt {
    display: none; } }

.header-hero-blocks__wrap {
  max-width: 1140px;
  margin: 50px auto;
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }
  .header-hero-blocks__wrap:before, .header-hero-blocks__wrap:after {
    content: "";
    display: table; }
  .header-hero-blocks__wrap:after {
    clear: both; }
  @media only screen and (min-width: 1280px) {
    .header-hero-blocks__wrap {
      margin: -173px auto 100px; } }
  .header-hero-blocks__wrap__item {
    display: block;
    float: left;
    text-decoration: none;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media only screen and (max-width: 1279px) {
      .header-hero-blocks__wrap__item--last h3:after {
        display: none !important; } }
    @media only screen and (max-width: 1279px) {
      .header-hero-blocks__wrap__item {
        width: 100%;
        background: white !important; } }
    @media only screen and (min-width: 1280px) {
      .header-hero-blocks__wrap__item {
        position: relative;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc);
        width: 33.33333%; }
        .header-hero-blocks__wrap__item:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 90.90909%; }
        .header-hero-blocks__wrap__item[data-count='2'] {
          position: relative;
          width: 43.47826%; }
          .header-hero-blocks__wrap__item[data-count='2']:after {
            content: '';
            position: relative;
            display: block;
            padding-bottom: 64.10256%; } }
    .header-hero-blocks__wrap__item:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
    .header-hero-blocks__wrap__item__copy {
      text-align: center;
      z-index: 1;
      width: 100%;
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
      @media only screen and (min-width: 1280px) {
        .header-hero-blocks__wrap__item__copy {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          padding-top: 10px;
          -webkit-transform: translateY(-25%);
              -ms-transform: translateY(-25%);
                  transform: translateY(-25%); } }
    .header-hero-blocks__wrap__item h3 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      font-size: 24px;
      color: #81c241;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      text-decoration: none;
      display: inline-block;
      position: relative;
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms;
      margin-bottom: 15px; }
      @media screen and (min-width: 480px) {
        .header-hero-blocks__wrap__item h3 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .header-hero-blocks__wrap__item h3 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .header-hero-blocks__wrap__item h3 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .header-hero-blocks__wrap__item h3 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .header-hero-blocks__wrap__item h3 {
          font-size: 30px; } }
      @media only screen and (max-width: 1279px) {
        .header-hero-blocks__wrap__item h3 {
          text-align: left;
          display: inline-block;
          width: 100%;
          padding: 18px 20px;
          text-shadow: none; } }
      @media only screen and (min-width: 1280px) {
        .header-hero-blocks__wrap__item h3 {
          color: #ffffff;
          font-size: 24px; } }
  @media only screen and (min-width: 1280px) and (min-width: 480px) {
    .header-hero-blocks__wrap__item h3 {
      font-size: 24px; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .header-hero-blocks__wrap__item h3 {
      font-size: 24px; } }
  @media only screen and (min-width: 1280px) and (min-width: 992px) {
    .header-hero-blocks__wrap__item h3 {
      font-size: 27px; } }
  @media only screen and (min-width: 1280px) and (min-width: 1200px) {
    .header-hero-blocks__wrap__item h3 {
      font-size: 30px; } }
  @media only screen and (min-width: 1280px) and (min-width: 1600px) {
    .header-hero-blocks__wrap__item h3 {
      font-size: 30px; } }
    .header-hero-blocks__wrap__item p {
      text-align: center;
      display: block;
      margin: 0 auto 15px;
      max-width: 230px;
      padding: 0 10px;
      color: #81c241;
      display: none; }
      @media only screen and (min-width: 1280px) {
        .header-hero-blocks__wrap__item p {
          display: block;
          visibility: hidden;
          opacity: 0;
          color: #ffffff;
          position: relative;
          max-height: 1px;
          overflow: hidden; } }
    .header-hero-blocks__wrap__item .mobile {
      display: block;
      vertical-align: middle;
      position: absolute;
      right: 28px;
      top: -6px; }
      .header-hero-blocks__wrap__item .mobile path {
        stroke: #81c241; }
      @media only screen and (min-width: 1280px) {
        .header-hero-blocks__wrap__item .mobile {
          display: none; } }
    .header-hero-blocks__wrap__item svg {
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms;
      display: inline-block;
      margin: 20px 0 40px;
      display: none; }
      .header-hero-blocks__wrap__item svg path {
        stroke: #81c241; }
      @media only screen and (min-width: 1280px) {
        .header-hero-blocks__wrap__item svg {
          -webkit-transform: translateX(-50px);
              -ms-transform: translateX(-50px);
                  transform: translateX(-50px);
          display: inline-block;
          visibility: hidden;
          opacity: 0.2;
          margin: 0; }
          .header-hero-blocks__wrap__item svg path {
            stroke: #ffffff; } }
    @media only screen and (min-width: 1280px) {
      .header-hero-blocks__wrap__item:nth-child(1):before {
        background-color: rgba(129, 194, 65, 0.9); } }
    @media only screen and (min-width: 1280px) {
      .header-hero-blocks__wrap__item:nth-child(2):before {
        background-color: rgba(191, 214, 47, 0.9); } }
    @media only screen and (min-width: 1280px) {
      .header-hero-blocks__wrap__item:nth-child(3):before {
        background-color: rgba(29, 28, 28, 0.9); } }

@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  .header-hero-blocks__wrap__item:hover:nth-child(1):before {
    background-color: rgba(129, 194, 65, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.3) !important; } }

@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  .header-hero-blocks__wrap__item:hover:nth-child(2):before {
    background-color: rgba(191, 214, 47, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.3) !important; } }

@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  .header-hero-blocks__wrap__item:hover:nth-child(3):before {
    background-color: rgba(29, 28, 28, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.3) !important; } }
    @media only screen and (min-width: 1280px) {
      .header-hero-blocks__wrap__item:hover h3 {
        text-shadow: 0 0 10px transparent; }
      .header-hero-blocks__wrap__item:hover p {
        visibility: visible;
        opacity: 1;
        max-height: 120px; }
      .header-hero-blocks__wrap__item:hover svg {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
                transform: translateX(0px); }
      .header-hero-blocks__wrap__item:hover .header-hero-blocks__wrap__item__copy {
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }

.linkBlocks {
  background: #e9e7e8; }
  .linkBlocks:before, .linkBlocks:after {
    content: "";
    display: table; }
  .linkBlocks:after {
    clear: both; }
  .linkBlocks__wrap {
    position: relative;
    max-width: 1200px;
    margin: 10px auto 10px;
    font-size: 0;
    text-align: center; }
    .linkBlocks__wrap:before, .linkBlocks__wrap:after {
      content: "";
      display: table; }
    .linkBlocks__wrap:after {
      clear: both; }

.linkBlock {
  position: relative;
  padding: 20px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .linkBlock {
      width: 33.33333%; } }
  .linkBlock:hover .linkBlock__image__link {
    opacity: 1; }
    .linkBlock:hover .linkBlock__image__link p {
      opacity: 1;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute; }
  .linkBlock__image {
    position: relative; }
    .linkBlock__image img {
      display: block;
      width: 100%;
      height: auto; }
    .linkBlock__image__link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      text-align: center;
      background: rgba(129, 194, 65, 0.7);
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms;
      opacity: 0; }
      .linkBlock__image__link p {
        border: 1px solid white;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: white;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        width: 200px;
        line-height: 50px;
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%);
        -webkit-transition: all 330ms;
        -o-transition: all 330ms;
        transition: all 330ms;
        opacity: 0; }
        .linkBlock__image__link p svg {
          display: inline-block;
          vertical-align: middle;
          width: 13px;
          height: 33px;
          position: relative;
          right: -10px;
          top: -1px; }
  .linkBlock__copy {
    background: white;
    padding: 30px 20px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .linkBlock__copy {
        padding: 30px 40px; } }
    .linkBlock__copy h3 {
      color: #81c241;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 0px; }
    .linkBlock__copy p {
      color: #000; }

.user-account {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  right: 660px;
  display: none; }
  .user-account a {
    text-decoration: none;
    display: inline-block;
    margin-right: 20px; }
    .user-account a:hover svg path {
      fill: #18a655; }
  .user-account .my-hardieboard:hover svg ellipse {
    stroke: #18a655; }
  .user-account .my-hardieboard:hover svg circle {
    fill: #18a655; }
  .user-account .my-details {
    position: relative; }
    .user-account .my-details:hover svg circle {
      stroke: #18a655; }
    .user-account .my-details .item-count {
      right: 0;
      top: 0;
      position: absolute;
      background: #18a655;
      color: white;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 10px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }
  @media only screen and (max-width: 1279px) {
    .user-account {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 60px; }
      .user-account .my-hardieboard svg {
        width: 80px; }
      .user-account .my-details svg {
        width: 52px; }
      .user-account .my-details .item-count {
        position: absolute;
        background: #18a655;
        color: white;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        line-height: 16px;
        text-align: center;
        font-size: 8px;
        top: 6px;
        right: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300; } }
  @media only screen and (max-width: 479px) {
    .user-account {
      position: relative;
      top: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      left: 0;
      right: 0;
      width: 100%;
      text-align: left;
      padding: 20px; } }

@media only screen and (max-width: 479px) {
  nav .user-account {
    display: none; } }

@media only screen and (min-width: 480px) {
  .off-canvas .user-account {
    display: none; } }

.off-canvas {
  width: 100%;
  position: absolute;
  top: 38px;
  z-index: 1;
  border-top: 73px solid transparent;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0; }
  @media only screen and (min-width: 1280px) {
    .off-canvas {
      display: none; } }
  .off-canvas > ul {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background: white; }
    .off-canvas > ul li {
      display: block; }
      .off-canvas > ul li a {
        text-decoration: none;
        color: black;
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        font-size: 15.2px;
        display: block;
        padding: 15px 17px;
        border-bottom: 1px solid #f3f8fa; }
        @media screen and (min-width: 480px) {
          .off-canvas > ul li a {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .off-canvas > ul li a {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .off-canvas > ul li a {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .off-canvas > ul li a {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .off-canvas > ul li a {
            font-size: 19px; } }
        .off-canvas > ul li a:hover {
          background: #f3f8fa; }
        .off-canvas > ul li a.green {
          background: #81c241;
          display: block;
          border-bottom: 0; }
          @media only screen and (min-width: 640px) {
            .off-canvas > ul li a.green {
              display: none; } }
        .off-canvas > ul li a.green-light {
          background: #bfd62f;
          display: block;
          border-bottom: 0; }
          @media only screen and (min-width: 640px) {
            .off-canvas > ul li a.green-light {
              display: none; } }
      .off-canvas > ul li.has-children {
        position: relative; }
        .off-canvas > ul li.has-children > .svg-chevron-right {
          position: absolute;
          right: 18px;
          top: 18px;
          z-index: 2;
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
          -webkit-transition: all 480ms;
          -o-transition: all 480ms;
          transition: all 480ms;
          cursor: pointer; }
        .off-canvas > ul li.has-children:after {
          cursor: pointer;
          position: absolute;
          content: '';
          display: block;
          right: 0;
          top: 0;
          width: 52px;
          height: 52px;
          background: #ededed; }
          @media only screen and (min-width: 992px) {
            .off-canvas > ul li.has-children:after {
              height: 54px;
              width: 54px; } }
          @media only screen and (min-width: 1200px) {
            .off-canvas > ul li.has-children:after {
              height: 56px;
              width: 56px; } }
      .off-canvas > ul li.children-active > ul {
        max-height: 800px; }
      .off-canvas > ul li.children-active .svg-chevron-right {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .off-canvas > ul li > ul {
        max-height: 0;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms; }
        .off-canvas > ul li > ul li {
          position: relative; }
          .off-canvas > ul li > ul li a {
            padding-left: 45px;
            position: relative;
            font-size: 15.2px; }
            @media screen and (min-width: 480px) {
              .off-canvas > ul li > ul li a {
                font-size: 15.2px; } }
            @media screen and (min-width: 768px) {
              .off-canvas > ul li > ul li a {
                font-size: 15.2px; } }
            @media screen and (min-width: 992px) {
              .off-canvas > ul li > ul li a {
                font-size: 17.1px; } }
            @media screen and (min-width: 1200px) {
              .off-canvas > ul li > ul li a {
                font-size: 19px; } }
            @media screen and (min-width: 1600px) {
              .off-canvas > ul li > ul li a {
                font-size: 19px; } }
            .off-canvas > ul li > ul li a:before {
              position: absolute;
              content: '';
              display: block;
              width: 7px;
              height: 2px;
              background: #81c241;
              top: 50%;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              position: absolute;
              left: 30px; }
          .off-canvas > ul li > ul li.grandchildren-active > ul {
            max-height: 600px; }
          .off-canvas > ul li > ul li.grandchildren-active .svg-chevron-right {
            -webkit-transform: rotate(-90deg) !important;
                -ms-transform: rotate(-90deg) !important;
                    transform: rotate(-90deg) !important; }
          .off-canvas > ul li > ul li .js-toggle-children {
            cursor: pointer;
            position: absolute;
            content: '';
            display: block;
            right: 0;
            top: 0;
            width: 52px;
            height: 52px;
            background: whitesmoke; }
            @media only screen and (min-width: 992px) {
              .off-canvas > ul li > ul li .js-toggle-children {
                height: 54px;
                width: 54px; } }
            @media only screen and (min-width: 1200px) {
              .off-canvas > ul li > ul li .js-toggle-children {
                height: 56px;
                width: 56px; } }
            .off-canvas > ul li > ul li .js-toggle-children .svg-chevron-right {
              position: absolute;
              right: 18px;
              top: 18px;
              z-index: 2;
              -webkit-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                      transform: rotate(90deg);
              -webkit-transition: all 480ms;
              -o-transition: all 480ms;
              transition: all 480ms;
              cursor: pointer; }
          .off-canvas > ul li > ul li ul {
            max-height: 0;
            position: relative;
            overflow: hidden;
            -webkit-transition: all 240ms;
            -o-transition: all 240ms;
            transition: all 240ms; }
            .off-canvas > ul li > ul li ul a {
              padding-left: 55px;
              -webkit-transform: translateX(12px);
                  -ms-transform: translateX(12px);
                      transform: translateX(12px);
              position: relative;
              font-size: 13.5px; }
              @media screen and (min-width: 480px) {
                .off-canvas > ul li > ul li ul a {
                  font-size: 13.5px; } }
              @media screen and (min-width: 768px) {
                .off-canvas > ul li > ul li ul a {
                  font-size: 13.5px; } }
              @media screen and (min-width: 992px) {
                .off-canvas > ul li > ul li ul a {
                  font-size: 13.5px; } }
              @media screen and (min-width: 1200px) {
                .off-canvas > ul li > ul li ul a {
                  font-size: 15px; } }
              @media screen and (min-width: 1600px) {
                .off-canvas > ul li > ul li ul a {
                  font-size: 15px; } }
              .off-canvas > ul li > ul li ul a:before {
                position: absolute;
                content: '';
                display: block;
                width: 7px;
                height: 2px;
                background: #81c241;
                top: 50%;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                position: absolute;
                left: 30px; }

.mobile-nav .off-canvas {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1; }

.navburger {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 15px;
  cursor: pointer;
  z-index: 999;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (min-width: 1280px) {
    .navburger {
      display: none; } }
  .navburger span {
    width: 100%;
    height: 4px;
    position: relative;
    margin: 7px 0;
    background: #18a655;
    display: block;
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.mobile-nav .navburger {
  -webkit-transform: rotate(-90deg) translateX(-4px);
      -ms-transform: rotate(-90deg) translateX(-4px);
          transform: rotate(-90deg) translateX(-4px); }
  .mobile-nav .navburger .first {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 90% 50%;
        -ms-transform-origin: 90% 50%;
            transform-origin: 90% 50%;
    background: #008850; }
  .mobile-nav .navburger .second {
    opacity: 0; }
  .mobile-nav .navburger .third {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 90% 50%;
        -ms-transform-origin: 90% 50%;
            transform-origin: 90% 50%;
    background: #008850; }

nav {
  background: rgba(255, 255, 255, 0.85);
  position: relative;
  padding-left: 15px;
  z-index: 1; }
  nav:before, nav:after {
    content: "";
    display: table; }
  nav:after {
    clear: both; }
  @media only screen and (min-width: 1280px) {
    nav {
      padding-left: 30px;
      height: 136px; } }
  nav .logo {
    float: left;
    padding: 15px 0;
    display: block;
    width: 150px;
    height: 100%; }
    @media only screen and (min-width: 1280px) {
      nav .logo {
        padding: 27px 0;
        width: 297px;
        width: auto; } }
    nav .logo svg {
      width: 100%;
      height: 41px; }
      @media only screen and (min-width: 1280px) {
        nav .logo svg {
          height: 82px; } }
  nav ul {
    display: none;
    float: right;
    text-align: center;
    position: relative; }
    @media only screen and (min-width: 1280px) {
      nav ul {
        display: block; } }
    @media only screen and (min-width: 1280px) {
      nav ul {
        padding: 27px 0 27px 0;
        background: #f0f1f1;
        width: 611px;
        height: 100%; } }
    nav ul:before {
      position: absolute;
      content: '';
      display: block;
      width: 0;
      height: 0;
      bottom: 0;
      right: 100%;
      display: none;
      border-style: solid;
      border-width: 0 0 136px 52px;
      border-color: transparent transparent #f0f1f1 transparent; }
      @media only screen and (min-width: 1280px) {
        nav ul:before {
          display: block; } }
    nav ul li {
      line-height: 73px;
      display: inline-block; }
      @media only screen and (min-width: 1280px) {
        nav ul li {
          line-height: 86px; } }
      nav ul li a {
        font-family: "HelveticaNeueW01-67MdCn_692710";
        font-weight: normal;
        color: black;
        padding: 0 18px;
        text-decoration: none; }

.navbar {
  width: 100%;
  display: block;
  position: relative;
  background: #ffffff;
  height: 38px; }
  .navbar:before, .navbar:after {
    content: "";
    display: table; }
  .navbar:after {
    clear: both; }
  @media only screen and (min-width: 1280px) {
    .navbar {
      padding-left: 30px; } }
  .navbar--left {
    float: left;
    height: 100%;
    position: relative;
    background: white;
    z-index: 5;
    background: white;
    width: 100%; }
    @media only screen and (min-width: 640px) {
      .navbar--left {
        width: auto; } }
    .navbar--left a {
      float: left;
      height: 100%;
      padding: 0 5px;
      position: relative;
      width: 36px;
      border-right: 1px solid #9b9999; }
      .navbar--left a svg {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .navbar--left a.search {
        width: 80px;
        border-right: 0;
        background: #dedede; }
      .navbar--left a.link {
        border-right: 0;
        width: auto;
        padding: 0 10px;
        text-decoration: none;
        line-height: 38px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 10.4px;
        color: black; }
        @media screen and (min-width: 480px) {
          .navbar--left a.link {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .navbar--left a.link {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .navbar--left a.link {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .navbar--left a.link {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .navbar--left a.link {
            font-size: 13px; } }
    .navbar--left .twitter:hover path {
      fill: #00aced; }
    .navbar--left .pinterest svg {
      width: 15px;
      height: 16px; }
    .navbar--left .pinterest path {
      fill: #727272; }
    .navbar--left .pinterest:hover path {
      fill: #f30; }
    .navbar--left .linkedin path {
      fill: #727272; }
    .navbar--left .linkedin:hover path {
      fill: #0077b5; }
    .navbar--left .facebook:hover path {
      fill: #3b5998; }
  .navbar--right {
    float: right;
    height: 100%;
    z-index: 2;
    top: 0;
    position: relative;
    display: none; }
    @media only screen and (min-width: 640px) {
      .navbar--right {
        display: block; } }
    .navbar--right .link {
      display: block;
      height: 100%;
      color: black;
      float: left;
      line-height: 38px;
      -webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      width: 140px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 15.2px;
      text-align: center;
      text-decoration: none;
      position: relative; }
      @media screen and (min-width: 480px) {
        .navbar--right .link {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .navbar--right .link {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .navbar--right .link {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .navbar--right .link {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .navbar--right .link {
          font-size: 19px; } }
      @media only screen and (min-width: 1280px) {
        .navbar--right .link {
          width: 299px; } }
      .navbar--right .link:before {
        position: absolute;
        content: '';
        display: block;
        width: 0;
        height: 0;
        right: 100%;
        border-style: solid;
        border-width: 0 0 38px 0px;
        -webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        @media only screen and (min-width: 1280px) {
          .navbar--right .link:before {
            border-width: 0 0 38px 13px; } }
      .navbar--right .link--green {
        background: #81c241; }
        .navbar--right .link--green:before {
          border-color: transparent transparent #81c241 transparent; }
      .navbar--right .link--green-light {
        background: #bfd62f; }
        .navbar--right .link--green-light:before {
          border-color: transparent transparent #bfd62f transparent; }

.search-box {
  -webkit-transform: translateY(-125px);
      -ms-transform: translateY(-125px);
          transform: translateY(-125px);
  -webkit-transition: all 240ms;
  -o-transition: all 240ms;
  transition: all 240ms;
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  right: 0;
  background: rgba(129, 194, 65, 0.95);
  border: 0;
  padding: 36px 24px;
  z-index: 2; }
  .search-box input {
    font-size: 36px;
    padding: 0;
    height: auto;
    font-weight: 700;
    color: white;
    background: none;
    border: 0;
    outline: none;
    width: 100%; }
    @media screen and (min-width: 480px) {
      .search-box input {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .search-box input {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .search-box input {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .search-box input {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .search-box input {
        font-size: 45px; } }
  .search-box ::-webkit-input-placeholder {
    font-size: 36px;
    font-weight: 700;
    color: #f3f8fa; }
    @media screen and (min-width: 480px) {
      .search-box ::-webkit-input-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .search-box ::-webkit-input-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .search-box ::-webkit-input-placeholder {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .search-box ::-webkit-input-placeholder {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .search-box ::-webkit-input-placeholder {
        font-size: 45px; } }
  .search-box :-moz-placeholder {
    font-size: 36px;
    font-weight: 700;
    color: #f3f8fa; }
    @media screen and (min-width: 480px) {
      .search-box :-moz-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .search-box :-moz-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .search-box :-moz-placeholder {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .search-box :-moz-placeholder {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .search-box :-moz-placeholder {
        font-size: 45px; } }
  .search-box ::-moz-placeholder {
    font-size: 36px;
    font-weight: 700;
    color: #f3f8fa; }
    @media screen and (min-width: 480px) {
      .search-box ::-moz-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .search-box ::-moz-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .search-box ::-moz-placeholder {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .search-box ::-moz-placeholder {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .search-box ::-moz-placeholder {
        font-size: 45px; } }
  .search-box :-ms-input-placeholder {
    font-size: 36px;
    font-weight: 700;
    color: #f3f8fa; }
    @media screen and (min-width: 480px) {
      .search-box :-ms-input-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .search-box :-ms-input-placeholder {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .search-box :-ms-input-placeholder {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .search-box :-ms-input-placeholder {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .search-box :-ms-input-placeholder {
        font-size: 45px; } }
  .search-box .svg-clear {
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    position: absolute;
    z-index: 1; }
    .search-box .svg-clear:hover {
      opacity: 1; }
  .search-box .action {
    display: none; }

.search-active .search-box {
  -webkit-transform: translateY(38px);
      -ms-transform: translateY(38px);
          transform: translateY(38px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  opacity: 1; }

.search-active .search path {
  stroke: #008850; }

.navbar--right .languageLink {
  display: block;
  height: 100%;
  color: black;
  float: left;
  line-height: 38px;
  -webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 70px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15.2px;
  text-align: center;
  background: #dedede; }
  @media screen and (min-width: 480px) {
    .navbar--right .languageLink {
      font-size: 15.2px; } }
  @media screen and (min-width: 768px) {
    .navbar--right .languageLink {
      font-size: 15.2px; } }
  @media screen and (min-width: 992px) {
    .navbar--right .languageLink {
      font-size: 17.1px; } }
  @media screen and (min-width: 1200px) {
    .navbar--right .languageLink {
      font-size: 19px; } }
  @media screen and (min-width: 1600px) {
    .navbar--right .languageLink {
      font-size: 19px; } }

.off-canvas .languageLink {
  background: #dedede; }

@media only screen and (min-width: 1280px) {
  .navbar--right .link {
    width: 264px; } }

@media only screen and (max-width: 699px) {
  .navbar--right {
    display: none; } }

@media only screen and (max-width: 699px) {
  .off-canvas > ul li a.green,
  .off-canvas > ul li a.green-light {
    display: block; } }

.hero-image {
  position: relative;
  background-size: cover;
  background-position: center center;
  -ms-behavior: url(/backgroundsize.min.htc);
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .hero-image {
      position: relative; }
      .hero-image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 19.79167%; } }
  .hero-image__overlay {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.2); }
  .hero-image__content {
    z-index: 2;
    width: 100%;
    text-align: center;
    color: white; }
    @media only screen and (min-width: 1024px) {
      .hero-image__content {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute; } }
    @media only screen and (max-width: 1023px) {
      .hero-image__content {
        padding: 54px 12px;
        position: relative; } }
    .hero-image__content a {
      margin-top: 36px; }

.js-restx-filtering,
.js-rest-filtering {
  color: #9b9999;
  font-size: 10.4px;
  float: right;
  position: absolute;
  right: 0;
  top: 6px;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 240ms;
  -o-transition: all 240ms;
  transition: all 240ms; }
  @media screen and (min-width: 480px) {
    .js-restx-filtering,
    .js-rest-filtering {
      font-size: 10.4px; } }
  @media screen and (min-width: 768px) {
    .js-restx-filtering,
    .js-rest-filtering {
      font-size: 10.4px; } }
  @media screen and (min-width: 992px) {
    .js-restx-filtering,
    .js-rest-filtering {
      font-size: 11.7px; } }
  @media screen and (min-width: 1200px) {
    .js-restx-filtering,
    .js-rest-filtering {
      font-size: 13px; } }
  @media screen and (min-width: 1600px) {
    .js-restx-filtering,
    .js-rest-filtering {
      font-size: 13px; } }
  .js-restx-filtering.active,
  .js-rest-filtering.active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .js-restx-filtering svg,
  .js-rest-filtering svg {
    position: relative;
    top: 4px;
    margin-left: 3px;
    width: 18px;
    height: 18px; }
    .js-restx-filtering svg *,
    .js-rest-filtering svg * {
      stroke: #9b9999;
      display: inline-block;
      vertical-align: middle; }

.menu-list {
  color: white;
  border-left: 1px solid white;
  padding: 0;
  display: block;
  float: left; }
  .menu-list a {
    color: white;
    text-decoration: none;
    display: block;
    font-size: 15.2px;
    padding-bottom: 12px; }
    @media screen and (min-width: 480px) {
      .menu-list a {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .menu-list a {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .menu-list a {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .menu-list a {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .menu-list a {
        font-size: 19px; } }
    .menu-list a:last-child {
      padding-bottom: 0; }
    .menu-list a.active {
      color: black; }
  .menu-list.menu-one {
    padding: 0 24px; }
  .menu-list.menu-two {
    opacity: 0;
    visibility: hidden;
    max-width: 0;
    max-height: 0;
    position: relative;
    overflow: hidden; }
    .menu-list.menu-two.active {
      opacity: 1;
      visibility: visible;
      max-width: 10000px;
      max-height: 10000px;
      padding: 0 24px; }
  .menu-list.menu-three {
    opacity: 0;
    visibility: hidden;
    max-width: 0;
    max-height: 0;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .menu-list.menu-three {
        width: 100%;
        margin-top: 24px; } }
    .menu-list.menu-three.active {
      opacity: 1;
      visibility: visible;
      max-width: 10000px;
      max-height: 10000px;
      padding: 0 24px; }

.render-filters,
.home-filters,
.inspiration-filters {
  z-index: 999;
  position: relative;
  padding: 12px 0; }
  .render-filters:before, .render-filters:after,
  .home-filters:before,
  .home-filters:after,
  .inspiration-filters:before,
  .inspiration-filters:after {
    content: "";
    display: table; }
  .render-filters:after,
  .home-filters:after,
  .inspiration-filters:after {
    clear: both; }
  .render-filters .filter,
  .home-filters .filter,
  .inspiration-filters .filter {
    background: #f3f8fa;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 12px; }
    .render-filters .filter p,
    .home-filters .filter p,
    .inspiration-filters .filter p {
      color: #000000; }
    .render-filters .filter svg path,
    .home-filters .filter svg path,
    .inspiration-filters .filter svg path {
      fill: #000000; }
    @media only screen and (min-width: 768px) {
      .render-filters .filter,
      .home-filters .filter,
      .inspiration-filters .filter {
        width: 50%;
        margin-bottom: 0; } }
    .render-filters .filter.left-side,
    .home-filters .filter.left-side,
    .inspiration-filters .filter.left-side {
      z-index: 99; }
      @media only screen and (min-width: 768px) {
        .render-filters .filter.left-side,
        .home-filters .filter.left-side,
        .inspiration-filters .filter.left-side {
          border-right: 3px solid white; }
          .render-filters .filter.left-side .filter-secondary,
          .home-filters .filter.left-side .filter-secondary,
          .inspiration-filters .filter.left-side .filter-secondary {
            width: calc(200% + 6px); } }
    @media only screen and (min-width: 768px) {
      .render-filters .filter.right-side,
      .home-filters .filter.right-side,
      .inspiration-filters .filter.right-side {
        border-left: 3px solid white; }
        .render-filters .filter.right-side .filter-secondary,
        .home-filters .filter.right-side .filter-secondary,
        .inspiration-filters .filter.right-side .filter-secondary {
          width: calc(200% + 6px);
          -webkit-transform: translateX(-6px);
              -ms-transform: translateX(-6px);
                  transform: translateX(-6px); } }
    @media only screen and (min-width: 768px) {
      .render-filters .filter.right-side .filter-secondary,
      .home-filters .filter.right-side .filter-secondary,
      .inspiration-filters .filter.right-side .filter-secondary {
        left: -100%; } }
    .render-filters .filter.active, .render-filters .filter:hover,
    .home-filters .filter.active,
    .home-filters .filter:hover,
    .inspiration-filters .filter.active,
    .inspiration-filters .filter:hover {
      background: #81c241; }
      .render-filters .filter.active p, .render-filters .filter:hover p,
      .home-filters .filter.active p,
      .home-filters .filter:hover p,
      .inspiration-filters .filter.active p,
      .inspiration-filters .filter:hover p {
        color: white; }
      .render-filters .filter.active svg path, .render-filters .filter:hover svg path,
      .home-filters .filter.active svg path,
      .home-filters .filter:hover svg path,
      .inspiration-filters .filter.active svg path,
      .inspiration-filters .filter:hover svg path {
        fill: white; }
    .render-filters .filter p, .render-filters .filter svg,
    .home-filters .filter p,
    .home-filters .filter svg,
    .inspiration-filters .filter p,
    .inspiration-filters .filter svg {
      display: inline-block;
      vertical-align: top; }
    .render-filters .filter p,
    .home-filters .filter p,
    .inspiration-filters .filter p {
      text-transform: uppercase;
      font-size: 15.2px;
      padding: 12px; }
      @media screen and (min-width: 480px) {
        .render-filters .filter p,
        .home-filters .filter p,
        .inspiration-filters .filter p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .render-filters .filter p,
        .home-filters .filter p,
        .inspiration-filters .filter p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .render-filters .filter p,
        .home-filters .filter p,
        .inspiration-filters .filter p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .render-filters .filter p,
        .home-filters .filter p,
        .inspiration-filters .filter p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .render-filters .filter p,
        .home-filters .filter p,
        .inspiration-filters .filter p {
          font-size: 19px; } }
    .render-filters .filter svg,
    .home-filters .filter svg,
    .inspiration-filters .filter svg {
      position: absolute;
      right: 12px;
      top: 16px; }
    .render-filters .filter.active .filter-secondary,
    .home-filters .filter.active .filter-secondary,
    .inspiration-filters .filter.active .filter-secondary {
      padding: 6px 32px 32px 32px;
      overflow: visible;
      max-height: 500px; }
  .render-filters .filter-secondary,
  .home-filters .filter-secondary,
  .inspiration-filters .filter-secondary {
    background: rgba(129, 194, 65, 0.95);
    width: 100%;
    text-align: left;
    padding: 0 32px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    color: white; }
    @media only screen and (min-width: 768px) {
      .render-filters .filter-secondary,
      .home-filters .filter-secondary,
      .inspiration-filters .filter-secondary {
        width: 200%; } }
    .render-filters .filter-secondary > p,
    .home-filters .filter-secondary > p,
    .inspiration-filters .filter-secondary > p {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      margin-left: -12px;
      color: black !important; }
    .render-filters .filter-secondary > ul,
    .home-filters .filter-secondary > ul,
    .inspiration-filters .filter-secondary > ul {
      padding-left: 12px;
      border-left: 1px solid white; }
      .render-filters .filter-secondary > ul > li,
      .home-filters .filter-secondary > ul > li,
      .inspiration-filters .filter-secondary > ul > li {
        position: relative;
        width: 25%;
        display: block;
        padding-bottom: 12px;
        cursor: pointer; }
        .render-filters .filter-secondary > ul > li:last-child,
        .home-filters .filter-secondary > ul > li:last-child,
        .inspiration-filters .filter-secondary > ul > li:last-child {
          padding-bottom: 0; }
        .render-filters .filter-secondary > ul > li:hover,
        .home-filters .filter-secondary > ul > li:hover,
        .inspiration-filters .filter-secondary > ul > li:hover {
          color: black; }
          .render-filters .filter-secondary > ul > li:hover li,
          .home-filters .filter-secondary > ul > li:hover li,
          .inspiration-filters .filter-secondary > ul > li:hover li {
            color: #000000; }
        .render-filters .filter-secondary > ul > li.active .filter-tertiary,
        .home-filters .filter-secondary > ul > li.active .filter-tertiary,
        .inspiration-filters .filter-secondary > ul > li.active .filter-tertiary {
          padding: 32px;
          overflow: visible;
          max-height: 500px; }
  .render-filters .filter-tertiary,
  .home-filters .filter-tertiary,
  .inspiration-filters .filter-tertiary {
    background: rgba(129, 194, 65, 0.95);
    margin-left: -32px;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 100%; }
    .render-filters .filter-tertiary ul,
    .home-filters .filter-tertiary ul,
    .inspiration-filters .filter-tertiary ul {
      display: inline-block;
      margin: 0 auto;
      text-align: left;
      border-left: 1px solid #000000;
      padding-left: 32px; }
      .render-filters .filter-tertiary ul li,
      .home-filters .filter-tertiary ul li,
      .inspiration-filters .filter-tertiary ul li {
        padding: 6px 0; }
        .render-filters .filter-tertiary ul li:hover,
        .home-filters .filter-tertiary ul li:hover,
        .inspiration-filters .filter-tertiary ul li:hover {
          color: #81c241 !important; }

.inspiration-gallery:before, .inspiration-gallery:after {
  content: "";
  display: table; }

.inspiration-gallery:after {
  clear: both; }

.inspiration-gallery__wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .inspiration-gallery__wrap {
      padding: 0 40px; } }
  .inspiration-gallery__wrap:before, .inspiration-gallery__wrap:after {
    content: "";
    display: table; }
  .inspiration-gallery__wrap:after {
    clear: both; }

.inspiration-gallery .constrained, .inspiration-gallery .productPage {
  position: relative;
  padding-top: 30px;
  padding-bottom: 60px; }
  @media only screen and (min-width: 1024px) {
    .inspiration-gallery .constrained, .inspiration-gallery .productPage {
      padding-bottom: 120px;
      width: calc(100% - 400px);
      float: right; } }

.inspiration-gallery-masonry__item {
  width: 50%;
  border: 5px solid white;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top; }
  @media only screen and (min-width: 640px) {
    .inspiration-gallery-masonry__item {
      width: 33.33333%;
      border: 8px solid white; } }
  @media only screen and (min-width: 768px) {
    .inspiration-gallery-masonry__item {
      width: 25%;
      border: 10px solid white; } }
  .inspiration-gallery-masonry__item img {
    width: 100%;
    height: auto; }
  .inspiration-gallery-masonry__item .share {
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    padding: 6px 8px;
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms;
    opacity: 0;
    z-index: 3;
    cursor: pointer; }
    .inspiration-gallery-masonry__item .share svg path {
      fill: #81c241;
      -webkit-transition: all 120ms;
      -o-transition: all 120ms;
      transition: all 120ms; }
    .inspiration-gallery-masonry__item .share:hover svg path {
      fill: #008850; }
  .inspiration-gallery-masonry__item .overlay {
    background: rgba(129, 194, 65, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 360ms;
    -o-transition: all 360ms;
    transition: all 360ms; }
    .inspiration-gallery-masonry__item .overlay.fake-hover, .inspiration-gallery-masonry__item .overlay:hover {
      opacity: 1;
      visibility: visible; }
      .inspiration-gallery-masonry__item .overlay.fake-hover .share, .inspiration-gallery-masonry__item .overlay:hover .share {
        opacity: 1; }
      .inspiration-gallery-masonry__item .overlay.fake-hover .description h6, .inspiration-gallery-masonry__item .overlay.fake-hover .description a, .inspiration-gallery-masonry__item .overlay:hover .description h6, .inspiration-gallery-masonry__item .overlay:hover .description a {
        opacity: 1;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
  .inspiration-gallery-masonry__item .description {
    padding: 0 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: white;
    text-align: center; }
    .inspiration-gallery-masonry__item .description h6 {
      width: 100%;
      display: block;
      margin-bottom: 10px;
      -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
              transform: translateY(20px);
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms; }
    .inspiration-gallery-masonry__item .description a {
      -webkit-transform: translateY(30px);
          -ms-transform: translateY(30px);
              transform: translateY(30px);
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      display: inline-block;
      text-decoration: none;
      font-size: 13.5px;
      color: white; }
      @media screen and (min-width: 480px) {
        .inspiration-gallery-masonry__item .description a {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .inspiration-gallery-masonry__item .description a {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .inspiration-gallery-masonry__item .description a {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .inspiration-gallery-masonry__item .description a {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .inspiration-gallery-masonry__item .description a {
          font-size: 15px; } }
      .inspiration-gallery-masonry__item .description a svg {
        vertical-align: middle;
        margin-left: 6px; }
      .inspiration-gallery-masonry__item .description a hr {
        height: 1px;
        border: 0;
        background: white; }
      .inspiration-gallery-masonry__item .description a span {
        font-size: 10px; }

.inspiration-gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: block;
  z-index: 999999;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  opacity: 0;
  visibility: hidden; }
  .inspiration-gallery-overlay.active {
    opacity: 1;
    visibility: visible; }
    .inspiration-gallery-overlay.active .inspiration-gallery-overlay__wrap {
      opacity: 1;
      visibility: visible; }
  .inspiration-gallery-overlay .inspiration-gallery-overlay__wrap {
    max-width: 1140px;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 100px 40px 40px;
    -webkit-transition: opacity 640ms;
    -o-transition: opacity 640ms;
    transition: opacity 640ms;
    opacity: 0;
    visibility: hidden;
    max-height: 100%;
    overflow: hidden; }
    .inspiration-gallery-overlay .inspiration-gallery-overlay__wrap img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .inspiration-gallery-overlay .js-close {
    border: 0;
    background: transparent;
    position: absolute;
    right: 5px;
    top: 10px;
    outline: none;
    cursor: pointer;
    z-index: 99; }
  .inspiration-gallery-overlay .js-prev,
  .inspiration-gallery-overlay .js-next {
    z-index: 99;
    border: 0;
    outline: none;
    cursor: pointer;
    background: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute; }
  .inspiration-gallery-overlay .js-prev {
    left: 0; }
  .inspiration-gallery-overlay .js-next {
    right: 0; }

.inspiration-gallery-slider__item {
  outline: none;
  text-align: center;
  padding: 0 10px 30px 10px; }
  .inspiration-gallery-slider__item__wrap {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.share-menu {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 99;
  background: rgba(255, 255, 255, 0.6); }
  .share-menu .share-toggle {
    background: #81c241;
    display: block;
    text-decoration: none;
    padding: 11px 0; }
    .share-menu .share-toggle span {
      padding-top: 3px;
      font-size: 8px;
      display: block;
      color: white; }
  .share-menu ul {
    padding: 10px;
    position: relative;
    z-index: 9; }
    .share-menu ul li a {
      z-index: 4;
      display: block;
      width: 30px;
      height: 30px;
      background: white;
      margin-bottom: 2px;
      cursor: pointer;
      position: relative;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
      .share-menu ul li a:hover {
        z-index: 6;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
      .share-menu ul li a svg {
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }

@media only screen and (max-width: 639px) {
  .inspiration-gallery-slider__item {
    padding-top: 40px; }
  .inspiration-gallery-overlay .share-menu {
    top: -44px;
    width: 100%;
    text-align: center; }
    .inspiration-gallery-overlay .share-menu .share-toggle {
      display: none; }
    .inspiration-gallery-overlay .share-menu ul {
      padding-bottom: 0; }
      .inspiration-gallery-overlay .share-menu ul li {
        display: inline-block;
        margin-right: 5px; }
        .inspiration-gallery-overlay .share-menu ul li a {
          background: rgba(0, 0, 0, 0.03); } }

.image-pois {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .image-pois .image-poi {
    position: absolute;
    cursor: pointer;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    z-index: 4; }
    .image-pois .image-poi svg {
      opacity: 1; }
    .image-pois .image-poi:hover {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
    .image-pois .image-poi.active {
      cursor: pointer;
      opacity: 1;
      z-index: 99; }
      .image-pois .image-poi.active .content {
        visibility: visible !important;
        -webkit-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
                transform: rotate(0deg) !important;
        opacity: 1; }
  .image-pois .content {
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    text-align: left;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 330ms;
    -o-transition: all 330ms;
    transition: all 330ms;
    overflow: hidden; }
    .image-pois .content:before, .image-pois .content:after {
      content: "";
      display: table; }
    .image-pois .content:after {
      clear: both; }
    .image-pois .content p {
      width: 270px; }
      @media only screen and (max-width: 767px) {
        .image-pois .content p {
          width: 120px;
          margin-bottom: 14px; } }
    .image-pois .content .image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative;
      width: 95px;
      margin-right: 15px; }
      .image-pois .content .image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
      @media only screen and (max-width: 767px) {
        .image-pois .content .image {
          display: none; } }
    .image-pois .content p {
      font-size: 15.2px;
      color: #000000; }
      @media screen and (min-width: 480px) {
        .image-pois .content p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .image-pois .content p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .image-pois .content p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .image-pois .content p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .image-pois .content p {
          font-size: 19px; } }
    .image-pois .content a {
      font-size: 10.4px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      color: #81c241;
      position: absolute;
      bottom: 10px;
      text-decoration: none; }
      @media screen and (min-width: 480px) {
        .image-pois .content a {
          font-size: 10.4px; } }
      @media screen and (min-width: 768px) {
        .image-pois .content a {
          font-size: 10.4px; } }
      @media screen and (min-width: 992px) {
        .image-pois .content a {
          font-size: 11.7px; } }
      @media screen and (min-width: 1200px) {
        .image-pois .content a {
          font-size: 13px; } }
      @media screen and (min-width: 1600px) {
        .image-pois .content a {
          font-size: 13px; } }
  .image-pois .image-poi.left .content {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
    visibility: hidden;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    left: 100%;
    padding-left: 20px;
    margin-top: -17px;
    margin-left: -15px;
    -webkit-mask-image: -webkit-radial-gradient(circle 10px at 0 0, transparent 0, transparent 20px, black 21px);
            mask-image: radial-gradient(circle 10px at 0 0, transparent 0, transparent 20px, black 21px); }
    .image-pois .image-poi.left .content .image {
      float: right;
      margin-right: 0px !important; }
  .image-pois .image-poi.right .content {
    -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
    visibility: hidden;
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    right: 100%;
    margin-top: -17px;
    margin-right: -16px;
    -webkit-mask-image: -webkit-radial-gradient(circle 10px at 100% 0, transparent 0, transparent 20px, black 21px);
            mask-image: radial-gradient(circle 10px at 100% 0, transparent 0, transparent 20px, black 21px); }
    .image-pois .image-poi.right .content .image {
      float: left; }

.slick-active .image-pois .image-poi {
  -webkit-animation: pulse 640ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: pulse 640ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  .slick-active .image-pois .image-poi:nth-child(1) {
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s; }
  .slick-active .image-pois .image-poi:nth-child(2) {
    -webkit-animation-delay: 1.7s;
            animation-delay: 1.7s; }
  .slick-active .image-pois .image-poi:nth-child(3) {
    -webkit-animation-delay: 2.3s;
            animation-delay: 2.3s; }
  .slick-active .image-pois .image-poi:nth-child(4) {
    -webkit-animation-delay: 2.9s;
            animation-delay: 2.9s; }
  .slick-active .image-pois .image-poi:nth-child(5) {
    -webkit-animation-delay: 3.5s;
            animation-delay: 3.5s; }
  .slick-active .image-pois .image-poi:nth-child(6) {
    -webkit-animation-delay: 4.1s;
            animation-delay: 4.1s; }
  .slick-active .image-pois .image-poi:nth-child(7) {
    -webkit-animation-delay: 4.7s;
            animation-delay: 4.7s; }
  .slick-active .image-pois .image-poi:nth-child(8) {
    -webkit-animation-delay: 5.3s;
            animation-delay: 5.3s; }
  .slick-active .image-pois .image-poi:nth-child(9) {
    -webkit-animation-delay: 5.9s;
            animation-delay: 5.9s; }
  .slick-active .image-pois .image-poi:nth-child(10) {
    -webkit-animation-delay: 6.5s;
            animation-delay: 6.5s; }
  .slick-active .image-pois .image-poi:nth-child(11) {
    -webkit-animation-delay: 7.1s;
            animation-delay: 7.1s; }
  .slick-active .image-pois .image-poi:nth-child(12) {
    -webkit-animation-delay: 7.7s;
            animation-delay: 7.7s; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8); }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8); }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.item-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: block;
  z-index: 999;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  opacity: 0;
  visibility: hidden; }
  .item-image-overlay.active {
    opacity: 1;
    visibility: visible; }
    .item-image-overlay.active .item-image-overlay__wrap {
      opacity: 1;
      visibility: visible; }
  .item-image-overlay .item-image-overlay__wrap {
    text-align: center;
    max-width: 1140px;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    -webkit-transition: opacity 640ms;
    -o-transition: opacity 640ms;
    transition: opacity 640ms;
    opacity: 0;
    visibility: hidden; }
    .item-image-overlay .item-image-overlay__wrap img {
      max-width: 100%;
      width: auto;
      margin: 0 auto; }
    .item-image-overlay .item-image-overlay__wrap .close-modal {
      position: absolute;
      top: 0;
      right: 10px; }
      @media only screen and (min-width: 768px) {
        .item-image-overlay .item-image-overlay__wrap .close-modal {
          right: 50px; } }

.latest-events {
  text-align: center;
  font-size: 0; }
  .latest-events__wrap {
    text-align: center;
    max-width: 1700px;
    padding: 80px 10px;
    margin: 0 auto; }
    .latest-events__wrap h3 {
      font-size: 36px;
      margin-bottom: 40px; }
      @media screen and (min-width: 480px) {
        .latest-events__wrap h3 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .latest-events__wrap h3 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .latest-events__wrap h3 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .latest-events__wrap h3 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .latest-events__wrap h3 {
          font-size: 45px; } }
    .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
      font-size: 20.8px;
      margin-top: 40px; }
      @media screen and (min-width: 480px) {
        .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
          font-size: 20.8px; } }
      @media screen and (min-width: 768px) {
        .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
          font-size: 20.8px; } }
      @media screen and (min-width: 992px) {
        .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
          font-size: 23.4px; } }
      @media screen and (min-width: 1200px) {
        .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
          font-size: 26px; } }
      @media screen and (min-width: 1600px) {
        .latest-events__wrap .button, .latest-events__wrap .button--light, .latest-events__wrap .button--dark, .latest-events__wrap #SearchResults li .readMoreLink, #SearchResults li .latest-events__wrap .readMoreLink {
          font-size: 26px; } }
  .latest-events .latest-event {
    width: 100%;
    display: inline-block;
    position: relative;
    position: relative;
    padding: 10px;
    color: white; }
    .latest-events .latest-event:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 50%; }
    @media only screen and (min-width: 640px) {
      .latest-events .latest-event {
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .latest-events .latest-event {
        width: 25%; } }
    .latest-events .latest-event__wrap {
      position: absolute;
      left: 10px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      right: 10px;
      bottom: 10px;
      top: 10px;
      -webkit-transition: all 160ms;
      -o-transition: all 160ms;
      transition: all 160ms; }
    .latest-events .latest-event .copy {
      position: absolute;
      background: rgba(129, 194, 65, 0.7);
      left: 0;
      right: 0;
      bottom: 0;
      padding: 15px 80px 15px 15px;
      text-align: left;
      z-index: 2;
      -webkit-transition: all 120ms;
      -o-transition: all 120ms;
      transition: all 120ms;
      min-height: 72px; }
      .latest-events .latest-event .copy p {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
      .latest-events .latest-event .copy svg {
        position: absolute;
        right: 20px;
        bottom: 20px;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms; }
    .latest-events .latest-event:hover .latest-event__wrap {
      -webkit-transform: scale(1.04);
          -ms-transform: scale(1.04);
              transform: scale(1.04); }
    .latest-events .latest-event:hover .copy {
      background: rgba(129, 194, 65, 0.9); }
      .latest-events .latest-event:hover .copy svg {
        -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
                transform: translateX(10px); }

.loginPage form {
  margin: 40px auto;
  width: 100%;
  max-width: 400px; }
  .loginPage form label {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 15.2px;
    margin-bottom: 10px; }
    @media screen and (min-width: 480px) {
      .loginPage form label {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .loginPage form label {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .loginPage form label {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .loginPage form label {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .loginPage form label {
        font-size: 19px; } }
  .loginPage form textarea,
  .loginPage form input[type="email"],
  .loginPage form input[type="password"],
  .loginPage form input[type="text"] {
    outline: 0;
    height: 40px;
    border: 0;
    width: 100%;
    padding: 0 10px;
    font-size: 13.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    background: #f3f8fa;
    -webkit-appearance: none;
    border-radius: 0; }
    @media screen and (min-width: 480px) {
      .loginPage form textarea,
      .loginPage form input[type="email"],
      .loginPage form input[type="password"],
      .loginPage form input[type="text"] {
        font-size: 13.5px; } }
    @media screen and (min-width: 768px) {
      .loginPage form textarea,
      .loginPage form input[type="email"],
      .loginPage form input[type="password"],
      .loginPage form input[type="text"] {
        font-size: 13.5px; } }
    @media screen and (min-width: 992px) {
      .loginPage form textarea,
      .loginPage form input[type="email"],
      .loginPage form input[type="password"],
      .loginPage form input[type="text"] {
        font-size: 13.5px; } }
    @media screen and (min-width: 1200px) {
      .loginPage form textarea,
      .loginPage form input[type="email"],
      .loginPage form input[type="password"],
      .loginPage form input[type="text"] {
        font-size: 15px; } }
    @media screen and (min-width: 1600px) {
      .loginPage form textarea,
      .loginPage form input[type="email"],
      .loginPage form input[type="password"],
      .loginPage form input[type="text"] {
        font-size: 15px; } }
  .loginPage form input[type="submit"] {
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    background: #18a655;
    border: 0;
    width: 100%;
    cursor: pointer;
    color: white;
    padding: 10px 20px;
    margin: 10px auto;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15.2px; }
    @media screen and (min-width: 480px) {
      .loginPage form input[type="submit"] {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .loginPage form input[type="submit"] {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .loginPage form input[type="submit"] {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .loginPage form input[type="submit"] {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .loginPage form input[type="submit"] {
        font-size: 19px; } }
  .loginPage form .checkbox {
    margin-top: 10px; }
  .loginPage form a {
    color: #18a655; }

.loginPage .right {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: -3px; }

.masonry {
  padding-top: 80px;
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .masonry {
      margin-bottom: 100px; } }
  .masonry__heading {
    color: #18a655;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    font-size: 24px;
    display: block;
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .masonry__heading {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .masonry__heading {
        font-size: 24px; } }
    @media screen and (min-width: 992px) {
      .masonry__heading {
        font-size: 27px; } }
    @media screen and (min-width: 1200px) {
      .masonry__heading {
        font-size: 30px; } }
    @media screen and (min-width: 1600px) {
      .masonry__heading {
        font-size: 30px; } }
  .masonry__wrap {
    max-width: 1140px;
    margin: 0 auto;
    border: 10px solid #ffffff; }
    .masonry__wrap:before, .masonry__wrap:after {
      content: "";
      display: table; }
    .masonry__wrap:after {
      clear: both; }
    .masonry__wrap__item {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      border: 15px solid #ffffff;
      display: inline-block;
      position: relative;
      vertical-align: top;
      background-color: #9b9999; }
      @media only screen and (min-width: 1024px) {
        .masonry__wrap__item {
          border: 10px solid #ffffff; } }
      .masonry__wrap__item:after {
        position: absolute;
        content: '';
        display: block;
        top: 0px;
        rigght: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.15);
        -webkit-transition: all 330ms;
        -o-transition: all 330ms;
        transition: all 330ms; }
      .masonry__wrap__item--w1 {
        width: 50%; }
        @media only screen and (min-width: 1024px) {
          .masonry__wrap__item--w1 {
            width: 25%; } }
      .masonry__wrap__item--w2 {
        width: 100%; }
        @media only screen and (min-width: 1024px) {
          .masonry__wrap__item--w2 {
            width: 50%; } }
      .masonry__wrap__item--h1 {
        position: relative; }
        .masonry__wrap__item--h1:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 149.81273%; }
        @media only screen and (min-width: 1024px) {
          .masonry__wrap__item--h1 {
            position: relative; }
            .masonry__wrap__item--h1:after {
              content: '';
              position: relative;
              display: block;
              padding-bottom: 112.35955%; } }
      .masonry__wrap__item--h2 {
        position: relative; }
        .masonry__wrap__item--h2:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 149.81273%; }
        @media only screen and (min-width: 1024px) {
          .masonry__wrap__item--h2 {
            position: relative; }
            .masonry__wrap__item--h2:after {
              content: '';
              position: relative;
              display: block;
              padding-bottom: 158.42697%; } }
      .masonry__wrap__item.masonry__wrap__item--w2.masonry__wrap__item--h1 {
        position: relative;
        float: right; }
        .masonry__wrap__item.masonry__wrap__item--w2.masonry__wrap__item--h1:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 54.04412%; }
      .masonry__wrap__item.masonry__wrap__item--w2.masonry__wrap__item--h2 {
        position: relative; }
        .masonry__wrap__item.masonry__wrap__item--w2.masonry__wrap__item--h2:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 76.28571%; }
        @media only screen and (min-width: 1024px) {
          .masonry__wrap__item.masonry__wrap__item--w2.masonry__wrap__item--h2 {
            width: 50%; } }
      .masonry__wrap__item__copy {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        text-align: center;
        color: #ffffff;
        z-index: 1;
        padding: 20px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        .masonry__wrap__item__copy h4 {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 20.8px;
          -webkit-transition: all 330ms;
          -o-transition: all 330ms;
          transition: all 330ms; }
          @media screen and (min-width: 480px) {
            .masonry__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 768px) {
            .masonry__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 992px) {
            .masonry__wrap__item__copy h4 {
              font-size: 23.4px; } }
          @media screen and (min-width: 1200px) {
            .masonry__wrap__item__copy h4 {
              font-size: 26px; } }
          @media screen and (min-width: 1600px) {
            .masonry__wrap__item__copy h4 {
              font-size: 26px; } }
          @media only screen and (min-width: 640px) {
            .masonry__wrap__item__copy h4 {
              -webkit-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                      transform: translateY(10px); } }
        .masonry__wrap__item__copy hr {
          border: 0;
          height: 1px;
          width: 111px;
          margin: 10px auto;
          background: white;
          opacity: 0;
          -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px);
                  transform: translateY(50px);
          -webkit-transition: all 330ms;
          -o-transition: all 330ms;
          transition: all 330ms; }
        .masonry__wrap__item__copy p {
          position: absolute;
          margin: 0 auto;
          left: 0;
          right: 0;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          -webkit-transform: translateY(50px);
              -ms-transform: translateY(50px);
                  transform: translateY(50px);
          -webkit-transition: all 330ms;
          -o-transition: all 330ms;
          transition: all 330ms;
          opacity: 0; }
          .masonry__wrap__item__copy p svg {
            width: 7px;
            height: 9px;
            position: relative;
            top: 1px;
            left: 3px; }
            .masonry__wrap__item__copy p svg path {
              stroke: white;
              display: inline-block;
              vertical-align: middle; }
      .masonry__wrap__item:hover:after {
        background: rgba(129, 194, 65, 0.8); }
      .masonry__wrap__item:hover h4 {
        -webkit-transform: translateY(-25px);
            -ms-transform: translateY(-25px);
                transform: translateY(-25px); }
      .masonry__wrap__item:hover p {
        opacity: 1;
        -webkit-transform: translateY(-25px);
            -ms-transform: translateY(-25px);
                transform: translateY(-25px); }
      .masonry__wrap__item:hover hr {
        opacity: 0.7;
        -webkit-transform: translateY(-25px);
            -ms-transform: translateY(-25px);
                transform: translateY(-25px); }

nav ul {
  padding: 0 50px; }

nav ul li {
  vertical-align: top;
  line-height: 1;
  position: initial;
  width: 33.33333%; }
  nav ul li.active > a:after,
  nav ul li:hover > a:after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    height: 8px;
    width: 100%;
    background: #81c241; }
  nav ul li > a {
    padding: 25px 0;
    line-height: 86px;
    display: inline-block;
    font-size: 15.2px;
    position: relative; }
    @media screen and (min-width: 480px) {
      nav ul li > a {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      nav ul li > a {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      nav ul li > a {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      nav ul li > a {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      nav ul li > a {
        font-size: 19px; } }

.MegaMenu {
  visibility: hidden;
  display: none;
  opacity: 0; }
  .MegaMenu .innerWrap {
    max-width: 1140px;
    margin: 0 auto; }
    .MegaMenu .innerWrap:before, .MegaMenu .innerWrap:after {
      content: "";
      display: table; }
    .MegaMenu .innerWrap:after {
      clear: both; }

.tier_2 {
  background: rgba(43, 43, 43, 0.95);
  top: 100%;
  position: absolute;
  display: none;
  width: 100%;
  right: 0;
  padding: 20px; }

.tier_1_link.activated .tier_2 {
  display: block; }

.tier_1 .tier_2 {
  display: none;
  min-height: 150px; }
  .tier_1 .tier_2 a {
    padding: 12px;
    position: relative;
    z-index: 99; }
  .tier_1 .tier_2 .column {
    float: left;
    min-height: 200px;
    width: 25%;
    text-align: left; }
    .tier_1 .tier_2 .column .js-thumb {
      width: 90%;
      max-width: 220px;
      height: auto;
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .tier_1 .tier_2 .column .js-thumb:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
    .tier_1 .tier_2 .column a {
      position: relative;
      line-height: 1.3;
      font-size: 13.5px;
      padding: 5px 12px 5px 40px !important; }
      @media screen and (min-width: 480px) {
        .tier_1 .tier_2 .column a {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .tier_1 .tier_2 .column a {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .tier_1 .tier_2 .column a {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .tier_1 .tier_2 .column a {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .tier_1 .tier_2 .column a {
          font-size: 15px; } }
      .tier_1 .tier_2 .column a svg {
        opacity: 0;
        -webkit-transition: all 330ms;
        -o-transition: all 330ms;
        transition: all 330ms;
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        margin-right: 12px;
        height: auto;
        top: 50%;
        right: auto;
        left: -10px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        margin-top: -12px; }
      .tier_1 .tier_2 .column a:hover svg {
        opacity: 1;
        -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
                transform: translateX(0px); }

.tier_3 {
  display: none;
  position: absolute;
  top: 21px; }

.tier_2_link.activater svg, .tier_2_link:hover svg {
  opacity: 1 !important;
  -webkit-transform: translateX(0px) !important;
      -ms-transform: translateX(0px) !important;
          transform: translateX(0px) !important; }

.tier_2_link.activater > a, .tier_2_link:hover > a {
  color: #81c241 !important; }

.tier_2_link.activater .tier_3, .tier_2_link:hover .tier_3 {
  width: 100%;
  display: block;
  padding-left: 300px;
  padding-left: 285px; }

.header-wrap .wrap {
  float: left;
  border-left: 1px solid white;
  width: 25%;
  width: 285px; }
  .header-wrap .wrap a {
    display: block;
    font-size: 16px !important; }

a.tier_3_link {
  padding-left: 20px !important;
  padding-right: 10px !important;
  font-size: 14px !important; }

.mega-hover.active > .MegaMenu {
  background: rgba(43, 43, 43, 0.95);
  width: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  color: white;
  visibility: visible;
  display: block;
  opacity: 1; }
  .mega-hover.active > .MegaMenu .tier_1 {
    background: #2b2b2b;
    top: 0;
    left: 0;
    right: 0;
    position: absolute; }
    .mega-hover.active > .MegaMenu .tier_1 .tier_1_link {
      display: inline-block; }
      .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
        color: white;
        font-size: 15.2px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        text-transform: none;
        display: block;
        padding: 30px 40px; }
        @media screen and (min-width: 480px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a {
            font-size: 19px; } }
        .mega-hover.active > .MegaMenu .tier_1 .tier_1_link a:hover {
          color: #81c241; }
      .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
        font-size: 15.2px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-transform: uppercase; }
        @media screen and (min-width: 480px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .mega-hover.active > .MegaMenu .tier_1 .tier_1_link > a {
            font-size: 19px; } }
      .mega-hover.active > .MegaMenu .tier_1 .tier_1_link.activated > a {
        color: #81c241; }

.brand-logo {
  width: 33.33333%;
  display: block;
  float: left;
  margin: 12px 0;
  color: white;
  text-decoration: none; }
  @media only screen and (max-width: 1023px) {
    .brand-logo {
      width: 33.33333%; } }
  @media only screen and (max-width: 767px) {
    .brand-logo {
      width: 50%; } }
  .brand-logo img {
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: relative;
    margin: 0;
    display: block; }
  .brand-logo p {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    color: white;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 30px auto 0;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: all 330ms;
    -o-transition: all 330ms;
    transition: all 330ms;
    font-size: 13.5px; }
    @media screen and (min-width: 480px) {
      .brand-logo p {
        font-size: 13.5px; } }
    @media screen and (min-width: 768px) {
      .brand-logo p {
        font-size: 13.5px; } }
    @media screen and (min-width: 992px) {
      .brand-logo p {
        font-size: 13.5px; } }
    @media screen and (min-width: 1200px) {
      .brand-logo p {
        font-size: 15px; } }
    @media screen and (min-width: 1600px) {
      .brand-logo p {
        font-size: 15px; } }
  .brand-logo .brand-logo-wrap {
    width: 90%;
    position: relative;
    -webkit-transition: all 330ms;
    -o-transition: all 330ms;
    transition: all 330ms; }
    .brand-logo .brand-logo-wrap:after {
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms;
      position: absolute;
      content: '';
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(129, 194, 65, 0); }
  .brand-logo:hover {
    cursor: pointer; }
    .brand-logo:hover .brand-logo-wrap {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
      .brand-logo:hover .brand-logo-wrap:after {
        background: rgba(129, 194, 65, 0.9); }
    .brand-logo:hover p {
      opacity: 1;
      margin-top: 0; }

.mobileResources {
  display: none; }

@media only screen and (max-width: 767px) {
  #container .resources,
  #container #filterResources {
    display: none !important; }
  #container .mobileResources {
    display: block; } }

.mobileResources {
  margin: 20px; }
  .mobileResources__subcategory {
    position: relative; }
    .mobileResources__subcategory:before, .mobileResources__subcategory:after {
      content: "";
      display: table; }
    .mobileResources__subcategory:after {
      clear: both; }
    .mobileResources__subcategory h6 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      padding: 10px 10px 10px 60px;
      height: 42px;
      color: #ffffff;
      background: #636363;
      font-size: 20px;
      margin-bottom: 5px;
      cursor: pointer;
      display: block;
      width: 100%;
      float: left;
      position: relative; }
      .mobileResources__subcategory h6:hover {
        background: #707070; }
      .mobileResources__subcategory h6 .expand {
        background: #80c240;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 42px;
        left: 0; }
        .mobileResources__subcategory h6 .expand svg {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          -webkit-transform: rotate(-90deg) translateX(25%);
              -ms-transform: rotate(-90deg) translateX(25%);
                  transform: rotate(-90deg) translateX(25%);
          width: 18px;
          height: 11px; }
    .mobileResources__subcategory__item {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      display: block;
      float: left;
      background: #f6f6f6;
      color: #636363;
      padding: 14px 42px 14px 14px;
      font-size: 16px;
      text-decoration: none;
      margin: 5px 0;
      position: relative;
      width: 100%;
      text-transform: uppercase; }
      @media only screen and (min-width: 440px) {
        .mobileResources__subcategory__item {
          width: calc(50% - 10px);
          padding-right: 5rem; }
          .mobileResources__subcategory__item:nth-child(odd) {
            margin-right: 10px; }
          .mobileResources__subcategory__item:nth-child(even) {
            margin-left: 10px; } }
      .mobileResources__subcategory__item .expand {
        background: #80c240;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 42px;
        right: 0; }
        .mobileResources__subcategory__item .expand svg {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .mobileResources__subcategory__item:last-of-type {
        margin-bottom: 10px; }
    .mobileResources__subcategory--child {
      min-height: 46px; }
      .mobileResources__subcategory--child h6 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        background: #f6f6f6;
        color: #000000;
        font-size: 18px; }
        @media only screen and (max-width: 639px) {
          .mobileResources__subcategory--child h6 {
            font-size: 14px;
            padding: 5px 15px 5px 55px; }
            .mobileResources__subcategory--child h6 i {
              top: 50%;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              position: absolute;
              padding-right: 5px; } }
        .mobileResources__subcategory--child h6:hover {
          background: #f6f6f6; }
        .mobileResources__subcategory--child h6 .expand {
          background: #bfd440; }

.mobileResources__subcategory {
  max-height: 46px;
  position: relative;
  overflow: hidden; }
  .mobileResources__subcategory svg {
    -webkit-transition: all 333ms ease;
    -o-transition: all 333ms ease;
    transition: all 333ms ease; }
  .mobileResources__subcategory.active {
    max-height: 800rem; }
    .mobileResources__subcategory.active > h6 svg {
      -webkit-transform: rotate(0deg) translateY(-50%) !important;
          -ms-transform: rotate(0deg) translateY(-50%) !important;
              transform: rotate(0deg) translateY(-50%) !important; }

.mobileResources__subcategory--child {
  max-height: 46px;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .mobileResources__subcategory--child svg {
    -webkit-transition: all 333ms ease;
    -o-transition: all 333ms ease;
    transition: all 333ms ease; }
  .mobileResources__subcategory--child.active {
    max-height: 800rem; }
    .mobileResources__subcategory--child.active > h6 svg {
      -webkit-transform: rotate(0deg) translateY(-50%) !important;
          -ms-transform: rotate(0deg) translateY(-50%) !important;
              transform: rotate(0deg) translateY(-50%) !important; }

.js-expandable-dos {
  text-transform: capitalize; }

.parsley-type,
.parsley-required {
  display: none; }

.parsley-errors-list {
  display: none; }

.input-wrap {
  position: relative; }
  .input-wrap .parsley-required {
    display: none; }

.pop-up-are-you {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 444ms;
  -o-transition: all 444ms;
  transition: all 444ms; }
  .pop-up-are-you.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999999999; }
  .pop-up-are-you__inner {
    position: relative;
    text-align: center;
    padding: 150px 20px;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    width: calc(100% - 80px);
    margin: 110px 40px 40px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    min-height: 100px; }
    @media only screen and (max-width: 767px) {
      .pop-up-are-you__inner {
        width: calc(100% - 20px);
        margin: 10px; } }
    .pop-up-are-you__inner .close-me {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer; }
      .pop-up-are-you__inner .close-me path {
        -webkit-transition: all 222ms;
        -o-transition: all 222ms;
        transition: all 222ms; }
      .pop-up-are-you__inner .close-me:hover path {
        stroke: black; }
    .pop-up-are-you__inner p, .pop-up-are-you__inner h2 {
      font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
      font-weight: normal; }
    .pop-up-are-you__inner p {
      letter-spacing: 0.5px; }
    .pop-up-are-you__inner h2 {
      color: white;
      font-size: 60px;
      text-shadow: 0 5px 9.12px rgba(0, 0, 0, 0.2); }
      @media only screen and (max-width: 767px) {
        .pop-up-are-you__inner h2 {
          font-size: 40px; } }
  .pop-up-are-you .blocks {
    max-width: 860px;
    margin: 3rem auto; }
    .pop-up-are-you .blocks:before, .pop-up-are-you .blocks:after {
      content: "";
      display: table; }
    .pop-up-are-you .blocks:after {
      clear: both; }
    .pop-up-are-you .blocks__item {
      width: calc(100% - 40px);
      margin: 20px;
      float: left;
      display: block;
      background: rgba(0, 0, 0, 0.8);
      -webkit-transition: background-color 333ms;
      -o-transition: background-color 333ms;
      transition: background-color 333ms;
      cursor: pointer;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .pop-up-are-you .blocks__item {
          position: relative;
          width: calc(33.3333% - 40px); }
          .pop-up-are-you .blocks__item:after {
            content: '';
            position: relative;
            display: block;
            padding-bottom: 100%; } }
      .pop-up-are-you .blocks__item:hover {
        background: rgba(21, 128, 79, 0.92); }
      .pop-up-are-you .blocks__item__inner {
        color: white;
        text-decoration: none !important;
        z-index: 3; }
        @media only screen and (max-width: 767px) {
          .pop-up-are-you .blocks__item__inner {
            padding: 40px 20px; } }
        @media only screen and (min-width: 768px) {
          .pop-up-are-you .blocks__item__inner {
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            position: absolute; } }

@media print {
  .off-canvas,
  .header-wrap,
  footer,
  header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    max-height: 1px !important;
    opacity: 0 !important; }
  .cadIntegration iframe {
    height: 5000px !important; } }

.VirtualPage div.cadIntegration,
.CalculatorPage div.cadIntegration {
  padding-left: 48px;
  padding-right: 48px; }

.product-accessories {
  padding: 80px 20px;
  background: #f6f6f6; }
  .product-accessories__wrap {
    text-align: center; }
    .product-accessories__wrap h4 {
      color: #81c241;
      margin-bottom: 20px;
      font-size: 36px; }
      @media screen and (min-width: 480px) {
        .product-accessories__wrap h4 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .product-accessories__wrap h4 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .product-accessories__wrap h4 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .product-accessories__wrap h4 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .product-accessories__wrap h4 {
          font-size: 45px; } }
    .product-accessories__wrap p {
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      margin-bottom: 20px; }
      @media screen and (min-width: 480px) {
        .product-accessories__wrap p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .product-accessories__wrap p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .product-accessories__wrap p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .product-accessories__wrap p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .product-accessories__wrap p {
          font-size: 19px; } }

.product-accessories-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.94);
  display: block;
  z-index: 9999999;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  opacity: 0;
  visibility: hidden; }
  .product-accessories-overlay.active {
    opacity: 1;
    visibility: visible; }
    .product-accessories-overlay.active .product-accessories-overlay__wrap {
      opacity: 1;
      visibility: visible; }
  .product-accessories-overlay .product-accessories-overlay__wrap {
    max-width: 1140px;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 100px 40px 40px;
    -webkit-transition: opacity 640ms;
    -o-transition: opacity 640ms;
    transition: opacity 640ms;
    opacity: 0;
    visibility: hidden; }
    .product-accessories-overlay .product-accessories-overlay__wrap .close-modal {
      position: absolute;
      top: 0;
      right: 10px; }
      @media only screen and (min-width: 768px) {
        .product-accessories-overlay .product-accessories-overlay__wrap .close-modal {
          right: 50px; } }
    .product-accessories-overlay .product-accessories-overlay__wrap h4 {
      display: block;
      text-align: center;
      color: #18a655;
      margin-bottom: 20px;
      font-size: 24px;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal; }
      @media screen and (min-width: 480px) {
        .product-accessories-overlay .product-accessories-overlay__wrap h4 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .product-accessories-overlay .product-accessories-overlay__wrap h4 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .product-accessories-overlay .product-accessories-overlay__wrap h4 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .product-accessories-overlay .product-accessories-overlay__wrap h4 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .product-accessories-overlay .product-accessories-overlay__wrap h4 {
          font-size: 30px; } }
    .product-accessories-overlay .product-accessories-overlay__wrap .sticky-header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      background: white;
      padding: 20px 0 0;
      z-index: 99;
      -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); }
      .product-accessories-overlay .product-accessories-overlay__wrap .sticky-header__wrap {
        position: relative;
        max-width: 1140px;
        margin: 0 auto; }
    .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item {
      width: 100%;
      position: relative;
      margin: 0;
      padding: 10px 0 30px;
      text-align: center;
      background: white;
      display: block;
      float: left; }
      @media only screen and (min-width: 540px) {
        .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item {
          width: 25%; } }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item:before, .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item:after {
        content: "";
        display: table; }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item:after {
        clear: both; }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item .imageWrapper {
        position: relative;
        position: relative;
        width: 90%;
        height: auto;
        margin-bottom: 15px; }
        .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item .imageWrapper:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 100%; }
        .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item .imageWrapper img {
          left: 0;
          width: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute; }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
        color: #008850;
        font-size: 15.2px;
        line-height: 1.6;
        padding: 10px; }
        @media screen and (min-width: 480px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
            font-size: 15.2px; } }
        @media screen and (min-width: 768px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
            font-size: 15.2px; } }
        @media screen and (min-width: 992px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
            font-size: 17.1px; } }
        @media screen and (min-width: 1200px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
            font-size: 19px; } }
        @media screen and (min-width: 1600px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item h6 {
            font-size: 19px; } }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item hr {
        padding: 0;
        border: 0;
        height: 1px;
        background: #008850;
        width: 60%;
        margin: 5px auto 10px; }
      .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 10.4px;
        line-height: 1.6; }
        @media screen and (min-width: 480px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .product-accessories-overlay .product-accessories-overlay__wrap .product-accessories__columns__item p {
            font-size: 13px; } }

.product-gallery {
  background: #f6f6f6;
  padding: 80px 0; }
  .product-gallery__wrap {
    max-width: 1140px;
    margin: 0 auto; }
    @media only screen and (max-width: 1139px) {
      .product-gallery__wrap {
        padding: 0 10px; } }
  .product-gallery__heading {
    color: #81c241;
    margin-bottom: 40px;
    text-align: center;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
  .product-gallery__masonry {
    width: 100%; }
    .product-gallery__masonry:before, .product-gallery__masonry:after {
      content: "";
      display: table; }
    .product-gallery__masonry:after {
      clear: both; }
    .product-gallery__masonry .grid-sizer, .product-gallery__masonry__item {
      width: 49.8%; }
      @media only screen and (min-width: 768px) {
        .product-gallery__masonry .grid-sizer, .product-gallery__masonry__item {
          width: 24.9%; } }
    .product-gallery__masonry__item .wrap {
      margin: 15px;
      background-color: #dedede;
      min-height: 100px;
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      cursor: pointer; }
      .product-gallery__masonry__item .wrap:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        -webkit-transition: all 120ms;
        -o-transition: all 120ms;
        transition: all 120ms;
        z-index: 2; }
      .product-gallery__masonry__item .wrap:hover:before {
        background: rgba(129, 194, 65, 0.7); }
      .product-gallery__masonry__item .wrap:hover p {
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        opacity: 1; }
      .product-gallery__masonry__item .wrap:hover a {
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        opacity: 1; }
    .product-gallery__masonry__item img {
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      z-index: 1; }
    .product-gallery__masonry__item p {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
      text-align: center;
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 15.2px;
      color: #ffffff;
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      z-index: 3; }
      @media screen and (min-width: 480px) {
        .product-gallery__masonry__item p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .product-gallery__masonry__item p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .product-gallery__masonry__item p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .product-gallery__masonry__item p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .product-gallery__masonry__item p {
          font-size: 19px; } }
      .product-gallery__masonry__item p sup {
        font-size: 10px;
        vertical-align: top; }
    .product-gallery__masonry__item a {
      display: block;
      color: white;
      -webkit-transform: translateY(60px);
          -ms-transform: translateY(60px);
              transform: translateY(60px);
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      font-size: 13.5px;
      text-decoration: none;
      opacity: 0; }
      @media screen and (min-width: 480px) {
        .product-gallery__masonry__item a {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .product-gallery__masonry__item a {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .product-gallery__masonry__item a {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .product-gallery__masonry__item a {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .product-gallery__masonry__item a {
          font-size: 15px; } }
      .product-gallery__masonry__item a:before {
        position: absolute;
        content: '';
        display: block;
        width: 60%;
        height: 1px;
        display: block;
        background: white;
        top: -10px;
        left: 0;
        right: 0;
        margin: 0 auto; }
  .product-gallery .button--light {
    padding: 15px 50px;
    margin: 40px auto 0; }

.product-info:before, .product-info:after {
  content: "";
  display: table; }

.product-info:after {
  clear: both; }

.product-info__wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .product-info__wrap {
      padding: 0 40px; } }
  .product-info__wrap:before, .product-info__wrap:after {
    content: "";
    display: table; }
  .product-info__wrap:after {
    clear: both; }

.product-info__menu {
  -webkit-transition: all 480ms;
  -o-transition: all 480ms;
  transition: all 480ms;
  width: 100%;
  float: right;
  margin-bottom: 40px;
  margin-top: -50px;
  background: #727272; }
  @media only screen and (min-width: 1024px) {
    .product-info__menu {
      position: absolute;
      right: 40px;
      margin-bottom: 10px;
      width: 260px;
      z-index: 99999; } }
  @media only screen and (min-width: 1280px) {
    .product-info__menu {
      width: 400px; } }
  .product-info__menu li {
    display: block;
    line-height: 50px; }
    .product-info__menu li.first a {
      background: #81c241; }
    .product-info__menu li a, .product-info__menu li > div {
      display: block;
      padding: 0 10px 0 50px;
      color: white;
      line-height: 50px;
      position: relative;
      text-decoration: none;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      font-family: 'Roboto', sans-serif;
      font-weight: 300; }
      .product-info__menu li a span, .product-info__menu li > div span {
        position: absolute;
        left: 15px;
        top: 5px; }
      .product-info__menu li a:hover, .product-info__menu li > div:hover {
        background: #81c241; }

.product-info__content {
  -webkit-transition: padding-top 360ms;
  -o-transition: padding-top 360ms;
  transition: padding-top 360ms;
  padding-top: 20px; }
  @media only screen and (min-width: 1024px) {
    .product-info__content {
      width: calc(100% - 400px);
      float: right; } }
  .product-info__content .product-icons {
    display: block;
    margin-bottom: 80px;
    margin-top: 60px; }
    .product-info__content .product-icons:before, .product-info__content .product-icons:after {
      content: "";
      display: table; }
    .product-info__content .product-icons:after {
      clear: both; }
    .product-info__content .product-icons img {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 36px;
      height: auto !important;
      width: 10%;
      max-width: 140px; }
      @media only screen and (max-width: 1023px) {
        .product-info__content .product-icons img {
          width: 16.66667%;
          display: block;
          float: left;
          padding: 10px;
          margin: 0 0 25px 0; } }
      @media only screen and (max-width: 767px) {
        .product-info__content .product-icons img {
          width: 25%; } }
      @media only screen and (max-width: 539px) {
        .product-info__content .product-icons img {
          width: 50%; } }
  .product-info__content h1.product-logo {
    color: #1d1c1c;
    font-size: 46px !important;
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
    font-weight: normal;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    margin-left: -3px; }
    .product-info__content h1.product-logo sup {
      font-size: 14px;
      position: relative;
      left: -2px;
      top: 5px;
      vertical-align: top;
      font-family: "HelveticaNeueW01-65Medi", Helvetica;
      font-weight: normal; }
    .product-info__content h1.product-logo span {
      display: block;
      margin-top: -3px;
      margin-left: 3px;
      font-family: "HelveticaNeueW01-65Medi", Helvetica;
      font-weight: normal;
      font-size: 15px; }
      .product-info__content h1.product-logo span sup {
        font-size: 10px;
        position: relative;
        left: 0;
        top: 0;
        vertical-align: top;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal; }
    .product-info__content h1.product-logo:after {
      position: absolute;
      content: '';
      display: block;
      display: block;
      width: 100%;
      height: 9px;
      background: #1d1c1c;
      left: 3px;
      bottom: -15px; }
  .product-info__content h3 {
    font-size: 20.8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .product-info__content h3 {
        font-size: 20.8px; } }
    @media screen and (min-width: 768px) {
      .product-info__content h3 {
        font-size: 20.8px; } }
    @media screen and (min-width: 992px) {
      .product-info__content h3 {
        font-size: 23.4px; } }
    @media screen and (min-width: 1200px) {
      .product-info__content h3 {
        font-size: 26px; } }
    @media screen and (min-width: 1600px) {
      .product-info__content h3 {
        font-size: 26px; } }
  .product-info__content p {
    line-height: 1.6;
    margin-bottom: 10px; }
    .product-info__content p a {
      text-decoration: none;
      color: #81c241; }
      .product-info__content p a:hover {
        text-decoration: underline; }
  .product-info__content strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; }
  .product-info__content ul {
    list-style: none;
    padding: 12px 0 12px 10px; }
    .product-info__content ul li {
      position: relative;
      padding-left: 6px;
      padding-bottom: 9px;
      font-size: 14.4px; }
      @media screen and (min-width: 480px) {
        .product-info__content ul li {
          font-size: 14.4px; } }
      @media screen and (min-width: 768px) {
        .product-info__content ul li {
          font-size: 14.4px; } }
      @media screen and (min-width: 992px) {
        .product-info__content ul li {
          font-size: 14.4px; } }
      @media screen and (min-width: 1200px) {
        .product-info__content ul li {
          font-size: 16px; } }
      @media screen and (min-width: 1600px) {
        .product-info__content ul li {
          font-size: 16px; } }
      .product-info__content ul li:before {
        position: absolute;
        content: '';
        display: block;
        left: -6px;
        top: 8px;
        background: #81c241;
        width: 5px;
        height: 5px;
        border-radius: 6px; }

.product-info b {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  right: 12px; }

.product-info .svg-3d {
  position: relative;
  top: 3px; }

.product-info .svg-request-a-sample {
  position: relative;
  top: 3px; }

.product-info .resource-links li {
  background: #f6f6f6;
  border-bottom: 1px solid white;
  line-height: 1; }
  .product-info .resource-links li a {
    padding: 12px 12px 12px 52px;
    display: block;
    font-size: 14px;
    color: black;
    line-height: 1; }
    .product-info .resource-links li a:hover {
      color: white; }

.ddl .resource-links {
  -webkit-transition: all 440ms;
  -o-transition: all 440ms;
  transition: all 440ms;
  max-height: 0;
  overflow: hidden;
  position: relative; }

.ddl svg * {
  fill: white; }

.ddl b {
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }

.ddl.expanded > a {
  background: #81c241; }

.ddl.expanded b {
  -webkit-transform: rotate(-180deg) translateX(0%) translateY(50%);
      -ms-transform: rotate(-180deg) translateX(0%) translateY(50%);
          transform: rotate(-180deg) translateX(0%) translateY(50%); }

.ddl.expanded .resource-links {
  max-height: 600px; }

@media only screen and (max-width: 639px) {
  .PromoProductPage .product-nav {
    display: none !important; } }

.PromoProductPage .product-info__content,
.ProductPage .product-info__content,
.ProductPage .product-info__content {
  padding-top: 80px; }

@media only screen and (min-width: 1024px) {
  .ProductPage .product-info__content p:nth-child(1),
  .ProductPage .product-info__content p:nth-child(2),
  .ProductPage .product-info__content p:nth-child(3) {
    padding-right: 300px; } }

@media only screen and (min-width: 1280px) {
  .ProductPage .product-info__content p:nth-child(1),
  .ProductPage .product-info__content p:nth-child(2),
  .ProductPage .product-info__content p:nth-child(3) {
    padding-right: 420px; } }

@media only screen and (max-width: 1023px) {
  .ProductPage .product-nav {
    display: none; } }

.builders-product-info .product-info__wrap {
  padding-bottom: 80px; }

@media only screen and (min-width: 1024px) {
  .builders-product-info .product-info__content {
    padding-right: 300px; } }

@media only screen and (min-width: 1280px) {
  .builders-product-info .product-info__content {
    padding-right: 420px; } }

@media only screen and (min-width: 1024px) {
  .builders-product-info .product-info__content p:nth-child(1),
  .builders-product-info .product-info__content p:nth-child(2),
  .builders-product-info .product-info__content p:nth-child(3) {
    padding-right: 0; } }

@media only screen and (min-width: 1280px) {
  .builders-product-info .product-info__content p:nth-child(1),
  .builders-product-info .product-info__content p:nth-child(2),
  .builders-product-info .product-info__content p:nth-child(3) {
    padding-right: 0; } }

.builders-product-info span.end-quote {
  position: relative;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block !important; }
  .builders-product-info span.end-quote svg {
    width: 23px;
    height: 28.6px; }

.builders-product-info .product-quote {
  background: #ffffff;
  padding: 30px 0 40px; }
  .builders-product-info .product-quote:before, .builders-product-info .product-quote:after {
    content: "";
    display: table; }
  .builders-product-info .product-quote:after {
    clear: both; }
  .builders-product-info .product-quote > svg {
    width: 23px;
    height: 28.6px;
    margin-bottom: -15px; }
  .builders-product-info .product-quote h5 {
    margin-bottom: 20px;
    font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
    font-weight: normal; }
  .builders-product-info .product-quote span {
    line-height: 1.3;
    display: block; }

.builders-product-info .product-features {
  background: #f6f6f6 !important;
  padding: 40px 20px; }
  .builders-product-info .product-features:before, .builders-product-info .product-features:after {
    content: "";
    display: table; }
  .builders-product-info .product-features:after {
    clear: both; }
  .builders-product-info .product-features img {
    width: 25%;
    display: block;
    float: left;
    height: auto; }

.featurue-block {
  display: block;
  margin-top: 40px;
  position: relative; }
  .featurue-block:before, .featurue-block:after {
    content: "";
    display: table; }
  .featurue-block:after {
    clear: both; }
  .featurue-block h5 {
    margin-bottom: 20px; }
  .featurue-block img {
    float: left;
    margin: 0 20px 10px 0;
    width: 30%;
    height: auto; }
    @media only screen and (max-width: 639px) {
      .featurue-block img {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 10px; } }
  .featurue-block .details {
    width: calc(70% - 20px);
    display: block;
    float: left; }
    @media only screen and (max-width: 639px) {
      .featurue-block .details {
        padding-left: calc(30% + 20px);
        width: 100%; } }
    .featurue-block .details li {
      margin-bottom: 20px;
      padding-left: 30px; }
      .featurue-block .details li:before {
        width: 2px;
        height: 38px;
        background: black;
        border-radius: 0;
        left: 17px;
        top: -5px; }
      .featurue-block .details li:nth-child(1):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "1"; }
      .featurue-block .details li:nth-child(2):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "2"; }
      .featurue-block .details li:nth-child(3):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "3"; }
      .featurue-block .details li:nth-child(4):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "4"; }
      .featurue-block .details li:nth-child(5):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "5"; }
      .featurue-block .details li:nth-child(6):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "6"; }
      .featurue-block .details li:nth-child(7):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "7"; }
      .featurue-block .details li:nth-child(8):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "8"; }
      .featurue-block .details li:nth-child(9):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "9"; }
      .featurue-block .details li:nth-child(10):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "10"; }
      .featurue-block .details li:nth-child(11):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "11"; }
      .featurue-block .details li:nth-child(12):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "12"; }
      .featurue-block .details li:nth-child(13):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "13"; }
      .featurue-block .details li:nth-child(14):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "14"; }
      .featurue-block .details li:nth-child(15):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "15"; }
      .featurue-block .details li:nth-child(16):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "16"; }
      .featurue-block .details li:nth-child(17):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "17"; }
      .featurue-block .details li:nth-child(18):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "18"; }
      .featurue-block .details li:nth-child(19):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "19"; }
      .featurue-block .details li:nth-child(20):after {
        top: -8px;
        position: absolute;
        content: '';
        display: block;
        left: -10px;
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 30px;
        color: #008850;
        content: "20"; }
  .featurue-block.bullets .details li {
    padding-left: 10px;
    margin-bottom: 0; }
    .featurue-block.bullets .details li:after {
      display: none !important; }
    .featurue-block.bullets .details li:before {
      position: absolute;
      content: '';
      display: block;
      left: -6px;
      top: 9px;
      background: #81c241;
      width: 5px;
      height: 5px;
      border-radius: 6px; }

.three-step {
  background: #ebeaea;
  padding: 60px 0;
  text-align: center; }
  .three-step:before, .three-step:after {
    content: "";
    display: table; }
  .three-step:after {
    clear: both; }
  .three-step .innerWrap h4 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    color: #82c141;
    margin-bottom: 40px; }
  .three-step .innerWrap .three-step__item {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    max-width: 280px;
    margin: 30px auto; }
    .three-step .innerWrap .three-step__item img {
      width: 90%;
      max-width: 120px;
      border-radius: 100%;
      margin-bottom: 20px; }
    .three-step .innerWrap .three-step__item h5 {
      color: #6d6e71;
      font-size: 24px;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal; }

.case-study-nav,
.product-nav {
  margin-bottom: 60px; }
  @media only screen and (min-width: 1024px) {
    .case-study-nav,
    .product-nav {
      margin-bottom: 20px;
      position: relative;
      top: 40px;
      width: 350px;
      float: left;
      margin-bottom: 80px; } }
  .case-study-nav__wrap,
  .product-nav__wrap {
    position: relative; }
  .case-study-nav__item__head,
  .product-nav__item__head {
    position: relative;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-bottom: -1px; }
    .case-study-nav__item__head:before, .case-study-nav__item__head:after,
    .product-nav__item__head:before,
    .product-nav__item__head:after {
      content: "";
      display: table; }
    .case-study-nav__item__head:after,
    .product-nav__item__head:after {
      clear: both; }
    .case-study-nav__item__head .image,
    .product-nav__item__head .image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative;
      width: 120px;
      float: left;
      position: relative; }
      .case-study-nav__item__head .image:after,
      .product-nav__item__head .image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
      .case-study-nav__item__head .image:before,
      .product-nav__item__head .image:before {
        position: absolute;
        content: '';
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3); }
      .case-study-nav__item__head .image.active p,
      .product-nav__item__head .image.active p {
        opacity: 0; }
      .case-study-nav__item__head .image p,
      .product-nav__item__head .image p {
        color: #ffffff;
        position: absolute;
        bottom: 25px;
        left: 14px;
        font-size: 20px;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms;
        font-family: 'Roboto', sans-serif;
        font-weight: 100; }
    .case-study-nav__item__head ul,
    .product-nav__item__head ul {
      margin-left: 125px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute; }
      @media only screen and (min-width: 640px) {
        .case-study-nav__item__head ul,
        .product-nav__item__head ul {
          margin-left: 140px; } }
      .case-study-nav__item__head ul li a,
      .product-nav__item__head ul li a {
        text-decoration: none;
        display: block;
        color: #636363;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding: 5px;
        font-size: 13.5px; }
        @media screen and (min-width: 480px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 15px; } }
        @media only screen and (max-width: 639px) {
          .case-study-nav__item__head ul li a,
          .product-nav__item__head ul li a {
            font-size: 12px;
            padding: 8px 5px; } }
        .case-study-nav__item__head ul li a.active, .case-study-nav__item__head ul li a.current, .case-study-nav__item__head ul li a:hover,
        .product-nav__item__head ul li a.active,
        .product-nav__item__head ul li a.current,
        .product-nav__item__head ul li a:hover {
          color: #81c241; }
  .case-study-nav__item__sub-nav,
  .product-nav__item__sub-nav {
    max-height: 0;
    position: relative;
    overflow: hidden; }
    .case-study-nav__item__sub-nav.active,
    .product-nav__item__sub-nav.active {
      max-height: 1000px;
      padding: 15px 0 15px 20px; }
    .case-study-nav__item__sub-nav li a,
    .product-nav__item__sub-nav li a {
      text-decoration: none;
      display: block;
      color: #636363;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      padding: 5px; }
      .case-study-nav__item__sub-nav li a.current, .case-study-nav__item__sub-nav li a:hover,
      .product-nav__item__sub-nav li a.current,
      .product-nav__item__sub-nav li a:hover {
        color: #81c241; }

.productPage {
  min-height: 400px;
  padding: 0 20px 90px; }
  .productPage .js-rest-filtering {
    position: relative;
    padding: 20px; }
  .productPage__filters {
    padding: 20px 0 30px 10px;
    position: relative;
    z-index: 9; }
    .productPage__filters:before, .productPage__filters:after {
      content: "";
      display: table; }
    .productPage__filters:after {
      clear: both; }
    .productPage__filters__filter {
      border-right: 10px solid white;
      width: 50%;
      display: block;
      background: #f3f8fa;
      padding: 10px;
      cursor: pointer;
      position: relative;
      float: none;
      margin: 0 auto; }
      .productPage__filters__filter:hover {
        background: #81c241;
        color: white; }
        .productPage__filters__filter:hover svg path {
          fill: white; }
        .productPage__filters__filter:hover ul {
          max-height: 500px;
          padding: 20px; }
      .productPage__filters__filter p {
        width: 100%;
        text-transform: uppercase;
        display: block;
        text-align: center; }
      .productPage__filters__filter svg {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        right: 24px; }
        .productPage__filters__filter svg path {
          fill: black; }
      .productPage__filters__filter ul {
        position: absolute;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 220ms;
        -o-transition: all 220ms;
        transition: all 220ms;
        width: 100%;
        background: rgba(129, 194, 65, 0.95);
        top: 100%;
        left: 0;
        padding: 0 20px; }
        .productPage__filters__filter ul:after {
          position: absolute;
          content: '';
          display: block;
          left: 20px;
          top: 30px;
          bottom: 30px;
          width: 1px;
          background: white; }
        .productPage__filters__filter ul li {
          display: block; }
          .productPage__filters__filter ul li a {
            padding: 5px;
            text-transform: uppercase;
            padding-left: 20px;
            display: block;
            color: white;
            text-decoration: none; }
            .productPage__filters__filter ul li a:hover {
              color: black; }

.productPage__wrap:before, .productPage__wrap:after {
  content: "";
  display: table; }

.productPage__wrap:after {
  clear: both; }

.productPage__wrap .product {
  display: block;
  width: 100%;
  float: left;
  padding: 10px; }
  @media only screen and (min-width: 540px) {
    .productPage__wrap .product {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .productPage__wrap .product {
      width: 25%; } }
  .productPage__wrap .product .innerWrap {
    position: relative;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc); }
    .productPage__wrap .product .innerWrap:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 66.76471%; }
    .productPage__wrap .product .innerWrap p {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(129, 194, 65, 0.85);
      color: white;
      text-align: left;
      padding: 15px;
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
    .productPage__wrap .product .innerWrap:hover p {
      padding: 60px 15px; }

.productCategories {
  padding: 20px 20px; }
  .productCategories h4 {
    margin-bottom: 30px; }

.categoryLink {
  display: block;
  width: 50%;
  float: left;
  padding: 10px; }
  @media only screen and (min-width: 768px) {
    .categoryLink {
      width: 33.33333%; } }
  @media only screen and (min-width: 1280px) {
    .categoryLink {
      width: 20%; } }
  .categoryLink .innerWrap {
    position: relative;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc); }
    .categoryLink .innerWrap:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 100%; }
    .categoryLink .innerWrap p {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(129, 194, 65, 0.85);
      color: white;
      text-align: left;
      padding: 20px 15px;
      text-transform: uppercase;
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
      .categoryLink .innerWrap p svg {
        -webkit-transition: all 220ms;
        -o-transition: all 220ms;
        transition: all 220ms;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        right: 20px; }
    .categoryLink .innerWrap:hover p svg {
      -webkit-transform: translateX(10px) translateY(-50%);
          -ms-transform: translateX(10px) translateY(-50%);
              transform: translateX(10px) translateY(-50%); }

.spacer {
  padding: 40px 0; }
  .spacer:before, .spacer:after {
    content: "";
    display: table; }
  .spacer:after {
    clear: both; }

.pop-up-promo {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 444ms;
  -o-transition: all 444ms;
  transition: all 444ms; }
  .pop-up-promo.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999999999; }
  .pop-up-promo__inner {
    position: relative;
    text-align: center;
    background: white;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    width: calc(100% - 80px);
    margin: 110px auto 40px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    min-height: 100px;
    max-width: 868px; }
    @media only screen and (max-width: 767px) {
      .pop-up-promo__inner {
        width: calc(100% - 20px);
        margin: 10px; } }
    .pop-up-promo__inner .head {
      background-color: #80bc47;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      padding: 60px 70px; }
      .pop-up-promo__inner .head:before, .pop-up-promo__inner .head:after {
        content: "";
        display: table; }
      .pop-up-promo__inner .head:after {
        clear: both; }
      .pop-up-promo__inner .head .content {
        float: left;
        text-align: left; }
        .pop-up-promo__inner .head .content p {
          font-family: "HelveticaNeueW01-55Roma", Helvetica;
          font-weight: normal;
          color: white;
          font-size: 16px; }
        .pop-up-promo__inner .head .content h2 {
          font-family: "HelveticaNeueW01-65Medi", Helvetica;
          font-weight: normal;
          color: white;
          font-size: 104px;
          line-height: 0.9; }
          .pop-up-promo__inner .head .content h2:nth-child(3) {
            font-size: 68px; }
    .pop-up-promo__inner .form-content {
      text-align: left;
      background: white;
      padding: 60px 70px; }
  .pop-up-promo form {
    margin-top: 20px; }
    .pop-up-promo form label {
      display: none; }
    .pop-up-promo form ::-webkit-input-placeholder {
      font-size: 13.5px;
      line-height: 32px; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form ::-webkit-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form ::-webkit-input-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form ::-webkit-input-placeholder {
          font-size: 15px; } }
    .pop-up-promo form :-moz-placeholder {
      font-size: 13.5px;
      line-height: 32px; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form :-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form :-moz-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form :-moz-placeholder {
          font-size: 15px; } }
    .pop-up-promo form ::-moz-placeholder {
      font-size: 13.5px;
      line-height: 32px; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form ::-moz-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form ::-moz-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form ::-moz-placeholder {
          font-size: 15px; } }
    .pop-up-promo form :-ms-input-placeholder {
      font-size: 13.5px;
      line-height: 32px; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form :-ms-input-placeholder {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form :-ms-input-placeholder {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form :-ms-input-placeholder {
          font-size: 15px; } }
    .pop-up-promo form .input-wrap--half {
      display: block;
      float: left;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .pop-up-promo form .input-wrap--half {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .pop-up-promo form .input-wrap--half:nth-child(odd) {
          padding-right: 20px; } }
    .pop-up-promo form input[type="text"],
    .pop-up-promo form input[type="email"] {
      width: 100% !important;
      background: #f3f8fa;
      border: 0;
      -webkit-appearance: none;
      margin-bottom: 13px;
      font-size: 13.5px;
      padding: 5px 10px;
      line-height: 32px;
      outline: none; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form input[type="text"],
        .pop-up-promo form input[type="email"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form input[type="text"],
        .pop-up-promo form input[type="email"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form input[type="text"],
        .pop-up-promo form input[type="email"] {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form input[type="text"],
        .pop-up-promo form input[type="email"] {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form input[type="text"],
        .pop-up-promo form input[type="email"] {
          font-size: 15px; } }
    .pop-up-promo form input[type="submit"] {
      color: white; }
    .pop-up-promo form textarea {
      width: 100% !important;
      background: white;
      border: 0;
      -webkit-appearance: none;
      margin-bottom: 13px;
      font-size: 13.5px;
      padding: 5px 10px;
      line-height: 32px;
      outline: none; }
      @media screen and (min-width: 480px) {
        .pop-up-promo form textarea {
          font-size: 13.5px; } }
      @media screen and (min-width: 768px) {
        .pop-up-promo form textarea {
          font-size: 13.5px; } }
      @media screen and (min-width: 992px) {
        .pop-up-promo form textarea {
          font-size: 13.5px; } }
      @media screen and (min-width: 1200px) {
        .pop-up-promo form textarea {
          font-size: 15px; } }
      @media screen and (min-width: 1600px) {
        .pop-up-promo form textarea {
          font-size: 15px; } }

.related-products {
  max-width: 1140px;
  max-width: 1920px;
  margin: 40px auto 80px; }
  .related-products__wrap {
    margin: 0 30px;
    font-size: 0;
    text-align: center; }
    .related-products__wrap:before, .related-products__wrap:after {
      content: "";
      display: table; }
    .related-products__wrap:after {
      clear: both; }
  .related-products__item {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 10px; }
    @media only screen and (min-width: 640px) {
      .related-products__item {
        width: 50%; } }
    @media only screen and (min-width: 1140px) {
      .related-products__item {
        width: 25%; } }
    .related-products__item .image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative;
      position: relative;
      cursor: pointer;
      z-index: 9;
      overflow: hidden; }
      .related-products__item .image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
      .related-products__item .image:hover .content {
        padding: 0 20px 10px;
        margin-top: -10px;
        max-height: 480px;
        opacity: 1; }
      .related-products__item .image .info {
        background: rgba(129, 194, 65, 0.9);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: opacity 360ms;
        -o-transition: opacity 360ms;
        transition: opacity 360ms; }
      .related-products__item .image h5 {
        color: white;
        padding: 20px; }
        .related-products__item .image h5 span {
          font-size: 15.2px;
          width: 100%;
          display: block; }
          @media screen and (min-width: 480px) {
            .related-products__item .image h5 span {
              font-size: 15.2px; } }
          @media screen and (min-width: 768px) {
            .related-products__item .image h5 span {
              font-size: 15.2px; } }
          @media screen and (min-width: 992px) {
            .related-products__item .image h5 span {
              font-size: 17.1px; } }
          @media screen and (min-width: 1200px) {
            .related-products__item .image h5 span {
              font-size: 19px; } }
          @media screen and (min-width: 1600px) {
            .related-products__item .image h5 span {
              font-size: 19px; } }
        .related-products__item .image h5 sup {
          font-size: 11px;
          vertical-align: top;
          margin-left: 1px; }
      .related-products__item .image .content {
        -webkit-transition: all 480ms;
        -o-transition: all 480ms;
        transition: all 480ms;
        opacity: 0;
        padding: 0 20px;
        max-height: 0;
        overflow: hidden;
        position: relative; }
        .related-products__item .image .content h5 {
          font-size: 15.2px;
          color: white;
          margin-bottom: 10px; }
          @media screen and (min-width: 480px) {
            .related-products__item .image .content h5 {
              font-size: 15.2px; } }
          @media screen and (min-width: 768px) {
            .related-products__item .image .content h5 {
              font-size: 15.2px; } }
          @media screen and (min-width: 992px) {
            .related-products__item .image .content h5 {
              font-size: 17.1px; } }
          @media screen and (min-width: 1200px) {
            .related-products__item .image .content h5 {
              font-size: 19px; } }
          @media screen and (min-width: 1600px) {
            .related-products__item .image .content h5 {
              font-size: 19px; } }
        .related-products__item .image .content p {
          color: white;
          font-size: 13px;
          font-family: 'Roboto', sans-serif;
          font-weight: 300; }
        .related-products__item .image .content a {
          position: relative;
          z-index: 2; }
  @media only screen and (max-width: 639px) {
    .related-products .related-products__item {
      overflow: hidden; }
    .related-products .related-products__item .info-panel {
      -webkit-transition: bottom 360ms;
      -o-transition: bottom 360ms;
      transition: bottom 360ms;
      top: auto;
      bottom: -200px; }
      .related-products .related-products__item .info-panel:after {
        display: none; }
      .related-products .related-products__item .info-panel .content {
        position: relative; }
      .related-products .related-products__item .info-panel a {
        position: relative; }
    .related-products .related-products__item.active .info-panel {
      visibility: visible;
      opacity: 1;
      z-index: 999;
      bottom: 10px;
      border-left: 10px solid white;
      border-right: 10px solid white; } }
  @media only screen and (min-width: 640px) and (max-width: 1139px) {
    .related-products .related-products__item:nth-child(odd) .info-panel {
      left: 0; }
    .related-products .related-products__item:nth-child(even) .info-panel {
      right: 0; }
    .related-products .related-products__item:nth-child(odd).active .image h5 {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
              transform: translateX(100%); }
    .related-products .related-products__item:nth-child(odd).active .info-panel {
      left: 100%; }
    .related-products .related-products__item:nth-child(even).active .image h5 {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); }
    .related-products .related-products__item:nth-child(even).active .info-panel {
      right: calc(100% - 10px); } }
  @media only screen and (min-width: 1140px) {
    .related-products .related-products__item--left .info-panel {
      left: 0; }
    .related-products .related-products__item--right .info-panel {
      right: 0; }
    .related-products .related-products__item--left.active .image h5 {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
              transform: translateX(100%); }
    .related-products .related-products__item--left.active .info-panel {
      left: 100%; }
    .related-products .related-products__item--right.active .image h5 {
      -webkit-transition: all 480ms;
      -o-transition: all 480ms;
      transition: all 480ms;
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); }
    .related-products .related-products__item--right.active .info-panel {
      right: calc(100% - 10px); } }

.renders {
  text-align: center;
  background: #e9e7e8;
  padding-bottom: 80px; }
  .renders:before, .renders:after {
    content: "";
    display: table; }
  .renders:after {
    clear: both; }

.renderFilters {
  position: relative;
  margin: 80px auto 0;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1170px; }
  .renderFilters .filter {
    border-color: #e9e7e8 !important; }

.svg-renderOpen:hover path {
  fill: #089c4e; }

.renderHolder {
  position: relative;
  margin: 0 -20px;
  width: 100%;
  margin: 20px auto 40px;
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .renderHolder .item {
    width: calc(100% - 40px);
    margin: 20px;
    background: #ffffff; }
    @media only screen and (min-width: 540px) {
      .renderHolder .item {
        width: calc(50% - 40px); } }
    @media only screen and (min-width: 768px) {
      .renderHolder .item {
        width: calc(33.33333% - 40px); } }
    .renderHolder .item img {
      display: block;
      margin: 0;
      width: 100%;
      height: auto;
      cursor: pointer; }
    .renderHolder .item .js-expand {
      cursor: pointer; }
    .renderHolder .item .actions {
      text-align: right;
      display: block;
      top: 0; }
      .renderHolder .item .actions:before, .renderHolder .item .actions:after {
        content: "";
        display: table; }
      .renderHolder .item .actions:after {
        clear: both; }
      .renderHolder .item .actions span {
        position: relative;
        cursor: pointer;
        position: relative;
        display: inline-block;
        width: 38px;
        margin-left: 1px;
        -webkit-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease; }
        .renderHolder .item .actions span:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 100%; }
        .renderHolder .item .actions span svg {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .renderHolder .item .actions .js-expand {
        cursor: pointer;
        background: #a7a7a7; }
        .renderHolder .item .actions .js-expand:hover {
          background: #636363; }
      .renderHolder .item .actions .js-download {
        background: #82c141; }
        .renderHolder .item .actions .js-download:hover {
          background: #089c4e; }
    .renderHolder .item h3 {
      color: #82c141;
      text-align: left;
      padding: 10px 20px 30px;
      font-size: 20px; }

.renderModal {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -111;
  -webkit-transition: all 333ms ease;
  -o-transition: all 333ms ease;
  transition: all 333ms ease;
  visibility: hidden;
  padding-top: 60px; }
  .renderModal.active {
    background: rgba(255, 255, 255, 0.98);
    z-index: 999999;
    opacity: 1;
    visibility: visible; }
  .renderModal .content {
    margin: 10px auto 0; }
    .renderModal .content .slide {
      position: relative; }
      @media only screen and (min-width: 768px) {
        .renderModal .content .slide {
          padding: 20px 20px; } }
      .renderModal .content .slide .inner {
        position: relative;
        margin: 0 auto;
        max-width: 732px;
        min-height: 250px; }
        .renderModal .content .slide .inner .hotspots {
          position: relative;
          width: 100%;
          z-index: 9999 !important; }
          .renderModal .content .slide .inner .hotspots span {
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            position: absolute;
            padding: 10px;
            cursor: pointer;
            z-index: 9; }
            .renderModal .content .slide .inner .hotspots span:nth-child(1) {
              left: 0; }
              @media only screen and (max-width: 1023px) {
                .renderModal .content .slide .inner .hotspots span:nth-child(1) {
                  display: none !important; } }
            .renderModal .content .slide .inner .hotspots span:nth-child(2) {
              right: 0; }
              @media only screen and (max-width: 1023px) {
                .renderModal .content .slide .inner .hotspots span:nth-child(2) {
                  display: none !important; } }
          .renderModal .content .slide .inner .hotspots img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 auto; }
          .renderModal .content .slide .inner .hotspots .hotspot {
            position: absolute;
            width: 40px;
            height: 40px;
            background: transparent;
            border: 2px solid #008850;
            cursor: pointer;
            -webkit-transform: translateY(-40%) translateX(-80%);
                -ms-transform: translateY(-40%) translateX(-80%);
                    transform: translateY(-40%) translateX(-80%); }
            @media only screen and (max-width: 639px) {
              .renderModal .content .slide .inner .hotspots .hotspot {
                width: 30px;
                height: 30px; } }
            .renderModal .content .slide .inner .hotspots .hotspot:hover {
              background: rgba(0, 136, 80, 0.1); }
            .renderModal .content .slide .inner .hotspots .hotspot.featuredHotspot {
              border: 2px solid #008850; }
              .renderModal .content .slide .inner .hotspots .hotspot.featuredHotspot:hover {
                background: rgba(0, 136, 80, 0.1); }
            .renderModal .content .slide .inner .hotspots .hotspot.active {
              border-color: #bfd62f !important; }
              .renderModal .content .slide .inner .hotspots .hotspot.active:hover {
                background: rgba(191, 214, 47, 0.1); }
        .renderModal .content .slide .inner .actions {
          text-align: right;
          display: block;
          position: absolute;
          top: 0;
          margin-bottom: -2px;
          left: 0;
          right: 0;
          font-size: 0; }
          .renderModal .content .slide .inner .actions:before, .renderModal .content .slide .inner .actions:after {
            content: "";
            display: table; }
          .renderModal .content .slide .inner .actions:after {
            clear: both; }
          .renderModal .content .slide .inner .actions span {
            position: relative;
            cursor: pointer;
            position: relative;
            display: inline-block;
            width: 40px;
            margin-left: -1px;
            -webkit-transition: all 222ms ease;
            -o-transition: all 222ms ease;
            transition: all 222ms ease; }
            .renderModal .content .slide .inner .actions span:after {
              content: '';
              position: relative;
              display: block;
              padding-bottom: 100%; }
            .renderModal .content .slide .inner .actions span svg {
              top: 50%;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              position: absolute;
              left: 0;
              right: 0;
              margin: 0 auto;
              -webkit-transform: scale(0.75) translateY(-75%);
                  -ms-transform: scale(0.75) translateY(-75%);
                      transform: scale(0.75) translateY(-75%); }
          .renderModal .content .slide .inner .actions .js-phone {
            background: #a7a7a7; }
            .renderModal .content .slide .inner .actions .js-phone:hover {
              background: #636363; }
          .renderModal .content .slide .inner .actions .js-down {
            background: #d6d6d6; }
            .renderModal .content .slide .inner .actions .js-down:hover {
              background: #089c4e; }
        .renderModal .content .slide .inner .hotspots {
          position: absolute; }
        .renderModal .content .slide .inner .details {
          background: #82c141;
          position: relative;
          bottom: 0;
          color: black;
          padding: 0;
          text-align: left;
          width: 100%;
          z-index: 999; }
          @media only screen and (max-width: 1023px) {
            .renderModal .content .slide .inner .details {
              min-height: calc(100vh - 90px); } }
          .renderModal .content .slide .inner .details .detailsWrapper {
            padding: 6rem 3rem 3rem;
            position: relative; }
          .renderModal .content .slide .inner .details .fauxBox {
            position: relative;
            background: rgba(0, 0, 0, 0.1); }
            .renderModal .content .slide .inner .details .fauxBox:after {
              content: '';
              position: relative;
              display: block;
              padding-bottom: 100%; }
          .renderModal .content .slide .inner .details h3 {
            color: #ffffff;
            font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
            font-weight: normal;
            margin-bottom: 12px;
            padding-right: 4rem;
            font-size: 18px; }
            @media only screen and (min-width: 1024px) {
              .renderModal .content .slide .inner .details h3 {
                padding-bottom: 2.4rem; } }
            @media only screen and (min-width: 768px) {
              .renderModal .content .slide .inner .details h3 {
                font-size: 24px; } }
          .renderModal .content .slide .inner .details p {
            color: #ffffff;
            font-size: 14px;
            font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
            font-weight: normal;
            position: relative;
            padding-right: 20px; }
            @media only screen and (min-width: 768px) {
              .renderModal .content .slide .inner .details p {
                font-size: 16px; } }
          .renderModal .content .slide .inner .details .js-relations {
            position: absolute;
            bottom: -10px;
            right: -20px;
            padding: 10px;
            -webkit-transition: all 333ms ease;
            -o-transition: all 333ms ease;
            transition: all 333ms ease;
            cursor: pointer; }
        .renderModal .content .slide .inner .relations {
          background: #ffffff;
          padding: 0 10px;
          max-height: 0;
          margin: 20px -30px -30px;
          overflow: hidden;
          position: relative;
          -webkit-transition: all 444ms ease;
          -o-transition: all 444ms ease;
          transition: all 444ms ease; }
          .renderModal .content .slide .inner .relations:before, .renderModal .content .slide .inner .relations:after {
            content: "";
            display: table; }
          .renderModal .content .slide .inner .relations:after {
            clear: both; }
          .renderModal .content .slide .inner .relations a {
            display: block;
            float: left;
            margin-right: 10px;
            width: calc(20% - 5px); }
          .renderModal .content .slide .inner .relations img {
            display: block;
            max-width: 100%;
            height: auto; }

.js-render-slider .imageWrapper {
  position: relative; }

.js-render-slider .slide.active .js-relations {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.js-render-slider .slide.active .relations {
  max-height: 400px !important;
  padding: 10px !important; }

.featuredHotspot {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 136, 80, 0.6);
          box-shadow: 0 0 0 0 rgba(0, 136, 80, 0.6); }
  .featuredHotspot.active {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 214, 47, 0.3);
            box-shadow: 0 0 0 0 rgba(191, 214, 47, 0.3); }

@keyframes pulse {
  to {
    -webkit-box-shadow: 0 0 0 45px rgba(0, 136, 80, 0);
            box-shadow: 0 0 0 45px rgba(0, 136, 80, 0); } }

@-webkit-keyframes pulseLight {
  to {
    -webkit-box-shadow: 0 0 0 45px rgba(191, 214, 47, 0);
            box-shadow: 0 0 0 45px rgba(191, 214, 47, 0); } }

@keyframes pulseLight {
  to {
    -webkit-box-shadow: 0 0 0 45px rgba(191, 214, 47, 0);
            box-shadow: 0 0 0 45px rgba(191, 214, 47, 0); } }

.renderFilters {
  position: relative; }
  .renderFilters .js-restx-filtering {
    margin-top: -30px !important;
    margin-right: 20px !important; }

.close-render {
  position: absolute;
  top: 20px;
  cursor: pointer;
  right: 20px; }
  .close-render svg {
    width: 30px;
    height: 30px; }
    .close-render svg path {
      stroke: #bfd62f; }

.fauxDots {
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  z-index: 4; }
  .fauxDots b {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 0 .3rem;
    background: #8fd547; }
    .fauxDots b.active {
      background: #ffffff; }

@media only screen and (orientation: landscape) and (max-width: 1023px) {
  #container .renderModal {
    padding-top: 0; }
  #container .content {
    margin: 0;
    background: #82c141; }
  #container .fauxDots {
    top: auto;
    bottom: -2rem; }
  #container .close-render {
    top: 10px;
    left: 10px;
    right: auto;
    z-index: 9999; }
    #container .close-render svg {
      width: 26px;
      height: 26px; }
      #container .close-render svg path {
        stroke: #048850; }
  #container .hotspots {
    width: 50%;
    right: 0; }
  #container .details {
    width: 100%; }
    #container .details .fauxBox {
      float: right;
      width: 50%; }
    #container .details .detailsWrapper {
      float: right;
      width: 50%; } }

.rendered {
  max-height: 100vh !important;
  position: relative !important;
  overflow: hidden !important; }

.resources {
  width: 100%;
  padding: 80px 24px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1140px) {
    .resources {
      padding: 80px 40px 0; } }
  .resources:before, .resources:after {
    content: "";
    display: table; }
  .resources:after {
    clear: both; }
  .resources__wrap {
    padding-top: 40px; }
    .resources__wrap:before, .resources__wrap:after {
      content: "";
      display: table; }
    .resources__wrap:after {
      clear: both; }
    @media only screen and (min-width: 1140px) {
      .resources__wrap {
        width: 100%;
        float: right; } }

.left-content {
  width: 100%;
  margin-bottom: 36px;
  float: left;
  position: relative; }
  @media only screen and (min-width: 1440px) {
    .left-content {
      width: 100%;
      margin-bottom: 60px; } }

.ResourcesPage table {
  margin-bottom: 0;
  border-top: 1px solid transparent; }

.responsive-table {
  width: 100%;
  float: left;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 48px; }
  .responsive-table .arrow-device {
    position: absolute;
    content: '';
    display: block;
    width: 43px;
    bottom: -1px;
    left: -43px;
    top: -1px;
    background: #81c241; }
    .responsive-table .arrow-device svg {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .responsive-table .arrow-device svg path {
      fill: white; }

table {
  border-top: 1px solid #333;
  margin-bottom: 60px;
  width: 100%;
  font-size: 13.5px; }
  @media screen and (min-width: 480px) {
    table {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    table {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    table {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    table {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    table {
      font-size: 15px; } }
  table .category {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms; }
    table .category .svg-down {
      -webkit-transform: rotate(-90deg) translateY(0%) translateX(50%);
          -ms-transform: rotate(-90deg) translateY(0%) translateX(50%);
              transform: rotate(-90deg) translateY(0%) translateX(50%); }
    table .category.active .svg-down {
      -webkit-transform: rotate(0deg) translateY(-50%);
          -ms-transform: rotate(0deg) translateY(-50%);
              transform: rotate(0deg) translateY(-50%); }
    table .category:hover .svg-down path {
      fill: white; }
  table thead {
    color: #18a655;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase; }
    table thead td.narrow {
      width: 10%; }
  table .nothing td.narrow {
    font-size: 0;
    opacity: 0.1;
    max-height: 0;
    overflow: hidden;
    position: relative; }
  table tr .narrowAlt {
    padding: 12px !important; }
  table tr .svg-down {
    -webkit-transition: all 480ms;
    -o-transition: all 480ms;
    transition: all 480ms;
    width: 12px; }
    table tr .svg-down path {
      fill: black; }
  table tr td {
    border-bottom: 1px solid #333;
    text-align: center;
    position: relative;
    padding: 12px;
    vertical-align: middle; }
    table tr td a {
      color: #000;
      position: relative;
      top: -3px;
      margin-left: 3px;
      font-weight: 300;
      letter-spacing: 0.5px; }
    table tr td.left {
      text-align: left; }
    table tr td .popup {
      right: 100%;
      z-index: 99999;
      border-radius: 3px;
      border: 3px solid white;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.56);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.56);
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: absolute;
      width: 400px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      top: 50%;
      -webkit-transform: scale(0.5) translateY(-50%);
          -ms-transform: scale(0.5) translateY(-50%);
              transform: scale(0.5) translateY(-50%); }
      table tr td .popup:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 150%; }
    table tr td.popped .popup {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1) translateY(-50%);
          -ms-transform: scale(1) translateY(-50%);
              transform: scale(1) translateY(-50%); }
    table tr td.left .popup {
      left: 100%;
      right: auto; }
  table tr.item {
    color: #18a655;
    font-size: 12px; }
    table tr.item td {
      padding: 6px 12px; }
    table tr.item.hidden {
      display: none; }

.svg-mag {
  cursor: pointer; }
  .svg-mag g {
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms; }
  .svg-mag:hover g {
    stroke: #18a655; }

.sidebar {
  float: right;
  width: 100%;
  display: none !important; }
  @media only screen and (min-width: 1440px) {
    .sidebar {
      display: block; } }
  @media only screen and (max-width: 1139px) {
    .sidebar {
      display: block; } }
  @media only screen and (min-width: 1440px) {
    .sidebar {
      width: 300px; } }
  .sidebar .box {
    background: #f6f6f6;
    padding: 24px;
    margin-bottom: 36px; }
    @media only screen and (max-width: 1139px) {
      .sidebar .box {
        width: 48%; } }
    @media only screen and (max-width: 767px) {
      .sidebar .box {
        width: 100%; } }
    .sidebar .box div {
      border: none !important; }
      .sidebar .box div div > a {
        color: #18a655 !important; }
    .sidebar .box img {
      height: auto;
      width: calc(100% + 48px);
      margin: -24px -24px 24px -24px; }
    .sidebar .box h4 {
      color: #18a655;
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      margin-bottom: 6px; }
      @media screen and (min-width: 480px) {
        .sidebar .box h4 {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .sidebar .box h4 {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .sidebar .box h4 {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .sidebar .box h4 {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .sidebar .box h4 {
          font-size: 19px; } }
    .sidebar .box .button, .sidebar .box .button--light, .sidebar .box .button--dark, .sidebar .box #SearchResults li .readMoreLink, #SearchResults li .sidebar .box .readMoreLink {
      display: block;
      text-align: center;
      padding: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400; }

.image-title {
  border-bottom: 1px solid #333;
  margin: 24px 0; }

#container .image-downloads {
  margin: 12px -12px; }
  #container .image-downloads:before, #container .image-downloads:after {
    content: "";
    display: table; }
  #container .image-downloads:after {
    clear: both; }
  #container .image-downloads .item {
    margin-bottom: 24px;
    cursor: pointer;
    float: right;
    width: calc(50%);
    position: relative; }
    #container .image-downloads .item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 141.42857%; }
    @media only screen and (min-width: 768px) {
      #container .image-downloads .item {
        width: 25%; } }
    #container .image-downloads .item .innerWrap {
      border: 1px solid #dedede;
      position: absolute;
      top: 10px;
      bottom: 10px;
      left: 10px;
      right: 10px; }
    #container .image-downloads .item .title {
      color: #008850;
      position: absolute;
      left: 12px;
      right: 12px;
      text-align: center;
      top: 100%; }
    #container .image-downloads .item .indicator {
      opacity: 1; }
    #container .image-downloads .item.selected {
      outline: none; }
      #container .image-downloads .item.selected .innerWrap {
        border: 1px solid #008850; }
      #container .image-downloads .item.selected .indicator {
        opacity: 1;
        display: block;
        background: #008850; }

.resourceSidebarAlt {
  width: 350px; }
  .resourceSidebarAlt .sidebar {
    display: block !important; }
  @media only screen and (max-width: 767px) {
    .resourceSidebarAlt .box {
      margin-top: 36px; } }
  @media only screen and (max-width: 1139px) {
    .resourceSidebarAlt {
      display: block; } }
  @media only screen and (min-width: 1440px) {
    .resourceSidebarAlt {
      display: none; } }

.download-bar b {
  position: relative;
  color: white;
  font-size: 13.5px;
  display: inline-block; }
  @media screen and (min-width: 480px) {
    .download-bar b {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    .download-bar b {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    .download-bar b {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    .download-bar b {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    .download-bar b {
      font-size: 15px; } }

@media only screen and (max-width: 539px) {
  .download-bar.active {
    max-height: 150px !important;
    padding: 5px !important; }
    .download-bar.active a {
      padding: 0 12px;
      margin: 2px !important;
      font-size: 10px; }
    .download-bar.active b {
      margin: 10px auto; } }

.count {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: #f3f8fa;
  line-height: 20px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9);
  font-weight: bold;
  color: black;
  font-size: 12px; }

#filterResources {
  background: #F6F6F6;
  width: 100%;
  padding: 20px 30px; }
  #filterResources .sod_select {
    margin: 0;
    background: white;
    max-width: 500px; }

.sample-form-overlay .button, .sample-form-overlay .button--light, .sample-form-overlay .button--dark, .sample-form-overlay #SearchResults li .readMoreLink, #SearchResults li .sample-form-overlay .readMoreLink {
  -webkit-appearance: none; }

.sample-form-overlay .image {
  margin: -40px -20px 30px; }
  @media only screen and (min-width: 768px) {
    .sample-form-overlay .image {
      margin: -50px -50px 30px; } }
  .sample-form-overlay .image img {
    width: 100%;
    height: auto; }

.sample-form-overlay .sod_select {
  background: white; }
  .sample-form-overlay .sod_select:before {
    background: white; }
  .sample-form-overlay .sod_select:after {
    border-color: #000 transparent transparent transparent; }

.sample-form-overlay, .brochure-form-overlay {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9999999;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  opacity: 0;
  visibility: hidden; }
  .sample-form-overlay.active, .brochure-form-overlay.active {
    opacity: 1;
    visibility: visible; }
    .sample-form-overlay.active .sample-form-overlay__wrap, .sample-form-overlay.active .brochure-form-overlay__wrap, .brochure-form-overlay.active .sample-form-overlay__wrap, .brochure-form-overlay.active .brochure-form-overlay__wrap {
      opacity: 1;
      visibility: visible; }
  .sample-form-overlay .middleColumn, .brochure-form-overlay .middleColumn {
    position: relative; }
  .sample-form-overlay__wrap, .brochure-form-overlay__wrap {
    background: white;
    max-width: 869px;
    margin: 0 auto;
    width: 95%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background: #f3f8fa;
    padding: 40px 20px 20px;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .sample-form-overlay__wrap, .brochure-form-overlay__wrap {
        padding: 50px; } }
    .sample-form-overlay__wrap .loader, .brochure-form-overlay__wrap .loader {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute; }
    .sample-form-overlay__wrap:after, .brochure-form-overlay__wrap:after {
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease;
      position: absolute;
      content: '';
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background: rgba(255, 255, 255, 0);
      visibility: hidden; }
    .sample-form-overlay__wrap .loader, .brochure-form-overlay__wrap .loader {
      display: none;
      margin-top: -50px;
      opacity: 0;
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease; }
    .sample-form-overlay__wrap.busy .loader, .brochure-form-overlay__wrap.busy .loader {
      display: block;
      opacity: 1;
      z-index: 9; }
    .sample-form-overlay__wrap.busy:after, .brochure-form-overlay__wrap.busy:after {
      background: rgba(255, 255, 255, 0.7);
      visibility: visible; }
    .sample-form-overlay__wrap .close-modal, .brochure-form-overlay__wrap .close-modal {
      position: absolute;
      top: 15px;
      right: 15px; }
      @media only screen and (min-width: 768px) {
        .sample-form-overlay__wrap .close-modal, .brochure-form-overlay__wrap .close-modal {
          display: none; } }
    .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
      display: block;
      text-align: left;
      color: #18a655;
      margin-bottom: 10px;
      font-size: 24px;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal; }
      @media screen and (min-width: 480px) {
        .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .sample-form-overlay__wrap h4, .brochure-form-overlay__wrap h4 {
          font-size: 30px; } }
    .sample-form-overlay__wrap form, .brochure-form-overlay__wrap form {
      margin-top: 20px; }
      .sample-form-overlay__wrap form label, .brochure-form-overlay__wrap form label {
        display: none; }
      .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
        font-size: 13.5px;
        line-height: 32px; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form ::-webkit-input-placeholder, .brochure-form-overlay__wrap form ::-webkit-input-placeholder {
            font-size: 15px; } }
      .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
        font-size: 13.5px;
        line-height: 32px; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form :-moz-placeholder, .brochure-form-overlay__wrap form :-moz-placeholder {
            font-size: 15px; } }
      .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
        font-size: 13.5px;
        line-height: 32px; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form ::-moz-placeholder, .brochure-form-overlay__wrap form ::-moz-placeholder {
            font-size: 15px; } }
      .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
        font-size: 13.5px;
        line-height: 32px; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form :-ms-input-placeholder, .brochure-form-overlay__wrap form :-ms-input-placeholder {
            font-size: 15px; } }
      .sample-form-overlay__wrap form .input-wrap--half, .brochure-form-overlay__wrap form .input-wrap--half {
        display: block;
        float: left;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .sample-form-overlay__wrap form .input-wrap--half, .brochure-form-overlay__wrap form .input-wrap--half {
            width: 50%; } }
      .sample-form-overlay__wrap form input[type="text"],
      .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
      .brochure-form-overlay__wrap form input[type="email"] {
        width: 100% !important;
        background: white;
        border: 0;
        -webkit-appearance: none;
        margin-bottom: 13px;
        font-size: 13.5px;
        padding: 5px 10px;
        line-height: 32px;
        outline: none; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form input[type="text"],
          .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
          .brochure-form-overlay__wrap form input[type="email"] {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form input[type="text"],
          .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
          .brochure-form-overlay__wrap form input[type="email"] {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form input[type="text"],
          .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
          .brochure-form-overlay__wrap form input[type="email"] {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form input[type="text"],
          .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
          .brochure-form-overlay__wrap form input[type="email"] {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form input[type="text"],
          .sample-form-overlay__wrap form input[type="email"], .brochure-form-overlay__wrap form input[type="text"],
          .brochure-form-overlay__wrap form input[type="email"] {
            font-size: 15px; } }
      .sample-form-overlay__wrap form input[type="submit"], .brochure-form-overlay__wrap form input[type="submit"] {
        color: white; }
      .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
        width: 100% !important;
        background: white;
        border: 0;
        -webkit-appearance: none;
        margin-bottom: 13px;
        font-size: 13.5px;
        padding: 5px 10px;
        line-height: 32px;
        outline: none; }
        @media screen and (min-width: 480px) {
          .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .sample-form-overlay__wrap form textarea, .brochure-form-overlay__wrap form textarea {
            font-size: 15px; } }

.honeypot {
  display: none !important; }

.sample-form-overlay .active-result {
  font-size: 1.6rem; }

.sample-form-overlay .highlighted {
  background: #f3f8fa !important;
  cursor: pointer; }

.sample-form-overlay .image {
  display: none; }

.sample-form-overlay .chosen-choices {
  background: white;
  margin-bottom: 1rem; }

.sample-form-overlay .chosen-results {
  background: white;
  max-height: 220px;
  overflow: auto;
  margin-top: 5px;
  z-index: 999;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.sample-form-overlay .search-choice-close {
  -webkit-transform: scale(0.6) translateY(-15%);
      -ms-transform: scale(0.6) translateY(-15%);
          transform: scale(0.6) translateY(-15%);
  right: -3px;
  width: 30px;
  height: 30px; }

.sample-form-overlay .search-choice {
  height: 26px;
  padding-right: 30px;
  padding-top: 4px; }
  .sample-form-overlay .search-choice span {
    font-size: 13px;
    line-height: 1.6; }

.sample-form-overlay .search-field {
  display: inline-block;
  vertical-align: middle; }
  .sample-form-overlay .search-field input {
    margin: 0 !important; }

#SampleForm_SampleForm_BrochureProducts_Holder label,
#SampleForm_SampleForm_ReceiveUpdates_Holder label,
#SampleForm_SampleForm_InspirationGuide_Holder label,
#SampleForm_SampleForm_SampleProducts_Holder label {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 1rem; }

#SampleForm_SampleForm_BrochureProducts_Holder label {
  padding-left: 0 !important; }

#SampleForm_SampleForm_BrochureProducts_Holder,
#SampleForm_SampleForm_ReceiveUpdates_Holder,
#SampleForm_SampleForm_InspirationGuide_Holder {
  width: 100%;
  float: left; }
  #SampleForm_SampleForm_BrochureProducts_Holder label,
  #SampleForm_SampleForm_ReceiveUpdates_Holder label,
  #SampleForm_SampleForm_InspirationGuide_Holder label {
    display: inline-block;
    width: calc(100% - 40px);
    padding-left: 30px;
    margin-top: 10px;
    top: -3px;
    position: relative; }

#SampleForm_SampleForm_BrochureProducts_Holder,
#SampleForm_SampleForm_SampleProducts_Holder {
  width: 100%;
  float: left;
  margin-top: 10px; }

#SampleForm_SampleForm_Address_Holder,
#SampleForm_SampleForm_Company_Holder {
  width: 100%;
  float: left; }

.alertify-logs {
  z-index: 99999; }
  .alertify-logs .error {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.6rem; }

.pac-container {
  z-index: 999999999; }

.RequestSamplePage #SampleForm_SampleForm_SampleProducts_Holder {
  width: 100%;
  float: left;
  margin-top: 10px; }

.RequestSamplePage .chosen-choices {
  background: white;
  margin-bottom: 1rem; }

.RequestSamplePage .chosen-results {
  background: white;
  max-height: 220px;
  overflow: auto;
  margin-top: 5px;
  z-index: 999;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.RequestSamplePage .search-choice-close {
  -webkit-transform: scale(0.6) translateY(-15%);
      -ms-transform: scale(0.6) translateY(-15%);
          transform: scale(0.6) translateY(-15%);
  right: -3px;
  width: 30px;
  height: 30px; }

.RequestSamplePage .search-choice {
  height: 26px;
  padding-right: 30px;
  padding-top: 4px; }
  .RequestSamplePage .search-choice span {
    font-size: 13px;
    line-height: 1.6; }

.RequestSamplePage .search-field {
  display: inline-block;
  vertical-align: middle; }
  .RequestSamplePage .search-field input {
    margin: 0 !important; }

.RequestSamplePage label {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: none; }

.RequestSamplePage input[type="text"],
.RequestSamplePage input[type="email"] {
  width: 100% !important;
  background: white;
  border: 0;
  -webkit-appearance: none;
  margin-bottom: 13px;
  font-size: 13.5px;
  padding: 5px 10px;
  line-height: 32px;
  outline: none; }
  @media screen and (min-width: 480px) {
    .RequestSamplePage input[type="text"],
    .RequestSamplePage input[type="email"] {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    .RequestSamplePage input[type="text"],
    .RequestSamplePage input[type="email"] {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    .RequestSamplePage input[type="text"],
    .RequestSamplePage input[type="email"] {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    .RequestSamplePage input[type="text"],
    .RequestSamplePage input[type="email"] {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    .RequestSamplePage input[type="text"],
    .RequestSamplePage input[type="email"] {
      font-size: 15px; } }

.RequestSamplePage input[type="submit"] {
  color: white; }

.RequestSamplePage textarea {
  width: 100% !important;
  background: white;
  border: 0;
  -webkit-appearance: none;
  margin-bottom: 13px;
  font-size: 13.5px;
  padding: 5px 10px;
  line-height: 32px;
  outline: none; }
  @media screen and (min-width: 480px) {
    .RequestSamplePage textarea {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    .RequestSamplePage textarea {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    .RequestSamplePage textarea {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    .RequestSamplePage textarea {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    .RequestSamplePage textarea {
      font-size: 15px; } }

.alertify {
  z-index: 999999; }

.Actions .button, .Actions .button--light, .Actions .button--dark, .Actions #SearchResults li .readMoreLink, #SearchResults li .Actions .readMoreLink {
  border-radius: 0 !important; }

#SearchResults a {
  color: #18a655; }

#SearchResults li {
  padding-top: 12px;
  position: relative;
  margin-bottom: 24px; }
  #SearchResults li:after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    background: #333;
    bottom: -12px; }
  #SearchResults li .readMoreLink {
    font-size: 10.4px; }
    @media screen and (min-width: 480px) {
      #SearchResults li .readMoreLink {
        font-size: 10.4px; } }
    @media screen and (min-width: 768px) {
      #SearchResults li .readMoreLink {
        font-size: 10.4px; } }
    @media screen and (min-width: 992px) {
      #SearchResults li .readMoreLink {
        font-size: 11.7px; } }
    @media screen and (min-width: 1200px) {
      #SearchResults li .readMoreLink {
        font-size: 13px; } }
    @media screen and (min-width: 1600px) {
      #SearchResults li .readMoreLink {
        font-size: 13px; } }
  #SearchResults li .searchResultHeader {
    font-size: 24px;
    text-decoration: none;
    margin-bottom: 12px; }
    @media screen and (min-width: 480px) {
      #SearchResults li .searchResultHeader {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      #SearchResults li .searchResultHeader {
        font-size: 24px; } }
    @media screen and (min-width: 992px) {
      #SearchResults li .searchResultHeader {
        font-size: 27px; } }
    @media screen and (min-width: 1200px) {
      #SearchResults li .searchResultHeader {
        font-size: 30px; } }
    @media screen and (min-width: 1600px) {
      #SearchResults li .searchResultHeader {
        font-size: 30px; } }

.showhomes {
  width: 100%;
  padding: 30px 24px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .showhomes {
      padding: 30px 40px 0; } }
  .showhomes:before, .showhomes:after {
    content: "";
    display: table; }
  .showhomes:after {
    clear: both; }
  .showhomes__wrap {
    position: relative;
    padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .showhomes__wrap {
        width: calc(100% - 400px);
        float: right; } }
    .showhomes__wrap .js-rest-filtering {
      width: 100%;
      text-align: right;
      max-width: 1148px;
      float: left;
      left: 0; }

.render-filters,
.home-filters {
  padding-bottom: 36px;
  max-width: 1148px; }

.showhome {
  width: 100%;
  max-width: 1148px;
  margin-bottom: 36px; }
  .showhome:before, .showhome:after {
    content: "";
    display: table; }
  .showhome:after {
    clear: both; }
  @media only screen and (min-width: 1280px) {
    .showhome {
      display: table; } }
  .showhome .left {
    position: relative;
    background-color: #f6f6f6; }
    .showhome .left .svg-slick-prev-small {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 12px;
      z-index: 12;
      cursor: pointer;
      opacity: 0.6;
      -webkit-transition: all 120ms;
      -o-transition: all 120ms;
      transition: all 120ms; }
      .showhome .left .svg-slick-prev-small:hover {
        opacity: 1; }
    .showhome .left .svg-slick-next-small {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 12px;
      z-index: 12;
      cursor: pointer;
      opacity: 0.6;
      -webkit-transition: all 120ms;
      -o-transition: all 120ms;
      transition: all 120ms; }
      .showhome .left .svg-slick-next-small:hover {
        opacity: 1; }
    .showhome .left .slick-arrow {
      position: absolute; }
    .showhome .left .slick-track,
    .showhome .left .slick-list {
      height: 100%; }
    @media only screen and (max-width: 1279px) {
      .showhome .left {
        position: relative; }
        .showhome .left:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 56.25%; } }
    @media only screen and (min-width: 1280px) {
      .showhome .left {
        width: 50%;
        display: table-cell; } }
    .showhome .left .mini-slider {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 5; }
      .showhome .left .mini-slider .slick-slide > div {
        height: 100%; }
      .showhome .left .mini-slider .image {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        cursor: pointer;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc); }
  .showhome .right {
    background-color: #81c241;
    padding: 36px; }
    @media only screen and (max-width: 1279px) {
      .showhome .right:before, .showhome .right:after {
        content: "";
        display: table; }
      .showhome .right:after {
        clear: both; } }
    @media only screen and (min-width: 1280px) {
      .showhome .right {
        width: 50%;
        display: table-cell; } }
    .showhome .right .copy h3 {
      text-transform: uppercase;
      color: white;
      font-size: 36px;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      margin-bottom: 24px; }
      @media screen and (min-width: 480px) {
        .showhome .right .copy h3 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .showhome .right .copy h3 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .showhome .right .copy h3 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .showhome .right .copy h3 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .showhome .right .copy h3 {
          font-size: 45px; } }
    .showhome .right .copy p {
      position: relative;
      padding-left: 36px;
      color: white;
      margin-bottom: 24px; }
      .showhome .right .copy p strong {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 500; }
      .showhome .right .copy p sup {
        font-size: 11px;
        vertical-align: top;
        margin-left: 1px; }
      .showhome .right .copy p svg {
        position: absolute;
        width: 24px;
        left: 0;
        top: 0; }
    .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
      background: transparent;
      border-color: white;
      margin-top: 36px;
      color: white;
      font-size: 10.4px;
      padding: 12px 48px;
      float: right; }
      @media screen and (min-width: 480px) {
        .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
          font-size: 10.4px; } }
      @media screen and (min-width: 768px) {
        .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
          font-size: 10.4px; } }
      @media screen and (min-width: 992px) {
        .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
          font-size: 11.7px; } }
      @media screen and (min-width: 1200px) {
        .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
          font-size: 13px; } }
      @media screen and (min-width: 1600px) {
        .showhome .right .button, .showhome .right .button--light, .showhome .right .button--dark, .showhome .right #SearchResults li .readMoreLink, #SearchResults li .showhome .right .readMoreLink {
          font-size: 13px; } }
      .showhome .right .button:hover, .showhome .right .button--light:hover, .showhome .right .button--dark:hover, .showhome .right #SearchResults li .readMoreLink:hover, #SearchResults li .showhome .right .readMoreLink:hover {
        color: #81c241;
        background: #ffffff; }

.viewHome {
  background: rgba(129, 194, 65, 0.8);
  width: 150px;
  padding: 6px 13px;
  z-index: 99; }
  .viewHome:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent rgba(129, 194, 65, 0.8) transparent transparent;
    right: 12px;
    top: 100%; }
  .viewHome a {
    color: white;
    text-decoration: none; }
    .viewHome a:hover {
      text-decoration: underline; }

.similar-products {
  background: #f6f6f6;
  padding: 80px 0;
  text-align: center; }
  .similar-products__wrap {
    max-width: 1140px;
    margin: 0 auto; }
    @media only screen and (max-width: 1139px) {
      .similar-products__wrap {
        padding: 0 20px; } }
  .similar-products h4 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    font-size: 36px;
    margin-bottom: -18px; }
    @media screen and (min-width: 480px) {
      .similar-products h4 {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .similar-products h4 {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .similar-products h4 {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .similar-products h4 {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .similar-products h4 {
        font-size: 45px; } }
  .similar-products__items-wrap {
    padding: 40px 0 20px; }
    .similar-products__items-wrap:before, .similar-products__items-wrap:after {
      content: "";
      display: table; }
    .similar-products__items-wrap:after {
      clear: both; }
    @media only screen and (min-width: 1024px) {
      .similar-products__items-wrap {
        padding: 40px 20px 20px;
        display: table;
        table-layout: fixed;
        width: 100%; } }
  .similar-products__item {
    text-decoration: none;
    padding: 10px;
    float: left;
    display: block;
    width: 100%; }
    .similar-products__item:hover p {
      color: #008850; }
    .similar-products__item:hover .image {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    @media only screen and (min-width: 540px) {
      .similar-products__item {
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .similar-products__item {
        float: none;
        display: table-cell;
        width: 25%; } }
    .similar-products__item .image {
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      background-position: center center;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
      .similar-products__item .image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 53.84615%; }
    .similar-products__item p {
      margin-top: 10px;
      color: black;
      font-size: 15.2px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      text-align: left;
      margin-bottom: 10px;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
      @media screen and (min-width: 480px) {
        .similar-products__item p {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .similar-products__item p {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .similar-products__item p {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .similar-products__item p {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .similar-products__item p {
          font-size: 19px; } }
      .similar-products__item p sup {
        position: relative;
        font-size: 60%;
        vertical-align: top;
        margin-right: 3px; }
  @media only screen and (min-width: 1024px) {
    .similar-products .clearfix, .similar-products .row {
      display: none; } }

.single-job {
  width: 100%;
  padding: 30px 24px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .single-job {
      padding: 30px 40px 0; } }
  .single-job:before, .single-job:after {
    content: "";
    display: table; }
  .single-job:after {
    clear: both; }
  .single-job__wrap {
    padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .single-job__wrap {
        width: calc(100% - 400px);
        float: right; } }
    .single-job__wrap h3 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      margin-bottom: 24px; }
    .single-job__wrap h5 {
      color: #81c241;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      margin-bottom: 12px; }
    .single-job__wrap p {
      margin-bottom: 12px; }
    .single-job__wrap .text-block__wrap {
      max-width: 1044px; }

.job-application-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: block;
  z-index: 999;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  opacity: 0;
  visibility: hidden; }
  .job-application-overlay.active {
    opacity: 1;
    visibility: visible; }
    .job-application-overlay.active .job-application-overlay__wrap {
      opacity: 1;
      visibility: visible; }
  .job-application-overlay .job-application-overlay__wrap {
    max-width: 640px;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 40px 40px 40px;
    -webkit-transition: opacity 640ms;
    -o-transition: opacity 640ms;
    transition: opacity 640ms;
    opacity: 0;
    visibility: hidden; }
    .job-application-overlay .job-application-overlay__wrap .loader {
      display: none;
      margin-top: -50px;
      opacity: 0;
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease; }
    .job-application-overlay .job-application-overlay__wrap:after {
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease;
      position: absolute;
      content: '';
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: -400px;
      display: block;
      background: rgba(255, 255, 255, 0);
      visibility: hidden; }
    .job-application-overlay .job-application-overlay__wrap.busy .loader {
      display: block;
      opacity: 1;
      z-index: 9; }
    .job-application-overlay .job-application-overlay__wrap.busy:after {
      background: rgba(255, 255, 255, 0.7);
      visibility: visible; }
    .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content {
      background: white;
      margin: 0 auto;
      text-align: center;
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
      .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
        font-size: 20.8px;
        margin: 12px auto 0;
        display: inline-block;
        background: #f6f6f6; }
        @media screen and (min-width: 480px) {
          .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
            font-size: 20.8px; } }
        @media screen and (min-width: 768px) {
          .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
            font-size: 20.8px; } }
        @media screen and (min-width: 992px) {
          .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
            font-size: 23.4px; } }
        @media screen and (min-width: 1200px) {
          .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
            font-size: 26px; } }
        @media screen and (min-width: 1600px) {
          .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered {
            font-size: 26px; } }
        .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .button--bordered:hover {
          background-color: #008850; }
      .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .header {
        min-height: 160px;
        background-color: #dededa;
        position: relative;
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto 100%; }
        .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content .header h5 {
          padding-left: 36px;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          color: #81c241; }
      .job-application-overlay .job-application-overlay__wrap .job-application-overlay__content form {
        padding: 36px;
        background: #f6f6f6; }

.split-blocks {
  text-align: center; }
  .split-blocks__wrap {
    width: 100%;
    max-width: 900px;
    margin: 80px auto; }
    .split-blocks__wrap:before, .split-blocks__wrap:after {
      content: "";
      display: table; }
    .split-blocks__wrap:after {
      clear: both; }
  .split-blocks__item {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    position: relative; }
    .split-blocks__item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 35.71429%; }
    @media only screen and (min-width: 768px) {
      .split-blocks__item {
        width: 50%;
        position: relative; }
        .split-blocks__item:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 64.28571%; } }
    @media only screen and (min-width: 768px) {
      .split-blocks__item--thirds {
        width: 33.33333%;
        position: relative; }
        .split-blocks__item--thirds:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 82.14286%; } }
    .split-blocks__item .image {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      bottom: 0;
      -webkit-transition: all 360ms;
      -o-transition: all 360ms;
      transition: all 360ms;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform: scale(1.01);
          -ms-transform: scale(1.01);
              transform: scale(1.01); }
    .split-blocks__item h3 {
      display: block;
      text-align: center;
      width: 100%;
      color: white;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      font-size: 24px;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal; }
      @media screen and (min-width: 480px) {
        .split-blocks__item h3 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .split-blocks__item h3 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .split-blocks__item h3 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .split-blocks__item h3 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .split-blocks__item h3 {
          font-size: 30px; } }
    .split-blocks__item:hover .image {
      -webkit-transform: scale(1.07);
          -ms-transform: scale(1.07);
              transform: scale(1.07); }

.split-list {
  margin: 40px 0;
  background: #f3f8fa;
  padding: 40px; }
  .split-list__wrap:before, .split-list__wrap:after {
    content: "";
    display: table; }
  .split-list__wrap:after {
    clear: both; }
  .split-list__wrap h6 {
    color: #81c241; }
  .split-list__wrap p {
    margin-top: 5px;
    margin-bottom: 25px; }
  .split-list__wrap--left, .split-list__wrap--right {
    width: 100%;
    display: block;
    float: left;
    position: relative; }
    @media only screen and (min-width: 640px) {
      .split-list__wrap--left, .split-list__wrap--right {
        width: 50%; } }
  @media only screen and (min-width: 640px) {
    .split-list__wrap--left {
      padding-right: 40px; } }
  @media only screen and (min-width: 640px) {
    .split-list__wrap--left:after {
      position: absolute;
      content: '';
      display: block;
      width: 1px;
      height: 100%;
      background: #636363;
      display: block;
      top: 0;
      right: 0; } }
  @media only screen and (min-width: 640px) {
    .split-list__wrap--right {
      padding-left: 40px; } }

.cadIntegrationWrap {
  padding: 24px; }
  @media only screen and (min-width: 1024px) {
    .cadIntegrationWrap {
      padding: 36px; } }
  @media only screen and (min-width: 1024px) {
    .cadIntegrationWrap .product-nav {
      position: relative;
      width: 350px;
      float: left;
      margin-bottom: 80px;
      top: 0; } }
  .cadIntegrationWrap .cadIntegration {
    width: 100%;
    -webkit-transition: padding-top 360ms;
    -o-transition: padding-top 360ms;
    transition: padding-top 360ms;
    padding-top: 20px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 1024px) {
      .cadIntegrationWrap .cadIntegration {
        width: calc(100% - 400px);
        float: right; } }

.tt0 tr td {
  padding-left: 2px;
  padding-right: 2px; }

.tt0 {
  width: calc(100% - 15px) !important;
  margin: 0 auto -6px !important; }

.tt_brkt_0 {
  background: white !important;
  color: #000;
  text-align: left !important;
  text-transform: none !important;
  font-size: 26px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important; }

div.cadIntegration .styled-select {
  width: 100%;
  background: #f6f6f6;
  padding: 4px 6px;
  position: relative;
  overflow: hidden; }

div.cadIntegration .styled-select:before {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  content: '';
  background: #089c4e;
  z-index: 4;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.cadIntegration .styled-select:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #f6f6f6 transparent transparent transparent;
  right: 15px;
  top: 16px;
  z-index: 6;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.cadIntegration .styled-select select {
  background: transparent !important;
  color: black !important;
  font-size: 16px !important;
  width: calc(100% - 4px) !important;
  display: inline-block;
  position: relative;
  z-index: 3;
  margin-top: 3px;
  margin-bottom: -3px;
  outline: none;
  cursor: pointer; }

div.cadIntegration {
  padding-top: 36px; }

.CalculatorPage div.cadIntegration {
  padding-left: 48px;
  padding-right: 48px; }

#content * {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important; }

#content {
  width: 100%;
  margin: 0 !important; }

#content .designheader {
  background: none; }

#content .tt_tab {
  line-height: 1;
  width: 16.666666666666%;
  background: #f0f1f1;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0; }

#content .tt_tab.tt_on {
  background: #089c4e; }

#content .tt_tab.tt_on a {
  color: white; }

#content .tt_tab a {
  padding: 12px 0;
  color: black;
  display: inline-block; }

#content .tt_tab a div {
  font-size: 12px; }

#content .tt_splash {
  display: none; }

#content li,
#content p {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13.5px;
  line-height: 1.4; }

#content th {
  background: #089c4e;
  color: white;
  padding: 6px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13.5px;
  line-height: 1.4; }

#content td {
  padding: 6px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13.5px;
  line-height: 1.4; }

#content tr.tt_th {
  background: #f0f1f1; }

#content h3 {
  margin: 36px 0;
  display: block; }

#content .tt_3604figure {
  background: #f0f1f1; }

#content .tt_3604figure h3 {
  margin: 10px 5px 5px; }

#tt_braceform input[type="button"],
#tt_braceform button,
#tt_joblist a:link,
#tt_joblist a:visited,
#tt_joblist a:active {
  background: #089c4e !important;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13.5px;
  color: white;
  text-shadow: none;
  padding: 8px 36px;
  width: auto;
  margin: 0;
  height: auto; }

#content .tt_tips {
  background: #81c241;
  color: black;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 13.5px;
  padding: 12px;
  height: auto;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

#content .tt_tips a {
  color: white; }

#content .tt_tips .tt_tipplatter {
  padding-top: 12px; }

#content #tt_jdp3 {
  margin-top: 36px;
  z-index: 9;
  border: 1px solid #cccccc;
  width: 100% !important;
  position: relative; }

#content #tt_brace_3 table {
  margin: 36px 0; }

#content .wtHider {
  overflow: visible !important; }

#content .tt_inflink {
  position: relative;
  top: 76px; }

#content #auditlog > table {
  width: 100%;
  position: relative;
  top: 36px; }

#content h2 {
  color: black; }

#content #tt_brace_6 table {
  margin: 36px 0; }

#content #tt_systems1 td {
  color: black; }

#tt_joblist .wtHolder {
  padding-top: 72px !important; }

#tt_joblist .fill a {
  border-radius: 0;
  padding: 2px 25px; }

.handsontable .manualColumnResizer {
  z-index: 3;
  right: -6px;
  height: 32px;
  top: -6px;
  background: #067B3D; }

.handsontable .manualColumnResizer:hover {
  background: #054E27 !important; }

.tt_inflink {
  left: 13%; }

.tt_inflink.tt_eq {
  left: 28%; }

#tt_brdem {
  padding-top: 72px; }

#tt_brdem_0 {
  background: #f0f1f1; }

.tt_brdem_ttlhead {
  color: black; }

.tt_addarb.tt_addsingle.SingleStorey {
  margin-top: 24px !important; }

.tt_worktop {
  color: black !important;
  margin-right: 24px; }

#tt_brdem_1 {
  background: #f0f1f1; }

.wtBorder.current.corner {
  position: absolute;
  z-index: 555; }

.wtBorder.current {
  z-index: 555;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  background-color: #ccc !important; }

@media (max-width: 1023px) {
  #tt_TopFilter, #tt_Filter {
    width: 100% !important; } }

#tt_TopFilter .tt_top {
  padding: 12px;
  height: 24px; }

#cboxLoadedContent #tt_pop_title {
  width: 100%; }

#cboxLoadedContent #tt_pop_title * {
  font-size: 18px; }

.tt_brkt_0 {
  background: #089c4e !important;
  color: white; }

#tt_pop_body {
  width: 100%;
  margin: 36px 0 0;
  padding-bottom: 12px;
  text-align: center; }

#cboxLoadedContent .tt_enavup,
#cboxLoadedContent .tt_enavdn {
  background: #089c4e;
  width: auto;
  height: auto;
  padding: 10px 24px;
  cursor: pointer; }

#cboxClose {
  position: absolute;
  top: 0;
  bottom: auto;
  right: 0; }

#tt_mco {
  width: 100%;
  padding-top: 12px; }

#tt_mco a {
  background: #089c4e;
  color: white;
  width: 100%; }

#side-nav-pop {
  display: none; }

#tt_dt .tt_tile {
  width: 100%; }

@media (min-width: 768px) {
  #tt_dt .tt_tile {
    width: 50%; } }

@media (min-width: 1280px) {
  #tt_dt .tt_tile {
    width: 33.3333333%; } }

#tt_dt .tt_tile {
  margin: 0 0 24px 0;
  padding-top: 24px;
  padding-bottom: 12px;
  border: 0;
  outline: 1px solid #eee;
  outline-offset: -6px; }

#tt_dt .tt_brkt_0 {
  height: auto;
  padding: 12px;
  margin: 24px 0 36px; }

#tt_dt .tt0 {
  margin-top: 12px;
  border-top: 1px solid #eeeeee;
  margin-bottom: 0; }

#tt_dt .tt0 td {
  border-bottom: 0; }

#tt_dt .tt0 a {
  width: 100%;
  background: #089c4e;
  color: white;
  -webkit-transition: all 120ms;
  -o-transition: all 120ms;
  transition: all 120ms; }

#tt_dt .tt0 a:hover {
  background: #076B36 !important; }

.stock-items {
  min-height: 1000px; }

.rangeSlider {
  margin-top: 6px;
  margin-bottom: 16px; }

.range {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: none;
  border: none;
  padding: 0;
  background: none;
  width: 200px; }

.range::-webkit-slider-runnable-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: 1px solid transparent; }

.range[disabled]::-webkit-slider-runnable-track {
  border: 1px solid #d7dbdd;
  background-color: transparent;
  opacity: 0.4; }

.range::-moz-range-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: none; }

.range::-ms-track {
  color: transparent;
  border: none;
  background: none;
  height: 6px; }

.range::-ms-fill-lower {
  background-color: #d7dbdd;
  border-radius: 3px; }

.range::-ms-fill-upper {
  background-color: #d7dbdd;
  border-radius: 3px; }

.range::-ms-tooltip {
  display: none;
  /* display and visibility only */ }

.range::-moz-range-thumb {
  border-radius: 20px;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  background-color: #008850; }

.range:active::-moz-range-thumb {
  outline: none; }

.range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 100%;
  background-color: #008850;
  height: 18px;
  width: 18px;
  margin-top: -7px; }

.range[disabled]::-webkit-slider-thumb {
  background-color: transparent;
  border: 1px solid #d7dbdd; }

.range:active::-webkit-slider-thumb {
  outline: none; }

.range::-ms-thumb {
  border-radius: 100%;
  background-color: #008850;
  height: 18px;
  width: 18px;
  border: none; }

.range:active::-ms-thumb {
  border: none; }

output {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  right: 10px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }

.range {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: none;
  border: none;
  padding: 0;
  background: none; }

.range::-webkit-slider-runnable-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: 1px solid transparent; }

.sidebarActive .filterDrawer {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.sidebarActive .stock-items__wrap {
  padding-left: 330px !important; }

.sidebarActive .stock-library .header {
  width: 300px !important; }

.sidebarActive .stock-library .search {
  margin-left: 300px !important; }

.sidebarActive .stock-items .item {
  width: 100%; }
  @media only screen and (min-width: 480px) {
    .sidebarActive .stock-items .item {
      width: 50%; } }
  @media only screen and (min-width: 640px) {
    .sidebarActive .stock-items .item {
      width: 33.33333%; } }
  @media only screen and (min-width: 768px) {
    .sidebarActive .stock-items .item {
      width: 25%; } }
  @media only screen and (min-width: 1024px) {
    .sidebarActive .stock-items .item {
      width: 20%; } }

.filterWrap .stock-library .header {
  cursor: pointer;
  background: #008850;
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 60px;
  background: #008850;
  font-size: 13.5px;
  color: white;
  text-transform: uppercase;
  padding: 0px 12px;
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }
  @media screen and (min-width: 480px) {
    .filterWrap .stock-library .header {
      font-size: 13.5px; } }
  @media screen and (min-width: 768px) {
    .filterWrap .stock-library .header {
      font-size: 13.5px; } }
  @media screen and (min-width: 992px) {
    .filterWrap .stock-library .header {
      font-size: 13.5px; } }
  @media screen and (min-width: 1200px) {
    .filterWrap .stock-library .header {
      font-size: 15px; } }
  @media screen and (min-width: 1600px) {
    .filterWrap .stock-library .header {
      font-size: 15px; } }
  .filterWrap .stock-library .header svg {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    right: 12px;
    cursor: pointer; }

.filterWrap .stock-library .search {
  margin-left: 200px;
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }

.stock-items__wrap,
.stock-library {
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }

.filterWrap {
  position: relative;
  background: #f0f1f1; }

.scrollWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  overflow-x: hidden;
  overflow-y: auto; }

.filterDrawer ::-webkit-scrollbar-track {
  background-color: #dfdfdf; }

.filterDrawer ::-webkit-scrollbar {
  width: 6px;
  background-color: #dfdfdf; }

.filterDrawer ::-webkit-scrollbar-thumb {
  background-color: #008850; }

.filterSidebar {
  top: 0;
  bottom: 0;
  left: 100%;
  width: 30px;
  color: white;
  position: absolute;
  display: block;
  background: #008850;
  -webkit-transition: all 120ms;
  -o-transition: all 120ms;
  transition: all 120ms;
  text-align: center; }
  .filterSidebar svg {
    top: 10px;
    position: relative; }

.dbActive .filterDrawer {
  margin-top: -34px; }

.filterDrawer {
  margin-top: -114px;
  z-index: 4;
  width: 300px;
  -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
          transform: translateX(-300px);
  top: 174px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fff;
  -webkit-transition: all 330ms;
  -o-transition: all 330ms;
  transition: all 330ms; }
  .filterDrawer .filterDropdown {
    cursor: pointer;
    margin-bottom: 1px;
    padding: 9px 12px 9px 24px;
    position: relative;
    background: #f9fafa;
    font-size: 13.5px;
    text-transform: uppercase; }
    @media screen and (min-width: 480px) {
      .filterDrawer .filterDropdown {
        font-size: 13.5px; } }
    @media screen and (min-width: 768px) {
      .filterDrawer .filterDropdown {
        font-size: 13.5px; } }
    @media screen and (min-width: 992px) {
      .filterDrawer .filterDropdown {
        font-size: 13.5px; } }
    @media screen and (min-width: 1200px) {
      .filterDrawer .filterDropdown {
        font-size: 15px; } }
    @media screen and (min-width: 1600px) {
      .filterDrawer .filterDropdown {
        font-size: 15px; } }
    .filterDrawer .filterDropdown__wrap {
      position: relative; }
    .filterDrawer .filterDropdown svg {
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
    .filterDrawer .filterDropdown.droppedDown ul {
      max-height: 1000px;
      padding: 6px 24px 0;
      margin-bottom: -9px;
      margin-top: 9px; }
    .filterDrawer .filterDropdown.droppedDown svg {
      -webkit-transform: rotate(-180deg) translateY(50%);
          -ms-transform: rotate(-180deg) translateY(50%);
              transform: rotate(-180deg) translateY(50%); }
    .filterDrawer .filterDropdown li {
      position: relative; }
    .filterDrawer .filterDropdown ul {
      max-height: 0;
      margin: 0 -12px 0 -24px;
      padding: 0 24px;
      background: #fff;
      overflow: hidden;
      position: relative; }
      .filterDrawer .filterDropdown ul li {
        padding: 4px 0;
        display: block;
        text-transform: initial;
        font-size: 13px; }
        .filterDrawer .filterDropdown ul li:last-of-type {
          padding-bottom: 9px; }
        .filterDrawer .filterDropdown ul li .count-box {
          float: right;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          border-radius: 3px;
          padding: 1px 6px;
          color: #000;
          font-size: 12px; }
    .filterDrawer .filterDropdown input {
      position: relative;
      top: 3px;
      margin-right: 10px; }
    .filterDrawer .filterDropdown svg {
      float: right;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 12px; }
      .filterDrawer .filterDropdown svg polygon {
        fill: #000000; }

.stock-library__wrap {
  position: relative;
  margin: -40px auto 0; }

.stock-library .search {
  background: white;
  border: 1px solid #ccd3d3;
  padding: 9px 0;
  border-left: 0;
  margin: 40px auto;
  position: relative; }
  .stock-library .search svg {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    left: 10px;
    width: 25px;
    height: 38px; }
    .stock-library .search svg g {
      fill: #727272; }
  .stock-library .search .search-count {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    right: 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; }

.stock-library #js-search {
  outline: 1px solid #81c241; }
  .stock-library #js-search:before, .stock-library #js-search:after {
    content: "";
    display: table; }
  .stock-library #js-search:after {
    clear: both; }

.stock-library .chosen-results {
  max-height: 300px;
  overflow: scroll; }
  .stock-library .chosen-results li {
    text-transform: capitalize; }

.stock-library .search-field {
  display: inline-block;
  vertical-align: middle; }
  .stock-library .search-field input {
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    background: transparent;
    height: 40px;
    outline: none;
    display: inline-block;
    font-size: 15.2px;
    color: #000000; }
    @media screen and (min-width: 480px) {
      .stock-library .search-field input {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .stock-library .search-field input {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .stock-library .search-field input {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .stock-library .search-field input {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .stock-library .search-field input {
        font-size: 19px; } }

.stock-library .chosen-choices {
  padding-left: 80px; }

.chosen-results {
  position: absolute;
  left: 0;
  right: 0;
  background: #f3f8fa;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 240ms;
  -o-transition: all 240ms;
  transition: all 240ms;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  z-index: 9; }
  .chosen-results li {
    padding: 5px;
    font-size: 15.2px;
    display: none; }
    @media screen and (min-width: 480px) {
      .chosen-results li {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .chosen-results li {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .chosen-results li {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .chosen-results li {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .chosen-results li {
        font-size: 19px; } }
    .chosen-results li span {
      font-size: 15.2px; }
      @media screen and (min-width: 480px) {
        .chosen-results li span {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .chosen-results li span {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .chosen-results li span {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .chosen-results li span {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .chosen-results li span {
          font-size: 19px; } }
    .chosen-results li.active-result {
      display: list-item; }
    .chosen-results li.disabled-result {
      display: list-item; }
    .chosen-results li.highlighted {
      background-color: white; }
    .chosen-results li.no-results {
      display: list-item; }
    .chosen-results li.group-result {
      display: list-item; }

.chosen-with-drop .chosen-results {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.chosen-container,
.chosen-choices {
  width: 100% !important; }

.search-choice {
  background: white;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 40px;
  padding-right: 45px;
  position: relative; }
  .search-choice span {
    line-height: 40px;
    padding: 0 5px;
    font-size: 15.2px; }
    @media screen and (min-width: 480px) {
      .search-choice span {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .search-choice span {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .search-choice span {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .search-choice span {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .search-choice span {
        font-size: 19px; } }

.search-choice-close {
  width: 40px;
  height: 40px;
  display: block;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  border-left: 3px solid #f3f8fa;
  cursor: pointer; }
  .search-choice-close:before, .search-choice-close:after {
    width: 65%;
    height: 2px;
    background: black;
    position: absolute;
    left: 15%;
    top: 50%;
    content: '';
    display: block;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .search-choice-close:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.StockLibraryPage .chosen-results {
  top: 100%;
  margin-top: 15px; }

.image-downloads,
.stock-items {
  margin: 0 auto;
  max-width: 1400px; }
  .image-downloads:before, .image-downloads:after,
  .stock-items:before,
  .stock-items:after {
    content: "";
    display: table; }
  .image-downloads:after,
  .stock-items:after {
    clear: both; }
  .image-downloads .item,
  .stock-items .item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    display: block;
    float: left;
    position: relative;
    position: relative;
    padding: 10px;
    -webkit-transition: opacity 240ms, outline-offset 240ms, outline 240ms, -webkit-transform 240ms;
    transition: opacity 240ms, outline-offset 240ms, outline 240ms, -webkit-transform 240ms;
    -o-transition: transform 240ms, opacity 240ms, outline-offset 240ms, outline 240ms;
    transition: transform 240ms, opacity 240ms, outline-offset 240ms, outline 240ms;
    transition: transform 240ms, opacity 240ms, outline-offset 240ms, outline 240ms, -webkit-transform 240ms;
    outline-offset: -20px;
    outline: 1px solid rgba(222, 222, 222, 0); }
    .image-downloads .item svg,
    .stock-items .item svg {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 0;
      margin: 0 auto;
      z-index: 9;
      right: 0;
      opacity: 0;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      -webkit-transform: scale(0) translateY(-50%);
          -ms-transform: scale(0) translateY(-50%);
              transform: scale(0) translateY(-50%); }
    @media only screen and (min-width: 480px) {
      .image-downloads .item,
      .stock-items .item {
        width: 50%; } }
    @media only screen and (min-width: 640px) {
      .image-downloads .item,
      .stock-items .item {
        width: 33.33333%; } }
    @media only screen and (min-width: 768px) {
      .image-downloads .item,
      .stock-items .item {
        width: 25%; } }
    @media only screen and (min-width: 1024px) {
      .image-downloads .item,
      .stock-items .item {
        width: 16.66667%; } }
    .image-downloads .item:after,
    .stock-items .item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 100%; }
    .image-downloads .item.hidden,
    .stock-items .item.hidden {
      opacity: 0;
      -webkit-transform: translateY(100px) scale(0);
          -ms-transform: translateY(100px) scale(0);
              transform: translateY(100px) scale(0); }
    .image-downloads .item .hitbox,
    .stock-items .item .hitbox {
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      z-indec: 999; }
    .image-downloads .item .indicator,
    .stock-items .item .indicator {
      position: absolute;
      top: 10px;
      right: 10px;
      background: #dedede;
      width: 24px;
      height: 24px;
      display: block;
      z-index: 1;
      opacity: 0;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
      .image-downloads .item .indicator:before, .image-downloads .item .indicator:after,
      .stock-items .item .indicator:before,
      .stock-items .item .indicator:after {
        width: 50%;
        height: 2px;
        background: white;
        position: absolute;
        left: 29%;
        top: 44%;
        content: '';
        display: block;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .image-downloads .item .indicator:after,
      .stock-items .item .indicator:after {
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
    .image-downloads .item .popup,
    .stock-items .item .popup {
      right: 100%;
      z-index: 99999;
      border-radius: 3px;
      border: 3px solid white;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.56);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.56);
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: absolute;
      width: 160%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      top: 50%;
      -webkit-transform: scale(0.5) translateY(-50%);
          -ms-transform: scale(0.5) translateY(-50%);
              transform: scale(0.5) translateY(-50%); }
      .image-downloads .item .popup:after,
      .stock-items .item .popup:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 150%; }
    .image-downloads .item.popped .popup,
    .stock-items .item.popped .popup {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1) translateY(-50%);
          -ms-transform: scale(1) translateY(-50%);
              transform: scale(1) translateY(-50%); }
    .image-downloads .item.left .popup,
    .stock-items .item.left .popup {
      left: 100%;
      right: auto; }
    .image-downloads .item:hover,
    .stock-items .item:hover {
      outline: 1px solid #dedede;
      outline-offset: -10px;
      cursor: pointer; }
      .image-downloads .item:hover .indicator,
      .stock-items .item:hover .indicator {
        opacity: 1; }
      .image-downloads .item:hover svg,
      .stock-items .item:hover svg {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-50%);
            -ms-transform: scale(1) translateY(-50%);
                transform: scale(1) translateY(-50%); }
    .image-downloads .item.selected,
    .stock-items .item.selected {
      outline: 1px solid #81c241;
      outline-offset: -10px; }
      .image-downloads .item.selected .indicator,
      .stock-items .item.selected .indicator {
        opacity: 1;
        display: block;
        background: #81c241; }
    .image-downloads .item .image,
    .stock-items .item .image {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 20px;
      top: 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .image-downloads .item .image p,
      .stock-items .item .image p {
        display: none; }

.paging {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 40px;
  max-width: 1024px;
  font-size: 15.2px; }
  .paging:before, .paging:after {
    content: "";
    display: table; }
  .paging:after {
    clear: both; }
  @media screen and (min-width: 480px) {
    .paging {
      font-size: 15.2px; } }
  @media screen and (min-width: 768px) {
    .paging {
      font-size: 15.2px; } }
  @media screen and (min-width: 992px) {
    .paging {
      font-size: 17.1px; } }
  @media screen and (min-width: 1200px) {
    .paging {
      font-size: 19px; } }
  @media screen and (min-width: 1600px) {
    .paging {
      font-size: 19px; } }
  .paging a {
    font-size: 15.2px;
    min-width: 36px;
    height: 36px;
    display: inline-block;
    text-decoration: none;
    margin: 5px;
    background: white;
    line-height: 36px;
    color: black;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms; }
    @media screen and (min-width: 480px) {
      .paging a {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .paging a {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .paging a {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .paging a {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .paging a {
        font-size: 19px; } }
    .paging a.prev, .paging a.js-prev {
      padding: 0 40px;
      background: #008850;
      color: white; }
    .paging a.next, .paging a.js-next {
      padding: 0 40px;
      background: #008850;
      color: white; }
    .paging a.disabled, .paging a.active {
      background: #dedede; }

.stock-items__wrap {
  position: relative;
  text-align: center; }
  .stock-items__wrap:before, .stock-items__wrap:after {
    content: "";
    display: table; }
  .stock-items__wrap:after {
    clear: both; }

.js-load-more-images {
  margin-top: 40px;
  margin-bottom: 60px; }

#drag {
  display: none;
  z-index: 999;
  position: absolute !important;
  cursor: default !important; }
  #drag.active {
    display: block; }
  #drag span {
    border: 1px solid #81c241;
    background: rgba(129, 194, 65, 0.3);
    width: 100%;
    height: 100%;
    float: left; }

.download-bar-wrap {
  max-height: 0;
  position: relative;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms; }
  .download-bar-wrap.active {
    max-height: 80px;
    height: 80px; }

.search-choice {
  text-transform: capitalize; }

.download-bar {
  background: #48ba79;
  text-align: center;
  max-height: 0;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
  -webkit-transition: all 360ms;
  -o-transition: all 360ms;
  transition: all 360ms;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0; }
  .download-bar.active {
    padding: 10px;
    max-height: 80px; }
  .download-bar.fixed {
    position: fixed;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .download-bar a {
    line-height: 40px;
    height: 40px;
    vertical-align: middle;
    padding: 0 40px;
    display: inline-block;
    margin: 10px 10px;
    text-decoration: none;
    font-size: 13.5px;
    background: #f3f8fa; }
    @media screen and (min-width: 480px) {
      .download-bar a {
        font-size: 13.5px; } }
    @media screen and (min-width: 768px) {
      .download-bar a {
        font-size: 13.5px; } }
    @media screen and (min-width: 992px) {
      .download-bar a {
        font-size: 13.5px; } }
    @media screen and (min-width: 1200px) {
      .download-bar a {
        font-size: 15px; } }
    @media screen and (min-width: 1600px) {
      .download-bar a {
        font-size: 15px; } }
    .download-bar a:hover {
      background: white; }
    .download-bar a.download {
      color: #008850; }
    .download-bar a.dropbox {
      color: #007ef6; }
      .download-bar a.dropbox svg {
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
        width: 24px;
        height: auto; }

.support .sod_select {
  border: 0;
  background: #f6f6f6;
  color: #000000; }
  .support .sod_select:before {
    background: #81c241;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0; }
  .support .sod_select:after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    right: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #f3f8fa transparent transparent transparent; }
  .support .sod_select .sod_list_wrapper {
    outline: none !important;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }

.support:before, .support:after {
  content: "";
  display: table; }

.support:after {
  clear: both; }

.support__wrap {
  width: 100%;
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .support__wrap {
      padding: 0 40px; } }
  .support__wrap:before, .support__wrap:after {
    content: "";
    display: table; }
  .support__wrap:after {
    clear: both; }

.support__menu {
  -webkit-transition: all 480ms;
  -o-transition: all 480ms;
  transition: all 480ms;
  width: 100%;
  float: right;
  margin-bottom: 40px;
  margin-top: -50px;
  background: #727272; }
  @media only screen and (min-width: 1024px) {
    .support__menu {
      position: absolute;
      right: 40px;
      margin-bottom: 10px;
      width: 260px; } }
  @media only screen and (min-width: 1280px) {
    .support__menu {
      width: 400px; } }
  .support__menu li {
    display: block;
    line-height: 50px; }
    .support__menu li.first a {
      background: #81c241; }
    .support__menu li a {
      display: block;
      padding: 0 10px 0 50px;
      color: white;
      line-height: 50px;
      position: relative;
      text-decoration: none;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms;
      font-family: 'Roboto', sans-serif;
      font-weight: 300; }
      .support__menu li a span {
        position: absolute;
        left: 15px;
        top: 5px; }
      .support__menu li a:hover {
        background: #81c241; }

.support__content {
  -webkit-transition: padding-top 360ms;
  -o-transition: padding-top 360ms;
  transition: padding-top 360ms;
  margin-top: 40px;
  z-index: 3;
  position: relative; }
  .support__content .constrained, .support__content .productPage {
    max-width: 1132px; }
  @media only screen and (min-width: 1024px) {
    .support__content {
      width: calc(100% - 400px);
      float: right; } }
  .support__content .off-white {
    position: relative;
    padding: 20px;
    background: #f6f6f6; }
    .support__content .off-white .loader {
      display: none;
      margin-top: -50px;
      opacity: 0;
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease; }
    .support__content .off-white:after {
      -webkit-transition: 240ms ease;
      -o-transition: 240ms ease;
      transition: 240ms ease;
      position: absolute;
      content: '';
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0px;
      display: block;
      background: rgba(255, 255, 255, 0);
      visibility: hidden; }
    .support__content .off-white.busy .loader {
      display: block;
      opacity: 1;
      z-index: 9; }
    .support__content .off-white.busy:after {
      background: rgba(255, 255, 255, 0.7);
      visibility: visible; }
  .support__content h2 {
    font-size: 20.8px;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    display: block;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px; }
    @media screen and (min-width: 480px) {
      .support__content h2 {
        font-size: 20.8px; } }
    @media screen and (min-width: 768px) {
      .support__content h2 {
        font-size: 20.8px; } }
    @media screen and (min-width: 992px) {
      .support__content h2 {
        font-size: 23.4px; } }
    @media screen and (min-width: 1200px) {
      .support__content h2 {
        font-size: 26px; } }
    @media screen and (min-width: 1600px) {
      .support__content h2 {
        font-size: 26px; } }
  .support__content h3 {
    font-size: 15.2px;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .support__content h3 {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .support__content h3 {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .support__content h3 {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .support__content h3 {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .support__content h3 {
        font-size: 19px; } }
  .support__content .button--dark {
    color: white; }

.support .representatives {
  display: none;
  margin-bottom: 40px;
  margin-top: 40px; }
  .support .representatives.active {
    display: block; }
  .support .representatives:before, .support .representatives:after {
    content: "";
    display: table; }
  .support .representatives:after {
    clear: both; }
  .support .representatives .representative {
    width: 100%;
    border-left: 1px solid black;
    padding: 20px 20px 10px;
    display: block;
    float: left;
    margin-bottom: 30px; }
    @media only screen and (min-width: 640px) {
      .support .representatives .representative {
        width: 50%; } }
    @media only screen and (min-width: 768px) {
      .support .representatives .representative {
        width: 33.33333%; } }
    .support .representatives .representative h5 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      margin-bottom: 80px;
      font-size: 15.2px; }
      @media screen and (min-width: 480px) {
        .support .representatives .representative h5 {
          font-size: 15.2px; } }
      @media screen and (min-width: 768px) {
        .support .representatives .representative h5 {
          font-size: 15.2px; } }
      @media screen and (min-width: 992px) {
        .support .representatives .representative h5 {
          font-size: 17.1px; } }
      @media screen and (min-width: 1200px) {
        .support .representatives .representative h5 {
          font-size: 19px; } }
      @media screen and (min-width: 1600px) {
        .support .representatives .representative h5 {
          font-size: 19px; } }
    .support .representatives .representative p {
      margin-bottom: 6px; }
    .support .representatives .representative a {
      color: black;
      text-decoration: none; }

.SupportPage form:before, .SupportPage form:after {
  content: "";
  display: table; }

.SupportPage form:after {
  clear: both; }

.SupportPage form .input-wrap .sod_select {
  background: #ffffff; }

.RegistrationPage .support__content {
  margin-bottom: 80px; }
  .RegistrationPage .support__content a {
    color: #18a655;
    text-decoration: none; }

.team {
  width: 100%;
  padding: 30px 24px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .team {
      padding: 30px 40px 0; } }
  .team:before, .team:after {
    content: "";
    display: table; }
  .team:after {
    clear: both; }
  .team__wrap {
    padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .team__wrap {
        width: calc(100% - 400px);
        float: right; } }
    .team__wrap h3, .team__wrap h5, .team__wrap p {
      max-width: 1024px; }
    .team__wrap h3 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      margin-bottom: 24px; }
    .team__wrap h5 {
      color: #81c241;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      margin-bottom: 12px; }
    .team__wrap p {
      margin-bottom: 12px; }
    .team__wrap .text-block__wrap {
      max-width: 1044px; }
  .team .primary-members {
    max-width: 1044px;
    border-bottom: 1px solid #9b9999;
    padding: 36px 0;
    margin: 0 -24px; }
    .team .primary-members:before, .team .primary-members:after {
      content: "";
      display: table; }
    .team .primary-members:after {
      clear: both; }
    .team .primary-members__item {
      display: block;
      float: left;
      width: 100%;
      padding: 24px; }
      @media only screen and (min-width: 640px) {
        .team .primary-members__item {
          width: 50%; } }
      @media only screen and (min-width: 768px) {
        .team .primary-members__item {
          width: 33.33333%; } }
      .team .primary-members__item img {
        width: 100%;
        margin-bottom: 24px; }
      .team .primary-members__item h6 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-bottom: 6px; }
      .team .primary-members__item .green {
        color: #81c241; }
      .team .primary-members__item a {
        display: block;
        margin: 24px 0 12px;
        text-decoration: none;
        color: black;
        font-size: 13px;
        -webkit-transition: all 120ms;
        -o-transition: all 120ms;
        transition: all 120ms; }
        .team .primary-members__item a svg {
          vertical-align: middle;
          display: inline-block;
          margin-right: 6px; }
          .team .primary-members__item a svg path {
            -webkit-transition: all 120ms;
            -o-transition: all 120ms;
            transition: all 120ms; }
        .team .primary-members__item a:hover {
          color: #81c241; }
          .team .primary-members__item a:hover svg path {
            fill: #81c241; }

.secondary-members {
  max-width: 1044px;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative; }
  .secondary-members:before, .secondary-members:after {
    content: "";
    display: table; }
  .secondary-members:after {
    clear: both; }
  .secondary-members .copy {
    width: 100%;
    padding-bottom: 24px;
    display: block;
    float: left; }
    @media only screen and (min-width: 1280px) {
      .secondary-members .copy {
        padding-right: 12px;
        width: 33.33333%; } }
    .secondary-members .copy h4 {
      margin-bottom: 24px; }
  .secondary-members .members {
    width: 100%;
    display: block;
    float: left; }
    @media only screen and (min-width: 1280px) {
      .secondary-members .members {
        width: 66.66667%; } }
    .secondary-members .members .member {
      display: block;
      float: left;
      width: 50%;
      padding: 0 10px 20px;
      position: relative; }
      @media only screen and (max-width: 639px) {
        .secondary-members .members .member {
          width: 100%; } }
      .secondary-members .members .member h6 {
        font-size: 13.5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700; }
        @media screen and (min-width: 480px) {
          .secondary-members .members .member h6 {
            font-size: 13.5px; } }
        @media screen and (min-width: 768px) {
          .secondary-members .members .member h6 {
            font-size: 13.5px; } }
        @media screen and (min-width: 992px) {
          .secondary-members .members .member h6 {
            font-size: 13.5px; } }
        @media screen and (min-width: 1200px) {
          .secondary-members .members .member h6 {
            font-size: 15px; } }
        @media screen and (min-width: 1600px) {
          .secondary-members .members .member h6 {
            font-size: 15px; } }
      .secondary-members .members .member .green {
        color: #81c241;
        margin-bottom: 6px; }
      .secondary-members .members .member img {
        float: left;
        width: 40%;
        margin-right: 12px; }
        @media only screen and (max-width: 639px) {
          .secondary-members .members .member img {
            width: 100%;
            padding-bottom: 12px; } }
      .secondary-members .members .member svg {
        width: 20px; }
        .secondary-members .members .member svg path {
          -webkit-transition: all 120ms;
          -o-transition: all 120ms;
          transition: all 120ms; }
        .secondary-members .members .member svg:hover path {
          fill: #81c241; }
      .secondary-members .members .member p {
        font-size: 10.4px; }
        @media screen and (min-width: 480px) {
          .secondary-members .members .member p {
            font-size: 10.4px; } }
        @media screen and (min-width: 768px) {
          .secondary-members .members .member p {
            font-size: 10.4px; } }
        @media screen and (min-width: 992px) {
          .secondary-members .members .member p {
            font-size: 11.7px; } }
        @media screen and (min-width: 1200px) {
          .secondary-members .members .member p {
            font-size: 13px; } }
        @media screen and (min-width: 1600px) {
          .secondary-members .members .member p {
            font-size: 13px; } }

.testimonials:before, .testimonials:after {
  content: "";
  display: table; }

.testimonials:after {
  clear: both; }

.testimonials__wrap {
  padding: 80px 0;
  margin: 0 auto;
  max-width: 670px; }
  .testimonials__wrap__item {
    text-align: center; }
    .testimonials__wrap__item p {
      font-size: 24px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      color: #9b9999;
      font-style: italic;
      padding: 0 20px; }
      @media screen and (min-width: 480px) {
        .testimonials__wrap__item p {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .testimonials__wrap__item p {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .testimonials__wrap__item p {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .testimonials__wrap__item p {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .testimonials__wrap__item p {
          font-size: 30px; } }
    .testimonials__wrap__item span {
      margin-top: 30px;
      display: block;
      padding: 0 10px; }
    .testimonials__wrap__item a {
      margin-top: 30px;
      padding: 18px 50px; }

.text-block {
  padding: 80px 0; }
  .text-block--alt .text-block__wrap {
    max-width: 1060px; }
    .text-block--alt .text-block__wrap h2 {
      line-height: 1.4;
      font-style: italic;
      font-size: 28px; }
      @media screen and (min-width: 480px) {
        .text-block--alt .text-block__wrap h2 {
          font-size: 28px; } }
      @media screen and (min-width: 768px) {
        .text-block--alt .text-block__wrap h2 {
          font-size: 28px; } }
      @media screen and (min-width: 992px) {
        .text-block--alt .text-block__wrap h2 {
          font-size: 31.5px; } }
      @media screen and (min-width: 1200px) {
        .text-block--alt .text-block__wrap h2 {
          font-size: 35px; } }
      @media screen and (min-width: 1600px) {
        .text-block--alt .text-block__wrap h2 {
          font-size: 35px; } }
    .text-block--alt .text-block__wrap p {
      color: black;
      margin-top: 24px; }
  .text-block--inspiration .text-block__wrap h2 {
    line-height: 1.4;
    color: #81c241;
    font-size: 24px;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal; }
    @media screen and (min-width: 480px) {
      .text-block--inspiration .text-block__wrap h2 {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .text-block--inspiration .text-block__wrap h2 {
        font-size: 24px; } }
    @media screen and (min-width: 992px) {
      .text-block--inspiration .text-block__wrap h2 {
        font-size: 27px; } }
    @media screen and (min-width: 1200px) {
      .text-block--inspiration .text-block__wrap h2 {
        font-size: 30px; } }
    @media screen and (min-width: 1600px) {
      .text-block--inspiration .text-block__wrap h2 {
        font-size: 30px; } }
  .text-block--inspiration .text-block__wrap p {
    color: black;
    margin-top: 24px; }
  .text-block__wrap {
    text-align: center;
    max-width: 720px;
    padding: 0 10px;
    margin: 0 auto;
    color: #9b9999; }
    .text-block__wrap h2 {
      font-size: 36px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300; }
      @media screen and (min-width: 480px) {
        .text-block__wrap h2 {
          font-size: 36px; } }
      @media screen and (min-width: 768px) {
        .text-block__wrap h2 {
          font-size: 36px; } }
      @media screen and (min-width: 992px) {
        .text-block__wrap h2 {
          font-size: 40.5px; } }
      @media screen and (min-width: 1200px) {
        .text-block__wrap h2 {
          font-size: 45px; } }
      @media screen and (min-width: 1600px) {
        .text-block__wrap h2 {
          font-size: 45px; } }
  .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
    font-size: 20.8px;
    margin-top: 40px; }
    @media screen and (min-width: 480px) {
      .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
        font-size: 20.8px; } }
    @media screen and (min-width: 768px) {
      .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
        font-size: 20.8px; } }
    @media screen and (min-width: 992px) {
      .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
        font-size: 23.4px; } }
    @media screen and (min-width: 1200px) {
      .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
        font-size: 26px; } }
    @media screen and (min-width: 1600px) {
      .text-block .button, .text-block .button--light, .text-block .button--dark, .text-block #SearchResults li .readMoreLink, #SearchResults li .text-block .readMoreLink {
        font-size: 26px; } }

.threeway-blocks:before, .threeway-blocks:after {
  content: "";
  display: table; }

.threeway-blocks:after {
  clear: both; }

.threeway-blocks__wrap {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .threeway-blocks__wrap {
      display: table; } }
  .threeway-blocks__wrap__item {
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    vertical-align: middle;
    width: 100%;
    padding: 30px 10px;
    display: block;
    float: left;
    color: #ffffff;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .threeway-blocks__wrap__item {
        text-align: center; }
        .threeway-blocks__wrap__item br {
          display: none; } }
    @media only screen and (min-width: 768px) {
      .threeway-blocks__wrap__item {
        width: 33.33333%;
        padding: 50px 30px; } }
    @media only screen and (min-width: 768px) {
      .threeway-blocks__wrap__item {
        float: none;
        display: table-cell;
        padding: 60px 50px; } }
    .threeway-blocks__wrap__item h4 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 20.8px; }
      @media screen and (min-width: 480px) {
        .threeway-blocks__wrap__item h4 {
          font-size: 20.8px; } }
      @media screen and (min-width: 768px) {
        .threeway-blocks__wrap__item h4 {
          font-size: 20.8px; } }
      @media screen and (min-width: 992px) {
        .threeway-blocks__wrap__item h4 {
          font-size: 23.4px; } }
      @media screen and (min-width: 1200px) {
        .threeway-blocks__wrap__item h4 {
          font-size: 26px; } }
      @media screen and (min-width: 1600px) {
        .threeway-blocks__wrap__item h4 {
          font-size: 26px; } }
      @media only screen and (min-width: 1024px) {
        .threeway-blocks__wrap__item h4 {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 24px; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .threeway-blocks__wrap__item h4 {
      font-size: 24px; } }
  @media only screen and (min-width: 1024px) and (min-width: 768px) {
    .threeway-blocks__wrap__item h4 {
      font-size: 24px; } }
  @media only screen and (min-width: 1024px) and (min-width: 992px) {
    .threeway-blocks__wrap__item h4 {
      font-size: 27px; } }
  @media only screen and (min-width: 1024px) and (min-width: 1200px) {
    .threeway-blocks__wrap__item h4 {
      font-size: 30px; } }
  @media only screen and (min-width: 1024px) and (min-width: 1600px) {
    .threeway-blocks__wrap__item h4 {
      font-size: 30px; } }
    .threeway-blocks__wrap__item a {
      margin-bottom: 0; }
    .threeway-blocks__wrap__item--black {
      background-color: #1d1c1c; }
    .threeway-blocks__wrap__item--green {
      background-color: #81c241; }
    .threeway-blocks__wrap__item--green-light {
      background-color: #bfd62f; }

.tri-blocks-alt {
  margin-bottom: 80px;
  position: relative; }
  .tri-blocks-alt .slick-control {
    border: 0;
    background: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    opacity: 0.6;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 3;
    outline: none;
    cursor: pointer; }
    .tri-blocks-alt .slick-control:hover {
      opacity: 1; }
    .tri-blocks-alt .slick-control.prev-slide {
      left: 12px; }
    .tri-blocks-alt .slick-control.next-slide {
      right: 12px; }
  .tri-blocks-alt__wrap {
    width: 100%; }
    .tri-blocks-alt__wrap__item {
      display: block;
      width: 33.33333%;
      padding: 60px 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative; }
      @media only screen and (min-width: 640px) {
        .tri-blocks-alt__wrap__item {
          padding: 80px 20px; } }
      @media only screen and (min-width: 768px) {
        .tri-blocks-alt__wrap__item {
          padding: 120px 20px; } }
      .tri-blocks-alt__wrap__item:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        background: rgba(0, 0, 0, 0.6); }
      .tri-blocks-alt__wrap__item__copy {
        text-align: center;
        color: #ffffff;
        position: relative;
        z-index: 2;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        opacity: 0;
        -webkit-transform: translateY(30%);
            -ms-transform: translateY(30%);
                transform: translateY(30%); }
        .tri-blocks-alt__wrap__item__copy h4 {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 20.8px;
          margin-bottom: 10px; }
          @media screen and (min-width: 480px) {
            .tri-blocks-alt__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 768px) {
            .tri-blocks-alt__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 992px) {
            .tri-blocks-alt__wrap__item__copy h4 {
              font-size: 23.4px; } }
          @media screen and (min-width: 1200px) {
            .tri-blocks-alt__wrap__item__copy h4 {
              font-size: 26px; } }
          @media screen and (min-width: 1600px) {
            .tri-blocks-alt__wrap__item__copy h4 {
              font-size: 26px; } }
        .tri-blocks-alt__wrap__item__copy p {
          max-width: 390px;
          text-align: center;
          margin: 0 auto;
          display: block; }
      .tri-blocks-alt__wrap__item:hover:after {
        opacity: 1; }
      .tri-blocks-alt__wrap__item:hover .tri-blocks-alt__wrap__item__copy {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        opacity: 1; }
      @media only screen and (max-width: 639px) {
        .tri-blocks-alt__wrap__item.slick-active:after {
          opacity: 1; }
        .tri-blocks-alt__wrap__item.slick-active .tri-blocks-alt__wrap__item__copy {
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          opacity: 1; } }

.tri-blocks-inspiration {
  margin-bottom: 40px;
  position: relative; }
  .tri-blocks-inspiration .slick-control {
    border: 0;
    background: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    opacity: 0.6;
    -webkit-transition: all 120ms;
    -o-transition: all 120ms;
    transition: all 120ms;
    z-index: 3;
    outline: none;
    cursor: pointer; }
    .tri-blocks-inspiration .slick-control:hover {
      opacity: 1; }
    .tri-blocks-inspiration .slick-control.prev-slide {
      left: 12px; }
    .tri-blocks-inspiration .slick-control.next-slide {
      right: 12px; }
  .tri-blocks-inspiration__wrap {
    width: 100%; }
    .tri-blocks-inspiration__wrap__item {
      display: block;
      width: 33.33333%;
      padding: 60px 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative; }
      @media only screen and (min-width: 640px) {
        .tri-blocks-inspiration__wrap__item {
          padding: 80px 20px; } }
      @media only screen and (min-width: 768px) {
        .tri-blocks-inspiration__wrap__item {
          padding: 120px 20px; } }
      .tri-blocks-inspiration__wrap__item:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        background: rgba(0, 0, 0, 0.6); }
      .tri-blocks-inspiration__wrap__item__copy {
        text-align: center;
        color: #ffffff;
        position: relative;
        z-index: 2;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        opacity: 0;
        -webkit-transform: translateY(30%);
            -ms-transform: translateY(30%);
                transform: translateY(30%); }
        .tri-blocks-inspiration__wrap__item__copy h4 {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          display: inline-block;
          font-size: 36px;
          margin-bottom: 28px;
          padding-bottom: 24px;
          border-bottom: 1px solid white; }
          @media screen and (min-width: 480px) {
            .tri-blocks-inspiration__wrap__item__copy h4 {
              font-size: 36px; } }
          @media screen and (min-width: 768px) {
            .tri-blocks-inspiration__wrap__item__copy h4 {
              font-size: 36px; } }
          @media screen and (min-width: 992px) {
            .tri-blocks-inspiration__wrap__item__copy h4 {
              font-size: 40.5px; } }
          @media screen and (min-width: 1200px) {
            .tri-blocks-inspiration__wrap__item__copy h4 {
              font-size: 45px; } }
          @media screen and (min-width: 1600px) {
            .tri-blocks-inspiration__wrap__item__copy h4 {
              font-size: 45px; } }
        .tri-blocks-inspiration__wrap__item__copy p {
          max-width: 500px;
          text-align: center;
          margin: 0 auto 24px;
          display: block;
          font-size: 15.2px; }
          @media screen and (min-width: 480px) {
            .tri-blocks-inspiration__wrap__item__copy p {
              font-size: 15.2px; } }
          @media screen and (min-width: 768px) {
            .tri-blocks-inspiration__wrap__item__copy p {
              font-size: 15.2px; } }
          @media screen and (min-width: 992px) {
            .tri-blocks-inspiration__wrap__item__copy p {
              font-size: 17.1px; } }
          @media screen and (min-width: 1200px) {
            .tri-blocks-inspiration__wrap__item__copy p {
              font-size: 19px; } }
          @media screen and (min-width: 1600px) {
            .tri-blocks-inspiration__wrap__item__copy p {
              font-size: 19px; } }
        .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
          font-size: 13.5px;
          font-family: 'Roboto', sans-serif;
          font-weight: 500; }
          @media screen and (min-width: 480px) {
            .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
              font-size: 13.5px; } }
          @media screen and (min-width: 768px) {
            .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
              font-size: 13.5px; } }
          @media screen and (min-width: 992px) {
            .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
              font-size: 13.5px; } }
          @media screen and (min-width: 1200px) {
            .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
              font-size: 15px; } }
          @media screen and (min-width: 1600px) {
            .tri-blocks-inspiration__wrap__item__copy .button, .tri-blocks-inspiration__wrap__item__copy .button--light, .tri-blocks-inspiration__wrap__item__copy .button--dark, .tri-blocks-inspiration__wrap__item__copy #SearchResults li .readMoreLink, #SearchResults li .tri-blocks-inspiration__wrap__item__copy .readMoreLink {
              font-size: 15px; } }
      .tri-blocks-inspiration__wrap__item.slick-current:after, .tri-blocks-inspiration__wrap__item:hover:after {
        opacity: 0.6; }
      .tri-blocks-inspiration__wrap__item.slick-current .tri-blocks-inspiration__wrap__item__copy, .tri-blocks-inspiration__wrap__item:hover .tri-blocks-inspiration__wrap__item__copy {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        opacity: 1; }
      @media only screen and (max-width: 639px) {
        .tri-blocks-inspiration__wrap__item.slick-active:after {
          opacity: 036; }
        .tri-blocks-inspiration__wrap__item.slick-active .tri-blocks-inspiration__wrap__item__copy {
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          opacity: 1; } }

.tri-blocks {
  position: relative; }
  .tri-blocks .js-prev-slide-tri {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    left: 12px;
    z-index: 3; }
  .tri-blocks .js-next-slide-tri {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    right: 12px;
    z-index: 3; }
  .tri-blocks__wrap {
    width: 100%; }
    .tri-blocks__wrap__item {
      outline: none;
      display: block;
      width: 33.33333%;
      padding: 40px 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      position: relative; }
      @media only screen and (min-width: 640px) {
        .tri-blocks__wrap__item {
          padding: 60px 20px; } }
      @media only screen and (min-width: 768px) {
        .tri-blocks__wrap__item {
          padding: 110px 20px; } }
      .tri-blocks__wrap__item:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        background: rgba(0, 0, 0, 0.5); }
      .tri-blocks__wrap__item__copy {
        text-align: center;
        color: #000000;
        position: relative;
        z-index: 2;
        -webkit-transition: all 360ms;
        -o-transition: all 360ms;
        transition: all 360ms;
        opacity: 0;
        -webkit-transform: translateY(30%);
            -ms-transform: translateY(30%);
                transform: translateY(30%); }
        .tri-blocks__wrap__item__copy h4 {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 20.8px;
          margin-bottom: 10px; }
          @media screen and (min-width: 480px) {
            .tri-blocks__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 768px) {
            .tri-blocks__wrap__item__copy h4 {
              font-size: 20.8px; } }
          @media screen and (min-width: 992px) {
            .tri-blocks__wrap__item__copy h4 {
              font-size: 23.4px; } }
          @media screen and (min-width: 1200px) {
            .tri-blocks__wrap__item__copy h4 {
              font-size: 26px; } }
          @media screen and (min-width: 1600px) {
            .tri-blocks__wrap__item__copy h4 {
              font-size: 26px; } }
        .tri-blocks__wrap__item__copy p {
          max-width: 370px;
          text-align: center;
          margin: 0 auto;
          display: block; }
      .tri-blocks__wrap__item:hover:after {
        background: rgba(255, 255, 255, 0.8); }
      .tri-blocks__wrap__item:hover .tri-blocks__wrap__item__copy {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        opacity: 1; }
      .tri-blocks__wrap__item.slick-active:after {
        background: rgba(255, 255, 255, 0.8); }
      .tri-blocks__wrap__item.slick-active .tri-blocks__wrap__item__copy {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        opacity: 1; }

.brochure-form-overlay + .video-gallery {
  margin: -20px auto 60px;
  padding: 0 24px; }

.video-gallery {
  margin: 60px auto; }
  .video-gallery:before, .video-gallery:after {
    content: "";
    display: table; }
  .video-gallery:after {
    clear: both; }
  .video-gallery__wrap {
    position: relative;
    max-width: 1140px;
    margin: 0 auto; }
  .video-gallery h4 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
  .video-gallery .js-video-overlay {
    -webkit-transition: opacity 1200ms;
    -o-transition: opacity 1200ms;
    transition: opacity 1200ms; }
  .video-gallery__large {
    width: 100%;
    padding-right: 240px;
    cursor: pointer;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .video-gallery__large {
        padding-right: 0; } }
    .video-gallery__large .play {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 0.6;
      width: 30%;
      max-width: 186px;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
    .video-gallery__large:hover .play {
      opacity: 0.9; }
    .video-gallery__large .embed-container {
      position: absolute;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      top: 0;
      z-index: 9;
      width: calc(100% - 240px);
      opacity: 0;
      -webkit-transition: opacity 1200ms;
      -o-transition: opacity 1200ms;
      transition: opacity 1200ms; }
      @media only screen and (max-width: 1023px) {
        .video-gallery__large .embed-container {
          width: 100%; } }
    .video-gallery__large .embed-container iframe, .video-gallery__large .embed-container object, .video-gallery__large .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .video-gallery__large__item {
      position: relative;
      background-color: #c3d462;
      margin-bottom: 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .video-gallery__large__item:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 56.25%; }
  .video-gallery__thumbnails {
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    width: 220px;
    height: calc(100% + 20px);
    overflow: auto;
    font-size: 0; }
    @media only screen and (max-width: 1023px) {
      .video-gallery__thumbnails {
        position: relative;
        width: 100%; } }
    .video-gallery__thumbnails__item {
      height: 33.33333%;
      width: 100%;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        .video-gallery__thumbnails__item {
          width: 33.33333%;
          height: auto;
          float: none;
          display: inline-block;
          position: relative; }
          .video-gallery__thumbnails__item:after {
            content: '';
            position: relative;
            display: block;
            padding-bottom: 56.25%; } }
      .video-gallery__thumbnails__item .image {
        background-color: #dedede;
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        cursor: pointer;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc);
        overflow: hidden;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms; }
        @media only screen and (max-width: 1023px) {
          .video-gallery__thumbnails__item .image {
            z-index: 9; } }
        .video-gallery__thumbnails__item .image:before {
          position: absolute;
          content: '';
          display: block;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background: rgba(195, 212, 98, 0.5);
          z-index: 3;
          display: block;
          opacity: 0;
          -webkit-transition: all 240ms;
          -o-transition: all 240ms;
          transition: all 240ms; }
        .video-gallery__thumbnails__item .image:hover {
          -webkit-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
                  transform: scale(1.1, 1.1); }
        .video-gallery__thumbnails__item .image:hover:before {
          opacity: 1; }

.VideosWrap .videos-wrap__item p {
  background: #f4f9fb;
  padding-bottom: 20px !important; }

.video-single {
  margin: 60px auto;
  padding: 60px 20px;
  background-color: #f3f8fa;
  text-align: center; }
  .video-single:before, .video-single:after {
    content: "";
    display: table; }
  .video-single:after {
    clear: both; }
  .video-single__wrap {
    position: relative;
    max-width: 1140px;
    margin: 0 auto; }
  .video-single .js-video-overlay {
    -webkit-transition: opacity 1200ms;
    -o-transition: opacity 1200ms;
    transition: opacity 1200ms; }
  .video-single__item {
    width: 100%;
    padding-right: 240px;
    cursor: pointer;
    position: relative;
    position: relative;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc); }
    .video-single__item:after {
      content: '';
      position: relative;
      display: block;
      padding-bottom: 54.79303%; }
    .video-single__item .play {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 0.6;
      width: 30%;
      max-width: 186px;
      -webkit-transition: all 240ms;
      -o-transition: all 240ms;
      transition: all 240ms; }
    .video-single__item:hover .play {
      opacity: 0.9; }
    .video-single__item .embed-container {
      position: absolute;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      top: 0;
      z-index: 9;
      width: calc(100% - 240px);
      opacity: 0;
      -webkit-transition: opacity 1200ms;
      -o-transition: opacity 1200ms;
      transition: opacity 1200ms; }
      @media only screen and (max-width: 1023px) {
        .video-single__item .embed-container {
          width: 100%; } }
    .video-single__item .embed-container iframe, .video-single__item .embed-container object, .video-single__item .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .video-single__item__item {
      position: relative;
      background-color: #c3d462;
      margin-bottom: 20px;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .video-single__item__item:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 56.25%; }
  .video-single__thumbnails {
    position: absolute;
    top: -10px;
    right: 0;
    width: 220px;
    height: calc(100% + 20px); }
    @media only screen and (max-width: 1023px) {
      .video-single__thumbnails {
        position: relative;
        width: 100%; } }
    .video-single__thumbnails__item {
      height: 33.33333%;
      width: 100%;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        .video-single__thumbnails__item {
          width: 33.33333%;
          height: auto;
          display: inline-block;
          position: relative; }
          .video-single__thumbnails__item:after {
            content: '';
            position: relative;
            display: block;
            padding-bottom: 56.25%; } }
      .video-single__thumbnails__item .image {
        background-color: #dedede;
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        cursor: pointer;
        background-size: cover;
        background-position: center center;
        -ms-behavior: url(/backgroundsize.min.htc);
        overflow: hidden;
        -webkit-transition: all 240ms;
        -o-transition: all 240ms;
        transition: all 240ms; }
        @media only screen and (max-width: 1023px) {
          .video-single__thumbnails__item .image {
            z-index: 9; } }
        .video-single__thumbnails__item .image:before {
          position: absolute;
          content: '';
          display: block;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background: rgba(195, 212, 98, 0.5);
          z-index: 3;
          display: block;
          opacity: 0;
          -webkit-transition: all 240ms;
          -o-transition: all 240ms;
          transition: all 240ms; }
        .video-single__thumbnails__item .image:hover {
          -webkit-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
                  transform: scale(1.1, 1.1); }
        .video-single__thumbnails__item .image:hover:before {
          opacity: 1; }

.VideosPage .fancybox-close {
  display: none; }

.VideosPage .fancybox-next {
  position: absolute;
  width: 40px;
  right: 40px;
  top: 100%;
  height: 50px;
  margin-top: 7px;
  z-index: 999999; }
  .VideosPage .fancybox-next:after {
    position: absolute;
    top: 50%;
    font-size: 12px;
    content: 'next';
    left: 100%;
    color: white;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.VideosPage .fancybox-prev {
  position: absolute;
  width: 40px;
  right: 80px;
  left: auto;
  top: 100%;
  height: 50px;
  margin-top: 7px;
  z-index: 999999; }
  .VideosPage .fancybox-prev:after {
    position: absolute;
    top: 50%;
    font-size: 12px;
    content: 'prev';
    right: 100%;
    color: white;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.VideosPage .fancybox-overlay {
  background: rgba(0, 0, 0, 0.9); }

.VideosPage .fancybox-title {
  background: #82c43f;
  color: white;
  width: 100%;
  right: 0;
  margin-bottom: -64px;
  padding: 20px; }
  .VideosPage .fancybox-title .child {
    background: transparent;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 0;
    text-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15.2px; }
    @media screen and (min-width: 480px) {
      .VideosPage .fancybox-title .child {
        font-size: 15.2px; } }
    @media screen and (min-width: 768px) {
      .VideosPage .fancybox-title .child {
        font-size: 15.2px; } }
    @media screen and (min-width: 992px) {
      .VideosPage .fancybox-title .child {
        font-size: 17.1px; } }
    @media screen and (min-width: 1200px) {
      .VideosPage .fancybox-title .child {
        font-size: 19px; } }
    @media screen and (min-width: 1600px) {
      .VideosPage .fancybox-title .child {
        font-size: 19px; } }

.VideosWrap {
  display: block;
  padding: 0 6rem 6rem;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 6rem; }
  .VideosWrap:before, .VideosWrap:after {
    content: "";
    display: table; }
  .VideosWrap:after {
    clear: both; }
  .VideosWrap .copy {
    padding: 80px 0; }
  .VideosWrap .videos-wrap__item {
    cursor: pointer;
    text-decoration: none;
    color: black;
    width: 50%;
    display: block;
    float: left;
    padding: 5px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .VideosWrap .videos-wrap__item {
        width: 33.33333%; } }
    @media only screen and (min-width: 1024px) {
      .VideosWrap .videos-wrap__item {
        width: 16.66667%; } }
    .VideosWrap .videos-wrap__item:hover .image {
      background: rgba(0, 0, 0, 0.6); }
      .VideosWrap .videos-wrap__item:hover .image svg {
        opacity: 1; }
    .VideosWrap .videos-wrap__item .image {
      opacity: 1;
      position: relative;
      background: rgba(0, 0, 0, 0.1);
      -webkit-transition: all 330ms;
      -o-transition: all 330ms;
      transition: all 330ms; }
      .VideosWrap .videos-wrap__item .image svg {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 30%;
        opacity: 0;
        -webkit-transition: all 330ms;
        -o-transition: all 330ms;
        transition: all 330ms; }
    .VideosWrap .videos-wrap__item img {
      width: 100%;
      height: auto;
      display: block; }
    .VideosWrap .videos-wrap__item p {
      padding: 10px; }

.why-hardie {
  width: 100%;
  padding: 30px 24px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .why-hardie {
      padding: 30px 40px 0; } }
  .why-hardie:before, .why-hardie:after {
    content: "";
    display: table; }
  .why-hardie:after {
    clear: both; }
  .why-hardie__wrap {
    padding-top: 30px; }
    @media only screen and (min-width: 1024px) {
      .why-hardie__wrap {
        width: calc(100% - 400px);
        float: right; } }
    .why-hardie__wrap h1, .why-hardie__wrap h2, .why-hardie__wrap h3, .why-hardie__wrap h4, .why-hardie__wrap h5, .why-hardie__wrap p {
      max-width: 1024px; }
    .why-hardie__wrap h3 {
      font-family: "HelveticaNeueW01-67MdCn_692710";
      font-weight: normal;
      margin-bottom: 24px; }
    .why-hardie__wrap h1, .why-hardie__wrap h2, .why-hardie__wrap h3, .why-hardie__wrap h4, .why-hardie__wrap h5 {
      color: #81c241;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      margin-bottom: 24px; }
    .why-hardie__wrap p {
      margin-bottom: 12px; }
    .why-hardie__wrap .text-block__wrap {
      max-width: 1044px; }

.about-block {
  margin-top: 50px; }
  .about-block .image {
    width: 100%;
    background-color: #333;
    color: white;
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc); }
    .about-block .image:before, .about-block .image:after {
      content: "";
      display: table; }
    .about-block .image:after {
      clear: both; }
    @media only screen and (min-width: 768px) {
      .about-block .image {
        text-align: center;
        height: 200px; } }
    @media only screen and (min-width: 1024px) {
      .about-block .image {
        height: 300px; } }
    @media only screen and (min-width: 1280px) {
      .about-block .image {
        height: 400px; } }
    .about-block .image h3 {
      font-size: 24px;
      left: 48px;
      padding: 36px 24px; }
      @media screen and (min-width: 480px) {
        .about-block .image h3 {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .about-block .image h3 {
          font-size: 24px; } }
      @media screen and (min-width: 992px) {
        .about-block .image h3 {
          font-size: 27px; } }
      @media screen and (min-width: 1200px) {
        .about-block .image h3 {
          font-size: 30px; } }
      @media screen and (min-width: 1600px) {
        .about-block .image h3 {
          font-size: 30px; } }
      @media only screen and (min-width: 768px) {
        .about-block .image h3 {
          padding: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute; } }
      @media only screen and (min-width: 1024px) {
        .about-block .image h3 {
          text-indent: -10%;
          right: 0;
          margin: 0 auto; } }
    .about-block .image .black-box {
      text-align: left;
      background: black;
      color: white;
      right: 0;
      width: 100%;
      z-index: 3;
      bottom: 0;
      padding: 24px; }
      @media only screen and (max-width: 767px) {
        .about-block .image .black-box {
          left: 0; } }
      @media only screen and (min-width: 768px) {
        .about-block .image .black-box {
          right: 24px;
          width: 40%;
          position: absolute; } }
      @media only screen and (min-width: 1024px) {
        .about-block .image .black-box {
          width: 30%; } }
      .about-block .image .black-box ul {
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 24px; }
        .about-block .image .black-box ul li {
          padding-bottom: 6px;
          position: relative; }
          .about-block .image .black-box ul li:before {
            position: absolute;
            content: '';
            display: block;
            left: -18px;
            top: 8px;
            background: white;
            width: 5px;
            height: 5px;
            border-radius: 5px; }
  .about-block .green-box {
    text-align: left;
    background: #81c241;
    color: white;
    padding: 24px;
    margin-bottom: 24px; }
    @media only screen and (min-width: 768px) {
      .about-block .green-box {
        margin-right: 24px;
        margin-left: 24px;
        float: right;
        width: 40%; } }
    @media only screen and (min-width: 1024px) {
      .about-block .green-box {
        width: 30%; } }
    .about-block .green-box ul {
      padding-top: 12px;
      padding-bottom: 6px;
      padding-left: 24px; }
      .about-block .green-box ul li {
        padding-bottom: 6px;
        position: relative; }
        .about-block .green-box ul li:before {
          position: absolute;
          content: '';
          display: block;
          left: -18px;
          top: 8px;
          background: white;
          width: 5px;
          height: 5px;
          border-radius: 5px; }
  .about-block .wrapped {
    height: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1140px; }
    .about-block .wrapped:before, .about-block .wrapped:after {
      content: "";
      display: table; }
    .about-block .wrapped:after {
      clear: both; }

.wrapped-again {
  padding-bottom: 60px;
  margin: 0 auto;
  position: relative;
  max-width: 1140px; }
  .wrapped-again:before, .wrapped-again:after {
    content: "";
    display: table; }
  .wrapped-again:after {
    clear: both; }
  .wrapped-again .copy {
    padding: 0 24px; }
    @media only screen and (min-width: 768px) {
      .wrapped-again .copy {
        padding-top: 24px; } }
    @media only screen and (min-width: 1024px) {
      .wrapped-again .copy {
        padding-top: 36px; } }
    .wrapped-again .copy img {
      margin-bottom: 24px;
      width: 100%;
      height: auto; }
    .wrapped-again .copy ul {
      padding-bottom: 12px;
      padding-left: 24px; }
      .wrapped-again .copy ul li {
        padding-bottom: 6px;
        position: relative; }
        .wrapped-again .copy ul li:before {
          position: absolute;
          content: '';
          display: block;
          left: -18px;
          top: 8px;
          background: black;
          width: 5px;
          height: 5px;
          border-radius: 10px; }
  .wrapped-again h4 {
    color: #81c241;
    padding-bottom: 12px;
    padding-top: 12px; }
  .wrapped-again p {
    margin-bottom: 24px; }

.wysiwyg-content {
  padding: 48px 24px; }
  .wysiwyg-content .leftAlone {
    width: 100%;
    height: auto; }
  .wysiwyg-content.constrained, .wysiwyg-content.productPage {
    position: relative;
    margin: 0 auto;
    max-width: 1140px; }
  .wysiwyg-content p {
    margin-bottom: 12px;
    font-size: 14.4px; }
    @media screen and (min-width: 480px) {
      .wysiwyg-content p {
        font-size: 14.4px; } }
    @media screen and (min-width: 768px) {
      .wysiwyg-content p {
        font-size: 14.4px; } }
    @media screen and (min-width: 992px) {
      .wysiwyg-content p {
        font-size: 14.4px; } }
    @media screen and (min-width: 1200px) {
      .wysiwyg-content p {
        font-size: 16px; } }
    @media screen and (min-width: 1600px) {
      .wysiwyg-content p {
        font-size: 16px; } }
  .wysiwyg-content a {
    color: #008850; }
    .wysiwyg-content a:hover {
      text-decoration: underline; }
  .wysiwyg-content strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; }
  .wysiwyg-content h1 {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    font-size: 36px;
    margin-bottom: 24px; }
    @media screen and (min-width: 480px) {
      .wysiwyg-content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 768px) {
      .wysiwyg-content h1 {
        font-size: 36px; } }
    @media screen and (min-width: 992px) {
      .wysiwyg-content h1 {
        font-size: 40.5px; } }
    @media screen and (min-width: 1200px) {
      .wysiwyg-content h1 {
        font-size: 45px; } }
    @media screen and (min-width: 1600px) {
      .wysiwyg-content h1 {
        font-size: 45px; } }
  .wysiwyg-content h2 {
    color: #81c241;
    font-family: "HelveticaNeueW01-67MdCn_692710";
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 12px; }
    @media screen and (min-width: 480px) {
      .wysiwyg-content h2 {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .wysiwyg-content h2 {
        font-size: 24px; } }
    @media screen and (min-width: 992px) {
      .wysiwyg-content h2 {
        font-size: 27px; } }
    @media screen and (min-width: 1200px) {
      .wysiwyg-content h2 {
        font-size: 30px; } }
    @media screen and (min-width: 1600px) {
      .wysiwyg-content h2 {
        font-size: 30px; } }
  .wysiwyg-content ul, .wysiwyg-content ol {
    list-style: none;
    padding-left: 6px;
    padding-top: 12px;
    margin-bottom: 24px; }
    .wysiwyg-content ul li, .wysiwyg-content ol li {
      position: relative;
      padding-left: 6px;
      padding-bottom: 6px;
      font-size: 14.4px; }
      @media screen and (min-width: 480px) {
        .wysiwyg-content ul li, .wysiwyg-content ol li {
          font-size: 14.4px; } }
      @media screen and (min-width: 768px) {
        .wysiwyg-content ul li, .wysiwyg-content ol li {
          font-size: 14.4px; } }
      @media screen and (min-width: 992px) {
        .wysiwyg-content ul li, .wysiwyg-content ol li {
          font-size: 14.4px; } }
      @media screen and (min-width: 1200px) {
        .wysiwyg-content ul li, .wysiwyg-content ol li {
          font-size: 16px; } }
      @media screen and (min-width: 1600px) {
        .wysiwyg-content ul li, .wysiwyg-content ol li {
          font-size: 16px; } }
      .wysiwyg-content ul li:before, .wysiwyg-content ol li:before {
        position: absolute;
        content: '';
        display: block;
        left: -6px;
        top: 9px;
        background: #81c241;
        width: 5px;
        height: 5px;
        border-radius: 6px; }

img.leftAlone {
  max-width: 100%;
  height: auto; }

img[data-action="zoom"] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in; }

.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out; }

.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

.zoom-overlay-open .zoom-overlay {
  opacity: 1; }

.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default; }

.ripple {
  overflow: hidden; }

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  -webkit-animation: ripple-animation 2.6s;
          animation: ripple-animation 2.6s; }

@-webkit-keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(100);
            transform: scale(100);
    opacity: 0; } }

@keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(100);
            transform: scale(100);
    opacity: 0; } }

@font-face {
  font-family: 'spectrumregular';
  src: url("../fonts/spectrum-webfont.woff2") format("woff2"), url("../fonts/spectrum-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.spectrum {
  font-family: 'spectrumregular', serif;
  font-weight: normal;
  font-style: normal; }

.campaignButtonBordered {
  font-family: "HelveticaNeueW01-55Roma", Helvetica;
  font-weight: normal;
  padding: 1rem 3rem;
  border: 2px solid #ffffff;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 222ms ease;
  -o-transition: all 222ms ease;
  transition: all 222ms ease; }
  .campaignButtonBordered:hover {
    background: #ffffff;
    color: #697989; }

.CampaignPage .sample-form-overlay .close-modal path {
  fill: #697989; }

.CampaignPage .sample-form-overlay .sample-form-overlay__wrap {
  background: #f1f0ee; }
  .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .loader {
    border-left: 1.1em solid #697989; }
  .CampaignPage .sample-form-overlay .sample-form-overlay__wrap h4 {
    color: #697989; }
  .CampaignPage .sample-form-overlay .sample-form-overlay__wrap form input[type="submit"] {
    background: #697989;
    border-color: #697989; }
  @media only screen and (min-width: 768px) {
    .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .field.input-wrap--half {
      width: 50%;
      float: left;
      border-right: 10px solid #f1f0ee; } }
  .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .field.parsley-error textarea, .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .field.parsley-error input[type="email"], .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .field.parsley-error input[type="password"], .CampaignPage .sample-form-overlay .sample-form-overlay__wrap .field.parsley-error input[type="text"] {
    outline: 1px solid #333b4f; }
  .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] {
    position: absolute !important;
    opacity: 0; }
    .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] + label {
      margin-top: 2rem;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      padding-left: 3rem;
      font-size: 13px !important;
      line-height: 2.1rem; }
      .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"] + label:before {
        position: absolute;
        content: '';
        display: block;
        left: 0; }
    .CampaignPage .sample-form-overlay .sample-form-overlay__wrap [type="checkbox"]:disabled + label:before {
      opacity: .6; }

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  -webkit-transition-duration: 50ms;
       -o-transition-duration: 50ms;
          transition-duration: 50ms; }

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
    -webkit-transition-delay: 50ms;
         -o-transition-delay: 50ms;
            transition-delay: 50ms; }

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  -webkit-transition-duration: 100ms;
       -o-transition-duration: 100ms;
          transition-duration: 100ms; }

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
    -webkit-transition-delay: 100ms;
         -o-transition-delay: 100ms;
            transition-delay: 100ms; }

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  -webkit-transition-duration: 150ms;
       -o-transition-duration: 150ms;
          transition-duration: 150ms; }

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
    -webkit-transition-delay: 150ms;
         -o-transition-delay: 150ms;
            transition-delay: 150ms; }

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  -webkit-transition-duration: 200ms;
       -o-transition-duration: 200ms;
          transition-duration: 200ms; }

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
    -webkit-transition-delay: 200ms;
         -o-transition-delay: 200ms;
            transition-delay: 200ms; }

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  -webkit-transition-duration: 250ms;
       -o-transition-duration: 250ms;
          transition-duration: 250ms; }

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
    -webkit-transition-delay: 250ms;
         -o-transition-delay: 250ms;
            transition-delay: 250ms; }

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  -webkit-transition-duration: 300ms;
       -o-transition-duration: 300ms;
          transition-duration: 300ms; }

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
    -webkit-transition-delay: 300ms;
         -o-transition-delay: 300ms;
            transition-delay: 300ms; }

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  -webkit-transition-duration: 350ms;
       -o-transition-duration: 350ms;
          transition-duration: 350ms; }

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
    -webkit-transition-delay: 350ms;
         -o-transition-delay: 350ms;
            transition-delay: 350ms; }

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  -webkit-transition-duration: 400ms;
       -o-transition-duration: 400ms;
          transition-duration: 400ms; }

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
    -webkit-transition-delay: 400ms;
         -o-transition-delay: 400ms;
            transition-delay: 400ms; }

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  -webkit-transition-duration: 450ms;
       -o-transition-duration: 450ms;
          transition-duration: 450ms; }

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
    -webkit-transition-delay: 450ms;
         -o-transition-delay: 450ms;
            transition-delay: 450ms; }

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  -webkit-transition-duration: 500ms;
       -o-transition-duration: 500ms;
          transition-duration: 500ms; }

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
    -webkit-transition-delay: 500ms;
         -o-transition-delay: 500ms;
            transition-delay: 500ms; }

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  -webkit-transition-duration: 550ms;
       -o-transition-duration: 550ms;
          transition-duration: 550ms; }

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
    -webkit-transition-delay: 550ms;
         -o-transition-delay: 550ms;
            transition-delay: 550ms; }

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  -webkit-transition-duration: 600ms;
       -o-transition-duration: 600ms;
          transition-duration: 600ms; }

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
    -webkit-transition-delay: 600ms;
         -o-transition-delay: 600ms;
            transition-delay: 600ms; }

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  -webkit-transition-duration: 650ms;
       -o-transition-duration: 650ms;
          transition-duration: 650ms; }

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
    -webkit-transition-delay: 650ms;
         -o-transition-delay: 650ms;
            transition-delay: 650ms; }

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms; }

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
    -webkit-transition-delay: 700ms;
         -o-transition-delay: 700ms;
            transition-delay: 700ms; }

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  -webkit-transition-duration: 750ms;
       -o-transition-duration: 750ms;
          transition-duration: 750ms; }

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
    -webkit-transition-delay: 750ms;
         -o-transition-delay: 750ms;
            transition-delay: 750ms; }

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  -webkit-transition-duration: 800ms;
       -o-transition-duration: 800ms;
          transition-duration: 800ms; }

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
    -webkit-transition-delay: 800ms;
         -o-transition-delay: 800ms;
            transition-delay: 800ms; }

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  -webkit-transition-duration: 850ms;
       -o-transition-duration: 850ms;
          transition-duration: 850ms; }

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
    -webkit-transition-delay: 850ms;
         -o-transition-delay: 850ms;
            transition-delay: 850ms; }

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  -webkit-transition-duration: 900ms;
       -o-transition-duration: 900ms;
          transition-duration: 900ms; }

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
    -webkit-transition-delay: 900ms;
         -o-transition-delay: 900ms;
            transition-delay: 900ms; }

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  -webkit-transition-duration: 950ms;
       -o-transition-duration: 950ms;
          transition-duration: 950ms; }

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
    -webkit-transition-delay: 950ms;
         -o-transition-delay: 950ms;
            transition-delay: 950ms; }

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  -webkit-transition-duration: 1000ms;
       -o-transition-duration: 1000ms;
          transition-duration: 1000ms; }

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
    -webkit-transition-delay: 1000ms;
         -o-transition-delay: 1000ms;
            transition-delay: 1000ms; }

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  -webkit-transition-duration: 1050ms;
       -o-transition-duration: 1050ms;
          transition-duration: 1050ms; }

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
    -webkit-transition-delay: 1050ms;
         -o-transition-delay: 1050ms;
            transition-delay: 1050ms; }

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  -webkit-transition-duration: 1100ms;
       -o-transition-duration: 1100ms;
          transition-duration: 1100ms; }

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
    -webkit-transition-delay: 1100ms;
         -o-transition-delay: 1100ms;
            transition-delay: 1100ms; }

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  -webkit-transition-duration: 1150ms;
       -o-transition-duration: 1150ms;
          transition-duration: 1150ms; }

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
    -webkit-transition-delay: 1150ms;
         -o-transition-delay: 1150ms;
            transition-delay: 1150ms; }

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  -webkit-transition-duration: 1200ms;
       -o-transition-duration: 1200ms;
          transition-duration: 1200ms; }

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
    -webkit-transition-delay: 1200ms;
         -o-transition-delay: 1200ms;
            transition-delay: 1200ms; }

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  -webkit-transition-duration: 1250ms;
       -o-transition-duration: 1250ms;
          transition-duration: 1250ms; }

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
    -webkit-transition-delay: 1250ms;
         -o-transition-delay: 1250ms;
            transition-delay: 1250ms; }

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  -webkit-transition-duration: 1300ms;
       -o-transition-duration: 1300ms;
          transition-duration: 1300ms; }

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
    -webkit-transition-delay: 1300ms;
         -o-transition-delay: 1300ms;
            transition-delay: 1300ms; }

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  -webkit-transition-duration: 1350ms;
       -o-transition-duration: 1350ms;
          transition-duration: 1350ms; }

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
    -webkit-transition-delay: 1350ms;
         -o-transition-delay: 1350ms;
            transition-delay: 1350ms; }

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  -webkit-transition-duration: 1400ms;
       -o-transition-duration: 1400ms;
          transition-duration: 1400ms; }

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
    -webkit-transition-delay: 1400ms;
         -o-transition-delay: 1400ms;
            transition-delay: 1400ms; }

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  -webkit-transition-duration: 1450ms;
       -o-transition-duration: 1450ms;
          transition-duration: 1450ms; }

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
    -webkit-transition-delay: 1450ms;
         -o-transition-delay: 1450ms;
            transition-delay: 1450ms; }

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  -webkit-transition-duration: 1500ms;
       -o-transition-duration: 1500ms;
          transition-duration: 1500ms; }

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
    -webkit-transition-delay: 1500ms;
         -o-transition-delay: 1500ms;
            transition-delay: 1500ms; }

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  -webkit-transition-duration: 1550ms;
       -o-transition-duration: 1550ms;
          transition-duration: 1550ms; }

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
    -webkit-transition-delay: 1550ms;
         -o-transition-delay: 1550ms;
            transition-delay: 1550ms; }

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  -webkit-transition-duration: 1600ms;
       -o-transition-duration: 1600ms;
          transition-duration: 1600ms; }

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
    -webkit-transition-delay: 1600ms;
         -o-transition-delay: 1600ms;
            transition-delay: 1600ms; }

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  -webkit-transition-duration: 1650ms;
       -o-transition-duration: 1650ms;
          transition-duration: 1650ms; }

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
    -webkit-transition-delay: 1650ms;
         -o-transition-delay: 1650ms;
            transition-delay: 1650ms; }

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  -webkit-transition-duration: 1700ms;
       -o-transition-duration: 1700ms;
          transition-duration: 1700ms; }

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
    -webkit-transition-delay: 1700ms;
         -o-transition-delay: 1700ms;
            transition-delay: 1700ms; }

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  -webkit-transition-duration: 1750ms;
       -o-transition-duration: 1750ms;
          transition-duration: 1750ms; }

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
    -webkit-transition-delay: 1750ms;
         -o-transition-delay: 1750ms;
            transition-delay: 1750ms; }

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  -webkit-transition-duration: 1800ms;
       -o-transition-duration: 1800ms;
          transition-duration: 1800ms; }

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
    -webkit-transition-delay: 1800ms;
         -o-transition-delay: 1800ms;
            transition-delay: 1800ms; }

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  -webkit-transition-duration: 1850ms;
       -o-transition-duration: 1850ms;
          transition-duration: 1850ms; }

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
    -webkit-transition-delay: 1850ms;
         -o-transition-delay: 1850ms;
            transition-delay: 1850ms; }

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  -webkit-transition-duration: 1900ms;
       -o-transition-duration: 1900ms;
          transition-duration: 1900ms; }

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
    -webkit-transition-delay: 1900ms;
         -o-transition-delay: 1900ms;
            transition-delay: 1900ms; }

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  -webkit-transition-duration: 1950ms;
       -o-transition-duration: 1950ms;
          transition-duration: 1950ms; }

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
    -webkit-transition-delay: 1950ms;
         -o-transition-delay: 1950ms;
            transition-delay: 1950ms; }

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  -webkit-transition-duration: 2000ms;
       -o-transition-duration: 2000ms;
          transition-duration: 2000ms; }

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
    -webkit-transition-delay: 2000ms;
         -o-transition-delay: 2000ms;
            transition-delay: 2000ms; }

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  -webkit-transition-duration: 2050ms;
       -o-transition-duration: 2050ms;
          transition-duration: 2050ms; }

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
    -webkit-transition-delay: 2050ms;
         -o-transition-delay: 2050ms;
            transition-delay: 2050ms; }

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  -webkit-transition-duration: 2100ms;
       -o-transition-duration: 2100ms;
          transition-duration: 2100ms; }

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
    -webkit-transition-delay: 2100ms;
         -o-transition-delay: 2100ms;
            transition-delay: 2100ms; }

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  -webkit-transition-duration: 2150ms;
       -o-transition-duration: 2150ms;
          transition-duration: 2150ms; }

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
    -webkit-transition-delay: 2150ms;
         -o-transition-delay: 2150ms;
            transition-delay: 2150ms; }

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  -webkit-transition-duration: 2200ms;
       -o-transition-duration: 2200ms;
          transition-duration: 2200ms; }

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
    -webkit-transition-delay: 2200ms;
         -o-transition-delay: 2200ms;
            transition-delay: 2200ms; }

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  -webkit-transition-duration: 2250ms;
       -o-transition-duration: 2250ms;
          transition-duration: 2250ms; }

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
    -webkit-transition-delay: 2250ms;
         -o-transition-delay: 2250ms;
            transition-delay: 2250ms; }

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  -webkit-transition-duration: 2300ms;
       -o-transition-duration: 2300ms;
          transition-duration: 2300ms; }

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
    -webkit-transition-delay: 2300ms;
         -o-transition-delay: 2300ms;
            transition-delay: 2300ms; }

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  -webkit-transition-duration: 2350ms;
       -o-transition-duration: 2350ms;
          transition-duration: 2350ms; }

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
    -webkit-transition-delay: 2350ms;
         -o-transition-delay: 2350ms;
            transition-delay: 2350ms; }

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  -webkit-transition-duration: 2400ms;
       -o-transition-duration: 2400ms;
          transition-duration: 2400ms; }

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
    -webkit-transition-delay: 2400ms;
         -o-transition-delay: 2400ms;
            transition-delay: 2400ms; }

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  -webkit-transition-duration: 2450ms;
       -o-transition-duration: 2450ms;
          transition-duration: 2450ms; }

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
    -webkit-transition-delay: 2450ms;
         -o-transition-delay: 2450ms;
            transition-delay: 2450ms; }

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  -webkit-transition-duration: 2500ms;
       -o-transition-duration: 2500ms;
          transition-duration: 2500ms; }

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
    -webkit-transition-delay: 2500ms;
         -o-transition-delay: 2500ms;
            transition-delay: 2500ms; }

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  -webkit-transition-duration: 2550ms;
       -o-transition-duration: 2550ms;
          transition-duration: 2550ms; }

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
    -webkit-transition-delay: 2550ms;
         -o-transition-delay: 2550ms;
            transition-delay: 2550ms; }

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  -webkit-transition-duration: 2600ms;
       -o-transition-duration: 2600ms;
          transition-duration: 2600ms; }

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
    -webkit-transition-delay: 2600ms;
         -o-transition-delay: 2600ms;
            transition-delay: 2600ms; }

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  -webkit-transition-duration: 2650ms;
       -o-transition-duration: 2650ms;
          transition-duration: 2650ms; }

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
    -webkit-transition-delay: 2650ms;
         -o-transition-delay: 2650ms;
            transition-delay: 2650ms; }

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  -webkit-transition-duration: 2700ms;
       -o-transition-duration: 2700ms;
          transition-duration: 2700ms; }

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
    -webkit-transition-delay: 2700ms;
         -o-transition-delay: 2700ms;
            transition-delay: 2700ms; }

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  -webkit-transition-duration: 2750ms;
       -o-transition-duration: 2750ms;
          transition-duration: 2750ms; }

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
    -webkit-transition-delay: 2750ms;
         -o-transition-delay: 2750ms;
            transition-delay: 2750ms; }

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  -webkit-transition-duration: 2800ms;
       -o-transition-duration: 2800ms;
          transition-duration: 2800ms; }

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
    -webkit-transition-delay: 2800ms;
         -o-transition-delay: 2800ms;
            transition-delay: 2800ms; }

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  -webkit-transition-duration: 2850ms;
       -o-transition-duration: 2850ms;
          transition-duration: 2850ms; }

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
    -webkit-transition-delay: 2850ms;
         -o-transition-delay: 2850ms;
            transition-delay: 2850ms; }

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  -webkit-transition-duration: 2900ms;
       -o-transition-duration: 2900ms;
          transition-duration: 2900ms; }

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
    -webkit-transition-delay: 2900ms;
         -o-transition-delay: 2900ms;
            transition-delay: 2900ms; }

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  -webkit-transition-duration: 2950ms;
       -o-transition-duration: 2950ms;
          transition-duration: 2950ms; }

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
    -webkit-transition-delay: 2950ms;
         -o-transition-delay: 2950ms;
            transition-delay: 2950ms; }

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  -webkit-transition-duration: 3000ms;
       -o-transition-duration: 3000ms;
          transition-duration: 3000ms; }

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms; }
  body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
    -webkit-transition-delay: 3000ms;
         -o-transition-delay: 3000ms;
            transition-delay: 3000ms; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
       -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
       -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
       -o-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
       -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
       -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
       -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
       -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
       -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

[data-aos='fade-up'] {
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px); }

[data-aos='fade-down'] {
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px); }

[data-aos='fade-right'] {
  -webkit-transform: translate(-100px, 0);
      -ms-transform: translate(-100px, 0);
          transform: translate(-100px, 0); }

[data-aos='fade-left'] {
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0); }

[data-aos='fade-up-right'] {
  -webkit-transform: translate(-100px, 100px);
      -ms-transform: translate(-100px, 100px);
          transform: translate(-100px, 100px); }

[data-aos='fade-up-left'] {
  -webkit-transform: translate(100px, 100px);
      -ms-transform: translate(100px, 100px);
          transform: translate(100px, 100px); }

[data-aos='fade-down-right'] {
  -webkit-transform: translate(-100px, -100px);
      -ms-transform: translate(-100px, -100px);
          transform: translate(-100px, -100px); }

[data-aos='fade-down-left'] {
  -webkit-transform: translate(100px, -100px);
      -ms-transform: translate(100px, -100px);
          transform: translate(100px, -100px); }

[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1); }

[data-aos='zoom-in'] {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6); }

[data-aos='zoom-in-up'] {
  -webkit-transform: translate(0, 100px) scale(0.6);
      -ms-transform: translate(0, 100px) scale(0.6);
          transform: translate(0, 100px) scale(0.6); }

[data-aos='zoom-in-down'] {
  -webkit-transform: translate(0, -100px) scale(0.6);
      -ms-transform: translate(0, -100px) scale(0.6);
          transform: translate(0, -100px) scale(0.6); }

[data-aos='zoom-in-right'] {
  -webkit-transform: translate(-100px, 0) scale(0.6);
      -ms-transform: translate(-100px, 0) scale(0.6);
          transform: translate(-100px, 0) scale(0.6); }

[data-aos='zoom-in-left'] {
  -webkit-transform: translate(100px, 0) scale(0.6);
      -ms-transform: translate(100px, 0) scale(0.6);
          transform: translate(100px, 0) scale(0.6); }

[data-aos='zoom-out'] {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2); }

[data-aos='zoom-out-up'] {
  -webkit-transform: translate(0, 100px) scale(1.2);
      -ms-transform: translate(0, 100px) scale(1.2);
          transform: translate(0, 100px) scale(1.2); }

[data-aos='zoom-out-down'] {
  -webkit-transform: translate(0, -100px) scale(1.2);
      -ms-transform: translate(0, -100px) scale(1.2);
          transform: translate(0, -100px) scale(1.2); }

[data-aos='zoom-out-right'] {
  -webkit-transform: translate(-100px, 0) scale(1.2);
      -ms-transform: translate(-100px, 0) scale(1.2);
          transform: translate(-100px, 0) scale(1.2); }

[data-aos='zoom-out-left'] {
  -webkit-transform: translate(100px, 0) scale(1.2);
      -ms-transform: translate(100px, 0) scale(1.2);
          transform: translate(100px, 0) scale(1.2); }

[data-aos^='slide'][data-aos^='slide'] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  [data-aos^='slide'][data-aos^='slide'].aos-animate {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

[data-aos='slide-up'] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }

[data-aos='slide-down'] {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }

[data-aos='slide-right'] {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

[data-aos='slide-left'] {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

[data-aos^='flip'][data-aos^='flip'] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos='flip-left'] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg); }
  [data-aos='flip-left'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0); }

[data-aos='flip-right'] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg); }
  [data-aos='flip-right'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0); }

[data-aos='flip-up'] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg); }
  [data-aos='flip-up'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0); }

[data-aos='flip-down'] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg); }
  [data-aos='flip-down'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0); }

.campaignBanner {
  position: relative;
  max-height: calc(100vh - 6rem);
  min-height: 54rem;
  overflow: hidden; }
  .campaignBanner:after {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 53.65854%; }
  @media only screen and (max-width: 639px) {
    .campaignBanner {
      min-height: 34rem; } }
  .campaignBanner .embed-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    @media only screen and (max-width: 639px) {
      .campaignBanner .embed-container {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
    @media only screen and (min-width: 768px) {
      .campaignBanner .embed-container {
        margin-top: 6.4rem; } }
    .campaignBanner .embed-container object,
    .campaignBanner .embed-container embed,
    .campaignBanner .embed-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .campaignBanner__image {
    background-size: cover;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: top center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .campaignBanner__wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 10rem;
    z-index: 2; }
    .campaignBanner__wrap h1 {
      color: #ffffff;
      font-size: 9rem;
      display: block;
      padding: 0 2rem; }
      @media only screen and (max-width: 1023px) {
        .campaignBanner__wrap h1 {
          font-size: 8rem; } }
      @media only screen and (max-width: 767px) {
        .campaignBanner__wrap h1 {
          font-size: 6rem; } }
      @media only screen and (max-width: 639px) {
        .campaignBanner__wrap h1 {
          display: none; } }
    .campaignBanner__wrap__play {
      margin-top: 3rem;
      display: inline-block; }
      @media only screen and (max-width: 1023px) {
        .campaignBanner__wrap__play svg {
          width: 10rem;
          height: 10rem; } }
      .campaignBanner__wrap__play svg path {
        -webkit-transition: all 333ms ease;
        -o-transition: all 333ms ease;
        transition: all 333ms ease; }
      .campaignBanner__wrap__play:hover svg path {
        stroke: #98a0b4; }
  .campaignBanner__scroll {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 13rem;
    z-index: 2;
    text-align: center;
    text-decoration: none !important; }
    @media only screen and (max-width: 639px) {
      .campaignBanner__scroll {
        display: none; } }
    .campaignBanner__scroll p {
      font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
      font-weight: normal;
      color: #ffffff; }
    .campaignBanner__scroll svg {
      margin: 1rem auto;
      -webkit-transition: all 333ms ease;
      -o-transition: all 333ms ease;
      transition: all 333ms ease; }
    .campaignBanner__scroll:hover svg {
      -webkit-transform: translateY(0.5rem);
          -ms-transform: translateY(0.5rem);
              transform: translateY(0.5rem); }

.campaignFooter {
  background: #536272; }
  .campaignFooter .campaignButtonBordered {
    margin: 2rem 1rem 1rem;
    font-size: 1.4rem; }
  .campaignFooter__buttons {
    padding-top: 2rem !important;
    display: block; }
    .campaignFooter__buttons:before, .campaignFooter__buttons:after {
      content: "";
      display: table; }
    .campaignFooter__buttons:after {
      clear: both; }
  .campaignFooter .parsley-errors-list {
    position: absolute;
    top: .5rem;
    right: 0;
    display: block; }
    .campaignFooter .parsley-errors-list li {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 1rem;
      color: #ffffff; }
  .campaignFooter .input-wrap {
    position: relative; }
  .campaignFooter .input-wrap.parsley-error textarea, .campaignFooter .input-wrap.parsley-error input[type="email"], .campaignFooter .input-wrap.parsley-error input[type="password"], .campaignFooter .input-wrap.parsley-error input[type="text"] {
    outline: none; }
  .campaignFooter .input-wrap .parsley-required {
    display: block; }
  .campaignFooter__top {
    padding: 6rem 2rem;
    margin: 0 auto;
    max-width: 110rem; }
    .campaignFooter__top .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .campaignFooter__top__copy {
      width: 100%;
      text-align: center;
      padding-right: 2rem;
      padding-left: 2rem; }
      .campaignFooter__top__copy h3 {
        color: #ffffff; }
      .campaignFooter__top__copy hr {
        background-color: #ffffff;
        border: 0;
        height: 2px;
        max-width: 10rem;
        margin: 2rem auto 4rem;
        padding: 0 2rem; }
      .campaignFooter__top__copy p {
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
        font-weight: normal;
        font-size: 1.6rem;
        color: #ffffff;
        line-height: 1.75;
        max-width: 53rem;
        margin: 0 auto;
        padding: 0 2rem; }
    .campaignFooter__top__form {
      width: 100%;
      position: relative;
      padding-right: 2rem;
      padding-left: 2rem;
      margin-top: 5rem; }
      @media only screen and (min-width: 768px) {
        .campaignFooter__top__form {
          margin-top: 0; } }
      .campaignFooter__top__form form {
        position: relative; }
        .campaignFooter__top__form form:before, .campaignFooter__top__form form:after {
          content: "";
          display: table; }
        .campaignFooter__top__form form:after {
          clear: both; }
      .campaignFooter__top__form .input-wrap {
        width: 100%;
        float: left; }
      .campaignFooter__top__form .input-wrap.submit {
        position: absolute;
        right: 0;
        bottom: -.5rem;
        width: auto; }
      .campaignFooter__top__form .input-wrap:nth-child(4) {
        width: calc(100% - 13rem); }
      .campaignFooter__top__form .action {
        font-family: "HelveticaNeueW01-55Roma", Helvetica;
        font-weight: normal;
        padding: 1rem 3rem;
        border: 1px solid #ffffff;
        display: inline-block;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        background: transparent; }
        .campaignFooter__top__form .action:hover {
          background: #ffffff;
          color: #697989; }
      .campaignFooter__top__form .input-wrap textarea,
      .campaignFooter__top__form .input-wrap input[type="email"],
      .campaignFooter__top__form .input-wrap input[type="password"],
      .campaignFooter__top__form .input-wrap input[type="text"] {
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
        font-weight: normal;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        font-size: 1.6rem; }
        .campaignFooter__top__form .input-wrap textarea::-webkit-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="email"]::-webkit-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="password"]::-webkit-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="text"]::-webkit-input-placeholder {
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          color: #c3c7d0;
          font-size: 1.6rem; }
        .campaignFooter__top__form .input-wrap textarea:-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="email"]:-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="password"]:-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="text"]:-moz-placeholder {
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          color: #c3c7d0;
          font-size: 1.6rem; }
        .campaignFooter__top__form .input-wrap textarea::-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="email"]::-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="password"]::-moz-placeholder,
        .campaignFooter__top__form .input-wrap input[type="text"]::-moz-placeholder {
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          color: #c3c7d0;
          font-size: 1.6rem; }
        .campaignFooter__top__form .input-wrap textarea:-ms-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="email"]:-ms-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="password"]:-ms-input-placeholder,
        .campaignFooter__top__form .input-wrap input[type="text"]:-ms-input-placeholder {
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          color: #c3c7d0;
          font-size: 1.6rem; }
  .campaignFooter__bottom__wrap {
    max-width: 110rem;
    margin: 0 auto; }
    .campaignFooter__bottom__wrap__contact a {
      font-family: "HelveticaNeueW01-55Roma", Helvetica;
      font-weight: normal;
      text-decoration: none;
      font-size: 1.6rem;
      background: #c3c7d0;
      color: #536272;
      padding: 1.5rem;
      width: 25rem;
      float: left;
      text-align: center; }
  @media only screen and (max-width: 449px) {
    .campaignFooter__bottom .campaignFooter__bottom__wrap {
      max-width: 100% !important; }
    .campaignFooter__bottom .campaignFooter__bottom__wrap__contact a {
      width: 100% !important; } }
  .campaignFooter__bottom__links {
    background: #697989; }
    @media only screen and (max-width: 1023px) {
      .campaignFooter__bottom__links .division {
        width: 100%;
        height: 1px;
        background: #98a0b4; } }
    @media only screen and (max-width: 449px) {
      .campaignFooter__bottom__links {
        text-align: center; }
        .campaignFooter__bottom__links .campaignFooter__bottom__links__item.campaignFooter__bottom__links__item--logo {
          margin: 0 auto 3rem; }
        .campaignFooter__bottom__links .campaignFooter__bottom__links__item.campaignFooter__bottom__links__item--copy {
          width: 100% !important;
          border-bottom: 1px solid #98a0b4; }
        .campaignFooter__bottom__links .campaignFooter__bottom__links__item.campaignFooter__bottom__links__item--social {
          width: 33.333% !important;
          height: 5rem; } }
    .campaignFooter__bottom__links .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 110rem;
      margin: 0 auto; }
    .campaignFooter__bottom__links__item--copy {
      font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
      font-weight: normal;
      width: 25rem;
      border-left: 1px solid #98a0b4;
      color: #98a0b4;
      padding: 3rem 2rem 2rem;
      line-height: 1.2;
      text-align: center; }
      .campaignFooter__bottom__links__item--copy p {
        font-size: 1.2rem; }
    .campaignFooter__bottom__links__item--social {
      width: 8rem;
      border-left: 1px solid #98a0b4;
      position: relative; }
      .campaignFooter__bottom__links__item--social svg {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto; }
    .campaignFooter__bottom__links__item--social-last {
      border-right: 1px solid #98a0b4; }
    .campaignFooter__bottom__links__item--link {
      padding: 4.2rem 1.5rem;
      color: #ffffff;
      display: inline-block;
      text-decoration: none; }
    .campaignFooter__bottom__links__item--logo {
      margin-left: auto;
      padding-top: 2.4rem;
      padding-right: 1rem; }

.CampaignPage sup {
  font-size: 70%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px; }

.campaignHeader__bottom__right__burger {
  width: 5rem;
  height: 3.6rem;
  margin-top: .5rem;
  position: relative;
  text-align: center;
  display: block; }
  @media only screen and (min-width: 1024px) {
    .campaignHeader__bottom__right__burger {
      display: none !important; } }
  .campaignHeader__bottom__right__burger span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 222ms ease;
    -o-transition: all 222ms ease;
    transition: all 222ms ease; }
    .campaignHeader__bottom__right__burger span:nth-child(1) {
      top: -.3rem; }
    .campaignHeader__bottom__right__burger span:nth-child(2) {
      top: .5rem; }
    .campaignHeader__bottom__right__burger span:nth-child(3) {
      top: 1.3rem; }

.mobileNavigation .campaignHeader__bottom__right__burger span:nth-child(1) {
  -webkit-transform: rotate(45deg) translateX(0.65rem) translateY(0.45rem);
      -ms-transform: rotate(45deg) translateX(0.65rem) translateY(0.45rem);
          transform: rotate(45deg) translateX(0.65rem) translateY(0.45rem); }

.mobileNavigation .campaignHeader__bottom__right__burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-0.65rem) translateX(0.45rem);
      -ms-transform: rotate(-45deg) translateY(-0.65rem) translateX(0.45rem);
          transform: rotate(-45deg) translateY(-0.65rem) translateX(0.45rem); }

.mobileNavigation .campaignHeader__bottom__right__burger span:nth-child(2) {
  opacity: 0; }

.campaignHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4; }
  .campaignHeader__top {
    background: #697989; }
    .campaignHeader__top:before, .campaignHeader__top:after {
      content: "";
      display: table; }
    .campaignHeader__top:after {
      clear: both; }
    .campaignHeader__top__left {
      float: left; }
      .campaignHeader__top__left__search {
        display: block;
        width: 7rem;
        border-right: 1px solid #98a0b4;
        float: left;
        min-height: 5.2rem;
        text-align: center;
        position: relative;
        -webkit-transition: all 111ms ease;
        -o-transition: all 111ms ease;
        transition: all 111ms ease; }
        .campaignHeader__top__left__search:hover {
          background: rgba(255, 255, 255, 0.1); }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__top__left__search {
            min-height: 3.6rem; } }
        .campaignHeader__top__left__search svg {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .campaignHeader__top__left__link {
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
        font-weight: normal;
        font-size: 1.5rem;
        display: block;
        border-right: 1px solid #98a0b4;
        float: left;
        text-align: center;
        position: relative;
        padding: 1.7rem 2rem;
        text-decoration: none !important;
        color: #c3c7d0;
        -webkit-transition: all 111ms ease;
        -o-transition: all 111ms ease;
        transition: all 111ms ease; }
        .campaignHeader__top__left__link:hover {
          background: rgba(255, 255, 255, 0.1); }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__top__left__link {
            padding: 1rem; } }
        .campaignHeader__top__left__link p {
          margin: 0; }
          @media only screen and (max-width: 1023px) {
            .campaignHeader__top__left__link p {
              font-size: 1.2rem; } }
    .campaignHeader__top__right {
      float: right;
      font-size: 0; }
      @media only screen and (max-width: 639px) {
        .campaignHeader__top__right {
          display: none; } }
      .campaignHeader__top__right__link {
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        font-size: 1.5rem;
        display: inline-block;
        border-left: 1px solid #98a0b4;
        text-align: center;
        position: relative;
        padding: 1.7rem 4rem;
        text-decoration: none !important;
        color: #c3c7d0;
        -webkit-transition: all 111ms ease;
        -o-transition: all 111ms ease;
        transition: all 111ms ease; }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__top__right__link {
            padding: 1rem; } }
        .campaignHeader__top__right__link:hover {
          background: rgba(255, 255, 255, 0.1); }
        .campaignHeader__top__right__link p {
          margin: 0; }
          @media only screen and (max-width: 1023px) {
            .campaignHeader__top__right__link p {
              font-size: 1.2rem;
              padding: 0 2rem; } }
  .campaignHeader__bottom {
    -webkit-transition: all 555ms ease;
    -o-transition: all 555ms ease;
    transition: all 555ms ease; }
    .campaignHeader__bottom:before, .campaignHeader__bottom:after {
      content: "";
      display: table; }
    .campaignHeader__bottom:after {
      clear: both; }
    @media only screen and (max-width: 1023px) {
      .campaignHeader__bottom {
        background: rgba(51, 59, 79, 0.35); } }
    .campaignHeader__bottom:hover, .campaignHeader__bottom.active {
      background: rgba(51, 59, 79, 0.35); }
    .campaignHeader__bottom__left {
      float: left; }
      .campaignHeader__bottom__left__logo {
        position: relative;
        width: 221px;
        display: block;
        margin: 3rem; }
        .campaignHeader__bottom__left__logo:after {
          content: '';
          position: relative;
          display: block;
          padding-bottom: 24.43439%; }
        .campaignHeader__bottom__left__logo svg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__bottom__left__logo {
            width: 180px;
            margin: 2rem; } }
    .campaignHeader__bottom__right {
      float: right;
      padding-right: 2.5rem;
      padding-top: 2.5rem; }
      .campaignHeader__bottom__right__links {
        display: inline-block;
        vertical-align: middle; }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__bottom__right__links {
            display: none; } }
        .campaignHeader__bottom__right__links__item {
          font-family: "HelveticaNeueW01-55Roma", Helvetica;
          font-weight: normal;
          display: inline-block;
          vertical-align: middle;
          padding: 2rem 3rem;
          font-size: 1.5rem;
          float: left;
          text-align: center;
          position: relative;
          text-decoration: none !important;
          color: #ffffff;
          -webkit-transition: all 111ms ease;
          -o-transition: all 111ms ease;
          transition: all 111ms ease; }
          .campaignHeader__bottom__right__links__item:hover {
            color: #c3c7d0; }
            .campaignHeader__bottom__right__links__item:hover svg {
              -webkit-transform: rotate(-180deg);
                  -ms-transform: rotate(-180deg);
                      transform: rotate(-180deg); }
              .campaignHeader__bottom__right__links__item:hover svg path {
                fill: #c3c7d0; }
          .campaignHeader__bottom__right__links__item svg {
            display: inline-block;
            vertical-align: middle;
            margin-left: .5rem;
            position: relative;
            top: -.2rem;
            -webkit-transition: all 444ms ease;
            -o-transition: all 444ms ease;
            transition: all 444ms ease; }
            .campaignHeader__bottom__right__links__item svg path {
              -webkit-transition: all 111ms ease;
              -o-transition: all 111ms ease;
              transition: all 111ms ease; }
      .campaignHeader__bottom__right__social {
        display: inline-block;
        vertical-align: middle; }
        @media only screen and (max-width: 1023px) {
          .campaignHeader__bottom__right__social {
            display: none; } }
        .campaignHeader__bottom__right__social__item {
          display: inline-block;
          vertical-align: middle;
          padding: 2rem .5rem; }
          .campaignHeader__bottom__right__social__item svg path {
            -webkit-transition: all 222ms ease;
            -o-transition: all 222ms ease;
            transition: all 222ms ease; }
          .campaignHeader__bottom__right__social__item:hover svg path {
            fill: #c3c7d0; }

.header__children {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: all 555ms ease;
  -o-transition: all 555ms ease;
  transition: all 555ms ease;
  z-index: 99;
  top: 17rem;
  max-height: 0;
  height: 7rem;
  overflow: hidden;
  background: #e0e4e4; }
  .header__children.active {
    max-height: 7rem; }
  .header__children__menu {
    text-align: center;
    position: absolute;
    height: 7rem;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 555ms ease;
    -o-transition: all 555ms ease;
    transition: all 555ms ease;
    visibility: hidden;
    -webkit-transform: translateX(0.5rem);
        -ms-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
    background: #e0e4e4;
    font-size: 0; }
    .header__children__menu.active {
      opacity: 1;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0);
      visibility: visible; }
    .header__children__menu__item {
      display: inline-block;
      margin: 0; }
      .header__children__menu__item__link {
        font-family: "HelveticaNeueW01-55Roma", Helvetica;
        font-weight: normal;
        font-size: 1.4rem;
        text-decoration: none;
        display: block;
        padding: 2.5rem 2rem;
        margin: 0;
        color: #333b4f;
        -webkit-transition: all 111ms ease;
        -o-transition: all 111ms ease;
        transition: all 111ms ease; }
        .header__children__menu__item__link:hover {
          color: #697989; }

.campaignHero {
  padding: 5rem 0 0; }
  .campaignHero__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 164rem;
    margin: 0 auto; }
    .campaignHero__wrap__image {
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      background-position: top right;
      width: 100%; }
      @media only screen and (min-width: 900px) {
        .campaignHero__wrap__image {
          width: 50%; } }
    .campaignHero__wrap__copy {
      padding: 5rem 0 0;
      text-align: center;
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media only screen and (min-width: 900px) {
        .campaignHero__wrap__copy {
          width: 50%; } }
      .campaignHero__wrap__copy__index {
        position: relative;
        z-index: 4; }
        .campaignHero__wrap__copy__index h3 {
          color: #697989;
          font-size: 4rem; }
          @media only screen and (min-width: 768px) {
            .campaignHero__wrap__copy__index h3 {
              font-size: 6rem; } }
        .campaignHero__wrap__copy__index hr {
          background-color: #697989;
          border: 0;
          height: 2px;
          max-width: 10rem;
          margin: 2rem auto 4rem;
          padding: 0 2rem; }
        .campaignHero__wrap__copy__index p {
          font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
          font-weight: normal;
          line-height: 1.75;
          max-width: 53rem;
          margin: 0 auto;
          padding: 0 2rem; }
      .campaignHero__wrap__copy__testimonial {
        margin: 10rem auto 15rem;
        position: relative; }
        .campaignHero__wrap__copy__testimonial__image {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          max-width: 100%;
          height: auto;
          left: 0;
          right: 0;
          margin: 0 auto;
          z-index: 1; }
        .campaignHero__wrap__copy__testimonial__copy {
          position: relative;
          z-index: 2;
          padding: 7rem 0;
          max-width: 34rem;
          margin: 0 auto; }
          .campaignHero__wrap__copy__testimonial__copy h6 {
            font-family: "HelveticaNeueW01-55Roma", Helvetica;
            font-weight: normal;
            color: #333b4f;
            font-size: 2rem;
            font-style: italic; }
          .campaignHero__wrap__copy__testimonial__copy p {
            color: #333b4f;
            margin-top: 3rem; }

.campaignLinkBlock {
  margin: 6rem auto;
  padding-top: 4rem; }
  .campaignLinkBlock__wrap {
    text-align: center;
    max-width: 110rem;
    margin: 0 auto; }
    .campaignLinkBlock__wrap h3 {
      color: #697989;
      font-size: 4rem; }
      @media only screen and (min-width: 768px) {
        .campaignLinkBlock__wrap h3 {
          font-size: 6rem; } }
    .campaignLinkBlock__wrap hr {
      background-color: #697989;
      border: 0;
      height: 2px;
      max-width: 10rem;
      margin: 2rem auto 4rem;
      padding: 0 2rem; }
  .campaignLinkBlock .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .campaignLinkBlock__link {
    text-decoration: none !important;
    margin: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    @media only screen and (min-width: 540px) {
      .campaignLinkBlock__link {
        width: calc(50% - 2rem); } }
    @media only screen and (min-width: 768px) {
      .campaignLinkBlock__link {
        width: calc(33.33333% - 2rem); } }
    .campaignLinkBlock__link:hover p {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .campaignLinkBlock__link:hover:hover .campaignButtonBordered {
      background: #333b4f;
      color: #ffffff; }
    .campaignLinkBlock__link:hover .overlay {
      background: rgba(51, 59, 79, 0.6); }
    .campaignLinkBlock__link__image {
      position: relative;
      background-size: cover;
      background-position: center center;
      -ms-behavior: url(/backgroundsize.min.htc);
      width: 100%;
      min-height: 25rem;
      overflow: hidden; }
      .campaignLinkBlock__link__image:after {
        content: '';
        position: relative;
        display: block;
        padding-bottom: 100%; }
      .campaignLinkBlock__link__image .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(51, 59, 79, 0.4);
        -webkit-transition: all 333ms ease;
        -o-transition: all 333ms ease;
        transition: all 333ms ease; }
      .campaignLinkBlock__link__image img {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 90%;
        height: auto; }
      .campaignLinkBlock__link__image p {
        font-family: "HelveticaNeueW01-55Roma", Helvetica;
        font-weight: normal;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(51, 59, 79, 0.8);
        padding: 3rem 2rem;
        text-align: left;
        color: #ffffff;
        text-decoration: none !important;
        -webkit-transition: all 333ms ease;
        -o-transition: all 333ms ease;
        transition: all 333ms ease; }
        @media only screen and (min-width: 540px) {
          .campaignLinkBlock__link__image p {
            -webkit-transform: translateY(100%);
                -ms-transform: translateY(100%);
                    transform: translateY(100%); } }
    .campaignLinkBlock__link__copy {
      text-align: left;
      padding: 3rem 0 6rem; }
      .campaignLinkBlock__link__copy h6 {
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        color: #000000;
        margin-bottom: 1rem;
        text-align: center; }
      .campaignLinkBlock__link__copy p {
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
        font-weight: normal;
        line-height: 1.5;
        font-size: 1.4rem;
        color: #000000;
        text-align: center; }
      .campaignLinkBlock__link__copy .campaignButtonBordered {
        font-family: "HelveticaNeueW01-55Roma", Helvetica;
        font-weight: normal;
        padding: 1rem 3rem;
        border: 2px solid #333b4f;
        display: inline-block;
        color: #333b4f;
        text-decoration: none;
        -webkit-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 15rem; }

.campaignOffCanvas {
  position: fixed;
  top: 12rem;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 999;
  bottom: 0;
  padding: 3rem 0;
  overflow: auto;
  -webkit-transition: all 555ms ease;
  -o-transition: all 555ms ease;
  transition: all 555ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }
  .campaignOffCanvas__group {
    margin: 0 auto; }
    .campaignOffCanvas__group__top {
      font-family: "HelveticaNeueW01-65Medi", Helvetica;
      font-weight: normal;
      font-size: 3rem;
      text-decoration: none;
      display: block;
      text-transform: capitalize;
      position: relative;
      -webkit-transition: all 222ms ease;
      -o-transition: all 222ms ease;
      transition: all 222ms ease;
      padding: 3rem;
      color: #ffffff; }
      @media only screen and (max-width: 639px) {
        .campaignOffCanvas__group__top {
          font-size: 2.8rem; }
          .campaignOffCanvas__group__top:after {
            top: 4rem !important; } }
      .campaignOffCanvas__group__top:after {
        position: absolute;
        content: '';
        display: block;
        position: absolute;
        top: 4.4rem;
        height: 2px;
        left: 0;
        width: 0;
        -webkit-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        background: #ffffff;
        margin-top: 1px; }
      .campaignOffCanvas__group__top.active {
        padding-left: 5rem; }
        .campaignOffCanvas__group__top.active:after {
          width: 4rem; }
        .campaignOffCanvas__group__top.active + .campaignOffCanvas__group__children .campaignOffCanvas__group__children__item {
          opacity: 1;
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0); }
      .campaignOffCanvas__group__top:hover {
        color: #98a0b4; }
    .campaignOffCanvas__group__children {
      background: rgba(0, 0, 0, 0.9);
      padding: 2rem; }
      .campaignOffCanvas__group__children__item {
        font-family: "HelveticaNeueW01-65Medi", Helvetica;
        font-weight: normal;
        text-decoration: none;
        color: #ffffff;
        padding: 1.5rem 5rem;
        display: block;
        text-transform: capitalize;
        -webkit-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        opacity: 0;
        font-size: 2.5rem; }
        @media only screen and (max-width: 639px) {
          .campaignOffCanvas__group__children__item {
            font-size: 2rem; } }

.mobileNavigation {
  position: relative;
  overflow: hidden;
  max-height: calc(100vh + 1px);
  height: 100vh; }
  .mobileNavigation .campaignHeader__bottom {
    background: rgba(0, 0, 0, 0.75); }
  .mobileNavigation .campaignOffCanvas {
    visibility: visible !important;
    opacity: 1 !important; }

.campaignParallax {
  position: relative;
  overflow: hidden;
  display: block; }
  @media only screen and (min-width: 768px) {
    .campaignParallax {
      margin: 15rem auto 1rem;
      padding-bottom: 12rem; } }
  .campaignParallax .innerWrap {
    padding: 0;
    max-width: 140rem;
    margin: 0 auto; }
  .campaignParallax .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .campaignParallax .flex > div {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .campaignParallax .flex > div {
          width: 50%; } }
  .campaignParallax__item {
    background-color: #c3c7d0;
    width: 100%;
    padding: 6rem 3rem 6rem;
    text-align: center;
    position: relative; }
    .campaignParallax__item svg {
      max-width: 90%;
      height: auto; }
    @media only screen and (min-width: 640px) {
      .campaignParallax__item {
        padding: 6rem 4rem 15rem; } }
    @media only screen and (min-width: 768px) {
      .campaignParallax__item {
        padding: 10rem 6rem 15rem;
        position: relative; } }
    @media only screen and (min-width: 1280px) {
      .campaignParallax__item {
        padding: 20rem 6rem; } }
    @media only screen and (max-width: 1023px) {
      .campaignParallax__item {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important; } }
    .campaignParallax__item .campaignButtonBordered {
      margin: 3rem auto 0;
      font-size: 1.6rem;
      width: 23rem; }
      @media only screen and (min-width: 640px) {
        .campaignParallax__item .campaignButtonBordered {
          position: absolute;
          bottom: 5rem;
          margin: 0 auto;
          left: 0;
          right: 0; } }

.campaignSlider {
  background: #697989;
  padding: 4rem 0 8rem;
  text-align: center;
  overflow: hidden; }
  .campaignSlider__header {
    padding: 3rem 0; }
    .campaignSlider__header h3 {
      padding: 4rem 2rem 0;
      color: #ffffff;
      font-size: 4rem; }
      @media only screen and (min-width: 768px) {
        .campaignSlider__header h3 {
          font-size: 6rem; } }
    .campaignSlider__header hr {
      background-color: #ffffff;
      border: 0;
      height: 2px;
      max-width: 10rem;
      margin: 2rem auto 8rem;
      padding: 0 2rem; }
  .campaignSlider .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    font-size: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 333ms ease;
    -o-transition: all 333ms ease;
    transition: all 333ms ease;
    padding: 1rem; }
    .campaignSlider .slick-arrow path {
      -webkit-transition: all 444ms ease;
      -o-transition: all 444ms ease;
      transition: all 444ms ease; }
    .campaignSlider .slick-arrow:hover.slick-prev {
      -webkit-transform: translateX(-0.3rem) translateY(-50%);
          -ms-transform: translateX(-0.3rem) translateY(-50%);
              transform: translateX(-0.3rem) translateY(-50%); }
    .campaignSlider .slick-arrow:hover.slick-next {
      -webkit-transform: translateX(0.3rem) translateY(-50%);
          -ms-transform: translateX(0.3rem) translateY(-50%);
              transform: translateX(0.3rem) translateY(-50%); }
    .campaignSlider .slick-arrow:hover path {
      fill: #697989; }
    .campaignSlider .slick-arrow.slick-prev {
      left: 3rem; }
    .campaignSlider .slick-arrow.slick-next {
      right: 3rem; }
  .campaignSlider__slider .slick-slide {
    opacity: .2;
    -webkit-transition: all 999ms ease;
    -o-transition: all 999ms ease;
    transition: all 999ms ease; }
    .campaignSlider__slider .slick-slide.slick-current {
      opacity: 1; }
  .campaignSlider__link {
    margin-top: 4rem;
    padding: 1.5rem 0 2rem; }

.campaignSlider__slider .slick-slide img {
  width: auto;
  height: 90vh; }

.campaignSplit {
  padding: 6rem auto;
  background: #f1f0ee;
  position: relative;
  overflow: hidden; }
  .campaignSplit__wrap {
    max-width: 110rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .campaignSplit__wrap__copy {
      width: 100%;
      padding: 10rem 2rem;
      text-align: center; }
      @media only screen and (min-width: 900px) {
        .campaignSplit__wrap__copy {
          width: 50%; } }
      .campaignSplit__wrap__copy h3 {
        color: #697989; }
      .campaignSplit__wrap__copy hr {
        background-color: #697989;
        border: 0;
        height: 2px;
        max-width: 10rem;
        margin: 2rem auto 4rem;
        padding: 0 2rem; }
      .campaignSplit__wrap__copy p {
        font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
        font-weight: normal;
        font-size: 1.6rem;
        line-height: 1.75;
        max-width: 53rem;
        margin: 0 auto;
        padding: 0 2rem; }
    .campaignSplit__wrap__link {
      width: 100%;
      text-align: center;
      position: relative; }
      @media only screen and (min-width: 900px) {
        .campaignSplit__wrap__link {
          width: 50%; } }
      @media only screen and (max-width: 899px) {
        .campaignSplit__wrap__link {
          margin: -5rem auto 5rem; } }
      .campaignSplit__wrap__link img {
        max-width: 100%;
        height: auto; }
      .campaignSplit__wrap__link__arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-decoration: none !important; }
        .campaignSplit__wrap__link__arrow h6 {
          font-family: "HelveticaNeueW01-65Medi", Helvetica;
          font-weight: normal;
          color: #ffffff; }
        .campaignSplit__wrap__link__arrow svg {
          -webkit-transition: all 333ms ease;
          -o-transition: all 333ms ease;
          transition: all 333ms ease; }
        .campaignSplit__wrap__link__arrow:hover svg {
          -webkit-transform: translateX(1rem);
              -ms-transform: translateX(1rem);
                  transform: translateX(1rem); }

.campaignText {
  margin: 15rem auto 10rem; }
  .campaignText__wrap {
    text-align: center;
    max-width: 80rem;
    margin: 0 auto; }
    .campaignText__wrap h3 {
      color: #697989;
      font-size: 4rem; }
      @media only screen and (min-width: 768px) {
        .campaignText__wrap h3 {
          font-size: 6rem; } }
    .campaignText__wrap hr {
      background-color: #697989;
      border: 0;
      height: 2px;
      max-width: 10rem;
      margin: 2rem auto 4rem;
      padding: 0 2rem; }
    .campaignText__wrap p {
      font-family: 'HelveticaNeueW01-45Ligh', Helvetica;
      font-weight: normal;
      line-height: 1.75;
      margin: 0 auto;
      padding: 0 2rem; }

.CampaignPage .search-box {
  margin-top: 1.7rem;
  z-index: 999999 !important;
  background-color: rgba(51, 59, 79, 0.95);
  padding: 30px 24px; }