@charset "UTF-8";
/* Settings & Variables
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/*---------------------------------------------------------------
	CSS Easing
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

	https://gist.github.com/replete/6333588

	Vanilla: #id { transition: 350ms all $ease }
	Compass: #id { @include transition(350ms all $ease) }

˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
/* ==========================================================================
   I am an important banner
   ========================================================================== */
/* Brand colours
   ========================================================================== */
/* Product range colours
   ========================================================================== */
/* UI colours
   ========================================================================== */
/* Social colours
   ========================================================================== */
/* Form Colours
   ========================================================================== */
/* nav Colours
   ========================================================================== */
/* URI path prefixes
   ========================================================================== */
/* Font families
   ========================================================================== */
/* Font weights
   ========================================================================== */
/*$FONTWEIGHT_LIGHT: 300;*/
/* Media Queries
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Layout metrics
   ========================================================================== */
/* Various Metrics
   ========================================================================== */
/* Animation/state
   ========================================================================== */
/* Z-indices
   ========================================================================== */
/*  Sizing
   ========================================================================== */
/* Fonts
   ========================================================================== */
/*@import 'fonts/iconfont';*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

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

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

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

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

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

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

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

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

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

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

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

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

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

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

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

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

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

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

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

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

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

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

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before, .fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/* Helpers
   ========================================================================== */
/*---------------------------------------------------------------
	CSS Viewport
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

	http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
	http://blog.teamtreehouse.com/thinking-ahead-css-device-adaptation-with-viewport

˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*---------------------------------------------------------------
	CSS Easing
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

	https://gist.github.com/replete/6333588

	Vanilla: #id { transition: 350ms all $ease }
	Compass: #id { @include transition(350ms all $ease) }

˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
/* ==========================================================================
   I am an important banner
   ========================================================================== */
/*---------------------------------------------------------------
	Clearfix
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

	Clearfix: contain floats

	http://nicolasgallagher.com/micro-clearfix-hack/

˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/*---------------------------------------------------------------
    Visibility classes
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden !important; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hidetext {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * SASS Mixins:
 */
/* Base
   ========================================================================== */
/*---------------------------------------------------------------
    Print Defaults
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*---------------------------------------------------------------
	Non-semantic
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

	Atomic helper classes

˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
.fr {
  float: right !important; }

.fl {
  float: left !important; }

.fc {
  clear: both !important; }

.fn {
  float: none !important; }

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

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

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

.align-middle {
  display: table !important;
  height: 100%; }
  .align-middle > * {
    display: table-cell !important;
    vertical-align: middle; }

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

.lowercase {
  text-transform: lowercase !important; }

.capitalize {
  text-transform: capitalize !important; }

.nocase {
  text-transform: none !important; }

.underline {
  text-decoration: underline; }

.nowrap {
  white-space: nowrap; }

.wordbreak {
  word-break: break-all; }

.wide {
  width: 100%; }

.centered {
  display: block !important;
  margin-left: auto;
  margin-right: auto; }

/*---------------------------------------------------------------
	Better Defaults
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
h1, h2, h3, h4, h5, h6 {
  margin: 0; }

/*csslint universal-selector:false */
* {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0 auto; }

img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  border: 0; }

textarea {
  resize: vertical;
  overflow: auto; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

[hidden],
template {
  display: none; }

svg:not(:root) {
  overflow: hidden; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

ul, ol, figure {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

a.button {
  text-align: center; }

a.disabled {
  pointer-events: none;
  cursor: default;
  color: #666; }

.right {
  float: right !important; }

/*---------------------------------------------------------------
	Media Queries
ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ
	Mixins
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
/*---------------------------------------------------------------
	Helper classes
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
@media screen and (max-width: 767px) {
  .hide-for-small-only {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hide-for-medium-only {
    display: none; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hide-for-large-only {
    display: none; } }

@media screen and (min-width: 768px) {
  .hide-for-medium, .show-for-small-only {
    display: none; } }

@media screen and (min-width: 992px) {
  .hide-for-large {
    display: none; } }

@media screen and (min-width: 1200px) {
  .hide-for-xlarge {
    display: none; } }

.show-for-medium-only {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .show-for-medium-only {
      display: inherit; } }

.show-for-large-only {
  display: none; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .show-for-large-only {
      display: inherit; } }

.show-for-xlarge-only, .show-for-xlarge {
  display: none; }
  @media screen and (min-width: 1200px) {
    .show-for-xlarge-only, .show-for-xlarge {
      display: inherit; } }

.show-for-medium {
  display: none; }
  @media screen and (min-width: 768px) {
    .show-for-medium {
      display: inherit; } }

.show-for-large {
  display: none; }
  @media screen and (min-width: 992px) {
    .show-for-large {
      display: inherit; } }

/*---------------------------------------------------------------
		Named breakpoints (for Javascript)
	˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
@media screen and (max-width: 767px) {
  head {
    font-family: 'small'; } }

@media screen and (min-width: 768px) {
  head {
    font-family: 'medium'; } }

@media screen and (min-width: 992px) {
  head {
    font-family: 'large'; } }

@media screen and (min-width: 1200px) {
  head {
    font-family: 'xlarge'; } }

/**
 * @license
 * MyFonts Webfont Build ID 3477220, 2017-11-03T07:38:25-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FrutigerLTStd-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/frutiger/65-bold/
 * 
 * Webfont: FrutigerLTStd-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/frutiger/45-light/
 * 
 * Webfont: FrutigerLTStd-Black by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/frutiger/75-black/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3477220
 * Licensed pageviews: 2,500,000
 * Webfonts copyright: Copyright © 1988, 1990, 1994, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/350ee4");*/
@font-face {
  font-family: 'FrutigerLTStd';
  src: url("/fonts/350EE4_1_0.eot");
  src: url("/fonts/350EE4_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/350EE4_1_0.woff2") format("woff2"), url("/fonts/350EE4_1_0.woff") format("woff"), url("/fonts/350EE4_1_0.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: 'FrutigerLTStd-Bold';
  src: url("/fonts/350EE4_0_0.eot");
  src: url("/fonts/350EE4_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/350EE4_0_0.woff2") format("woff2"), url("/fonts/350EE4_0_0.woff") format("woff"), url("/fonts/350EE4_0_0.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'FrutigerLTStd-Black';
  src: url("/fonts/350EE4_2_0.eot");
  src: url("/fonts/350EE4_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/350EE4_2_0.woff2") format("woff2"), url("/fonts/350EE4_2_0.woff") format("woff"), url("/fonts/350EE4_2_0.ttf") format("truetype"); }

html {
  background: #ffffff; }

body {
  position: relative;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400;
  color: #575756; }
  @media screen and (max-width: 767px) {
    body {
      overflow-x: hidden; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: "FrutigerLTStd-Bold", sans-serif;
  letter-spacing: -1px; }

input {
  font-family: "FrutigerLTStd", sans-serif; }

.hide {
  display: none; }

.amber {
  color: #FEDC00; }

/*! =======================================================
                      VERSION  10.0.0              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.slider.slider-horizontal {
  width: 210px;
  height: 20px; }

.slider.slider-horizontal .slider-track {
  height: 4px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0; }

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0; }

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px; }

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0; }

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px; }

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center; }

.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0; }

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px; }

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0; }

.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%); }

.slider.slider-vertical {
  height: 210px;
  width: 20px; }

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0; }

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0; }

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0; }

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px; }

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0; }

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap; }

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px; }

.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%; }

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0; }

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0; }

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px; }

.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); }

.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed; }

.slider input {
  display: none; }

.slider .tooltip.top {
  margin-top: -36px; }

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none; }

.slider .hide {
  display: none; }

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px; }

.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); }

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px; }

.slider-handle {
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #008264;
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0px solid transparent;
  background-image: none; }

.slider-handle.round {
  border-radius: 50%; }

.slider-handle.triangle {
  background: transparent none; }

.slider-handle.custom {
  background: transparent none; }

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  /*color: #726204;*/
  color: white; }

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent; }

.slider-tick.round {
  border-radius: 50%; }

.slider-tick.triangle {
  background: transparent none; }

.slider-tick.custom {
  background: transparent none; }

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204; }

.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
  opacity: 1; }

.slider .tooltip.top {
  transform: none !important;
  margin-top: 20px !important;
  text-align: right;
  font-size: 12px; }

.slider .tooltip.tooltip-main {
  display: none !important; }

.slider .tooltip.tooltip-min {
  /*display:none;*/
  display: inline-block !important; }

.slider .tooltip.tooltip-max {
  /*display:none;*/
  display: inline-block !important;
  float: right !important; }

/* Layout
   ========================================================================== */
/*---------------------------------------
	Grid System
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
.cols-1 > .col {
  width: 100% !important; }

.cols-2 > .col {
  width: 50% !important; }

.cols-3 > .col {
  width: 33.33333% !important; }

.cols-4 > .col {
  width: 25% !important; }

.cols-5 > .col {
  width: 20% !important; }

.cols-6 > .col {
  width: 16.66667% !important; }

.cols-7 > .col {
  width: 14.28571% !important; }

.cols-8 > .col {
  width: 12.5% !important; }

.cols-9 > .col {
  width: 11.11111% !important; }

.cols-10 > .col {
  width: 10% !important; }

.cols-11 > .col {
  width: 9.09091% !important; }

.cols-12 > .col {
  width: 8.33333% !important; }

@media screen and (min-width: 768px) {
  .cols-1-medium > .col {
    width: 100% !important; }
  .cols-2-medium > .col {
    width: 50% !important; }
  .cols-3-medium > .col {
    width: 33.33333% !important; }
  .cols-4-medium > .col {
    width: 25% !important; }
  .cols-5-medium > .col {
    width: 20% !important; }
  .cols-6-medium > .col {
    width: 16.66667% !important; }
  .cols-7-medium > .col {
    width: 14.28571% !important; }
  .cols-8-medium > .col {
    width: 12.5% !important; }
  .cols-9-medium > .col {
    width: 11.11111% !important; }
  .cols-10-medium > .col {
    width: 10% !important; }
  .cols-11-medium > .col {
    width: 9.09091% !important; }
  .cols-12-medium > .col {
    width: 8.33333% !important; } }

@media screen and (min-width: 992px) {
  .cols-1-large > .col {
    width: 100% !important; }
  .cols-2-large > .col {
    width: 50% !important; }
  .cols-3-large > .col {
    width: 33.33333% !important; }
  .cols-4-large > .col {
    width: 25% !important; }
  .cols-5-large > .col {
    width: 20% !important; }
  .cols-6-large > .col {
    width: 16.66667% !important; }
  .cols-7-large > .col {
    width: 14.28571% !important; }
  .cols-8-large > .col {
    width: 12.5% !important; }
  .cols-9-large > .col {
    width: 11.11111% !important; }
  .cols-10-large > .col {
    width: 10% !important; }
  .cols-11-large > .col {
    width: 9.09091% !important; }
  .cols-12-large > .col {
    width: 8.33333% !important; } }

.col-1 {
  width: 8.33333% !important; }

.col-2 {
  width: 16.66667% !important; }

.col-3 {
  width: 25% !important; }

.col-4 {
  width: 33.33333% !important; }

.col-5 {
  width: 41.66667% !important; }

.col-6 {
  width: 50% !important; }

.col-7 {
  width: 58.33333% !important; }

.col-8 {
  width: 66.66667% !important; }

.col-9 {
  width: 75% !important; }

.col-10 {
  width: 83.33333% !important; }

.col-11 {
  width: 91.66667% !important; }

.col-12 {
  width: 100% !important; }

@media screen and (min-width: 768px) {
  .col-1-medium {
    width: 8.33333% !important; }
  .col-2-medium {
    width: 16.66667% !important; }
  .col-3-medium {
    width: 25% !important; }
  .col-4-medium {
    width: 33.33333% !important; }
  .col-5-medium {
    width: 41.66667% !important; }
  .col-6-medium {
    width: 50% !important; }
  .col-7-medium {
    width: 58.33333% !important; }
  .col-8-medium {
    width: 66.66667% !important; }
  .col-9-medium {
    width: 75% !important; }
  .col-10-medium {
    width: 83.33333% !important; }
  .col-11-medium {
    width: 91.66667% !important; }
  .col-12-medium {
    width: 100% !important; } }

@media screen and (min-width: 992px) {
  .col-1-large {
    width: 8.33333% !important; }
  .col-2-large {
    width: 16.66667% !important; }
  .col-3-large {
    width: 25% !important; }
  .col-4-large {
    width: 33.33333% !important; }
  .col-5-large {
    width: 41.66667% !important; }
  .col-6-large {
    width: 50% !important; }
  .col-7-large {
    width: 58.33333% !important; }
  .col-8-large {
    width: 66.66667% !important; }
  .col-9-large {
    width: 75% !important; }
  .col-10-large {
    width: 83.33333% !important; }
  .col-11-large {
    width: 91.66667% !important; }
  .col-12-large {
    width: 100% !important; } }

/*---------------------------------------
	Components
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
.cols,
[class*=cols-] {
  font-size: 0; }

[class*=cols-].padded-cells {
  margin-left: -5px;
  margin-right: -5px; }

.padded-cells .col,
.padded-cells [class*=col-] {
  padding-left: 5px;
  padding-right: 5px; }

[class*=cols-].padded-cells-tight {
  margin-left: -2.5px;
  margin-right: -2.5px; }

.padded-cells-tight .col,
.padded-cells-tight [class*=col-] {
  padding-left: 2.5px;
  padding-right: 2.5px; }

.col,
[class*=col-] {
  width: 100%;
  display: inline-block;
  vertical-align: top; }

.col:not([class*=cols-]),
[class*=col-]:not([class*=cols-]) {
  font-size: 1rem; }

@media screen and (min-width: 768px) {
  .col-pull-left-medium {
    float: left; } }

@media screen and (min-width: 768px) {
  .col-pull-right-medium {
    float: right; } }

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

.cols-clearfix:after {
  clear: both; }

.hidden-small {
  display: none; }
  @media screen and (min-width: 768px) {
    .hidden-small {
      display: inline-block; } }
  @media screen and (min-width: 992px) {
    .hidden-small {
      display: inline-block; } }

.visible-small {
  display: inline-block; }
  @media screen and (min-width: 768px) {
    .visible-small {
      display: none; } }
  @media screen and (min-width: 992px) {
    .visible-small {
      display: none; } }

.hidden-small-block {
  display: none; }
  @media screen and (min-width: 768px) {
    .hidden-small-block {
      display: block; } }
  @media screen and (min-width: 992px) {
    .hidden-small-block {
      display: block; } }

.visible-small-block {
  display: block; }
  @media screen and (min-width: 768px) {
    .visible-small-block {
      display: none; } }
  @media screen and (min-width: 992px) {
    .visible-small-block {
      display: none; } }

/*---------------------------------------
	Gutters
˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭˭*/
.gutters {
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 768px) {
    .gutters {
      padding-left: 10px;
      padding-right: 10px; } }

.outer-gutters {
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 768px) {
    .outer-gutters {
      padding-left: 40px;
      padding-right: 40px; } }

@media screen and (max-width: 767px) {
  .gutters-small {
    padding-left: 20px;
    padding-right: 20px; } }

.inner-gutters > .col,
.inner-gutters > [class*=col-] {
  padding: 0 10px; }
  .inner-gutters > .col:last-child,
  .inner-gutters > [class*=col-]:last-child {
    padding-right: 0; }

@media screen and (min-width: 768px) {
  .gutter-2-col .col-start-medium {
    padding-right: 5px; }
  .gutter-2-col .col-end-medium {
    padding-left: 5px; } }

@media screen and (min-width: 768px) {
  .col2-inner-gutter [class*=col-]:nth-child(2n+1) {
    padding-right: 10px; }
  .col2-inner-gutter [class*=col-]:nth-child(2n+2) {
    padding-left: 10px; } }

/* ==========================================================================
   Wrappers
   ========================================================================== */
/**
 * Wrappers module
 *
 * This creates a single row of full-height, non-wrapping columns that can
 * be browsed horizontally within their parent.
 *
 * Example HTML:
 *
 * <div class="banner">
 *     <div class="banner__something"></div>
 * </div>
 */
.wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.narrow-wrap {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

/* Modules
   ========================================================================== */
.body-content-wrapper {
  margin-top: 40px;
  margin-bottom: 20px; }

/*.body-content-image-wrapper {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center;
}*/
.body-content-text-wrapper {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .body-content-text-wrapper {
      padding-top: 0; } }

.body-content-text-wrapper.body-content-text-wrapper-onecol {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .body-content-text-wrapper.body-content-text-wrapper-onecol {
      padding-left: 0;
      padding-right: 0; } }

.body-content-text-wrapper:not(.body-content-text-wrapper-onecol) {
  padding-left: 0; }

.body-content-text-wrapper ul {
  padding-left: 40px; }

.body-content-text-wrapper h2 {
  font-size: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  border-bottom: 0;
  color: #bcbcbc; }

.body-content-text-wrapper p:first-child {
  margin-top: 0 !important; }

.quote-wrapper {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px; }
  @media screen and (min-width: 992px) {
    .quote-wrapper {
      padding-right: 0;
      padding-left: 0; } }
  .quote-wrapper .quote-text-wrapper {
    font-size: 42px; }
    .quote-wrapper .quote-text-wrapper p {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 30px; }
    .quote-wrapper .quote-text-wrapper p:first-child:before {
      content: url("/images/rebrand/quotation-mark.png");
      position: absolute;
      margin-left: -60px; }
    .quote-wrapper .quote-text-wrapper p:last-child:after {
      content: url("/images/rebrand/quotation-mark.png");
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      display: inline-block; }
  .quote-wrapper .quote-author {
    font-weight: 600;
    border-top: 4px solid #008264;
    display: inline-block;
    padding-top: 4px;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px; }

.quote-image {
  margin-top: 40px; }

.header {
  background-color: #ffffff;
  height: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50001; }
  @media screen and (min-width: 992px) {
    .header {
      padding-bottom: 5px; } }
  .header__login {
    background-color: #575756;
    height: 32px;
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 510; }
    @media screen and (min-width: 768px) {
      .header__login {
        text-align: right; } }
    .header__login__link {
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      display: inline-block;
      font-size: 13px;
      padding-top: 8px;
      text-transform: uppercase;
      vertical-align: middle;
      line-height: 18px;
      position: relative;
      cursor: pointer; }
    .header__login__flag {
      display: inline-block;
      display: inline-block;
      height: 18px;
      width: 18px;
      border-radius: 10px;
      border: 1px solid #ffffff;
      background-position: center center;
      background-size: 18px;
      vertical-align: middle;
      margin-top: -6px;
      margin-left: 3px; }
    .header__login__language {
      position: absolute;
      top: 0;
      margin-left: -190px;
      width: 200px; }
    .header__login__language-drop {
      position: absolute;
      bottom: 0;
      margin-bottom: 30px;
      z-index: 10000;
      background: #fff;
      padding: 15px;
      width: 220px;
      text-align: left;
      border: 1px solid rgba(161, 161, 161, 0.5);
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
      display: none; }
      .header__login__language-drop a {
        position: relative;
        display: block;
        padding-left: 26px;
        min-height: 18px;
        text-transform: initial;
        font-size: 14px;
        margin-bottom: 10px;
        color: #575756;
        font-weight: 200;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .header__login__language-drop a:hover {
          color: #008264; }
      .header__login__language-drop .header__login__flag {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: -2px;
        background-position: center center;
        background-size: 18px; }
  .header__nav-wrapper {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 500;
    width: 100%;
    background: #fff;
    padding: 0 20px;
    max-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .header__nav-wrapper--active {
      max-height: 600px; }
    @media screen and (min-width: 992px) {
      .header__nav-wrapper {
        max-height: none;
        width: auto;
        background: transparent;
        padding: 0;
        position: relative;
        top: auto;
        right: auto;
        overflow: visible; } }
  .header__search {
    position: absolute;
    margin-top: -55px;
    right: 50px;
    display: none; }
    @media screen and (min-width: 768px) {
      .header__search {
        display: block; } }
    @media screen and (min-width: 1200px) {
      .header__search {
        right: -100px; } }
    .header__search__form {
      position: relative;
      padding-top: 10px;
      margin: 0 auto; }
      @media screen and (min-width: 992px) {
        .header__search__form {
          width: auto;
          margin: 0; } }
    .header__search__query {
      height: 32px;
      border: none;
      font-size: 16px;
      outline: 0;
      width: 110px;
      -webkit-transition: width 1s;
      /* Safari */
      transition: width 1s; }
    .header__search__query.wide {
      width: 131px; }
    .header__search__submit {
      outline: 0;
      cursor: pointer;
      width: 50px;
      height: 30px;
      background: none;
      bordeR: none;
      color: #5b6770; }
  .header__nav {
    position: relative;
    /*text-align: right;*/ }
    .header__nav.content-wrapper {
      padding-top: 10px;
      min-height: 70px; }
  .header__nav-global {
    display: none;
    list-style: none;
    font-size: 0;
    /*padding-top: 20px;*/
    padding-left: 140px;
    text-align: right;
    padding-right: 185px; }
    @media screen and (min-width: 768px) {
      .header__nav-global {
        display: block; } }
    @media screen and (min-width: 1200px) {
      .header__nav-global {
        text-align: left;
        padding-right: 0; } }
    @media screen and (min-width: 992px) {
      .header__nav-global {
        display: inline-block;
        padding-top: 0;
        width: 100%;
        position: relative; } }
    .header__nav-global__item {
      font-size: 16px;
      letter-spacing: -0.2px;
      line-height: 1em;
      text-align: center;
      padding: 10px 0; }
      @media screen and (min-width: 768px) {
        .header__nav-global__item {
          display: inline-block;
          text-align: left;
          padding: 20px 20px; } }
      .header__nav-global__item > a {
        text-transform: capitalize;
        font-weight: 600;
        color: #575756;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .header__nav-global__item > a:hover {
          color: #008264; }
      @media screen and (min-width: 768px) {
        .header__nav-global__item--has-sub {
          padding: 0; }
          .header__nav-global__item--has-sub > a {
            display: block;
            margin: 20px;
            margin-bottom: 16px;
            padding-bottom: 4px;
            position: relative;
            /*&:after {
                            content: "";
                            position: absolute;
                            width: 11px;
                            height: 9px;
                            background: url(/images/svg/down-arrow.svg) no-repeat 0 0;
                            top: 23px;
                            right: 2px;
                        }*/ } }
    @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .header__nav-global__item--has-sub > a {
        margin: 20px 10px; } }
      @media screen and (min-width: 768px) {
          .header__nav-global__item--has-sub > a.header-nav-link-active {
            border-bottom: 2px solid #008264; } }
      .header__nav-global__item--has-sub:after {
        content: "";
        width: 200%;
        position: absolute;
        top: 140px;
        left: -50%;
        position: fixed;
        background: rgba(0, 0, 0, 0.2);
        height: calc(100vh - 140px);
        z-index: 499;
        display: none; }
      .header__nav-global__item--showlarge {
        display: none !important; }
        @media screen and (min-width: 1200px) {
          .header__nav-global__item--showlarge {
            display: inline-block !important; } }
      .header__nav-global__item--showmobile {
        display: none !important; }
    .header__nav-global__sub-menu {
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      background: #ffffff;
      padding: 40px 40px 20px;
      font-size: 0;
      z-index: 500; }
      @media screen and (max-width: 767px) {
        .header__nav-global__sub-menu {
          display: none !important; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .header__nav-global__sub-menu {
          display: none !important; } }
      .header__nav-global__sub-menu__block {
        text-align: left;
        padding-right: 23px;
        padding-bottom: 20px;
        display: inline-block;
        width: 20%;
        box-sizing: border-box;
        vertical-align: top; }
      .header__nav-global__sub-menu__title {
        display: block;
        color: #575756;
        font-size: 16px;
        margin: 0 0 12px;
        font-weight: bold; }
        .header__nav-global__sub-menu__title:hover {
          color: #008264; }
      .header__nav-global__sub-menu__link {
        display: block;
        font-size: 14px;
        font-weight: normal;
        color: #575756;
        padding-left: 15px;
        margin: 0 0 8px;
        min-height: 15px;
        position: relative;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .header__nav-global__sub-menu__link:before, .header__nav-global__sub-menu__link:after {
          content: "";
          position: absolute;
          left: 5px;
          width: 1px;
          height: 7px;
          background-color: #008264;
          transform: rotate(-45deg);
          top: 2px;
          margin-top: 0;
          transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .header__nav-global__sub-menu__link:after {
          transform: rotate(45deg);
          margin-top: 4px; }
        .header__nav-global__sub-menu__link:hover {
          color: #008264;
          font-weight: bold; }
          .header__nav-global__sub-menu__link:hover:before, .header__nav-global__sub-menu__link:hover:after {
            background-color: #008264;
            width: 2px; }
      .header__nav-global__sub-menu--single-column {
        left: auto;
        width: auto; }
        .header__nav-global__sub-menu--single-column .header__nav-global__sub-menu__block {
          width: 100%; }
    @media screen and (min-width: 992px) {
      .header__nav-global__mask {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100vh - 75px);
        background: rgba(87, 87, 86, 0.5);
        z-index: 490;
        display: none; } }
  .header__nav-logo {
    position: absolute;
    margin-left: 15px;
    margin-top: 16px;
    z-index: 100000; }
    @media screen and (min-width: 768px) {
      .header__nav-logo {
        margin-left: 0; } }
    @media screen and (min-width: 1200px) {
      .header__nav-logo {
        left: -100px; } }
  .header__logo {
    color: #575756;
    fill: #575756; }
    @media screen and (min-width: 992px) {
      .header__logo {
        z-index: 1000; } }
    .header__logo img {
      color: #575756;
      fill: #575756;
      max-width: 180px; }
      @media screen and (min-width: 768px) {
        .header__logo img {
          max-width: 140px; } }
  .header__nav-toggle {
    position: absolute;
    bottom: 0px;
    right: 0;
    display: block;
    z-index: 499;
    cursor: pointer;
    background: #ffffff;
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: block; }
    @media screen and (min-width: 992px) {
      .header__nav-toggle {
        display: none; } }
    .header__nav-toggle:after {
      content: "";
      position: absolute;
      top: 29px;
      left: 22px;
      width: 16px;
      height: 2px;
      background: #575756;
      z-index: 499;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .header__nav-toggle span {
      display: block;
      width: 60px;
      height: 60px; }
      .header__nav-toggle span:before, .header__nav-toggle span:after {
        content: "";
        position: absolute;
        top: 25px;
        left: 22px;
        width: 16px;
        height: 2px;
        background: #575756;
        z-index: 499;
        transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .header__nav-toggle span:after {
        top: 33px; }
    .header__nav-toggle--active, .header__nav-toggle:hover {
      background: #575756; }
      .header__nav-toggle--active:after, .header__nav-toggle:hover:after {
        background: #ffffff; }
      .header__nav-toggle--active span:after, .header__nav-toggle--active span:before, .header__nav-toggle:hover span:after, .header__nav-toggle:hover span:before {
        background: #ffffff; }

.header__mobile-nav {
  display: block;
  float: right;
  list-style-type: none;
  margin-top: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 768px) {
    .header__mobile-nav {
      padding-right: 0;
      position: absolute;
      right: 0;
      top: 0;
      margin-top: 20px; } }
  .header__mobile-nav li {
    display: inline-block; }
  .header__mobile-nav li a {
    color: #575756;
    display: block; }
  @media screen and (min-width: 768px) {
    .header__mobile-nav li.header__mobile-nav-search {
      display: none; } }
  @media screen and (min-width: 1200px) {
    .header__mobile-nav {
      display: none; } }

.header__mobile-search {
  display: none;
  height: 50px; }
  .header__mobile-search .header__search {
    margin-top: 0;
    margin-top: 0;
    padding-right: 20px;
    display: block;
    left: 0; }

.header__mobile-menu {
  display: none; }
  .header__mobile-menu li {
    display: block;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .header__mobile-menu li {
        text-align: right; } }
  .header__mobile-menu li a {
    display: block;
    padding: 10px 0; }
  .header__mobile-menu .header__nav-global__item--showlarge {
    display: none !important; }
  .header__mobile-menu .header__nav-global__item--showmobile {
    display: block !important; }
    @media screen and (min-width: 768px) {
      .header__mobile-menu .header__nav-global__item--showmobile > a {
        margin: 20px;
        margin-bottom: 16px;
        padding-bottom: 4px; } }

.brands-module {
  position: relative;
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .brands-module {
      margin-top: 50px; } }
  .brands-module .cols {
    background: #B3B4B7; }
  .brands-module .col {
    height: 320px;
    position: relative;
    overflow: hidden;
    border-bottom: 7px solid #575756; }
    .brands-module .col:first-child {
      background: #eef0f0; }
    .brands-module .col:last-child {
      background: #d5d9dc; }
    .brands-module .col:hover .brands-module__image {
      transform: scale(1.1, 1.1); }
    @media screen and (min-width: 768px) {
      .brands-module .col {
        height: 400px; } }
  .brands-module__label {
    position: absolute;
    background: #575756;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    padding: 14px 0;
    width: 190px;
    text-align: center;
    z-index: 3; }
    .brands-module__label:after {
      content: "";
      position: absolute;
      background: #575756;
      width: 30px;
      height: 30px;
      bottom: -14px;
      left: 80px;
      transform: rotate(45deg);
      z-index: 2; }
  .brands-module__image {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: scale(1, 1);
    transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 0;
    background-size: 290px;
    max-height: 270px; }
    @media screen and (min-width: 768px) {
      .brands-module__image {
        background-size: 350px;
        max-height: 350px; } }
  .brands-module__logo-wrapper {
    height: 60px; }
    .brands-module__logo-wrapper img {
      width: 120px;
      margin: 0 auto;
      display: block; }
  .brands-module__title {
    position: absolute;
    z-index: 1;
    color: #575756;
    bottom: 30px;
    text-transform: uppercase;
    width: 100%;
    font-size: 40px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .brands-module__title {
        margin-left: 30px;
        text-align: left; } }

.breadcrumb {
  font-size: 14px;
  background: #fff;
  display: none; }
  @media screen and (min-width: 992px) {
    .breadcrumb {
      display: block; } }
  .breadcrumb .content-wrapper {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .breadcrumb .content-wrapper {
        padding-left: 0;
        padding-right: 0; } }
  .breadcrumb__link {
    display: inline-block;
    color: #575756;
    position: relative;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .breadcrumb__link:hover {
      color: #008264; }
    .breadcrumb__link:after {
      content: "";
      display: inline-block;
      background-image: url(/images/svg/breadcrumb.svg);
      background-size: 6px;
      background-repeat: no-repeat;
      background-position: center center;
      width: 12px;
      height: 10px;
      margin: 0 2px 0 4px; }

/*.breadcrumb.breadcrumb-sticky {
    position: fixed;
    width: 100%;
    z-index: 598;
    top: 0;
    border-bottom: 5px solid #D4D5D7;
    display:none;
}*/
.breadcrumb.breadcrumb-sticky {
  position: fixed;
  width: 100%;
  z-index: 50000;
  background-color: #dee0e2;
  top: 75px; }

.button {
  margin-right: 4px;
  padding: 14px 15px 13px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background: transparent;
  outline: 0; }
  .button:hover {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.7); }
  .button--small {
    padding: 7px; }
  .button--dark {
    color: #575756;
    border: 1px solid #575756; }
    .button--dark:hover {
      color: #008264;
      border: 1px solid #008264; }
  .button--blue {
    color: #08c;
    border-color: #08c; }
    .button--blue:hover {
      color: #8cc63f;
      border-color: #8cc63f; }
  .button--blue-reverse {
    background-color: #08c;
    color: #ffffff;
    border-color: #08c; }
    .button--blue-reverse:hover {
      background-color: #8cc63f;
      border-color: #8cc63f; }
  .button--full-width {
    width: 100%; }

.buttons-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .buttons-wrapper {
      padding-left: 0;
      padding-right: 0; } }
  .buttons-wrapper .share-this-wrapper {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
      .buttons-wrapper .share-this-wrapper {
        padding-top: 0; } }

.btn-readmore, .guide-to__item--text a, .body-content-text-wrapper a, .guide-to__copy a {
  background-color: #84BD00;
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  display: inline-block; }

/*.btn-readmore.btn-readmore-inverse {
    color: #000;
    background-color: #fff;
    border-color: #000;
}*/
.btn-sharethis-wrapper .stButton .stBubble {
  margin-top: 20px;
  height: 33px !important;
  background: url("http://w.sharethis.com/share4x/images/bubble_arrow_below.png") no-repeat 25px 27px !important; }

.btn-sharethis-wrapper .stButton .stBubble_count {
  padding-top: 5px; }

.btn-white {
  color: #000;
  background-color: #fff;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 14px;
  display: inline-block; }

.generic-carousel {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .generic-carousel {
      padding-left: 0;
      padding-right: 0; } }
  .generic-carousel .slick-dots {
    list-style: none;
    outline: none;
    margin: 0 auto;
    text-align: center; }
    .generic-carousel .slick-dots li {
      display: inline-block; }
      .generic-carousel .slick-dots li button {
        display: block;
        width: 18px;
        height: 8px;
        text-indent: -9999px;
        background: #bcbcbc;
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .generic-carousel .slick-dots li.slick-active button {
        background: #84BD00; }
  .generic-carousel .generic-carousel-item-inner {
    padding: 10px;
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    margin: 10px; }
  .generic-carousel .generic-carousel-item h3 {
    color: #bcbcbc;
    text-align: center; }

.generic-carousel-see-all {
  color: #bcbcbc;
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .generic-carousel-see-all {
      padding-left: 0;
      padding-right: 0; } }

.category-carousel {
  /*background: $GREY_MID_LIGHTER;*/
  position: relative; }
  .category-carousel__slide {
    outline: none; }
    .category-carousel__slide--lifestyle {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      .category-carousel__slide--lifestyle .category-carousel__slide-inner {
        min-height: 300px;
        position: relative; }
        @media screen and (max-height: 800px) and (min-width: 768px) {
          .category-carousel__slide--lifestyle .category-carousel__slide-inner {
            min-height: 454px !important; }
            .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy {
              padding-top: 100px !important; } }
        @media screen and (min-width: 768px) {
          .category-carousel__slide--lifestyle .category-carousel__slide-inner {
            min-height: 573px; } }
        .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy {
          max-width: 100vw;
          position: absolute !important;
          z-index: 3; }
          @media screen and (min-width: 768px) {
            .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy {
              max-width: 940px;
              padding-top: 120px; } }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy .category-carousel__title, .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy .category-carousel__subline, .category-carousel__slide--lifestyle .category-carousel__slide-inner .category-carousel__copy .button {
            color: #ffffff;
            border-color: #ffffff;
            text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
        .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone {
          position: absolute;
          background-color: rgba(0, 0, 0, 0.4);
          padding: 50px; }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone--topleft {
            top: 0;
            left: 0; }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone--topright {
            top: 0;
            right: 0; }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone--bottomleft {
            bottom: 0;
            left: 0; }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone--bottomright {
            bottom: 0;
            right: 0; }
          .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone img {
            max-width: 50px;
            height: auto; }
            @media screen and (max-height: 800px) and (min-width: 768px) {
              .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone img {
                max-width: 50px; } }
            @media screen and (min-width: 768px) {
              .category-carousel__slide--lifestyle .category-carousel__slide-inner .category_carousel__logo-safe-zone img {
                max-width: 120px; } }
  .category-carousel__slide-inner {
    max-width: 940px;
    margin: 0 auto;
    /*border-bottom: 7px solid $GREY_DARK;*/ }
    .category-carousel__slide-inner:before, .category-carousel__slide-inner:after {
      content: " ";
      display: table; }
    .category-carousel__slide-inner:after {
      clear: both; }
    @media screen and (min-width: 768px) {
      .category-carousel__slide-inner {
        min-height: 450px; } }
  .category-carousel__label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    background: #575756;
    color: #ffffff;
    padding: 1px 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .category-carousel__label {
        line-height: 44px;
        font-size: 23px; } }
  .category-carousel__img {
    width: 100%;
    height: 220px;
    background: #B3B4B7; }
    @media screen and (min-width: 768px) {
      .category-carousel__img {
        width: 37%;
        max-width: 350px;
        float: right;
        height: 450px; } }
  .category-carousel__multiply {
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    background-size: contain;
    mix-blend-mode: multiply; }
  .category-carousel__copy {
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 44px; }
    @media screen and (min-width: 992px) {
      .category-carousel__copy {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .category-carousel__copy {
        padding-bottom: 50px;
        width: 60%;
        max-width: 560px;
        position: absolute;
        padding-top: 60px; } }
    .category-carousel__copy .button {
      margin-top: 15px; }
  .category-carousel__logo {
    max-width: 140px;
    margin-bottom: 10px;
    margin: 0 auto; }
  .category-carousel__pre-title {
    margin: 0;
    line-height: 1em;
    font-weight: bold;
    font-size: 28px; }
    @media screen and (min-width: 992px) {
      .category-carousel__pre-title {
        font-size: 34px; } }
  .category-carousel__title {
    margin: 0;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    font-size: 40px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
    @media screen and (max-height: 800px) and (min-width: 768px) {
      .category-carousel__title {
        font-size: 60px; } }
    @media screen and (min-width: 768px) {
      .category-carousel__title {
        font-size: 70px;
        width: 80%;
        line-height: 100px; } }
  .category-carousel__subline {
    margin: 0;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    font-size: 16px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
    @media screen and (min-width: 768px) {
      .category-carousel__subline {
        font-size: 20px; } }
    @media screen and (min-width: 992px) {
      .category-carousel__subline {
        font-size: 24px; } }
  .category-carousel__subline-wrapper {
    border-top: 3px solid #ffffff;
    display: inline-block;
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 30px; }
  .category-carousel__button {
    position: absolute;
    right: 50px;
    bottom: 70px; }
    @media screen and (min-width: 1200px) {
      .category-carousel__button {
        right: 0; } }
  .category-carousel__message {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (min-width: 992px) {
      .category-carousel__message {
        padding-left: 150px;
        padding-right: 150px; } }
  .category-carousel .slick-prev, .category-carousel .slick-next {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    background: transparent;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: 0; }
    @media screen and (min-width: 768px) {
      .category-carousel .slick-prev, .category-carousel .slick-next {
        width: 50px; } }
    @media screen and (min-width: 992px) {
      .category-carousel .slick-prev, .category-carousel .slick-next {
        width: 50px; } }
    @media screen and (min-width: 1200px) {
      .category-carousel .slick-prev, .category-carousel .slick-next {
        width: 100px; } }
    .category-carousel .slick-prev:before, .category-carousel .slick-prev:after, .category-carousel .slick-next:before, .category-carousel .slick-next:after {
      content: "";
      position: absolute;
      /*right: 15px;*/
      height: 25px;
      background-color: #ffffff;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -8px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      width: 0; }
      @media screen and (min-width: 768px) {
        .category-carousel .slick-prev:before, .category-carousel .slick-prev:after, .category-carousel .slick-next:before, .category-carousel .slick-next:after {
          width: 4px; } }
    .category-carousel .slick-prev:after, .category-carousel .slick-next:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: 8px; }
    .category-carousel .slick-prev:hover:before, .category-carousel .slick-prev:hover:after, .category-carousel .slick-next:hover:before, .category-carousel .slick-next:hover:after {
      background-color: rgba(255, 255, 255, 0.6); }
  .category-carousel .slick-prev {
    left: 0px;
    right: auto; }
    .category-carousel .slick-prev:before, .category-carousel .slick-prev:after {
      left: 15px; }
  .category-carousel .slick-next {
    right: 0px;
    left: auto; }
    .category-carousel .slick-next:before, .category-carousel .slick-next:after {
      transform: rotate(-45deg);
      right: 15px; }
    .category-carousel .slick-next:after {
      transform: rotate(45deg); }
  .category-carousel .slick-dots {
    list-style: none;
    outline: none;
    position: relative;
    bottom: 20px;
    padding-left: 50px;
    max-width: 940px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .category-carousel .slick-dots {
        bottom: 80px; } }
    @media screen and (min-width: 1200px) {
      .category-carousel .slick-dots {
        padding-left: 0; } }
    .category-carousel .slick-dots li {
      display: inline-block; }
      .category-carousel .slick-dots li button {
        display: block;
        width: 18px;
        height: 8px;
        text-indent: -9999px;
        background: #ffffff;
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .category-carousel .slick-dots li.slick-active button {
        background: #84BD00; }
  .category-carousel--stacked .category-carousel__copy {
    width: 100%;
    max-width: none;
    transform: translate(0, 0);
    position: relative;
    left: auto;
    top: auto; }
  .category-carousel--stacked .category-carousel__img {
    float: none;
    height: 290px;
    width: 100%;
    text-align: center;
    max-width: none; }
  .category-carousel--stacked .category-carousel__multiply {
    display: inline-block; }

.carousel-wide {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .carousel-wide {
      margin-top: 50px; } }
  .carousel-wide__slide {
    min-height: 515px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    outline: none; }
  .carousel-wide__slide-inner {
    min-height: 515px;
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
    display: table; }
  .carousel-wide__title {
    color: #bcbcbc;
    font-size: 51px;
    line-height: 43px;
    text-transform: uppercase;
    margin: 20px 0; }
  .carousel-wide__content {
    padding: 20px;
    display: inline-block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .carousel-wide__content {
        padding: 40px 120px; } }
  .carousel-wide__copy {
    background: rgba(91, 103, 112, 0.9);
    max-width: 780px;
    display: inline-block;
    padding: 45px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 200; }
    .carousel-wide__copy p {
      color: #ffffff;
      font-size: 14px;
      line-height: 22px;
      font-weight: 200;
      margin: 0 0 10px; }
    .carousel-wide__copy .button {
      display: block;
      margin-top: 10px; }
      @media screen and (min-width: 768px) {
        .carousel-wide__copy .button {
          display: inline-block !important;
          margin-top: 0; } }
  .carousel-wide .slick-arrow {
    position: absolute;
    width: 80px;
    height: 100%;
    background: #575756;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    display: none !important;
    transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    outline: none; }
    @media screen and (min-width: 992px) {
      .carousel-wide .slick-arrow {
        display: block !important; } }
    .carousel-wide .slick-arrow:hover {
      background: rgba(91, 103, 112, 0.8); }
    .carousel-wide .slick-arrow:before, .carousel-wide .slick-arrow:after {
      content: "";
      position: absolute;
      left: 22px;
      width: 3px;
      height: 20px;
      background-color: #ffffff;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -16px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      border-radius: 10px; }
    .carousel-wide .slick-arrow:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: -4px; }
    .carousel-wide .slick-arrow span {
      position: absolute;
      width: 515px;
      height: 80px;
      transform: rotate(-90deg);
      transform-origin: top left;
      font-size: 24px;
      font-weight: 200;
      color: #ffffff;
      text-transform: uppercase;
      left: 0;
      top: 100%;
      padding-top: 40px;
      box-sizing: border-box;
      text-align: center; }
    .carousel-wide .slick-arrow.slick-next {
      left: auto;
      right: 0; }
      .carousel-wide .slick-arrow.slick-next:before, .carousel-wide .slick-arrow.slick-next:after {
        transform: rotate(-45deg);
        left: auto;
        right: 22px; }
      .carousel-wide .slick-arrow.slick-next:after {
        transform: rotate(45deg); }
      .carousel-wide .slick-arrow.slick-next span {
        transform: rotate(90deg);
        left: auto;
        right: 0;
        transform-origin: top right; }
  .carousel-wide .slick-dots {
    list-style: none;
    text-align: center;
    outline: none;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .carousel-wide .slick-dots {
        bottom: 15px; } }
    .carousel-wide .slick-dots li {
      display: inline-block; }
      .carousel-wide .slick-dots li button {
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.4);
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .carousel-wide .slick-dots li.slick-active button {
        background: #ffffff; }

.carousel-compact__wrapper {
  position: relative; }

.carousel-compact__slide {
  margin: 0 10px;
  background: #bcbcbc;
  padding: 15px;
  box-sizing: border-box;
  outline: none; }
  .carousel-compact__slide a {
    color: #575756; }

.carousel-compact__image {
  height: 190px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px; }

.carousel-compact__title-wrapper {
  display: table;
  width: 100%; }

.carousel-compact__title {
  font-size: 19px;
  font-weight: 200;
  padding: 0 5px;
  text-transform: uppercase;
  text-align: center;
  display: table-cell;
  vertical-align: bottom;
  letter-spacing: -0.5px; }

.carousel-compact .slick-arrow {
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 100%;
  background: #575756;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  border: none;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  outline: none; }
  .carousel-compact .slick-arrow:hover {
    background: rgba(91, 103, 112, 0.8); }
  .carousel-compact .slick-arrow:before, .carousel-compact .slick-arrow:after {
    content: "";
    position: absolute;
    left: 28px;
    width: 2px;
    height: 14px;
    background-color: #ffffff;
    transform: rotate(45deg);
    top: 50%;
    margin-top: -7px;
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border-radius: 10px; }
  .carousel-compact .slick-arrow:after {
    transform: rotate(-45deg);
    top: 50%;
    margin-top: 2px; }
  .carousel-compact .slick-arrow.slick-disabled {
    display: none !important; }
  .carousel-compact .slick-arrow.slick-next {
    left: auto;
    right: 0; }
    .carousel-compact .slick-arrow.slick-next:before, .carousel-compact .slick-arrow.slick-next:after {
      transform: rotate(-45deg);
      left: auto;
      right: 28px; }
    .carousel-compact .slick-arrow.slick-next:after {
      transform: rotate(45deg); }

.carousel-product-thumb .slick-list {
  overflow: hidden; }

.carousel-product-thumb__wrapper {
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 10px; }
  .carousel-product-thumb__wrapper:before, .carousel-product-thumb__wrapper:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 5px;
    background: #ffffff;
    z-index: 3; }
  .carousel-product-thumb__wrapper:after {
    left: auto;
    right: 0; }

.carousel-product-thumb__slide {
  margin: 0 5px;
  background: #bcbcbc;
  box-sizing: border-box;
  outline: none;
  display: inline-block; }

.carousel-product-thumb__image {
  height: 100px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  cursor: pointer; }

.carousel-product-thumb .slick-arrow {
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 100%;
  background: #575756;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  border: none;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  outline: none; }
  .carousel-product-thumb .slick-arrow:hover {
    background: rgba(91, 103, 112, 0.8); }
  .carousel-product-thumb .slick-arrow:before, .carousel-product-thumb .slick-arrow:after {
    content: "";
    position: absolute;
    left: 14px;
    width: 2px;
    height: 14px;
    background-color: #ffffff;
    transform: rotate(45deg);
    top: 50%;
    margin-top: -10px;
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border-radius: 10px; }
  .carousel-product-thumb .slick-arrow:after {
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -1px; }
  .carousel-product-thumb .slick-arrow.slick-disabled {
    display: none !important; }
  .carousel-product-thumb .slick-arrow.slick-next {
    left: auto;
    right: 0; }
    .carousel-product-thumb .slick-arrow.slick-next:before, .carousel-product-thumb .slick-arrow.slick-next:after {
      transform: rotate(-45deg);
      left: auto;
      right: 14px; }
    .carousel-product-thumb .slick-arrow.slick-next:after {
      transform: rotate(45deg); }

.product-carousel {
  background: #B3B4B7;
  position: relative;
  margin-bottom: 50px; }
  .product-carousel__wrapper {
    background-color: grey; }
  .product-carousel__slide {
    outline: none; }
    .product-carousel__slide--lifestyle {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      .product-carousel__slide--lifestyle .product-carousel__slide-inner {
        min-height: 450px; }
        @media screen and (min-width: 768px) {
          .product-carousel__slide--lifestyle .product-carousel__slide-inner {
            min-height: 573px; } }
        .product-carousel__slide--lifestyle .product-carousel__slide-inner .product-carousel__copy {
          padding-left: 100px;
          padding-right: 100px;
          max-width: 100vw;
          top: 50% !important;
          transform: translateY(-50%) !important;
          position: absolute !important;
          z-index: 3; }
          @media screen and (min-width: 768px) {
            .product-carousel__slide--lifestyle .product-carousel__slide-inner .product-carousel__copy {
              max-width: 940px;
              padding: 0; } }
          .product-carousel__slide--lifestyle .product-carousel__slide-inner .product-carousel__copy .product-carousel__title, .product-carousel__slide--lifestyle .product-carousel__slide-inner .product-carousel__copy .product-carousel__subline, .product-carousel__slide--lifestyle .product-carousel__slide-inner .product-carousel__copy .button {
            color: #ffffff;
            border-color: #ffffff; }
  .product-carousel__slide-inner {
    max-width: 940px;
    margin: 0 auto;
    /*border-bottom: 7px solid $GREY_DARK;*/ }
    .product-carousel__slide-inner:before, .product-carousel__slide-inner:after {
      content: " ";
      display: table; }
    .product-carousel__slide-inner:after {
      clear: both; }
    @media screen and (min-width: 768px) {
      .product-carousel__slide-inner {
        min-height: 450px; } }
  .product-carousel__product-slide-inner {
    background-color: grey; }
    .product-carousel__product-slide-inner .product-item {
      background-color: #000;
      padding-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px;
      height: 650px; }
      @media screen and (min-width: 768px) {
        .product-carousel__product-slide-inner .product-item {
          height: 450px; } }
      .product-carousel__product-slide-inner .product-item h3 {
        text-align: center;
        font-size: 32px;
        padding-bottom: 20px;
        display: block;
        text-transform: uppercase;
        padding-bottom: 20px;
        padding-top: 20px; }
        @media screen and (min-width: 768px) {
          .product-carousel__product-slide-inner .product-item h3 {
            height: 160px;
            vertical-align: middle;
            display: table-cell;
            padding: 10px;
            width: 290px;
            min-width: 220px;
            margin: 0 auto; } }
      .product-carousel__product-slide-inner .product-item .button {
        margin: 0 auto;
        width: 142px;
        display: block;
        text-decoration: none; }
      .product-carousel__product-slide-inner .product-item-img-wrapper {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        height: 400px;
        background-color: #fff; }
        @media screen and (min-width: 768px) {
          .product-carousel__product-slide-inner .product-item-img-wrapper {
            height: 200px; } }
        .product-carousel__product-slide-inner .product-item-img-wrapper img {
          height: 100%;
          width: auto;
          margin: 0 auto; }
        .product-carousel__product-slide-inner .product-item-img-wrapper--large {
          height: 600px;
          overflow: hidden; }
          @media screen and (min-width: 768px) {
            .product-carousel__product-slide-inner .product-item-img-wrapper--large {
              height: 400px; } }
    .product-carousel__product-slide-inner .product-item-dark h3 {
      background-color: #000; }
    .product-carousel__product-slide-inner .product-item-dark-heading-wrapper {
      background-color: #000; }
    .product-carousel__product-slide-inner .product-item-dark .button {
      background-color: #000; }
    .product-carousel__product-slide-inner .product-item-large {
      max-height: 800px; }
      @media screen and (min-width: 768px) {
        .product-carousel__product-slide-inner .product-item-large {
          max-height: 600px; } }
  .product-carousel__label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    background: #575756;
    color: #ffffff;
    padding: 1px 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .product-carousel__label {
        line-height: 44px;
        font-size: 23px; } }
  .product-carousel__img {
    width: 100%;
    height: 220px;
    background: #B3B4B7; }
    @media screen and (min-width: 768px) {
      .product-carousel__img {
        width: 37%;
        max-width: 350px;
        float: right;
        height: 450px; } }
  .product-carousel__multiply {
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    background-size: contain;
    mix-blend-mode: multiply; }
  .product-carousel__copy {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 44px;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .product-carousel__copy {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .product-carousel__copy {
        padding-bottom: 50px;
        width: 60%;
        max-width: 560px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
    .product-carousel__copy .button {
      margin-top: 15px; }
  .product-carousel__logo {
    max-width: 140px;
    margin-bottom: 10px;
    margin: 0 auto; }
  .product-carousel__pre-title {
    margin: 0;
    line-height: 1em;
    font-weight: bold;
    font-size: 28px; }
    @media screen and (min-width: 992px) {
      .product-carousel__pre-title {
        font-size: 34px; } }
  .product-carousel__title {
    text-transform: uppercase;
    margin: 0;
    line-height: 0.9em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -5px;
    font-size: 50px; }
    @media screen and (min-width: 768px) {
      .product-carousel__title {
        font-size: 90px; } }
    @media screen and (min-width: 992px) {
      .product-carousel__title {
        font-size: 110px; } }
  .product-carousel__subline {
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      .product-carousel__subline {
        font-size: 20px; } }
    @media screen and (min-width: 992px) {
      .product-carousel__subline {
        font-size: 24px; } }
  .product-carousel__message {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (min-width: 992px) {
      .product-carousel__message {
        padding-left: 150px;
        padding-right: 150px; } }
  .product-carousel .slick-prev, .product-carousel .slick-next {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    width: auto;
    background: transparent;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: 0; }
    .product-carousel .slick-prev:before, .product-carousel .slick-prev:after, .product-carousel .slick-next:before, .product-carousel .slick-next:after {
      content: "";
      position: absolute;
      right: 0;
      width: 4px;
      height: 25px;
      background-color: #000;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -8px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-carousel .slick-prev:after, .product-carousel .slick-next:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: 8px; }
    .product-carousel .slick-prev:hover:before, .product-carousel .slick-prev:hover:after, .product-carousel .slick-next:hover:before, .product-carousel .slick-next:hover:after {
      background-color: rgba(0, 0, 0, 0.6); }
  .product-carousel .slick-prev {
    left: 15px;
    right: auto; }
  .product-carousel .slick-next {
    right: 15px;
    left: auto; }
    .product-carousel .slick-next:before, .product-carousel .slick-next:after {
      transform: rotate(-45deg);
      left: 0; }
    .product-carousel .slick-next:after {
      transform: rotate(45deg); }
  .product-carousel .slick-dots {
    list-style: none;
    text-align: center;
    outline: none;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .product-carousel .slick-dots {
        height: 50px;
        bottom: -50px;
        background-color: grey;
        padding-top: 15px; } }
    .product-carousel .slick-dots li {
      display: inline-block; }
      .product-carousel .slick-dots li button {
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.4);
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .product-carousel .slick-dots li.slick-active button {
        background: #ffffff; }
  .product-carousel--stacked .product-carousel__copy {
    width: 100%;
    max-width: none;
    transform: translate(0, 0);
    position: relative;
    left: auto;
    top: auto; }
  .product-carousel--stacked .product-carousel__img {
    float: none;
    height: 290px;
    width: 100%;
    text-align: center;
    max-width: none; }
  .product-carousel--stacked .product-carousel__multiply {
    display: inline-block; }

.case-study-carousel {
  background: #B3B4B7;
  position: relative;
  margin-bottom: 50px; }
  .case-study-carousel__wrapper {
    background-color: grey; }
  .case-study-carousel__slide {
    outline: none; }
    .case-study-carousel__slide--lifestyle {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner {
        min-height: 450px; }
        @media screen and (min-width: 768px) {
          .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner {
            min-height: 573px; } }
        .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner .case-study-carousel__copy {
          padding-left: 100px;
          padding-right: 100px;
          max-width: 100vw;
          top: 50% !important;
          transform: translateY(-50%) !important;
          position: absolute !important;
          z-index: 3; }
          @media screen and (min-width: 768px) {
            .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner .case-study-carousel__copy {
              max-width: 940px;
              padding: 0; } }
          .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner .case-study-carousel__copy .case-study-carousel__title, .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner .case-study-carousel__copy .case-study-carousel__subline, .case-study-carousel__slide--lifestyle .case-study-carousel__slide-inner .case-study-carousel__copy .button {
            color: #ffffff;
            border-color: #ffffff; }
  .case-study-carousel__slide-inner {
    max-width: 940px;
    margin: 0 auto;
    /*border-bottom: 7px solid $GREY_DARK;*/ }
    .case-study-carousel__slide-inner:before, .case-study-carousel__slide-inner:after {
      content: " ";
      display: table; }
    .case-study-carousel__slide-inner:after {
      clear: both; }
    @media screen and (min-width: 768px) {
      .case-study-carousel__slide-inner {
        min-height: 450px; } }
  .case-study-carousel__case-study-slide-inner {
    background-color: grey; }
    .case-study-carousel__case-study-slide-inner .case-study-item {
      background-color: #000;
      padding-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 20px;
      min-height: 500px;
      background-size: cover;
      position: relative; }
      @media screen and (min-width: 768px) {
        .case-study-carousel__case-study-slide-inner .case-study-item {
          min-height: 300px; } }
      .case-study-carousel__case-study-slide-inner .case-study-item h3 {
        padding-top: 20px;
        text-align: center;
        font-size: 32px;
        background-color: rgba(0, 0, 0, 0.6);
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: uppercase; }
      .case-study-carousel__case-study-slide-inner .case-study-item .button {
        margin: 0 auto;
        width: 142px;
        display: block;
        background-color: rgba(0, 0, 0, 0.6) !important;
        text-decoration: none;
        margin-top: 500px; }
    .case-study-carousel__case-study-slide-inner .case-study-item_button-wrapper {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%; }
    .case-study-carousel__case-study-slide-inner .case-study-item-large {
      min-height: 600px !important; }
  .case-study-carousel__label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    background: #575756;
    color: #ffffff;
    padding: 1px 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .case-study-carousel__label {
        line-height: 44px;
        font-size: 23px; } }
  .case-study-carousel__img {
    width: 100%;
    height: 220px;
    background: #B3B4B7; }
    @media screen and (min-width: 768px) {
      .case-study-carousel__img {
        width: 37%;
        max-width: 350px;
        float: right;
        height: 450px; } }
  .case-study-carousel__multiply {
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    background-size: contain;
    mix-blend-mode: multiply; }
  .case-study-carousel__copy {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 44px;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .case-study-carousel__copy {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .case-study-carousel__copy {
        padding-bottom: 50px;
        width: 60%;
        max-width: 560px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
    .case-study-carousel__copy .button {
      margin-top: 15px; }
  .case-study-carousel__logo {
    max-width: 140px;
    margin-bottom: 10px;
    margin: 0 auto; }
  .case-study-carousel__pre-title {
    margin: 0;
    line-height: 1em;
    font-weight: bold;
    font-size: 28px; }
    @media screen and (min-width: 992px) {
      .case-study-carousel__pre-title {
        font-size: 34px; } }
  .case-study-carousel__title {
    text-transform: uppercase;
    margin: 0;
    line-height: 0.9em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -5px;
    font-size: 50px; }
    @media screen and (min-width: 768px) {
      .case-study-carousel__title {
        font-size: 90px; } }
    @media screen and (min-width: 992px) {
      .case-study-carousel__title {
        font-size: 110px; } }
  .case-study-carousel__subline {
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      .case-study-carousel__subline {
        font-size: 20px; } }
    @media screen and (min-width: 992px) {
      .case-study-carousel__subline {
        font-size: 24px; } }
  .case-study-carousel__message {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (min-width: 992px) {
      .case-study-carousel__message {
        padding-left: 150px;
        padding-right: 150px; } }
  .case-study-carousel .slick-prev, .case-study-carousel .slick-next {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 30px;
    background: transparent;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: 0; }
    .case-study-carousel .slick-prev:before, .case-study-carousel .slick-prev:after, .case-study-carousel .slick-next:before, .case-study-carousel .slick-next:after {
      content: "";
      position: absolute;
      right: 0;
      width: 4px;
      height: 25px;
      background-color: #ffffff;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -8px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .case-study-carousel .slick-prev:after, .case-study-carousel .slick-next:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: 8px; }
    .case-study-carousel .slick-prev:hover:before, .case-study-carousel .slick-prev:hover:after, .case-study-carousel .slick-next:hover:before, .case-study-carousel .slick-next:hover:after {
      background-color: rgba(255, 255, 255, 0.6); }
  .case-study-carousel .slick-prev {
    left: 0;
    right: auto; }
  .case-study-carousel .slick-next {
    right: 0;
    left: auto; }
    .case-study-carousel .slick-next:before, .case-study-carousel .slick-next:after {
      transform: rotate(-45deg);
      left: 0; }
    .case-study-carousel .slick-next:after {
      transform: rotate(45deg); }
  .case-study-carousel .slick-dots {
    list-style: none;
    text-align: center;
    outline: none;
    position: absolute;
    bottom: 20px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .case-study-carousel .slick-dots {
        height: 50px;
        bottom: -50px;
        background-color: grey;
        padding-top: 15px; } }
    .case-study-carousel .slick-dots li {
      display: inline-block; }
      .case-study-carousel .slick-dots li button {
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.4);
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .case-study-carousel .slick-dots li.slick-active button {
        background: #ffffff; }
  .case-study-carousel--stacked .case-study-carousel__copy {
    width: 100%;
    max-width: none;
    transform: translate(0, 0);
    position: relative;
    left: auto;
    top: auto; }
  .case-study-carousel--stacked .case-study-carousel__img {
    float: none;
    height: 290px;
    width: 100%;
    text-align: center;
    max-width: none; }
  .case-study-carousel--stacked .case-study-carousel__multiply {
    display: inline-block; }

.slick-list .guide-to__slide-copy-bottom--innerbox {
  position: absolute;
  top: 0;
  margin-top: 200px; }

.slick-list .case-study-details__slide-copy-bottom--innerbox {
  position: absolute;
  /*top: 0;*/
  margin-top: 0px;
  bottom: 0; }
  @media screen and (min-width: 768px) {
    .slick-list .case-study-details__slide-copy-bottom--innerbox {
      margin-top: 160px;
      width: 400px;
      bottom: unset;
      top: 0; } }
  @media screen and (max-height: 800px) and (min-width: 768px) {
    .slick-list .case-study-details__slide-copy-bottom--innerbox {
      margin-top: 40px; } }

.logo-safe-zone {
  position: absolute;
  width: 160px; }
  @media screen and (max-width: 767px) {
    .logo-safe-zone {
      display: none; } }

.logo-zone-topright {
  top: 50px;
  right: 20px; }
  @media screen and (min-width: 768px) {
    .logo-zone-topright {
      top: 25px;
      right: 20px; } }

.logo-zone-topleft {
  top: 50px;
  left: 20px; }
  @media screen and (min-width: 768px) {
    .logo-zone-topleft {
      top: 25px;
      left: 20px; } }

.logo-zone-bottomright {
  bottom: 50px;
  right: 20px; }
  @media screen and (min-width: 768px) {
    .logo-zone-bottomright {
      bottom: 25px;
      left: 20px; } }

.logo-zone-bottomleft {
  bottom: 50px;
  left: 20px; }
  @media screen and (min-width: 768px) {
    .logo-zone-bottomleft {
      bottom: 25px;
      left: 20px; } }

.case-study-browser .cols .col {
  padding-left: 10px;
  padding-right: 10px; }

.case-study-browser .cols .cols {
  margin-left: -10px;
  margin-right: -10px; }

.case-study-browser-loading {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: block;
  margin-top: 20px; }

.case-study-result {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden; }

.case-study-result {
  max-height: 400px;
  height: auto; }

.case-study-result-bottom {
  position: absolute;
  bottom: 0;
  background-color: #008264;
  width: 100%;
  height: 55px;
  opacity: 0.9;
  color: #fff;
  padding: 10px;
  -webkit-transition: height 1s ease;
  transition: height 1s ease; }

.case-study-result-bottom-large-content {
  padding: 15px;
  display: none; }

.case-study-result-bottom-large-content span {
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 20s linear;
  transition: opacity 20s linear; }

.case-study-result-bottom-large-content span.case-study-result-bottom-title {
  white-space: nowrap;
  overflow: hidden; }

.case-study-result-bottom-small-content span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 20s linear;
  transition: opacity 20s linear; }

.case-study-result-bottom-title {
  font-weight: 600;
  text-transform: uppercase; }

.case-study-result:hover .case-study-result-bottom {
  height: 100%; }

.case-study-result:hover .case-study-result-bottom-small-content {
  -webkit-opacity: 0;
  opacity: 0; }

.case-study-result:hover .case-study-result-bottom-large-content {
  display: inline-block; }

.case-study-result:hover .case-study-result-bottom-large-content span {
  -webkit-opacity: 1;
  opacity: 1; }

.case-study-result:hover .case-study-result-bottom-large-content .case-study-result-bottom-title {
  padding-bottom: 10px;
  display: block; }

.case-study-result-button {
  display: block;
  margin-top: 20px;
  width: 100%;
  max-width: 250px; }

.case-study-browser .form__label__wrapper {
  padding-top: 10px; }

.case-study-result-quote-speechmark {
  font-size: 154px;
  font-family: sans-serif;
  position: absolute;
  top: -20px;
  left: 0; }

.case-study-result-quote {
  /*font-size: 40px;
    padding-top: -30px;
    display: block;
    margin-left: 60px;
    margin-top: 25px;*/
  font-size: 28px;
  display: block;
  margin-left: 25px;
  margin-top: 50px;
  padding-right: 10px;
  line-height: 35px; }

.case-study-result-quote-button {
  border-color: grey;
  color: grey;
  margin: 0 auto;
  margin-top: 20px; }

.case-study-result-quote-button:hover {
  border-color: grey !important;
  color: grey !important; }

#case-study-pagination {
  text-align: center;
  background: #e8e9eb;
  padding-top: 10px;
  padding-bottom: 10px; }

#case-study-pagination ul {
  list-style-type: none;
  display: inline-block; }

#case-study-pagination ul li {
  float: left;
  /*padding-left: 15px;*/ }

#case-study-pagination ul li:first-child {
  padding-left: 0; }

#case-study-pagination ul li a.current {
  /*font-weight: bold;
    text-decoration: underline;*/ }

.case-study-browser-reset-wrapper {
  text-align: right; }

.case-study-browser-reset-wrapper .case-study-result-quote-button {
  margin-top: 0; }

@media screen and (min-width: 992px) {
  /*.case-study-browser .cols {
        margin-left: -10px;
        margin-right: -10px;
    }*/
  .case-study-result-small {
    height: 190px; } }

/*@include mediumOnly {
    .case-study-result-small {
        height: 250px;
    }
}*/
.case-study-details {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .case-study-details {
      margin-top: 50px; } }
  .case-study-details__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .case-study-details__image-wrapper {
    height: 220px;
    padding: 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .case-study-details__image-wrapper {
        height: 340px; } }
    @media screen and (min-width: 992px) {
      .case-study-details__image-wrapper {
        padding: 0; } }
    .case-study-details__image-wrapper a.case-study-details-module__image {
      display: block;
      transform: scale(1, 1);
      transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .case-study-details__image-wrapper a.case-study-details-module__image:hover {
        transform: scale(1.1, 1.1); }
  .case-study-details__copy {
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .case-study-details__copy {
        padding: 20px 0; } }
    .case-study-details__copy p {
      font-size: 14px;
      line-height: 18px;
      padding-bottom: 20px;
      padding-right: 130px;
      /*@include medium {
          max-width:420px;
      }*/ }
    .case-study-details__copy--short-pad {
      padding-top: 25px;
      padding-bottom: 25px; }
  .case-study-details__bottom-wrapper {
    color: #fff;
    background-color: grey;
    padding-bottom: 20px;
    /*h2 {
            text-transform: uppercase;
            font-size: 50px;
        }*/ }
    .case-study-details__bottom-wrapper .case-study-details__title {
      color: #fff; }
    .case-study-details__bottom-wrapper .key-benefit {
      padding: 10px; }
      .case-study-details__bottom-wrapper .key-benefit h3 {
        min-height: 73px;
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        /*text-transform: uppercase;*/ }
      .case-study-details__bottom-wrapper .key-benefit-img-wrapper {
        min-height: 340px;
        background-color: #fff; }
    .case-study-details__bottom-wrapper .key-benefit-brand h3 {
      min-height: 0; }
  @media screen and (min-width: 768px) {
    .case-study-details__middle-image {
      float: right;
      width: auto;
      max-height: 450px;
      margin-top: 20px;
      margin-bottom: 20px; } }
  .case-study-details__title {
    font-size: 50px;
    font-weight: 200;
    /*text-transform: uppercase;*/
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 10px; }
    .case-study-details__title--small {
      margin-bottom: 0;
      font-size: 19px;
      font-weight: 200; }
  .case-study-details__sub-title {
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 200; }
  .case-study-details__intro {
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 200; }
  .case-study-details__button {
    margin-bottom: 20px; }
  .case-study-details__link {
    color: #575756;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .case-study-details__link:hover {
      color: #008264; }
  .case-study-details__video-wrapper {
    padding: 20px 0;
    min-height: 260px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .case-study-details__video-wrapper {
        padding: 25px 0; } }
    .case-study-details__video-wrapper iframe {
      min-height: 260px;
      height: 100%;
      width: 100%; }
  .case-study-details__slide-inner {
    min-height: 450px; }
    @media screen and (min-width: 768px) {
      .case-study-details__slide-inner {
        min-height: 554px; } }
  .case-study-details__slide-copy {
    margin-top: 40px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 768px) {
      .case-study-details__slide-copy {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%); } }
    .case-study-details__slide-copy .category-heading {
      background: grey; }
      @media screen and (min-width: 768px) {
        .case-study-details__slide-copy .category-heading {
          background: linear-gradient(to right, grey 0%, grey 50%, transparent 50%, transparent 100%); } }
      .case-study-details__slide-copy .category-heading span {
        /*text-transform: uppercase;*/
        min-height: 36px;
        display: block;
        font-size: 32px;
        padding-left: 20px; }
        @media screen and (min-width: 768px) {
          .case-study-details__slide-copy .category-heading span {
            padding-left: 0; } }
    .case-study-details__slide-copy h2 {
      padding-top: 10px;
      padding-bottom: 10px;
      /*text-transform: uppercase;*/
      padding-left: 20px;
      padding-right: 20px; }
      @media screen and (min-width: 768px) {
        .case-study-details__slide-copy h2 {
          width: 400px;
          padding-left: 0; } }
  .case-study-details__slide-copy-bottom {
    background-color: transparent; }
    .case-study-details__slide-copy-bottom--innerbox {
      margin-top: 220px;
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      /*min-width: 350px;*/
      width: 100%;
      float: right; }
      @media screen and (min-width: 768px) {
        .case-study-details__slide-copy-bottom--innerbox {
          width: 350px;
          max-width: none; } }
      .case-study-details__slide-copy-bottom--innerbox span {
        display: block; }
      .case-study-details__slide-copy-bottom--innerbox .title {
        /*text-transform: uppercase;*/
        font-family: "FrutigerLTStd-Bold", sans-serif;
        font-size: 40px; }
      .case-study-details__slide-copy-bottom--innerbox .clientheading {
        font-weight: bold; }
      .case-study-details__slide-copy-bottom--innerbox .clientdetail {
        margin-bottom: 10px; }
  .case-study-details .content-wrapper {
    background: #B3B4B7;
    color: #575756; }
  .case-study-details.content-grey-dark {
    padding-top: 40px;
    padding-bottom: 40px; }
    @media screen and (min-width: 992px) {
      .case-study-details.content-grey-dark {
        padding-top: 80px;
        padding-bottom: 80px; } }
    .case-study-details.content-grey-dark .content-wrapper {
      background-color: #575756;
      color: #ffffff; }

.content-wrapper-wider {
  max-width: 955px !important; }

.case-study-details__bottom-wrapper .product-carousel .slick-prev:before,
.case-study-details__bottom-wrapper .product-carousel .slick-prev:after,
.case-study-details__bottom-wrapper .product-carousel .slick-next:before,
.case-study-details__bottom-wrapper .product-carousel .slick-next:after,
.case-study-details__bottom-wrapper .product-carousel .slick-prev:before,
.case-study-details__bottom-wrapper .product-carousel .slick-prev:after,
.case-study-details__bottom-wrapper .product-carousel .slick-next:before,
.case-study-details__bottom-wrapper .product-carousel .slick-next:after {
  background-color: #000; }

.case-study-module {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .case-study-module {
      margin-top: 50px; } }
  .case-study-module__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .case-study-module__image-wrapper {
    height: 220px;
    padding: 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .case-study-module__image-wrapper {
        height: 340px; } }
    @media screen and (min-width: 992px) {
      .case-study-module__image-wrapper {
        padding: 0; } }
    .case-study-module__image-wrapper a.case-study-module__image {
      display: block;
      transform: scale(1, 1);
      transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .case-study-module__image-wrapper a.case-study-module__image:hover {
        transform: scale(1.1, 1.1); }
  .case-study-module__copy {
    padding: 20px 20px 0; }
    @media screen and (min-width: 768px) {
      .case-study-module__copy {
        padding: 50px 20px 30px 60px; } }
    .case-study-module__copy p {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 20px; }
    .case-study-module__copy--short-pad {
      padding-top: 25px;
      padding-bottom: 25px; }
  .case-study-module__title {
    font-size: 32px;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: uppercase; }
    .case-study-module__title--small {
      font-size: 19px;
      font-weight: 200; }
  .case-study-module__link {
    color: #575756;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .case-study-module__link:hover {
      color: #008264; }
  .case-study-module__video-wrapper {
    padding: 20px 0;
    min-height: 260px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .case-study-module__video-wrapper {
        padding: 25px 0; } }
    .case-study-module__video-wrapper iframe {
      min-height: 260px;
      height: 100%;
      width: 100%; }
  .case-study-module .content-wrapper {
    background: #B3B4B7;
    color: #575756; }
  .case-study-module.content-grey-dark {
    padding-top: 40px;
    padding-bottom: 40px; }
    @media screen and (min-width: 992px) {
      .case-study-module.content-grey-dark {
        padding-top: 80px;
        padding-bottom: 80px; } }
    .case-study-module.content-grey-dark .content-wrapper {
      background-color: #575756;
      color: #ffffff; }

.contact-map {
  width: 100%;
  height: 500px;
  /*margin-bottom: -$SECTION_PAD_SMALL;
  @include medium {
    margin-bottom: -$SECTION_PAD_LARGE;
  }*/ }
  .contact-map__iw {
    padding: 20px; }
    .contact-map__iw__title, .contact-map__iw__telephone, .contact-map__iw__email {
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      font-weight: bold; }
      .contact-map__iw__title a, .contact-map__iw__telephone a, .contact-map__iw__email a {
        color: #575756;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .contact-map__iw__title a:hover, .contact-map__iw__telephone a:hover, .contact-map__iw__email a:hover {
          color: #008264; }
    .contact-map__iw__address {
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      line-height: 20px; }
    .contact-map__iw__telephone, .contact-map__iw__email {
      line-height: 1em;
      margin: 10px 0 0; }

.contact-us {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .contact-us {
      padding-left: 0;
      padding-right: 0; } }
  .contact-us .contact-us-title {
    font-size: 40px;
    color: #bcbcbc;
    margin-top: 20px; }
  .contact-us .contact-us-subtitle {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    padding-top: 6px;
    color: #bcbcbc;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    margin-bottom: 20px; }
  .contact-us .contact-us-subtitle.contact-us-subtitle-border-top {
    border-top: 4px solid #bcbcbc; }
  .contact-us .contact-block__social {
    max-width: 300px; }

.contact-register__contact, .contact-register__register {
  padding: 50px 25px 60px;
  text-align: center;
  color: #ffffff; }

.contact-register__contact {
  background: #575756; }

.contact-register__register {
  background: #575756; }
  .contact-register__register__form {
    max-width: 318px;
    margin: 0 auto; }
  .contact-register__register__input {
    color: #ffffff;
    display: block;
    width: 100%;
    background: transparent;
    border-style: none none dotted;
    border-width: 1px 1px 2px;
    border-color: #e8e9eb;
    font-size: 18px;
    font-weight: normal;
    line-height: 42px;
    height: 42px;
    margin-bottom: 10px;
    outline: none; }
    .contact-register__register__input::placeholder {
      color: #ffffff;
      font-weight: normal; }
    .contact-register__register__input.required, .contact-register__register__input.invalid {
      background-image: url(/images/svg/validation.svg);
      background-position: right 16px;
      background-repeat: no-repeat;
      background-size: 16px; }

.contact-register__title {
  text-transform: uppercase;
  line-height: 1em;
  font-size: 28px; }
  @media screen and (min-width: 768px) {
    .contact-register__title {
      font-size: 30px; } }

.contact-register__text {
  font-size: 14px;
  line-height: 1.4em; }
  .contact-register__text--small {
    font-size: 13px; }
  .contact-register__text--uppercase {
    text-transform: uppercase;
    line-height: 1.1em; }
  .contact-register__text--large {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    line-height: 26px; }

.contact-register__meta {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  display: inline-block;
  clear: both;
  padding-bottom: 5px;
  border-bottom: 1px solid #08c;
  margin-bottom: 10px; }
  .contact-register__meta a {
    color: #ffffff;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.contact-register__telephone {
  font-size: 32px;
  margin: 0;
  text-decoration: none;
  font-weight: bold; }
  .contact-register__telephone a {
    color: #ffffff;
    text-decoration: none; }

.contact-register.content-wrapper {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .contact-register.content-wrapper {
      margin-top: 50px; } }

.contact-register .button {
  margin-top: 10px; }

.intro-block + .contact-register.content-wrapper {
  margin-top: 0; }

.contact-block-wrapper {
  background-color: #D4D5D7; }
  @media screen and (min-width: 768px) {
    .contact-block-wrapper {
      padding-top: 40px; } }

.contact-block {
  color: #575756;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .contact-block {
      padding-left: 0;
      padding-right: 0; } }
  .contact-block a, .contact-block a:hover, .contact-block a:visited, .contact-block a:focus {
    color: #575756;
    border-bottom: 1px solid #575756; }
  .contact-block__title {
    color: #008264; }
  .contact-block__title, .contact-block__subtitle, .contact-block__text {
    font-size: 30px;
    padding-bottom: 10px;
    display: block; }
  .contact-block__subtitle {
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif; }
  .contact-block__title {
    margin-top: 24px; }
  .contact-block__social-wrapper {
    margin-top: 40px; }
  .contact-block__text--small {
    font-size: 20px;
    font-weight: 600; }
  .contact-block__text--extra-small {
    font-size: 14px;
    margin: 0; }
  .contact-block__telephone a {
    border-bottom: none; }
  @media screen and (min-width: 768px) {
    .contact-block__left, .contact-block__right {
      min-height: 250px; } }
  @media screen and (min-width: 768px) {
    .contact-block__left {
      padding-right: 20px; } }
  .contact-block__right {
    display: none; }
    @media screen and (min-width: 768px) {
      .contact-block__right {
        display: inline-block; } }
    .contact-block__right--inner {
      padding-top: 80px;
      padding-bottom: 30px;
      border-left: 1px solid #575756;
      border-top: none;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      padding-left: 20px;
      min-height: 250px; }
  .contact-block ul li {
    list-style-position: inside;
    list-style-type: none; }
  @media screen and (min-width: 768px) {
    .contact-block__links {
      text-align: left !important;
      padding-left: 54px; } }
  .contact-block__links li {
    margin-bottom: 20px;
    font-size: 24px;
    margin-left: -28px; }
    @media screen and (min-width: 768px) {
      .contact-block__links li {
        margin-left: 0 !important; } }
  .contact-block__links li:before {
    content: "•";
    padding-right: 10px; }
  .contact-block .contact-block__reduced .contact-block__subtitle {
    padding-top: 20px; }

.contact-block__social {
  margin-top: 0px;
  display: flex;
  justify-content: space-between; }

.contact-block__social li {
  display: inline-block;
  margin-right: 10px; }

.contact-block__social li a, .contact-block__social li a:hover, .contact-block__social li a:focus {
  border-bottom: none;
  text-decoration: none;
  color: #575756; }

.contact-block__social li:last-child {
  margin-right: 0; }

.content-wrapper {
  margin: 0 auto;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .content-wrapper {
      width: 768px; } }
  @media screen and (min-width: 992px) {
    .content-wrapper {
      width: 940px; } }
  @media screen and (min-width: 1200px) {
    .content-wrapper {
      width: 940px; } }

.content-grey-light-bg-full {
  background: #dee0e2; }

.content-grey-mid-light .content-wrapper {
  background: #bcbcbc; }

.content-grey-mid-lighter .content-wrapper {
  background: #B3B4B7; }

.content-grey-dark .content-wrapper {
  background: #575756; }

.content__module-title {
  color: #bcbcbc;
  font-size: 28px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #bcbcbc;
  margin-bottom: 10px;
  margin-top: 30px;
  display: block; }
  @media screen and (min-width: 768px) {
    .content__module-title {
      font-size: 32px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 0;
      border-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .content__module-title {
      margin-top: 50px; } }
  .content__module-title + .featured-products,
  .content__module-title + .product-grid,
  .content__module-title + .product-overview,
  .content__module-title + .case-study-module {
    margin-top: 0; }

.content--margin-before {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .content--margin-before {
      margin-top: 50px; } }

.content--margin-before-short {
  margin-top: 30px; }

.content--margin-after-short {
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .content--margin-after-short {
      margin-top: 30px; } }

.main-content {
  margin-top: 75px; }

.generic-content {
  padding-top: 60px; }

.generic-content-title {
  color: #008264;
  font-size: 35px;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400; }

.generic-content-paragraph {
  color: #838383;
  width: 70%;
  margin-top: 20px; }

.generic-content-centered {
  text-align: center; }

.generic-content-paragraph.generic-content-centered {
  margin: 0 auto;
  margin-top: 20px; }

.custom-select {
  margin: 0;
  padding: 10px 60px 10px 10px;
  border: none;
  background: transparent;
  width: calc(100% + 90px);
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  outline: none;
  z-index: 2;
  height: 37px;
  min-height: 37px;
  appearance: none; }
  .custom-select__wrapper {
    overflow: hidden;
    position: relative;
    background: #D4D5D7;
    width: 100%; }
    .custom-select__wrapper:before, .custom-select__wrapper:after {
      content: "";
      display: block;
      width: 28px;
      height: 28px;
      position: absolute;
      top: 4px;
      right: 4px;
      background: #5b6770 url(/images/svg/down-arrow-white.svg) no-repeat center center;
      background-size: 16px;
      z-index: 1; }
    .custom-select__wrapper:after {
      background: #ffffff url(/images/svg/down-arrow.svg) no-repeat center center;
      background-size: 16px;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .custom-select__wrapper:hover:after {
      opacity: 1; }
    .custom-select__wrapper option {
      color: #575756;
      text-transform: initial; }

.documents-download {
  margin-top: 30px; }
  .documents-download__detail {
    padding: 15px;
    display: none;
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-left: 1px solid rgba(91, 103, 112, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(91, 103, 112, 0.2); }
  .documents-download__image {
    padding-right: 20px; }
  .documents-download__copy {
    font-family: "Open Sans", sans-serif; }
    [class*=col-]:not([class*=cols-]) .documents-download__copy {
      font-size: 14px; }
  .documents-download__refine {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .documents-download__refine {
        padding-right: 20px; } }
  .documents-download__title {
    text-transform: uppercase;
    padding: 0 20px; }
    @media screen and (min-width: 768px) {
      .documents-download__title {
        padding: 0; } }

.featured-products {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .featured-products {
      margin-top: 50px; } }
  .featured-products .col {
    background: #ffffff;
    padding-right: 10px;
    outline: none; }
  .featured-products__name {
    margin-top: 0;
    margin-bottom: 4px;
    padding-top: 14px;
    padding-left: 19px;
    display: block;
    font-size: 19px;
    line-height: 1em;
    text-transform: uppercase; }
  .featured-products__breadcrumb {
    font-size: 13px;
    padding-left: 19px; }
    .featured-products__breadcrumb a {
      color: #575756;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      font-weight: bold; }
      .featured-products__breadcrumb a:last-child:after {
        display: none; }
      .featured-products__breadcrumb a:after {
        content: "";
        display: inline-block;
        background-image: url(/images/svg/breadcrumb.svg);
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 12px;
        height: 10px;
        margin: 0 2px 0 4px; }
      .featured-products__breadcrumb a:hover {
        color: #008264; }
  .featured-products__features {
    padding-left: 140px;
    padding-bottom: 10px;
    background-position: 0 0;
    background-size: 114px;
    background-repeat: no-repeat;
    min-height: 125px; }
    .featured-products__features ul, .featured-products__features p {
      font-size: 13px;
      line-height: 1.4em; }
    .featured-products__features li {
      margin: 7px 0; }
  .featured-products .slick-arrow {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 100%;
    background: #575756;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    border: none;
    transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    outline: none; }
    .featured-products .slick-arrow:hover {
      background: rgba(91, 103, 112, 0.8); }
    .featured-products .slick-arrow:before, .featured-products .slick-arrow:after {
      content: "";
      position: absolute;
      left: 18px;
      width: 2px;
      height: 14px;
      background-color: #ffffff;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -10px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      border-radius: 10px; }
    .featured-products .slick-arrow:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: -1px; }
    .featured-products .slick-arrow.slick-disabled {
      display: none !important; }
    .featured-products .slick-arrow.slick-prev + .slick-list {
      margin-left: 45px;
      margin-right: 45px; }
    .featured-products .slick-arrow.slick-next {
      left: auto;
      right: 0; }
      .featured-products .slick-arrow.slick-next:before, .featured-products .slick-arrow.slick-next:after {
        transform: rotate(-45deg);
        left: auto;
        right: 18px; }
      .featured-products .slick-arrow.slick-next:after {
        transform: rotate(45deg); }

.footer {
  background: #fff;
  color: #575756;
  font-size: 14px;
  font-weight: 600; }
  .footer .footer-top {
    display: none; }
    @media screen and (min-width: 768px) {
      .footer .footer-top {
        display: inline-block;
        width: 100%; } }
  .footer .footer-bottom {
    min-height: 48px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .footer .footer-bottom {
        background-color: #D4D5D7;
        border-bottom: 8px #575756 solid;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; } }
    .footer .footer-bottom .footer-copyright {
      font-size: 13px;
      display: block; }
      @media screen and (min-width: 768px) {
        .footer .footer-bottom .footer-copyright {
          text-align: right;
          line-height: 40px; } }
    .footer .footer-bottom .footer-logo {
      height: 16px;
      width: auto;
      margin-top: 20px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .footer .footer-bottom .footer-logo {
          margin-top: 12px;
          margin-bottom: 0; } }
  .footer:before, .footer:after {
    content: " ";
    display: table; }
  .footer:after {
    clear: both; }
  .footer a {
    color: #575756; }
  .footer__column {
    width: 50%;
    padding-right: 12px;
    float: left;
    box-sizing: border-box;
    padding-left: 12px;
    height: 200px; }
    @media screen and (min-width: 992px) {
      .footer__column:nth-of-type(1) {
        padding-left: 0; } }
    @media screen and (min-width: 768px) {
      .footer__column {
        width: 18%;
        height: auto; } }
    @media screen and (min-width: 992px) {
      .footer__column {
        padding-left: 0; } }
    .footer__column--wide {
      padding-right: 25px; }
      @media screen and (min-width: 768px) {
        .footer__column--wide {
          width: 36%; } }
  .footer__title {
    margin: 25px 0 7px;
    line-height: 1.4em;
    font-size: 15px !important;
    padding-bottom: 10px;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif; }
    .footer__title:first-child {
      margin-top: 0; }
  .footer__text {
    margin: 0 0 7px;
    line-height: 1.4em;
    font-size: 13px !important; }
    @media screen and (min-width: 768px) {
      .footer__text {
        display: block; } }
  .footer .button {
    margin-top: 10px; }
  .footer .custom-select__wrapper {
    margin-top: 10px; }

.footer__column-county-office {
  margin-top: 50px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .footer__column-county-office {
      width: 25% !important; } }

.footer-country-selector .content-wrapper {
  position: relative; }

.alt-link-text {
  display: none; }

.form__title {
  font-size: 28px;
  font-weight: 200;
  text-transform: uppercase;
  padding: 4px 0 25px; }

.form__label {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  margin-bottom: 10px; }
  .form__label__note {
    font-size: 14px;
    display: inline-block; }
    .form__label__note--align-right {
      float: right; }
    .form__label__note.form__link {
      text-decoration: underline; }
  .form__label__wrapper:before, .form__label__wrapper:after {
    content: " ";
    display: table; }
  .form__label__wrapper:after {
    clear: both; }
  .form__fieldset--checkbox .form__label {
    float: none; }

.form__link {
  color: #575756;
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .form__link:hover {
    color: #008264; }

.form__fieldset {
  margin-bottom: 10px; }
  .form__fieldset--checkbox {
    min-height: 22px;
    position: relative;
    padding-top: 5px; }
    .form__fieldset--checkbox .form__label {
      font-size: 14px;
      text-transform: initial;
      font-weight: normal;
      padding-left: 32px;
      position: relative;
      padding-top: 2px;
      display: inline-block;
      width: calc(100% - 10px); }
      .form__fieldset--checkbox .form__label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 22px;
        height: 22px;
        border: 1px solid rgba(87, 87, 86, 0.5);
        box-sizing: border-box;
        background: transparent no-repeat center center;
        background-size: 15px; }
    .form__fieldset--checkbox .form__label__note {
      margin-bottom: 10px; }
  .form__fieldset--submit {
    padding-top: 15px; }

.form__field__wrapper--text {
  border: 1px solid rgba(87, 87, 86, 0.5);
  padding-right: 10px; }

.form__field__wrapper--select {
  border: 1px solid rgba(87, 87, 86, 0.5);
  padding-right: 10px; }

.form__field--text {
  width: 100%;
  padding: 10px;
  height: 40px;
  border: none;
  outline: none;
  padding-right: 25px; }
  .form__field--text.required, .form__field--text.invalid {
    background-image: url(/images/svg/validation.svg);
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: 16px; }

.form__field--select {
  width: 100%;
  padding: 10px;
  height: 40px;
  border: none;
  outline: none;
  padding-right: 25px; }
  .form__field--select.required, .form__field--select.invalid {
    background-image: url(/images/svg/validation.svg);
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: 16px; }

.form__field--checkbox {
  position: absolute;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  top: 0;
  left: 0;
  opacity: 0;
  outline: none; }
  .form__field--checkbox:checked + .form__label:before {
    background-image: url(/images/svg/green-tick.svg); }
  .form__field--checkbox.required + .form__label, .form__field--checkbox.invalid + .form__label {
    background-image: url(/images/svg/validation.svg);
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 16px; }

.form__field--submit {
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px; }

label.umbraco-forms-label {
  font-weight: normal !important; }

.umbraco-forms-form fieldset {
  padding: 0px 1.4em 1.4em !important; }

.umbraco-forms-form input.text, .umbraco-forms-form textarea {
  width: 100% !important; }

.umbraco-forms-form .field-validation-error {
  padding-left: 0 !important; }

.energy-audit-wrapper {
  background: url("/images/rebrand/energy-audit-form-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 749px;
  color: #fff;
  padding: 40px !important; }

.energy-audit-logo {
  width: 78px;
  height: 78px;
  display: block;
  margin: 0 auto; }

.energy-audit .umbraco-forms-caption {
  font-size: 35px !important;
  line-height: normal !important; }

.energy-audit .titleanddescription h2, .energy-audit .umbraco-forms-caption {
  text-align: center;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400; }

.energy-audit .titleanddescription {
  margin-bottom: 40px; }

.energy-audit fieldset.umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  border: none !important; }

.energy-audit input.text, .energy-audit textarea {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  height: 45px;
  font-size: 18px;
  padding-left: 20px !important;
  border: none !important;
  max-width: none !important;
  font-family: "FrutigerLTStd", sans-serif;
  margin: 0 !important;
  width: 90%;
  display: block;
  /*margin-bottom: 20px !important;*/ }

.energy-audit textarea {
  height: 110px !important;
  padding-top: 12px !important;
  resize: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  /*margin-bottom: 20px;*/ }

.energy-audit input:focus, .energy-audit textarea:focus {
  outline: none; }

.energy-audit textarea::placeholder, .energy-audit input.text::placeholder {
  color: #fff;
  opacity: 1; }

.energy-audit textarea:-ms-input-placeholder, .energy-audit input.text:-ms-input-placeholder, .energy-audit textarea::ms-input-placeholder, .energy-audit input.text::ms-input-placeholder {
  color: #fff; }

.energy-audit .umbraco-forms-fieldSet {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  border: none !important; }

.energy-audit input.btn.primary {
  height: 45px;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  width: 130px;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  opacity: .5; }

.energy-audit .umbraco-forms-field.checkbox {
  position: relative;
  margin-bottom: 20px; }

.energy-audit .umbraco-forms-field.checkbox label {
  margin-left: 40px;
  display: block; }

.energy-audit .umbraco-forms-field.checkbox input {
  width: 20px !important;
  height: 20px !important;
  position: absolute;
  top: 0;
  opacity: 0; }

.energy-audit .umbraco-forms-field.checkbox input:checked ~ .checkmark {
  background: rgba(0, 0, 0, 0.5); }

.energy-audit .umbraco-forms-field.checkbox .checkmark {
  width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  border: 1px solid black;
  border-radius: 5px;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: all 0.2s; }

.energy-audit .checkmark svg {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  margin-top: 3px; }

.energy-audit .checkmark svg path {
  fill: #fff; }

.energy-audit .umbraco-forms-field div {
  margin-bottom: 20px; }

.umbraco-forms-form {
  padding: 0 !important; }

.umbraco-forms-form input.input-validation-error, .umbraco-forms-form textarea.input-validation-error {
  border: 1px solid orange !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: orange !important; }

.umbraco-forms-form span.field-validation-error,
.umbraco-forms-form span.field-validation-error span {
  font-weight: 600;
  font-size: 14px;
  color: orange !important; }

.umbraco-forms-field:not(.checkbox) label {
  width: auto;
  position: absolute;
  margin-top: 12px;
  margin-left: 20px;
  transform: translate(0, 0) scale(1);
  transform-origin: left center;
  transition: opacity .5s, transform .5s; }

.umbraco-forms-field:not(.checkbox).active label {
  transform: translate(0, -80%) scale(0.6); }

.energy-audit-modal .energy-audit-wrapper {
  background: none;
  color: #575756;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.energy-audit-modal .energy-audit-wrapper .energy-audit input.text, .energy-audit-modal .energy-audit-wrapper .energy-audit textarea {
  color: #575756; }

.energy-audit-modal .energy-audit-wrapper img {
  width: 60px;
  height: 60px; }

.energy-audit-modal .energy-audit-wrapper input[type=text],
.energy-audit-modal .energy-audit-wrapper textarea {
  border: 1px solid #008264 !important; }

.energy-audit-modal .energy-audit input.btn.primary {
  background-color: #008264;
  color: #fff; }

.energy-audit-modal-close {
  right: 0;
  position: absolute;
  top: 0; }
  .energy-audit-modal-close svg {
    width: 30px;
    height: 30px; }
    .energy-audit-modal-close svg path {
      fill: #008264; }

.contourPage fieldset {
  border: none;
  margin-bottom: 0; }

.contourPage input.text {
  width: 100%;
  padding: 15px;
  margin-bottom: 10px; }

.contourPage textarea {
  width: 100%;
  padding: 20px;
  margin-bottom: 10px; }

.contourNavigation {
  padding: 10px 25px; }

.general-form {
  background: none;
  color: #575756;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.general-form span.field-validation-error {
  float: left; }

.general-form .contactsubject span.field-validation-error {
  padding-left: 2.5% !important; }

.general-form fieldset.umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  border: none !important;
  margin: 0 0 1.5em 0; }
  @media screen and (max-width: 767px) {
    .general-form fieldset.umbraco-forms-fieldset {
      padding-left: 0 !important; } }

.general-form input[type=file],
.general-form input.text,
.general-form textarea,
.general-form select {
  color: #575756;
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: 600;
  border-radius: 4px;
  height: 45px;
  font-size: 18px;
  padding-left: 20px !important;
  max-width: none !important;
  font-family: "FrutigerLTStd",sans-serif;
  margin: 0 !important;
  width: 90%;
  display: block;
  padding: 5px;
  display: block;
  border: 1px solid #008264 !important; }

.general-form.umbraco-forms-form select {
  margin: 0 auto 0.5em !important;
  width: 95%; }
  @media screen and (min-width: 768px) {
    .general-form.umbraco-forms-form select {
      width: 90%; } }

.general-form .col-md-12 select {
  width: 95%; }

.general-form .col-md-12 input[type=file] {
  width: 95%;
  margin: 0 auto !important; }

.general-form .col-md-12 .umbraco-forms-field.recaptcha2,
.general-form .col-md-12 .umbraco-forms-field.dataconsent {
  width: 95%;
  margin: 0 auto 25px !important; }

.general-form.umbraco-forms-form textarea {
  height: 118px; }

.general-form.umbraco-forms-form .dropdown label {
  display: none; }

.general-form input.btn.primary {
  background-color: #008264;
  color: #fff; }

.general-form .shortanswer,
.general-form .longanswer {
  max-width: 95%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .general-form .shortanswer,
    .general-form .longanswer {
      max-width: 90%; } }

/*.general-form .umbraco-forms-field.longanswer label,
.general-form .umbraco-forms-field.shortanswer label {
    display: none;
}*/
.general-form .umbraco-forms-field {
  margin-bottom: 25px; }

@media screen and (min-width: 768px) {
  .general-form .umbraco-forms-field:last-child {
    margin-bottom: 0; } }

.general-form .row-fluid .col-md-6:last-child .umbraco-forms-field:last-child {
  margin-bottom: 0; }

.general-form .recaptcha2 label {
  display: none !important; }

.general-form .umbraco-forms-field.fileupload label,
.general-form .umbraco-forms-field.contactsubject label,
.general-form .umbraco-forms-field.dataconsent label {
  position: relative;
  margin: 0;
  width: 95%;
  margin: 0 auto 5px; }

.general-form .umbraco-forms-field.dataconsent label {
  width: 100%; }

.general-form .umbraco-forms-field.fileupload.active label,
.general-form .umbraco-forms-field.dataconsent.active label {
  transform: none; }

.general-form input.btn.primary {
  height: 45px;
  background-color: #008264;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  width: 130px;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  opacity: .5;
  transition: 0.2s all; }

.general-form input.btn.primary:hover {
  cursor: pointer;
  opacity: 1;
  transition: 0.2s all; }

.full-width-header-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  position: relative; }
  .full-width-header-wrapper .full-width-header {
    background-color: rgba(0, 0, 0, 0.4);
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px; }
    @media screen and (min-width: 768px) {
      .full-width-header-wrapper .full-width-header {
        padding-left: 0;
        padding-right: 0;
        padding-top: 120px;
        height: 500px; } }
    @media screen and (min-width: 768px) {
      .full-width-header-wrapper .full-width-header .category-carousel__title {
        margin-left: 25px; } }
    @media screen and (min-width: 768px) {
      .full-width-header-wrapper .full-width-header .category-carousel__subline-wrapper {
        margin-left: 25px; } }
  @media screen and (min-width: 768px) {
    .full-width-header-wrapper .full-width-header-longtext {
      padding-top: 80px !important; } }
  .full-width-header-wrapper .category-carousel__button {
    bottom: 50px;
    position: relative !important;
    float: right !important; }

.full-width-header-breadcrumb {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .full-width-header-breadcrumb {
      padding-left: 0;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  .news-insights-head .content__module-title {
    margin-left: 25px; } }

.generic-three-column-details {
  margin-bottom: 20px; }

.generic-three-column-details-item {
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .generic-three-column-details-item {
      padding-left: 10px;
      padding-right: 10px; } }
  .generic-three-column-details-item .heading, .generic-three-column-details-item .subheading {
    font-size: 20px;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    color: #bcbcbc;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .generic-three-column-details-item .heading, .generic-three-column-details-item .subheading {
        padding-left: 0;
        padding-right: 0; } }
  @media screen and (min-width: 768px) {
    .generic-three-column-details-item .subheading {
      height: 75px; } }
  .generic-three-column-details-item .generic-three-column-details-item-img-wrapper {
    max-height: 200px;
    overflow: hidden; }
  .generic-three-column-details-item .generic-three-column-details-item-body-wrapper {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .generic-three-column-details-item .generic-three-column-details-item-body-wrapper {
        padding-left: 0;
        padding-right: 0; } }
    .generic-three-column-details-item .generic-three-column-details-item-body-wrapper ul {
      list-style: none;
      padding-left: 20px; }
    .generic-three-column-details-item .generic-three-column-details-item-body-wrapper li:before {
      content: "+";
      margin-left: -15px;
      padding-right: 5px;
      color: #008264;
      font-weight: bold; }
  .generic-three-column-details-item .btn-readmore {
    margin-left: 20px;
    margin-right: 20px; }
    @media screen and (min-width: 768px) {
      .generic-three-column-details-item .btn-readmore {
        margin-left: 0;
        margin-right: 0; } }

.generic-three-column-details .col-4-medium:first-child .generic-three-column-details-item {
  padding-left: 0; }

.generic-three-column-details .col-4-medium:last-child .generic-three-column-details-item {
  padding-right: 0; }

.guide-to {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .guide-to {
      margin-top: 50px; } }
  .guide-to__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .guide-to__image-wrapper {
    height: 220px;
    padding: 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .guide-to__image-wrapper {
        height: 340px; } }
    @media screen and (min-width: 992px) {
      .guide-to__image-wrapper {
        padding: 0; } }
    .guide-to__image-wrapper a.guide-to-module__image {
      display: block;
      transform: scale(1, 1);
      transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .guide-to__image-wrapper a.guide-to-module__image:hover {
        transform: scale(1.1, 1.1); }
  .guide-to__copy {
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .guide-to__copy {
        padding: 20px 0; }
        .guide-to__copy--no-pad-bottom {
          padding-bottom: 0; }
        .guide-to__copy--no-pad-top {
          padding-top: 0; } }
    .guide-to__copy p {
      font-size: 16px;
      line-height: 18px;
      /*@include medium {
          max-width:420px;
      }*/ }
      @media screen and (min-width: 768px) {
        .guide-to__copy p {
          padding-bottom: 20px;
          padding-right: 130px; } }
    .guide-to__copy--short-pad {
      padding-top: 25px;
      padding-bottom: 25px; }
    .guide-to__copy--no-pad-bottom {
      padding-bottom: 0; }
    .guide-to__copy--no-pad-top {
      padding-top: 0; }
    .guide-to__copy ul, .guide-to__copy ol {
      padding-left: 20px; }
  .guide-to__product-category-link-wrapper {
    list-style-type: none;
    padding-top: 20px; }
    .guide-to__product-category-link-wrapper li {
      background: #E3E5E4;
      width: 100%;
      border: 1px solid black;
      padding: 2px;
      margin-bottom: 10px;
      float: right; }
      @media screen and (min-width: 768px) {
        .guide-to__product-category-link-wrapper li {
          width: 75%; } }
      .guide-to__product-category-link-wrapper li span:before {
        content: "";
        display: inline-block;
        background-image: url(/images/svg/breadcrumb.svg);
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 12px;
        height: 10px;
        margin: 0 2px 0 4px; }
    .guide-to__product-category-link-wrapper li:last-child {
      margin-bottom: 20px; }
  .guide-to__bottom-wrapper {
    color: #fff;
    background-color: grey;
    padding-bottom: 10px; }
    .guide-to__bottom-wrapper .guide-to__title {
      color: #fff;
      padding-left: 20px; }
      @media screen and (min-width: 768px) {
        .guide-to__bottom-wrapper .guide-to__title {
          padding-left: 0; } }
  .guide-to__download-wrapper {
    color: #fff;
    background-color: #5B6770;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase; }
    .guide-to__download-wrapper .share-module {
      margin-top: 0 !important; }
  @media screen and (min-width: 768px) {
    .guide-to__middle-image {
      /*float: right;
            width: auto;
            max-height: 450px;*/
      padding-top: 20px; } }
  .guide-to__title {
    font-size: 50px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 10px; }
    .guide-to__title--small {
      margin-bottom: 0;
      font-size: 19px;
      font-weight: 200; }
  .guide-to__intro {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 200; }
  .guide-to__sub-title {
    font-weight: bold;
    margin-bottom: 10px;
    display: block; }
  .guide-to__text {
    line-height: 30px;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px; }
    .guide-to__text ul, .guide-to__text ol {
      padding-left: 34px; }
  .guide-to__button {
    margin-bottom: 20px;
    margin-left: 20px; }
    @media screen and (min-width: 768px) {
      .guide-to__button {
        margin-left: 0; } }
  .guide-to__item-wrapper {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .guide-to__item-wrapper .cols {
        display: flex; }
        .guide-to__item-wrapper .cols .guide-to__item {
          height: 100%; }
        .guide-to__item-wrapper .cols img, .guide-to__item-wrapper .cols iframe {
          height: auto !important; } }
    .guide-to__item-wrapper .cols img {
      height: auto !important; }
  .guide-to__item--pad-left {
    padding-left: 10px;
    padding-right: 10px; }
    @media screen and (min-width: 768px) {
      .guide-to__item--pad-left {
        padding-right: 0; } }
  .guide-to__item--pad-right {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .guide-to__item--pad-right {
        padding-left: 0;
        padding-bottom: 0; } }
  .guide-to__item--heading {
    font-size: 22px; }
  .guide-to__item--text ul, .guide-to__item--text ol {
    padding-left: 20px; }
  .guide-to__link {
    color: #08c;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .guide-to__link:hover {
      color: #575756; }
  .guide-to__video-wrapper {
    padding: 20px 0;
    min-height: 260px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .guide-to__video-wrapper {
        padding: 25px 0; } }
    .guide-to__video-wrapper iframe {
      min-height: 260px;
      height: 100%;
      width: 100%; }
  .guide-to__slide-inner {
    min-height: 450px; }
    @media screen and (max-height: 800px) and (min-width: 768px) {
      .guide-to__slide-inner {
        min-height: 354px !important; } }
    @media screen and (min-width: 768px) {
      .guide-to__slide-inner {
        min-height: 554px; } }
  .guide-to__slide-copy {
    margin-top: 40px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6); }
    @media screen and (min-width: 768px) {
      .guide-to__slide-copy {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%); } }
    .guide-to__slide-copy h2 {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 32px;
      padding-left: 20px;
      padding-right: 20px;
      text-transform: uppercase; }
      @media screen and (min-width: 768px) {
        .guide-to__slide-copy h2 {
          width: 400px;
          padding-left: 0; } }
  .guide-to__slide-copy-bottom {
    background-color: transparent; }
    .guide-to__slide-copy-bottom--innerbox {
      margin-top: 320px;
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      /*min-width: 350px;*/
      width: 100%;
      float: right; }
      @media screen and (min-width: 768px) {
        .guide-to__slide-copy-bottom--innerbox {
          width: 350px;
          max-width: none; } }
      .guide-to__slide-copy-bottom--innerbox span {
        display: block; }
      .guide-to__slide-copy-bottom--innerbox .title {
        text-transform: uppercase;
        font-size: 40px; }
      .guide-to__slide-copy-bottom--innerbox .clientheading {
        font-weight: bold; }
      .guide-to__slide-copy-bottom--innerbox .clientdetail {
        margin-bottom: 10px; }
  .guide-to .content-wrapper {
    background: #B3B4B7;
    color: #575756; }
  .guide-to.content-grey-dark {
    padding-top: 40px;
    padding-bottom: 40px; }
    @media screen and (min-width: 992px) {
      .guide-to.content-grey-dark {
        padding-top: 80px;
        padding-bottom: 80px; } }
    .guide-to.content-grey-dark .content-wrapper {
      background-color: #575756;
      color: #ffffff; }

.info-panels {
  padding: 20px 0 50px; }
  .info-panels__panel {
    margin: 0 20px 50px 0;
    height: 170px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .info-panels__link {
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 10px 20px 10px 40px;
    width: 100%;
    border-bottom: 1px solid rgba(91, 103, 112, 0.25);
    border-top: 1px solid #ffffff;
    color: #575756;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
    background-color: whitesmoke; }
    .info-panels__link:hover {
      background: rgba(255, 255, 255, 0.45);
      color: #008264; }
    .info-panels__link:before {
      content: "";
      position: absolute;
      background: no-repeat center center;
      background-image: url(/images/svg/mag-plus.svg);
      width: 18px;
      height: 18px;
      background-size: 18px;
      left: 16px;
      top: 11px; }

.intro-block {
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .intro-block--no-margin-after {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .intro-block--no-margin-after {
        margin-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .intro-block--no-pad-top {
      padding-top: 0; } }
  .intro-block a {
    font-color: #575756; }
  .intro-block__title {
    text-transform: uppercase;
    font-size: 30px;
    padding-left: 20px;
    color: #575756;
    font-family: "FrutigerLTStd", sans-serif !important; }
    @media screen and (min-width: 768px) {
      .intro-block__title {
        font-size: 48px;
        padding-left: 0; } }
  .intro-block__copy {
    padding-top: 50px;
    padding-bottom: 60px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    /*padding-left: 40px;*/
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .intro-block__copy--pad-before {
        padding-top: 100px; } }
    @media screen and (min-width: 768px) {
      .intro-block__copy--pad-right {
        padding-right: 20px; } }
    .intro-block__copy--pad-after {
      padding-bottom: 50px; }
  .intro-block__logo {
    max-width: 140px;
    margin-bottom: 10px; }
  .intro-block__subtitle {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #575756;
    line-height: 1em;
    font-weight: 200; }
    .intro-block__subtitle--pad-before {
      padding-top: 20px; }
  .intro-block__image {
    min-height: 220px;
    background-repeat: no-repeat;
    background-position: center center;
    mix-blend-mode: multiply; }
    @media screen and (min-width: 768px) {
      .intro-block__image {
        min-height: 262px;
        position: absolute;
        width: 100%; } }
    .intro-block__image__wide {
      mix-blend-mode: normal;
      height: 344px;
      background-size: cover;
      background-repeat: no-repeat; }
  .intro-block__list {
    list-style: none;
    margin: 0;
    padding: 12px 0 10px;
    padding-left: 20px;
    font-size: 14px;
    color: #575756;
    line-height: 1.4em; }
    @media screen and (min-width: 768px) {
      .intro-block__list {
        column-count: 2;
        column-width: 50%;
        padding-left: 0; } }
    .intro-block__list li {
      list-style-type: none;
      padding-left: 22px;
      position: relative;
      min-height: 27px; }
      .intro-block__list li:before {
        content: "";
        width: 13px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(/images/svg/green-tick.svg);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: center 4px; }
  .intro-block__text {
    font-size: 24px;
    color: #fff;
    line-height: 1.4em;
    margin: 0;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    border-top: 3px solid #fff;
    display: inline-block;
    margin-top: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .intro-block__text {
        padding-left: 0;
        padding-right: 0;
        width: 80%; } }
  .intro-block__text-grey {
    color: #bcbcbc; }
  .intro-block__text-full {
    width: 100% !important; }
  .intro-block .col {
    position: relative; }

.login-register {
  margin-top: 30px;
  border: 1px solid #B3B4B7;
  padding: 20px 25px; }
  @media screen and (min-width: 768px) {
    .login-register {
      margin-top: 50px; } }
  .login-register .cols {
    position: relative; }
    @media screen and (min-width: 768px) {
      .login-register .cols:before {
        content: "";
        position: absolute;
        background: #575756;
        height: 100%;
        width: 1px;
        left: 50%;
        margin-left: 1px; } }
    @media screen and (min-width: 768px) {
      .login-register .cols:after {
        content: "OR";
        font-size: 21px;
        position: absolute;
        width: 40px;
        height: 40px;
        background: #ffffff;
        left: 50%;
        top: 50%;
        margin-left: -20px;
        margin-top: -20px;
        color: #575756;
        text-align: center;
        line-height: 40px; } }
    .login-register .cols > .col:nth-of-type(1) {
      min-height: 150px;
      padding-bottom: 60px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .login-register .cols > .col:nth-of-type(1) {
          padding-right: 40px;
          padding-bottom: 0; } }
      @media screen and (max-width: 767px) {
        .login-register .cols > .col:nth-of-type(1):before {
          content: "";
          position: absolute;
          background: #575756;
          height: 1px;
          width: 100%;
          left: 0;
          bottom: 30px;
          margin-left: 1px; } }
      @media screen and (max-width: 767px) {
        .login-register .cols > .col:nth-of-type(1):after {
          content: "OR";
          font-size: 21px;
          position: absolute;
          width: 40px;
          height: 40px;
          background: #ffffff;
          left: 50%;
          bottom: 10px;
          margin-left: -20px;
          margin-top: -20px;
          color: #575756;
          text-align: center;
          line-height: 40px; } }
    .login-register .cols > .col:nth-of-type(2) {
      min-height: 150px; }
      @media screen and (min-width: 768px) {
        .login-register .cols > .col:nth-of-type(2) {
          padding-left: 40px; } }
  .login-register__footnote {
    display: block;
    margin: 0;
    padding-top: 15px;
    font-size: 14px;
    text-align: center; }
    .login-register__footnote a {
      white-space: nowrap;
      color: #575756;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .login-register__footnote a:hover {
        color: #008264; }

.modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 21px 0 rgba(39, 56, 70, 0.44);
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .modal {
      width: 90%;
      height: 90%;
      max-width: 900px;
      max-height: 800px; } }
  .modal__content {
    width: 100%;
    height: calc(100% - 46px); }
  .modal__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(91, 103, 112, 0.5);
    z-index: 60000; }
  .modal .product-overview__image {
    width: 100%;
    height: 96%;
    min-height: 0; }
    .modal .product-overview__image .product-overview__image__zoom {
      display: none; }
  .modal__close {
    height: 46px;
    position: relative;
    background-color: #575756; }
    .modal__close__handle {
      display: block;
      width: 46px;
      height: 46px;
      background: url(/images//svg/modal-close.svg) no-repeat center center;
      background-size: 31px;
      position: absolute;
      cursor: pointer;
      top: 0;
      right: 5px; }

.newsandviews-news {
  padding-left: 20px;
  padding-right: 20px; }
  .newsandviews-news .timeline-Header {
    display: none; }
  @media screen and (min-width: 768px) {
    .newsandviews-news {
      padding-left: 0; } }

.newsandviews-views {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .newsandviews-views {
      padding-left: 0;
      padding-right: 0; } }
  .newsandviews-views .newsandviews-views-item {
    display: block;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    height: 200px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .newsandviews-views .newsandviews-views-item {
        height: 250px;
        margin: 10px; } }
    .newsandviews-views .newsandviews-views-item .btn-readmore {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-bottom: 10px;
      margin-right: 10px; }
  .newsandviews-views .newsandviews-views-item-showmedium {
    display: none; }
    @media screen and (min-width: 768px) {
      .newsandviews-views .newsandviews-views-item-showmedium {
        display: block; } }
  @media screen and (min-width: 768px) {
    .newsandviews-views .newsandviews-views-item-half {
      height: 145px; } }
  .newsandviews-views .newsandviews-views-item-rollover {
    display: block;
    color: #fff;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    position: absolute;
    bottom: 0;
    padding: 20px;
    padding-bottom: 30px;
    background-color: #bcbcbc;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .newsandviews-views .newsandviews-views-item-rollover {
        /*bottom: -200px;*/
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
        padding-top: 50px;
        transition: all 1s linear 0s; } }
    .newsandviews-views .newsandviews-views-item-rollover-text {
      display: block;
      width: 70%; }

@media screen and (min-width: 768px) {
  .newsandviews-views-item:hover .newsandviews-views-item-rollover {
    bottom: 0; } }

.news-insights-wrapper {
  /*.news-insights-item:hover .news-insights-item-inner {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }*/ }
  .news-insights-wrapper .news-insights-seeall {
    margin-left: 20px; }
    @media screen and (min-width: 768px) {
      .news-insights-wrapper .news-insights-seeall {
        margin-left: 0; } }
  .news-insights-wrapper .news-insights-item {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    /*padding: 4px;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: hidden; }
    .news-insights-wrapper .news-insights-item .news-insights-item-inner {
      position: relative;
      height: 305px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      padding-top: 40px;
      padding-left: 40px;
      color: #fff;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.85);
      transition: transform 0.5s linear;
      -moz-transition: transform 0.5s linear;
      -ms-transition: transform 0.5s linear;
      -o-transition: transform 0.5s linear;
      -webkit-transition: transform 0.5s linear;
      overflow: hidden;
      margin: 4px; }
      @media screen and (min-width: 992px) {
        .news-insights-wrapper .news-insights-item .news-insights-item-inner {
          height: 305px; } }
      @media screen and (min-width: 768px) {
        .news-insights-wrapper .news-insights-item .news-insights-item-inner {
          height: 247px;
          background-size: cover; } }
      .news-insights-wrapper .news-insights-item .news-insights-item-inner .news-insights-item-inner-title {
        font-size: 32px; }
      .news-insights-wrapper .news-insights-item .news-insights-item-inner .news-insights-item-inner-subtitle {
        display: block;
        margin-top: 20px;
        width: 75%;
        font-size: 18px; }
        @media screen and (min-width: 768px) {
          .news-insights-wrapper .news-insights-item .news-insights-item-inner .news-insights-item-inner-subtitle {
            width: 50%; } }
      .news-insights-wrapper .news-insights-item .news-insights-item-inner .btn-readmore {
        position: absolute;
        bottom: 10px;
        right: 10px; }
  @media screen and (min-width: 768px) {
    .news-insights-wrapper .news-insights-item-news, .news-insights-wrapper .news-insights-item-events {
      margin-right: 5px; } }
  @media screen and (min-width: 768px) {
    .news-insights-wrapper .news-insights-item-resources, .news-insights-wrapper .news-insights-item-videos {
      margin-left: 5px; } }

.news-insights-type {
  border: 3px solid grey;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  height: 100px;
  font-weight: bold;
  color: #575756; }

.news-insights-type.active {
  border: 3px solid #81c340 !important; }

.news-insights-type img {
  height: 60px;
  width: auto;
  display: block;
  margin: 0 auto; }

#news-insights-placeholder {
  margin-top: -5px;
  margin-right: -5px; }

@media screen and (min-width: 768px) {
  #news-insights-column-mobile {
    display: none; } }

#news-insights-columns {
  display: none; }
  @media screen and (min-width: 768px) {
    #news-insights-columns {
      display: block; } }

#news-insights-filter .product-filter__heading {
  text-transform: none; }

#news-insights-filter .product-filter__title {
  text-transform: none; }

.news-insights-content-item {
  border: 2px solid #575756;
  height: auto;
  margin: 5px;
  min-height: 200px; }
  .news-insights-content-item .news-insights-content-item-top {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    overflow: hidden; }
    .news-insights-content-item .news-insights-content-item-top span {
      display: block;
      text-align: left; }
    .news-insights-content-item .news-insights-content-item-top .social-share-container {
      display: none;
      position: absolute;
      background-color: #fff;
      border-bottom: 2px solid #575756;
      border-top: 1px solid #575756;
      width: 100%;
      top: 32px;
      left: 0;
      text-align: center;
      padding: 10px 0; }
      .news-insights-content-item .news-insights-content-item-top .social-share-container .news-insights-page-social {
        display: inline-block; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount {
      border: 2px solid #009473;
      border-radius: 20px;
      width: 40px;
      height: 40px;
      position: relative;
      z-index: 50;
      background: #fff; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount-inner {
      padding: 0 3px;
      text-align: center; }
      .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount-inner img {
        height: 15px;
        width: 15px;
        margin: 3px auto;
        display: block; }
      .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount-inner img.noCount {
        margin-top: 9px; }
      .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount-inner span {
        text-align: center; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount:hover {
      cursor: pointer; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-sharecount-value {
      color: #009473;
      font-weight: bold;
      font-size: 10px;
      margin-top: 0; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-type {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 5px; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-date {
      font-size: 10px;
      font-weight: bold;
      color: #B3B4B7;
      margin-bottom: 10px; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-title {
      font-size: 16px;
      font-family: "FrutigerLTStd-Bold", sans-serif;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-title {
          height: auto; } }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-intro {
      font-size: 13px;
      overflow: hidden; }
    .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-readmore {
      margin-bottom: 10px;
      float: right; }
      .news-insights-content-item .news-insights-content-item-top .news-insights-content-item-readmore .btn-readmore {
        font-size: 12px; }

#news-content-last-item-placeholder {
  height: 400px; }

.news-insights-page-keywordlogo {
  width: 50px; }

.news-insights-page-social {
  display: block;
  cursor: pointer; }
  .news-insights-page-social img {
    width: 50px; }

.news-insights-page-keyword {
  margin-left: 5px;
  margin-right: 5px; }

@media screen and (min-width: 768px) {
  .news-insights-page-type-wrapper {
    margin-left: -20px; } }

.news-insights-page-type-wrapper .news-insights-type span {
  display: block; }

.news-insights-content-sharecount {
  width: 20px;
  float: right; }

.social-share-col {
  position: relative; }

.social-share-container.sticky {
  position: fixed;
  top: 90px;
  margin: 0; }

.social-share-container.abs {
  position: absolute;
  bottom: 10px; }

@media screen and (max-width: 767px) {
  .social-share-container .news-insights-page-social {
    width: auto;
    float: left; } }

@media screen and (max-width: 767px) {
  .news-wrapper {
    padding: 0 20px; } }

@media screen and (max-width: 767px) {
  .products-used .content__module-title {
    margin-left: 0; } }

.news-insights-loader {
  width: 100px;
  margin: 0 auto; }

@media screen and (min-width: 768px) {
  .news-insights-sections .news-insights-sections-offset {
    display: none; } }

@media screen and (min-width: 992px) {
  .news-insights-sections .news-insights-sections-offset {
    width: 25% !important;
    display: block;
    height: 140px;
    float: left; } }

@media screen and (min-width: 768px) {
  .news-insights-sections .news-insights-sections-container {
    width: 100% !important; } }

@media screen and (min-width: 992px) {
  .news-insights-sections .news-insights-sections-container {
    width: 75% !important; } }

@media screen and (max-width: 767px) {
  .mobile-news-header h1 {
    font-size: 1.6em;
    margin: 5px 20px; } }

@media screen and (max-width: 767px) {
  .mobile-news-header h2 {
    font-size: 1.3em;
    margin: 5px 20px; } }

@media screen and (max-width: 767px) {
  .mobile-news-header .posted-date {
    font-size: 1.1em;
    margin: 5px 20px 20px;
    color: #bcbcbc;
    font-weight: bold; } }

@media screen and (max-width: 767px) {
  .mobile-filter-header {
    border-bottom: 2px solid #bcbcbc;
    margin: 0 20px 20px; } }

@media screen and (max-width: 767px) {
  .mobile-filter-header.content-wrapper {
    width: auto; } }

@media screen and (max-width: 767px) {
  .youtube-player-container iframe {
    height: 200px;
    margin-top: 20px; } }

.filter-container {
  height: 40px; }

.archive-link-container {
  text-align: right;
  margin-right: 20px;
  position: relative; }

.year-list {
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  background: #fff;
  padding: 10px;
  z-index: 100; }
  @media screen and (max-width: 767px) {
    .year-list {
      left: 0;
      right: auto; } }

.year-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.year-list ul a {
  color: #000;
  font-weight: bold;
  font-size: 0.8em; }
  @media screen and (max-width: 767px) {
    .year-list ul a {
      padding: 10px;
      display: block; } }

.year-list ul a span {
  font-weight: normal; }

.mobile-archive-container {
  position: relative; }

.news-item-summary {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 7px solid #5b6770;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .news-item-summary {
      padding-left: 0px;
      padding-right: 0px; } }

.news-item-headline {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px; }

.news-item-headline .news-item-headline-date {
  color: #999999; }

.news-item-summary-intro-text {
  margin-top: 0;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .news-item-summary-intro-text {
      padding-top: 0px;
      padding-left: 20px;
      padding-right: 20px; } }
  .news-item-summary-intro-text img {
    width: 100% !important;
    height: auto !important; }

.news-item-summary-intro-text a {
  font-weight: 600;
  text-decoration: underline; }

.news-item-summary-intro-text a span.glyphicon {
  font-size: 10px;
  top: -3px; }

.news-social-links {
  float: right;
  height: 37px;
  padding-top: 10px;
  margin-bottom: 20px; }

.news-social-links .news-social-links-share {
  color: #46AF59;
  font-weight: 600; }

.news-social-links .news-social-link-item {
  margin-left: 20px; }

.news-social-links .news-social-link-item.news-social-link-item-facebook {
  color: #3A619E; }

.news-social-links .news-social-link-item.news-social-link-item-twitter {
  color: #329AD5; }

.news-social-links .news-social-link-item.news-social-link-item-mail {
  color: #585A5A; }

.follow-us-social-wrapper {
  margin-top: 20px;
  margin-left: 20px; }

@media screen and (min-width: 768px) {
  .news-follow-us-title {
    text-align: right; } }

.news-follow-us-link {
  color: #999999; }
  @media screen and (min-width: 768px) {
    .news-follow-us-link {
      float: right; } }

.news-follow-us-link .fa {
  margin-right: 10px;
  font-size: 30px; }

.news-follow-us-link .fa-twitter {
  color: #329AD5; }

.news-follow-us-link .fa-facebook {
  color: #3A619E; }

.news-follow-us-link .fa-linkedin {
  color: #fff;
  background-color: #0077b5;
  padding: 4px;
  border-radius: 4px;
  width: 36px;
  text-align: center; }

.news-follow-us-link .fa-rss {
  color: #fff;
  background-color: #FF6600;
  padding: 4px;
  border-radius: 4px;
  width: 36px;
  text-align: center; }

.follow-us-social-wrapper .news-follow-us-link {
  margin-bottom: 20px;
  display: block; }
  @media screen and (min-width: 768px) {
    .follow-us-social-wrapper .news-follow-us-link {
      display: inline-block; } }

.our-casestudies-wrapper .our-casestudies {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .our-casestudies-wrapper .our-casestudies {
      padding-left: 0;
      padding-right: 10px; } }

.our-casestudies-wrapper .our-casestudies-hr {
  border-width: 2px;
  border-color: #bcbcbc;
  border-style: solid;
  margin-top: 20px; }

.our-casestudies-wrapper .our-casestudies-image-wrapper {
  background-position: center center;
  background-size: cover;
  height: 150px; }

.our-casestudies-wrapper h3 {
  color: #bcbcbc;
  font-size: 22px; }

.our-casestudies-wrapper .our-casestudies-text {
  color: #575756;
  font-weight: 600;
  font-size: 14px;
  height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto; }

.our-casestudies-wrapper .our-casestudies-seeall {
  color: #575756;
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .our-casestudies-wrapper .our-casestudies-seeall {
      padding-left: 0;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  .our-casestudies-wrapper .content-wrapper .col-3-medium:last-child .our-casestudies {
    padding-right: 0; } }

.our-ranges-wrapper {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px; }
  .our-ranges-wrapper h2 {
    margin-top: 20px; }
  .our-ranges-wrapper .our-ranges {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .our-ranges-wrapper .our-ranges {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0; } }
  .our-ranges-wrapper .our-ranges h3 {
    font-family: "FrutigerLTStd-Black", sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 24px; }
  .our-ranges-wrapper .our-ranges-image-wrapper {
    background-color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .our-ranges-wrapper .our-ranges-image-wrapper {
        background-color: unset;
        text-align: left; } }
  .our-ranges-wrapper .our-ranges-image-wrapper img {
    width: 290px;
    height: 200px;
    border: 1px solid #ccc; }
  .our-ranges-wrapper .our-ranges.our-ranges-small .our-ranges-image-wrapper img, .our-ranges-wrapper .our-ranges.our-ranges-small .our-ranges-text {
    width: 100%; }
  .our-ranges-wrapper .our-ranges.our-ranges-small .our-ranges-text {
    padding: 0 10px; }
  .our-ranges-wrapper .our-ranges-yourhome-home {
    color: #B3B4B7; }
  .our-ranges-wrapper .our-ranges-logo {
    max-height: 30px;
    width: auto; }

.our-solutions-wrapper {
  background-color: #edeff0;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .our-solutions-wrapper {
      padding-left: 10px;
      padding-right: 10px; } }

.our-solutions-left {
  margin-bottom: 30px;
  width: 49% !important;
  float: left;
  margin-right: 0; }
  @media screen and (max-width: 767px) {
    .our-solutions-left {
      width: 100% !important;
      float: none;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0 !important;
      margin-left: 0 !important; } }
  @media screen and (min-width: 768px) {
    .our-solutions-left {
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0; } }

.our-solutions-right {
  width: 49% !important;
  float: right;
  margin-left: 0; }
  @media screen and (max-width: 767px) {
    .our-solutions-right {
      width: 100% !important;
      float: none;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0;
      margin-left: 0; } }
  @media screen and (min-width: 768px) {
    .our-solutions-right {
      margin-left: 0 !important;
      margin-right: 0 !important; } }

.our-solutions-left .our-solutions, .our-solutions-right .our-solutions {
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.2), 0 6px 20px -6px rgba(0, 0, 0, 0.19);
  margin-left: 20px;
  margin-right: 20px; }

.our-solutions-left .image-link-item-container,
.our-solutions-right .image-link-item-container {
  margin-bottom: 25px; }

.our-solutions {
  border: 4px solid #fff;
  color: #ffffff;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 320px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  /*margin: 4px;*/
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .our-solutions {
      padding: 30px; } }

.our-solutions h3 {
  font-size: 32px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.85);
  max-width: 240px; }

.our-solutions .our-solutions-strapline-wrapper {
  /*border-top: 3px solid $LIGHT_TEXT;*/
  display: inline-block;
  margin-top: 30px;
  padding-top: 5px; }

.our-solutions .our-solutions-strapline-wrapper .our-solutions-strapline {
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.85);
  font-size: 16px; }
  .our-solutions .our-solutions-strapline-wrapper .our-solutions-strapline b {
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif; }

.our-solutions .btn-readmore {
  bottom: 20px;
  right: 20px; }

.our-solutions-arrow {
  width: 35px;
  bottom: 0;
  position: absolute;
  margin-bottom: 30px; }

.our-solutions-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background-color: #fff; }

.our-solutions-bottom span {
  font-size: 23px;
  color: #008264; }

.our-solutions-bottom span .fa {
  font-size: 16px; }

.product-downloads {
  border: 1px solid #B3B4B7;
  padding: 25px 0;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .product-downloads {
      padding: 25px; } }
  @media screen and (min-width: 768px) {
    .product-downloads {
      margin-bottom: 60px; } }
  .product-downloads__subtitle {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif; }
    @media screen and (min-width: 768px) {
      .product-downloads__subtitle {
        padding-left: 0;
        padding-right: 0; } }
    .product-downloads__subtitle + .product-downloads__note {
      margin-top: -10px;
      margin-bottom: 10px; }
  .product-downloads__fieldset {
    position: relative;
    background: rgba(91, 103, 112, 0.1);
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-downloads__fieldset:hover {
      background-color: rgba(91, 103, 112, 0.17); }
    .product-downloads__fieldset input[type=checkbox] {
      position: absolute;
      display: block;
      width: 22px;
      height: 22px;
      border: none;
      top: 7px;
      left: 20px;
      outline: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
      z-index: 3;
      cursor: pointer; }
      .product-downloads__fieldset input[type=checkbox]:checked + label:after {
        background-image: url(/images/svg/green-tick.svg); }
    .product-downloads__fieldset label {
      display: block;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 1px solid rgba(91, 103, 112, 0.2);
      padding: 10px 45px 0 52px;
      min-height: 37px;
      box-sizing: border-box;
      font-size: 14px;
      z-index: 2;
      position: relative; }
      .product-downloads__fieldset label:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        left: 20px;
        top: 7px;
        box-sizing: border-box;
        border: 1px solid #575756;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center 4px; }
  .product-downloads__thumbnail {
    border: 1px solid rgba(0, 136, 204, 0.2);
    background-color: #ffffff;
    width: auto;
    height: 35px;
    position: absolute;
    right: 0;
    top: 1px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    z-index: 4;
    font-size: 0; }
    .product-downloads__thumbnail img {
      max-width: 26px;
      max-height: 24px;
      width: auto;
      height: auto;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .product-downloads__thumbnail span {
      display: block;
      float: left;
      width: 33px;
      height: 33px;
      position: relative; }
  .product-downloads__file {
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    position: relative;
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-downloads__file:hover {
      background-color: #08c; }
  .product-downloads__zoom {
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    position: relative;
    cursor: pointer; }
    .product-downloads__zoom:before {
      content: "";
      position: absolute;
      width: 35px;
      height: 35px;
      top: 0;
      right: 0;
      background-image: url(/images/svg/mag-plus.svg);
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center center;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-downloads__zoom:hover:before {
      background-color: #08c;
      background-image: url(/images/svg/mag-plus-white.svg); }
  .product-downloads__buttons {
    margin-left: 20px;
    margin-right: 20px; }
    @media screen and (min-width: 768px) {
      .product-downloads__buttons {
        margin-left: 0;
        margin-right: 0; } }
    .product-downloads__buttons .button {
      margin-bottom: 10px;
      display: block; }
  .product-downloads__clear {
    color: #575756;
    font-size: 14px;
    text-decoration: underline; }
  .product-downloads__note {
    margin: 25px 0 0;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .product-downloads__note {
        padding-left: 0px;
        padding-right: 0px; } }
    .product-downloads__note + .product-downloads__subtitle {
      margin-top: 5px; }
  .product-downloads__email-wrapper {
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .product-downloads__email-wrapper {
        padding-left: 0px;
        padding-right: 0px; } }
    .product-downloads__email-wrapper input[type=text] {
      width: calc(100% - 75px);
      float: left;
      min-height: 42px;
      padding: 0px 10px;
      line-height: 40px; }
    .product-downloads__email-wrapper .button {
      padding: 0;
      line-height: 40px;
      min-height: 42px;
      width: 70px;
      float: right; }

.product-filter {
  min-height: 74px;
  margin-bottom: 20px; }
  .product-filter--undock .product-filter__module {
    top: 0;
    width: 100%;
    max-width: 940px;
    z-index: 90; }
    @media screen and (min-width: 768px) {
      .product-filter--undock .product-filter__module {
        position: fixed; } }
  .product-filter__module {
    color: #ffffff;
    background: #B3B4B7;
    min-height: 74px;
    /*padding-left: 24px;
        padding-right: 20px;*/
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    margin-right: 7px;
    margin-bottom: 20px; }
    .product-filter__module:before, .product-filter__module:after {
      content: " ";
      display: table; }
    .product-filter__module:after {
      clear: both; }
  .product-filter__heading {
    background: grey;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 36px;
    padding: 0px;
    padding-left: 20px; }
  .product-filter__title {
    line-height: 36px;
    background: grey;
    /*color: $BRAND;*/
    font-size: 19px;
    text-transform: uppercase;
    padding-left: 20px;
    /*line-height: 36px;*/
    /*margin-top: 20px;*/ }
  .product-filter__clear {
    display: inline-block;
    font-size: 14px;
    border-bottom: 1px solid #08c;
    padding-top: 12px;
    padding-bottom: 2px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .product-filter__clear {
        display: block;
        float: right; } }
    .product-filter__clear:hover {
      border-color: #a21f1f;
      color: rgba(255, 255, 255, 0.7); }
  .product-filter__wrapper {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .product-filter__wrapper {
        /*width: 240px;*/
        /*float: left;*/
        margin: 0 18px 20px 0; } }
    .product-filter__wrapper .slider {
      margin: 0 auto;
      display: block;
      margin-top: 20px;
      margin-bottom: 40px;
      width: 90% !important;
      margin-left: 14px; }
  .product-filter__select {
    background-color: rgba(255, 255, 255, 0.13);
    height: 36px;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .product-filter__select {
        /*width: 240px;*/
        margin-bottom: 0; } }
    .product-filter__select:after {
      content: "";
      position: absolute;
      background: #575756;
      width: 28px;
      height: 28px;
      top: 4px;
      right: 4px;
      z-index: 1;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-filter__select span {
      display: block;
      padding: 10px 46px 0 16px;
      position: relative; }
      .product-filter__select span:before, .product-filter__select span:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 11px;
        background: #ffffff;
        right: 13px;
        top: 12px;
        z-index: 2;
        transform: rotate(45deg);
        transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .product-filter__select span:after {
        transform: rotate(-45deg);
        right: 21px; }
    .product-filter__select:hover:after {
      background-color: #ffffff; }
    .product-filter__select:hover span:before, .product-filter__select:hover span:after {
      background: #575756; }
    .product-filter__select--active span:before {
      transform: rotate(-45deg); }
    .product-filter__select--active span:after {
      transform: rotate(45deg); }
  .product-filter__options {
    display: none; }
  .product-filter__option {
    position: relative; }
    .product-filter__option:hover {
      background-color: rgba(255, 255, 255, 0.13); }
    .product-filter__option input {
      position: absolute;
      display: block;
      width: 22px;
      height: 22px;
      border: none;
      top: 7px;
      left: 16px;
      outline: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
      z-index: 3;
      cursor: pointer; }
      .product-filter__option input:hover + label:after {
        border-color: #ffffff; }
      .product-filter__option input:checked + label:after {
        background-image: url(/images/svg/white-tick.svg); }
    .product-filter__option label {
      display: block;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      padding: 10px 16px 0 46px;
      min-height: 37px;
      box-sizing: border-box;
      font-size: 14px;
      z-index: 2; }
      .product-filter__option label:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        left: 16px;
        top: 7px;
        box-sizing: border-box;
        border: 1px solid rgba(255, 255, 255, 0.7);
        z-index: 1;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center 4px; }

#ClearFilterButtonDiv {
  padding: 20px 10px;
  padding-bottom: 0; }

.product-filter__search {
  padding: 10px; }

.product-filter__search .search-text {
  padding: 5px; }

.product-grid {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .product-grid {
      margin-top: 50px;
      padding-left: 0;
      padding-right: 0; } }
  .product-grid__item {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .product-grid__item {
        padding-left: 7px;
        padding-right: 7px;
        /*&:first-child {
                padding-left: 0;
            }

            &:last-child {
                padding-right: 0;
            }*/ } }
    .product-grid__item--standalone {
      padding-left: 0 !important;
      padding-right: 0 !important; }
  .product-grid__product {
    display: block;
    background-color: #dee0e2; }
    .product-grid__product:before, .product-grid__product:after {
      content: " ";
      display: table; }
    .product-grid__product:after {
      clear: both; }
    .product-grid--grey-light .product-grid__product {
      background: #bcbcbc; }
    .product-grid__product-trans {
      background-color: transparent; }
  .product-grid__product-top {
    overflow: hidden; }
  .product-grid__item-img {
    /*width: 220px;
        height: 220px;*/
    min-height: 170px;
    z-index: 1;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    mix-blend-mode: multiply;
    margin: 0 auto; }
    .product-grid__item-img--cover .product-grid__item-img {
      height: 220px;
      background-size: cover; }
    .product-grid__item-img--cover {
      height: 220px;
      overflow: hidden;
      margin-bottom: 20px; }
    .product-grid__item-img-bg {
      background-size: contain; }
  .product-grid__item-img-bordered {
    border: 1px solid #ccc; }
  .product-grid__item-img-small {
    width: 170px;
    height: 170px; }
    .product-grid__item-img--cover .product-grid__item-img-small {
      height: 170px; }
    .product-grid__item-img-small--cover {
      height: 170px; }
  .product-grid__item-title {
    text-transform: uppercase;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1em;
    color: #5b6770;
    /*font-weight: $FONTWEIGHT_BOLD;*/
    font-family: "FrutigerLTStd", sans-serif;
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    word-break: break-word;
    display: block;
    padding-right: 10px;
    margin-bottom: 10px; }
    .product-grid__item-title__wrapper {
      display: table;
      width: 100%;
      z-index: 2;
      position: relative; }
  .product-grid__item-title-center {
    text-align: center; }
  .product-grid__item-desc {
    text-align: center;
    padding: 0 20px 20px;
    margin: 0;
    color: #575756;
    font-size: 13px;
    display: block;
    line-height: 1.3em; }
    .product-grid__item-desc ul {
      margin: 0;
      text-align: left; }
      .product-grid__item-desc ul li {
        padding-left: 22px;
        position: relative;
        min-height: 13px;
        display: block;
        margin-bottom: 5px; }
        .product-grid__item-desc ul li:before {
          content: "";
          width: 13px;
          height: 16px;
          position: absolute;
          left: 0;
          top: 0;
          background-image: url(/images/svg/green-tick.svg);
          background-repeat: no-repeat;
          background-size: 13px;
          background-position: center 4px; }
  .product-grid__product-bottom {
    border-top: 1px solid #ffffff;
    min-height: 45px;
    border-bottom: 7px solid #B3B4B7;
    position: relative;
    text-align: center;
    font-size: 14px;
    padding-top: 11px;
    box-sizing: border-box;
    color: #575756;
    transition: background-color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-grid__product-bottom:after {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      background: transparent url(/images/svg/product-arrow.svg) no-repeat 0 0;
      z-index: 1;
      background-size: 16px;
      top: 11px;
      right: 10px; }
    .product-grid__product-bottom--no-border {
      border-bottom: 1px solid rgba(87, 87, 86, 0.25) !important;
      min-height: 39px; }
  .product-grid__message {
    background-color: #575756;
    color: #ffffff; }
  .product-grid__message-title {
    padding: 0 20px 20px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    line-height: 0.9em;
    color: #ffffff;
    display: block;
    font-size: 28px;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 100%; }
    @media screen and (min-width: 768px) {
      .product-grid__message-title {
        font-size: 30px; } }
    .product-grid__message-title__wrapper {
      min-height: 195px;
      position: relative; }
  .product-grid__message-desc {
    text-align: center;
    padding: 0 20px 20px;
    margin: 0;
    color: #ffffff;
    font-size: 13px;
    display: block;
    line-height: 1.3em; }
  .product-grid__links {
    background: #dee0e2; }
    .product-grid__links a {
      display: block;
      padding: 10px 20px 10px 30px;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-bottom: 1px solid rgba(91, 103, 112, 0.25);
      color: #575756;
      font-size: 14px;
      position: relative;
      transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      /*&:hover {
                color: $BLUE;
                font-weight: bold;

                &:before, &:after {
                    background-color: $GREY_DARK;
                    width: 2px;
                }
            }*/
      /* 
      &:before {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;
        background: url(/images/svg/product-arrow.svg) no-repeat 0 0;
        left: 15px;
        top: 11px;
      }
       */ }
      .product-grid__links a:before, .product-grid__links a:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 7px;
        background-color: #008264;
        transform: rotate(-45deg);
        left: 20px;
        top: 13px;
        margin-top: 0;
        transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .product-grid__links a:after {
        transform: rotate(45deg);
        margin-top: 4px; }
      .product-grid__links a:hover {
        color: #008264; }
  .product-grid__greyed {
    padding-left: 7px; }
    .product-grid__greyed > div {
      background: url(/images/product-greyed.jpg);
      min-height: 10px; }
  .product-grid a.product-grid__product:hover {
    /*.product-grid__item-img {
                transform: scale(1.1);
            }*/
    /*.product-grid__product-bottom {
                background-color: $GREY_LIGHT;
                color: $BLUE;
            }*/
    /*.product-grid__item-title {
                color: $BLUE;
            }*/ }

.product-list-grid {
  margin-left: -7px;
  margin-right: 7px; }

.product-overview {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .product-overview {
      margin-top: 50px; } }
  .product-overview__image {
    min-height: 360px;
    background-size: contain;
    border-bottom: 7px solid #000;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #bcbcbc;
    mix-blend-mode: multiply;
    text-align: center; }
    .product-overview__image img {
      max-height: 360px;
      max-width: 100%;
      width: auto; }
    .product-overview__image__caption {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #5b6770;
      padding: 10px;
      font-size: 14px;
      color: #ffffff;
      text-align: center; }
    .product-overview__image__zoom {
      position: absolute;
      width: 35px;
      height: 35px;
      background: #f00;
      top: -40px;
      right: 10px;
      background: #ffffff no-repeat center center;
      background-image: url(/images/svg/mag-plus.svg);
      background-size: 30px;
      cursor: pointer;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .product-overview__image__zoom:hover {
        background-color: #008264;
        background-image: url(/images/svg/mag-plus-white.svg); }
  .product-overview__copy {
    padding-bottom: 20px; }
    [class*='col-'] .product-overview__copy {
      padding-left: 30px; }
  .product-overview__title {
    font-size: 27px;
    text-transform: uppercase;
    display: block;
    padding-top: 40px; }
  .product-overview__list {
    list-style: none;
    margin: 0;
    padding: 12px 0 10px;
    font-size: 14px;
    font-color: #575756;
    line-height: 1.4em; }
    .product-overview__list li {
      margin: 2px 0;
      display: block;
      padding-left: 22px;
      position: relative;
      min-height: 13px; }
      .product-overview__list li:before {
        content: "";
        width: 13px;
        height: 13px;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(/images/svg/green-tick.svg);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: center 4px; }
  .product-overview__icons {
    padding-top: 15px; }
  .product-overview__icon {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: middle; }
    .product-overview__icon__img {
      width: auto;
      height: auto;
      max-height: 26px;
      vertical-align: middle; }

.product-overview__copy .product-overview__title:first-child {
  padding-top: 0; }

.product-overview__saleprice {
  font-size: 30px;
  padding-left: 25px; }

.product-overview__quantity {
  margin-left: 25px;
  padding: 8px; }

/*.product-range-concord {
  .category-carousel__slide-inner,
  &.intro-block .content-wrapper,
  .product-grid__product-bottom,
  .brands-module & {
    border-bottom-color: $GREY_MID_LIGHTER;
  }
}

.product-range-lumiance {
  .category-carousel__slide-inner,
  &.intro-block .content-wrapper,
  .product-grid__product-bottom,
  .brands-module & {
    border-bottom-color: $GREY_MID_LIGHTER;
  }
}

.product-range-sylvania {
  .category-carousel__slide-inner,
  &.intro-block .content-wrapper,
  .product-grid__product-bottom,
  .brands-module & {
    border-bottom-color: $GREY_MID_LIGHTER;
  }
}*/
.product-tabs {
  background: #575756;
  font-size: 0;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .product-tabs {
      border-radius: 0px 0px 5px 5px;
      padding: 10px 20px 0;
      margin-bottom: 50px;
      height: auto;
      overflow: auto; } }
  .product-tabs__wrapper {
    position: relative; }
  .product-tabs__module {
    /*
    .product-tabs--undock & {
      @include medium {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: $Z_FILTER;
        .intro-block {
          padding-top: 20px;
        }
        .intro-block__copy {
          padding-bottom: 20px; 
        }
      }
    }
    */ }
  .product-tabs__tab {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    letter-spacing: -0.5px;
    padding: 15px 32px 15px 15px;
    border-radius: 5px 5px 0 0;
    margin-right: 15px;
    position: relative;
    min-height: 55px;
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .product-tabs__tab:after {
      background: url(/images/svg/anchor.svg) no-repeat 0 0;
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -11px; }
    .product-tabs__tab:last-child {
      margin-right: 0; }
    .product-tabs__tab:hover {
      background-color: rgba(255, 255, 255, 0.2);
      border-bottom-color: #008264; }
    .product-tabs__tab--active {
      color: #575756 !important;
      background: #ffffff !important; }
  .product-tabs__button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    margin-right: 15px;
    position: relative; }
  .product-tabs__sections {
    position: relative; }
  .product-tabs__section {
    position: relative;
    z-index: 1;
    background: #ffffff;
    display: none; }
    @media screen and (max-width: 767px) {
      .product-tabs__section {
        display: block !important; } }
    .product-tabs__section--current {
      position: relative;
      z-index: 2;
      display: block; }
    .product-tabs__section--fadein {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 3; }
    .product-tabs__section .content__module-title {
      margin-top: 0 !important; }

.share-module {
  margin-top: 30px;
  padding: 20px 15px;
  background: #575756;
  color: #ffffff; }
  @media screen and (min-width: 768px) {
    .share-module {
      margin-top: 50px;
      border-radius: 5px; } }
  .share-module__download {
    text-align: center;
    margin: 0; }
    .share-module__download .button {
      display: block;
      margin-bottom: 10px;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .share-module__download .button {
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 0; } }
    .share-module__download__link {
      display: inline-block;
      margin: 15px 10px 3px;
      font-size: 14px;
      padding-bottom: 2px;
      border-bottom: 1px solid #08c;
      color: #ffffff; }
  .share-module__share {
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0; }
    .share-module__share .st_twitter_vcount, .share-module__share .st_linkedin_vcount {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      text-transform: initial; }
    .share-module__share .stButton .stBubble {
      background-position: 25px 28px;
      height: 35px; }
    .share-module__share .stBubble {
      background-image: url(http://w.sharethis.com/share4x/images/Twitter_arrow_below.png) !important; }
    .share-module__share .stButton .stBubble_count {
      line-height: 29px;
      font-family: "FrutigerLTStd", sans-serif;
      font-weight: bold;
      font-size: 16px;
      padding: 0;
      margin: 0;
      border-radius: 2px;
      border: none;
      background: #fff;
      filter: none; }
    .share-module__share .stMainServices.st-twitter-counter {
      height: 20px;
      background-image: none !important;
      background-color: #08c;
      border-radius: 2px;
      position: relative;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .share-module__share .stMainServices.st-twitter-counter:hover {
        background-color: #1b95e0; }
      .share-module__share .stMainServices.st-twitter-counter:before, .share-module__share .stMainServices.st-twitter-counter:after {
        content: "";
        position: absolute; }
      .share-module__share .stMainServices.st-twitter-counter:before {
        content: "";
        background-repeat: no-repeat;
        background-image: url(/images/svg/twitter-icon.svg);
        width: 14px;
        height: 14px;
        left: 4px;
        top: 2px; }
      .share-module__share .stMainServices.st-twitter-counter:after {
        content: "Tweet";
        left: 22px;
        top: 2px;
        font-size: 11px;
        letter-spacing: -0.5px;
        color: #ffffff; }
    .share-module__share .stMainServices.st-linkedin-counter {
      height: 20px; }

.search-results {
  margin-top: 30px; }
  .search-results__top-bar {
    margin-bottom: 10px;
    padding: 10px;
    text-align: right;
    font-size: 0; }
  .search-results__bottom-bar {
    padding: 10px;
    text-align: center;
    font-size: 0; }
  .search-results__button {
    display: inline-block;
    /*padding: 10px;*/
    border-radius: 4px;
    background: #575756;
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 0 2px;
    font-size: 14px;
    position: relative;
    height: 38px;
    border: 1px solid #575756;
    padding-top: 10px;
    width: 38px;
    text-align: center; }
    .search-results__button + .search-results__label {
      margin-left: 10px; }
    .search-results__button:hover {
      background: #008264;
      color: #ffffff; }
    .search-results__button--selected {
      background: #ffffff;
      color: #008264;
      cursor: default;
      text-decoration: none !important;
      font-weight: bold;
      border: 1px solid #008264 !important; }
      .search-results__button--selected:hover {
        background: #ffffff;
        color: #008264; }
    .search-results__button--forward img, .search-results__button--reverse img {
      height: 14px;
      width: auto;
      top: -1px;
      position: relative; }
  .search-results__label {
    font-size: 14px; }
    .search-results__label + .search-results__button {
      margin-left: 10px; }
  .search-results__results {
    background: rgba(233, 234, 236, 0.5);
    margin-bottom: 10px; }
  .search-results__result {
    border-bottom: 1px solid rgba(87, 87, 86, 0.2);
    padding: 20px;
    display: block;
    font-size: 14px;
    color: #575756;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif; }
    .search-results__result:before, .search-results__result:after {
      content: " ";
      display: table; }
    .search-results__result:after {
      clear: both; }
    .search-results__result__title {
      font-size: 14px;
      color: #575756;
      font-weight: bold; }
    .search-results__result__link {
      font-size: 14px;
      color: #575756;
      font-weight: bold;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .search-results__result:hover .search-results__result__link {
      color: #008264; }
  .search-results__thumbnail {
    max-width: 100px !important;
    max-height: 100px !important;
    width: auto;
    margin: 0 auto; }
    .search-results__thumbnail + .search-results__snippet {
      width: calc(100% - 110px); }
  .search-results__thumbnail-wrapper {
    width: 100px;
    height: 100px;
    background-color: #fff;
    text-align: center; }
  .search-results__snippet {
    width: 100%;
    padding: 0 0 10px 20px;
    box-sizing: border-box;
    float: left; }
  .search-results__form {
    position: relative;
    width: 210px;
    margin-top: 10px; }
    .search-results__form__query {
      width: 210px;
      height: 32px;
      border: 1px solid #5b6770;
      border-radius: 28px;
      padding-left: 13px;
      padding-right: 35px;
      font-size: 16px;
      outline: 0; }
    .search-results__form__submit {
      position: absolute;
      right: 5px;
      bottom: 3px;
      height: 25px;
      border: 0;
      background: url(/images//svg/mag-glass.svg) no-repeat 0 0;
      background-size: 25px;
      text-indent: -9999px;
      width: 23px;
      outline: 0;
      cursor: pointer; }

.ui.pagination.menu .item {
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  background: #575756;
  color: #ffffff;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0 2px;
  font-size: 14px;
  position: relative;
  height: 38px;
  width: auto; }

.ui.pagination.menu .item:hover {
  background: #008264;
  color: #ffffff; }

.ui.pagination.menu .item.active {
  background: #ffffff;
  color: #575756;
  cursor: default;
  font-weight: bold;
  border: 1px solid #008264 !important; }

.logic-sylsmart-header {
  margin-top: 20px; }

.logic-sylsmart-header-left, .logic-sylsmart-header-right {
  height: 400px;
  background-size: cover;
  margin-right: 10px;
  position: relative; }

.logic-sylsmart-header-left {
  padding-top: 60px;
  padding-left: 120px;
  padding-right: 70px; }

.logic-sylsmart-header-left-logic {
  padding-top: 80px; }

.logic-sylsmart-header-paragraph-top {
  font-size: 21px; }

.logic-sylsmart-header-paragraph-bottom {
  font-size: 14px;
  font-weight: 600; }

.logic-sylsmart-header-right img {
  max-width: 160px;
  display: block;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 20px; }

.logic-sylsmart-header-right > span {
  display: block;
  font-weight: 600;
  color: #fff;
  text-align: center; }

.logic-sylsmart-header-right-bottom {
  position: absolute;
  bottom: 0;
  width: 100%; }

.logic-sylsmart-header-right-bottom a {
  display: block;
  border: 2px solid white;
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;
  width: auto;
  text-align: center;
  margin-right: 2.5px;
  margin-left: 10px; }

.logic-sylsmart-header-right-bottom .col-6:last-child a {
  margin-left: 2.5px;
  margin-right: 10px; }

.logic-sylsmart-header-right-bottom a span {
  font-size: 12px; }

.sylsmart-carousel-wrapper {
  margin-bottom: 20px; }

.sylsmart-carousel {
  margin-top: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right; }

.sylsmart-carousel-nav {
  background-color: #008264;
  margin-right: 10px;
  margin-top: 21px;
  display: none; }
  @media screen and (min-width: 768px) {
    .sylsmart-carousel-nav {
      display: block; } }

.sylsmart-carousel-nav ul {
  margin-left: 70px;
  margin-top: 60px;
  margin-bottom: 60px;
  display: inline-block;
  border-left: 1px dashed white; }

.sylsmart-carousel-nav ul li {
  color: #fff;
  margin-bottom: 60px;
  list-style: none;
  background: url("../../../images/rebrand/sylsmart-bullet-active.png") no-repeat left top;
  padding-top: 0;
  padding-left: 60px;
  background-color: #008264;
  cursor: pointer;
  background-size: 20px;
  height: 20px;
  margin-left: -11px;
  -webkit-transition: all 0.4s;
  /* Safari */
  transition: all 0.4s; }

.sylsmart-carousel-nav ul li a {
  color: #fff; }

.sylsmart-carousel-nav ul li a:hover {
  color: #003629; }

.sylsmart-carousel-nav ul li.active {
  font-weight: 600;
  margin-left: -21px;
  height: 43px;
  background-size: 43px;
  padding-top: 10px;
  padding-left: 70px; }

.sylsmart-carousel-nav ul li:last-child {
  margin-bottom: 0; }

.sylsmart-carousel-nav ul li.active:last-child {
  height: 43px; }

.sylsmart-carousel-item {
  /*height: 650px;*/
  background-size: cover;
  color: #fff;
  text-align: center;
  font-size: 16px;
  /*padding-top: 200px;*/ }

.sylsmart-carousel-item .sylsmart-carousel-item-title {
  font-size: 35px; }

.sylsmart-carousel-item p {
  width: 250px;
  margin: 0 auto;
  margin-top: 20px; }

.sylsmart-carousel-prev, .sylsmart-carousel-next {
  color: #fff;
  background-color: #008264;
  width: 50px;
  height: 50px;
  display: block !important;
  z-index: 10000;
  text-align: center;
  padding-top: 12px;
  font-size: 20px;
  cursor: pointer; }

.sylsmart-carousel-prev {
  position: absolute;
  right: 0;
  top: 21px; }

.sylsmart-carousel-next {
  position: absolute;
  right: 0;
  bottom: 1px; }

.sylsmart-carousel-prev.slick-disabled, .sylsmart-carousel-next.slick-disabled {
  opacity: .5; }

@media screen and (min-width: 768px) {
  .sylsmart-case-study-wrapper {
    height: 206px;
    width: 304px; } }

.sylsmart-case-study {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 30px;
  padding-top: 20px;
  color: #fff;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
  background-repeat: no-repeat;
  min-height: 300px;
  -webkit-transition: all 0.4s;
  /* Safari */
  transition: all 0.4s;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .sylsmart-case-study {
      min-height: unset;
      background-size: auto 100%; } }

@media screen and (min-width: 768px) {
  .sylsmart-case-study-wrapper:hover .sylsmart-case-study, .sylsmart-case-study-wrapper:focus .sylsmart-case-study {
    background-size: auto 120%; } }

.sylsmart-case-studies-wrapper {
  margin-bottom: 60px; }

.sylsmart-case-studies-wrapper .cols {
  margin-left: -5px;
  margin-right: -5px; }

.sylsmart-case-study-line1, .sylsmart-case-study-line2, .sylsmart-case-study-line3 {
  display: block; }

.sylsmart-case-study-line1, .sylsmart-case-study-line2 {
  font-size: 30px; }

.sylsmart-case-study-line2 {
  font-weight: 600; }

.sylsmart-case-study-line3 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 30px; }

.sylsmart-case-study-link {
  width: 35px;
  bottom: 0;
  position: absolute;
  margin-bottom: 20px; }

.sylsmart-solutions-wrapper, .logic-options-wrapper, .logic-case-studies-wrapper {
  background-color: #edeff0;
  padding-bottom: 50px; }

.sylsmart-solutions-wrapper .content-wrapper > .cols, .logic-options-wrapper .content-wrapper > .cols, .logic-case-studies-wrapper .content-wrapper > .cols {
  margin-left: -5px;
  margin-right: -5px; }

.sylsmart-solution {
  height: 206px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff; }

.sylsmart-solution-left {
  height: 206px;
  overflow: hidden; }

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

.sylsmart-solution-heading {
  font-family: "FrutigerLTStd-Black", sans-serif;
  font-size: 14px;
  padding-top: 5px;
  border-top: 2px solid black; }

.sylsmart-solution-title {
  display: block;
  font-size: 14px; }

.sylsmart-solution-text {
  font-size: 12px; }

.sylsmart-solution-bottom {
  position: absolute;
  bottom: 0;
  padding-bottom: 10px; }

.sylsmart-solution-bottom a {
  color: #008264;
  font-weight: 600; }

.sylsmart-solution-bottom a span {
  font-size: 12px; }

.logic-option {
  background-color: #fff;
  height: 500px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative; }

.logic-option-number {
  text-align: center;
  display: block;
  color: #c8b327;
  font-family: "FrutigerLTStd-Black", sans-serif;
  font-size: 60px; }

.logic-option-title {
  text-align: center;
  display: block;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd; }

.logic-option-intro {
  color: #008264;
  font-size: 14px;
  font-weight: 600; }

.logic-option-text {
  font-size: 12px;
  font-weight: 600;
  margin-top: 40px; }

.logic-option-text ul {
  margin-left: 20px; }

.logic-option-text ul li {
  margin-bottom: 10px; }

.logic-option-bottom {
  position: absolute;
  bottom: 0;
  background-color: #008264;
  width: 100%;
  margin-left: -40px;
  height: 50px;
  text-align: center; }

.logic-option-bottom a {
  color: #fff;
  font-size: 14px;
  display: block;
  height: 50px;
  line-height: 50px;
  font-family: "FrutigerLTStd-Bold", sans-serif; }

.logic-case-study {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .logic-case-study {
      height: 500px; } }

@media screen and (min-width: 768px) {
  .logic-case-studies-wrapper .logic-case-study:first-child {
    margin-right: 20px; } }

@media screen and (min-width: 768px) {
  .logic-case-studies-wrapper .logic-case-study:last-child {
    margin-left: 20px; } }

@media screen and (min-width: 768px) {
  .logic-case-study > img {
    height: 250px;
    width: auto; } }

.logic-case-study-bottom {
  padding: 30px; }

.logic-case-study-title {
  font-size: 30px;
  color: #008264; }

.logic-case-study-strapline {
  font-size: 14px;
  display: block;
  font-family: "FrutigerLTStd-Black", sans-serif;
  margin-top: 30px;
  color: #838383; }

.logic-case-study-saving {
  font-size: 35px;
  display: block;
  color: #838383;
  margin-top: 10px;
  margin-bottom: 10px; }

.logic-case-study-bottom-text {
  font-size: 14px;
  color: #838383;
  font-weight: 600;
  line-height: 35px; }

.logic-case-study-link {
  float: right; }

.logic-case-study-link img {
  width: 35px; }

.logic-modal.modal__wrapper {
  background-color: rgba(255, 255, 255, 0.95);
  max-height: calc(100vh);
  overflow-y: auto; }

.logic-modal .modal {
  /*height: 571px !important;*/
  box-shadow: none;
  cursor: pointer; }

.logic-modal-content {
  background: #fff center center no-repeat;
  background-size: cover;
  height: 571px !important; }

/*.logic-modal-content-close {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 15px;    
    z-index:2;
}

.logic-modal-content-close a {
    color: $BRAND;
}*/
/*#logic-modal .modal:after {
    background: #000;
    background: linear-gradient(to right, black 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba($color-black, 1)', endColorstr='rgba($color-black, 0)', GradientType=1 );
    bottom: 0;
    content: "";
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}*/
.book-energy-audit-wrapper {
  margin-top: 40px;
  margin-bottom: 20px; }

.book-energy-audit-wrapper hr {
  border: none;
  border-top: 2px solid #d9d9d9;
  width: 70%;
  margin-top: 50px; }

.book-energy-audit-wrapper .book-energy-audit-logo {
  width: 78px;
  height: 78px; }

.book-energy-audit-wrapper .book-energy-audit-text {
  font-size: 22px;
  color: #008264;
  font-weight: 300;
  padding-left: 20px;
  padding-right: 10px; }

.book-energy-audit-wrapper .fa {
  font-size: 28px;
  color: #008264; }

.table {
  width: 100%;
  border-collapse: separate;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif; }
  .table--compact-head-rows .table__thead__th,
  .table--compact-head-rows .table__thead__td {
    padding-top: 5px;
    padding-bottom: 5px; }
  .table--compact-rows .table__tbody__th,
  .table--compact-rows .table__tbody__td {
    padding-top: 5px;
    padding-bottom: 5px; }
  .table__thead__th {
    background-color: #575756;
    text-align: left;
    padding: 10px 20px 10px 25px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(91, 103, 112, 0.2); }
    .table__thead__th--border {
      border-right: 1px solid rgba(255, 255, 255, 0.5); }
    .table__thead__th--squarepad {
      padding: 10px; }
  .table__tbody__td {
    background-color: rgba(233, 234, 236, 0.7);
    padding: 10px 20px 10px 25px;
    color: #575756;
    font-size: 13px;
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-left: 1px solid rgba(91, 103, 112, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(91, 103, 112, 0.2); }
    .table__tbody__td--bold {
      font-weight: 700;
      font-family: "FrutigerLTStd-Bold", sans-serif; }
    .table__tbody__td--pcode {
      width: 155px; }
    .table__tbody__td--index {
      padding-left: 0;
      padding-right: 0;
      text-align: center; }
    @media screen and (min-width: 768px) {
      .table__tbody__td--50pc {
        width: 50%; } }
    .table__tbody__td--no-pad {
      padding: 0 !important; }
    .table__tbody__td--no-border {
      border: none !important; }
    .table__tbody__td.table__accordion__anchor {
      position: relative;
      padding-left: 40px;
      cursor: pointer; }
      .table__tbody__td.table__accordion__anchor:before {
        content: "";
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url(/images/svg/table-anchor.svg);
        background-position: center center;
        background-size: 18px;
        position: absolute;
        top: 3px;
        left: 12px;
        transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .table__tbody__td.table__accordion__anchor--active:before {
        transform: rotate(-180deg); }
  .table__tbody tr:nth-child(even) .table__tbody__td {
    background-color: rgba(233, 234, 236, 0.5); }
  .documents-download .table__tbody tr:nth-child(1n+1) .table__tbody__td, .documents-download .table__tbody tr:nth-child(1n+2) .table__tbody__td {
    background-color: rgba(233, 234, 236, 0.7); }
  .documents-download .table__tbody tr:nth-child(4n+1) .table__tbody__td, .documents-download .table__tbody tr:nth-child(4n+2) .table__tbody__td {
    background-color: rgba(233, 234, 236, 0.5); }
  .table__link {
    position: relative;
    display: block;
    width: 100%;
    color: #575756;
    text-transform: uppercase;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    padding-left: 15px;
    /*&:hover {
            color: $BRAND;

            &:after {
                background-image: url(/images/svg/product-arrow-hover.svg);
            }
        }*/ }
    .table__link:before, .table__link:after {
      content: "";
      position: absolute;
      left: 5px;
      width: 1px;
      height: 7px;
      background-color: #008264;
      transform: rotate(-45deg);
      top: 4px;
      margin-top: 0;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .table__link:after {
      transform: rotate(45deg);
      margin-top: 4px; }
    .table__link:hover {
      color: #008264; }
      .table__link:hover:before, .table__link:hover:after {
        background-color: #008264;
        /*width: 2px;*/ }
    .table__link--preserve-case {
      text-transform: initial; }

.text {
  font-size: 14px; }
  .text__align--centre {
    text-align: center; }
  .text__font--small {
    font-size: 12px; }
  .text__link {
    color: #575756;
    transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .text__link:hover {
      color: #008264; }
    .text__link--underline {
      text-decoration: underline; }

.text-module {
  margin-top: 30px;
  color: #575756; }
  @media screen and (min-width: 768px) {
    .text-module {
      margin-top: 50px; } }
  .text-module:before, .text-module:after {
    content: " ";
    display: table; }
  .text-module:after {
    clear: both; }
  @media screen and (min-width: 992px) {
    .text-module {
      padding-left: 0;
      padding-right: 0; } }
  .text-module__title, .text-module__subtitle, .text-module__subtitle-small {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 200; }
  .text-module__subtitle {
    font-size: 27px; }
  .text-module__subtitle-small {
    font-size: 18px;
    font-weight: bold; }
  .text-module p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #575756;
    font-size: 14px;
    line-height: 20px; }
    .text-module p:last-of-type {
      margin-bottom: 0; }
  .text-module ul {
    margin-left: 20px; }
    @media screen and (min-width: 768px) {
      .text-module ul {
        margin-bottom: 10px; } }
    .text-module ul li {
      margin-top: 10px; }
      .text-module ul li:first-child {
        margin-top: 0; }
  .text-module__title, .text-module__subtitle, .text-module__subtitle-small, .text-module p, .text-module ul {
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 768px) {
      .text-module__title, .text-module__subtitle, .text-module__subtitle-small, .text-module p, .text-module ul {
        padding-left: 0;
        padding-right: 0; } }
  .text-module__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    height: 220px;
    margin: 0 0 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .text-module__image {
        display: inline-block;
        width: calc(47% - 20px);
        height: 360px;
        float: left;
        margin-right: 20px; } }
    @media screen and (min-width: 768px) {
      .text-module__image ~ .text-module__title, .text-module__image ~ .text-module__subtitle, .text-module__image ~ .text-module__subtitle-small, .text-module__image ~ p, .text-module__image ~ ul {
        width: 52%;
        float: right; } }
    @media screen and (min-width: 768px) {
      .text-module__image ~ ul {
        width: calc(52% - 20px); } }
  .text-module__image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    background: rgba(91, 103, 112, 0.6); }

.content-grey-dark .text-module__title {
  color: #ffffff; }

.quote-block {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .quote-block {
      margin-top: 50px; } }
  .quote-block .content-wrapper {
    padding: 40px 40px;
    position: relative; }
    .quote-block .content-wrapper p {
      position: relative; }
    .quote-block .content-wrapper:before, .quote-block .content-wrapper:after {
      content: "";
      width: 65px;
      height: 65px;
      position: absolute;
      z-index: 0;
      background: #f00;
      top: 5px;
      left: 0;
      background: url(/images/svg/quote1.svg) no-repeat 0 0;
      background-size: 65px; }
    .quote-block .content-wrapper:after {
      top: auto;
      left: auto;
      bottom: 20px;
      right: 0;
      background-image: url(/images/svg/quote2.svg); }
  .quote-block__text {
    margin: 0;
    font-weight: 200;
    text-align: center;
    letter-spacing: -1px;
    color: #575756;
    font-size: 24px;
    line-height: 28px; }
    @media screen and (min-width: 768px) {
      .quote-block__text {
        font-size: 32px;
        line-height: 36px; } }

.basket-table {
  border-collapse: collapse;
  margin-bottom: 40px; }

.basket-table th {
  background-color: rgba(91, 103, 112, 0.6);
  color: #fff;
  font-size: 16px !important;
  font-weight: 400;
  border-right: 1px solid rgba(255, 255, 255, 0.5); }

.basket-table th, .basket-table td {
  padding: 5px 20px 5px 25px;
  clear: none;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  text-transform: none;
  text-align: left; }

.basket-table td {
  border-right: 1px solid rgba(91, 103, 112, 0.1);
  color: #5b6770;
  vertical-align: top; }

.basket-table td input {
  width: 50px;
  float: left; }

.basket-table td img {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 200px; }

.basket-product-quantity-wrapper {
  padding-top: 4px; }

.basket-product-quantity-wrapper a {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px; }

.basket-table tr td:last-child {
  border-right: none; }

.basket-table tr th:last-child {
  border-right: none; }

.basket-table tbody tr {
  height: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(91, 103, 112, 0.2);
  background-color: rgba(233, 234, 236, 0.7); }

#video-header-wrapper {
  background-color: #000;
  height: auto;
  overflow: hidden; }
  @media screen and (min-width: 992px) {
    #video-header-wrapper {
      height: 550px; } }

/* Parent element can be any width and height */
.parent {
  position: fixed;
  width: 100%;
  /* can be any width */
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  text-align: center;
  z-index: 1000; }

.parent:before {
  /* pseudo element to force vertical centering of child element */
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.parent:after {
  /* pseudo element to create overlay */
  background: black;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 10; }

/* Centered child element can be any width and height */
.centeredchild {
  position: relative;
  /* position element to participate in z-indexing */
  z-index: 20;
  /* higher z-index than overlay */
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  /* can be any width */ }

/* Video container to maintain Youtube 16:9 aspect ratio */
.videowrapper {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0; }

/* Make Youtube IFRAME responsive */
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

a.lightbox {
  position: relative;
  display: block; }

.play-overlay {
  display: block;
  background-image: url("/images/rebrand/video-play-button.png");
  background-position: center center;
  background-size: 25%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.center-half-images .body-content-image-wrapper {
  text-align: center; }

.center-half-images .body-content-image-wrapper img {
  width: 50%; }

.reduced-margins {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .reduced-margins {
      padding-top: 0;
      padding-bottom: 0; } }

.reduced-paddings {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .reduced-paddings {
      padding-top: 0;
      padding-bottom: 0; } }

.media-content-item-inner {
  max-width: 270px;
  margin: 0 auto 25px; }


.solution-container-x {
  max-width: 270px;
  margin: 0 auto 25px; }

.solution-image-container {
  overflow: hidden; }

.solution-image {
  width: 200px;
  float: left; }

.solution-warranty {
  width: 40px;
  float: right; }

.solution-text {
  margin-top: 15px; }

.solution-text p {
  margin: 5px 0; }

.media-caption {
  font-size: 0.8rem; }

.left-col {
  padding-right: 10px; }
  @media screen and (max-width: 767px) {
    .left-col {
      padding-right: 10px;
      padding-left: 10px;
      margin: 10px 0; } }

.right-col {
  padding-left: 10px; }
  @media screen and (max-width: 767px) {
    .right-col {
      padding-right: 10px;
      padding-left: 10px;
      margin: 10px 0; } }

.body-content-text-wrapper p {
  line-height: 1.5; }

.product-icon-container {
  text-align: center;
  margin-bottom: 25px; }

.product-icon-container a {
  color: #575756; }

.product-icon-container a:hover img {
  width: 75%;
  cursor: pointer;
  transition: all 0.2s ease; }

.product-icon-container img {
  width: 70%;
  transition: all 0.2s ease; }

.product-icon-container span {
  display: block;
  padding: 10px 0; }

.product-icon-inner-container {
  padding-bottom: 25px;
  transition: all 0.2s ease;
  text-align: center; }

.product-icon-container a:hover .product-icon-inner-container {
  padding-bottom: 0;
  transition: all 0.2s ease; }

@media screen and (max-width: 767px) {
  .product-icon-container.col-2-medium {
    width: 33.33%; } }

.body-content-wrapper.background-medium,
.body-content-wrapper.background-dark {
  margin: 0;
  padding: 25px 0; }

.background-medium {
  background-color: #EDEDED; }

.background-medium .content__module-title {
  color: #575756;
  margin-top: 0;
  padding-bottom: 25px; }

.background-dark {
  background-color: #575756; }

.background-dark .content__module-title {
  color: #fff;
  margin-top: 0;
  padding-bottom: 25px; }

.background-dark .product-icon-container span,
.background-dark .product-icon-container small {
  color: #fff; }

.media-content-item-inner {
  width: 75%; }

.media-content-item.col-4-medium {
  width: 50%;
  padding: 5%; }

#NewsLetterPrompt {
  background: #84BD00;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  max-width: 640px;
  margin: auto;
  padding: 25px;
  height: 135px; }
  @media screen and (max-width: 767px) {
    #NewsLetterPrompt {
      width: 90%; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #NewsLetterPrompt {
      width: 75%; } }

#NewsLetterPrompt.is-Fixed {
  position: fixed;
  z-index: 999; }

#NewsLetterPrompt.display-form {
  height: 300px; }
  @media screen and (max-width: 767px) {
    #NewsLetterPrompt.display-form {
      height: 400px; } }

#NewsLetterPrompt .news-insights-newsletter-prompt-close {
  font-size: 25px;
  float: right;
  line-height: 25px;
  color: #fff;
  margin-right: 5px; }

#NewsLetterPrompt .newsletter-prompt-container h2 {
  color: #fff;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #NewsLetterPrompt .newsletter-prompt-container h2 {
      font-size: 20px; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    #NewsLetterPrompt .newsletter-prompt-container h2 {
      font-size: 15px; } }

#NewsLetterPrompt .action-buttons {
  width: 50%;
  min-width: 250px;
  margin: 0 auto; }

#NewsLetterPrompt .action-buttons .btn-container {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 25px; }

#NewsLetterPrompt .action-buttons .btn-container span:hover {
  cursor: pointer; }

#NewsLetterPrompt .register-container {
  display: none; }

@media screen and (max-width: 767px) {
  #NewsLetterPrompt .register-container .form-group .col-6 {
    width: 100% !important;
    float: none; } }

#NewsLetterPrompt .register-container .close-prompt {
  text-align: right;
  font-size: 20px;
  color: #fff; }

#NewsLetterPrompt .register-container h2 {
  margin-bottom: 15px; }

#NewsLetterPrompt .register-container .form-group {
  overflow: hidden; }

#NewsLetterPrompt .register-container .form-group .row div {
  float: left;
  padding: 5px 10px; }

#NewsLetterPrompt .register-container .form-group .form-check {
  padding: 5px 10px; }

#NewsLetterPrompt .register-container .form-control {
  height: 32px;
  border: none;
  font-size: 16px;
  outline: 0;
  transition: width 1s;
  width: 100%;
  padding: 10px; }

#NewsLetterPrompt .register-container .form-actions {
  text-align: center;
  margin-top: 15px; }

#NewsLetterPrompt .register-container .form-actions .btn-white {
  border: none; }

#IntroductionSection {
  text-align: center; }

#IntroductionSection.body-content-wrapper {
  margin: 0;
  padding: 40px 0; }

#IntroductionSection h1 {
  text-transform: uppercase;
  font-size: 50px;
  width: 75%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    #IntroductionSection h1 {
      font-size: 25px; } }

.grey-background {
  background-color: #edeff0;
  padding: 60px 0; }

.fs_page #IntroductionSection .introduction-body {
  text-align: left; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .fs_page #IntroductionSection .introduction-body {
      padding: 0 25px; } }
  @media screen and (max-width: 767px) {
    .fs_page #IntroductionSection .introduction-body {
      padding: 0 25px; } }

.verticals-wrapper {
  background-color: #edeff0;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
  margin: 0; }

.vertical-item {
  float: left;
  height: 250px;
  margin-bottom: 20px; }

.vertical-item .content-area {
  height: 100%; }

.inner-vertical {
  margin: 10px;
  color: #fff;
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: top center;
  background-color: #008869; }

.vertical-item .lock-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  width: 20px; }

.verticals-rollover {
  display: block;
  color: #fff;
  font-weight: 700;
  font-family: "FrutigerLTStd-Bold", sans-serif;
  position: absolute;
  bottom: 0;
  padding: 20px;
  padding-bottom: 30px;
  background-color: #bcbcbc;
  width: 100%;
  height: 140px; }
  @media screen and (min-width: 768px) {
    .verticals-rollover {
      /*bottom: -200px;*/
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
      clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
      padding-top: 50px;
      transition: all 1s linear 0s; } }
  .verticals-rollover-text {
    display: block;
    width: 70%; }

.verticals-rollover-text {
  display: block;
  width: 70%; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .verticals-rollover-text {
      font-size: 14px; } }

.verticals-rollover-text .btn-readmore {
  position: absolute;
  bottom: 20px;
  right: 10px; }

.vertical-badge {
  background-color: #84BD00;
  color: #fff;
  text-align: center;
  width: 80%;
  padding: 10px;
  font-size: 25px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0); }

.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  display: none;
  background: #ffffff;
  border: 3px solid #666666;
  width: 80%;
  left: 10%;
  position: relative;
  padding-top: 25px;
  padding-bottom: 40%;
  height: 0; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .popup-overlay {
      width: 80%;
      left: 10%;
      height: 400px; } }
  @media screen and (max-width: 767px) {
    .popup-overlay {
      width: 90%;
      left: 5%;
      height: 550px; } }

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  display: block;
  text-align: center; }

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  display: none; }

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  display: block; }

.popup-response {
  /*Hides pop-up content when there is no "active" class */
  display: none; }

.popup-response.active {
  /*Shows pop-up content when "active" class is present */
  display: block; }

.popup-required {
  /*Hides pop-up content when there is no "active" class */
  display: none; }

.popup-required.active {
  /*Shows pop-up content when "active" class is present */
  display: block; }

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 0; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

#EbookForm {
  margin-top: 25px; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    #EbookForm {
      margin-top: 15px; } }

#EbookForm .row.no-labels label {
  display: none; }

#EbookForm .row label small {
  display: block; }

#EbookForm .row > div {
  padding: 5px; }

#EbookForm .row input[type=text] {
  padding: 5px;
  width: 100%; }

#EbookForm label.checkbox-label {
  padding-left: 40px;
  display: block; }

#EbookForm label.checkbox-label a {
  color: #008869; }

#EbookForm input[type="checkbox"] {
  float: left;
  opacity: 0; }

#EbookForm .form-actions {
  margin-top: 25px; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    #EbookForm .form-actions {
      margin-top: 10px; } }

#EbookForm .form-actions button {
  border: none; }

#EbookForm .form-actions button:hover {
  cursor: pointer; }

#EbookForm .field-validation-error {
  color: orange !important;
  display: block;
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
  padding-left: 5px; }

#EbookForm .row p {
  margin: 0; }

.error-message {
  color: orange !important;
  text-align: center;
  display: none;
  font-weight: 600;
  font-size: 14px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .error-message {
      font-size: 12px;
      margin: 5px; } }
  @media screen and (max-width: 767px) {
    .error-message {
      font-size: 12px;
      margin: 5px; } }

.popup-required h3,
.popup-response h3,
.popup-content h3 {
  color: #575756;
  text-align: center;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400;
  font-size: 2em !important;
  line-height: 2em !important; }
  @media screen and (max-width: 767px) {
    .popup-required h3,
    .popup-response h3,
    .popup-content h3 {
      font-size: 20px !important;
      line-height: 20px !important;
      padding: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .popup-required h3,
    .popup-response h3,
    .popup-content h3 {
      font-size: 25px !important;
      line-height: 25px !important;
      padding: 15px; } }

.popup-required .response-body,
.popup-response .response-body {
  font-size: 20px;
  width: 80%;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .popup-required .response-body,
    .popup-response .response-body {
      font-size: 15px; } }

.popup-required .response-body .download-link-container {
  margin-top: 50px; }

.ebook-modal .ebook-wrapper {
  background: none;
  color: #575756;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .ebook-modal .ebook-wrapper {
      max-width: 600px; } }

.ebook-modal .ebook-wrapper form input.text,
.ebook-modal .ebook-wrapper form textarea {
  color: #575756; }

.ebook-modal .ebook-wrapper img {
  width: 60px;
  height: 60px; }

.ebook-modal .ebook-wrapper input[type=text],
.ebook-modal .ebook-wrapper form textarea {
  background-color: rgba(255, 255, 255, 0.2);
  color: #575756;
  font-weight: 600;
  border-radius: 4px;
  height: 45px;
  font-size: 1em;
  padding-left: 20px !important;
  border: none !important;
  max-width: none !important;
  font-family: "FrutigerLTStd", sans-serif;
  margin: 0 !important;
  /* margin-bottom: 20px !important; */ }

.ebook-modal .ebook-wrapper input[type=text],
.ebook-modal .ebook-wrapper textarea {
  border: 1px solid #008264 !important;
  max-width: 400px !important;
  padding: 5px;
  display: block;
  width: 95%; }

.ebook-modal .ebook-wrapper button.btn.primary {
  height: 45px;
  background-color: #008264;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  width: 130px;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  opacity: .5; }

.ebook-modal-close {
  right: 0;
  position: absolute;
  top: 0; }
  .ebook-modal-close svg {
    width: 30px;
    height: 30px; }
    .ebook-modal-close svg path {
      fill: #008264; }

.ebook-modal .ebook-wrapper .margin-top {
  margin-top: 25px; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .ebook-modal .ebook-wrapper .margin-top {
      margin-bottom: 15px; } }

.checkbox-label-container {
  position: relative;
  margin-bottom: 15px;
  padding: 0 5px; }

#EbookForm .row > div.checkbox-label-container {
  padding: 0 5px; }

#EbookForm label.checkbox-label {
  font-weight: bold; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    #EbookForm label.checkbox-label {
      font-size: 10px; } }

#EbookForm label.checkbox-label p {
  font-weight: bold; }

#EbookForm label.checkbox-label:hover {
  cursor: pointer; }

.ebook-modal .ebook-wrapper input:checked ~ .checkmark {
  background: rgba(0, 0, 0, 0.5); }

.ebook-modal .ebook-wrapper .checkmark {
  width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  border: 1px solid black;
  border-radius: 5px;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: all 0.2s; }

.ebook-modal .ebook-wrapper .checkmark svg {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  margin-top: 3px; }

.ebook-modal .ebook-wrapper .checkmark svg path {
  fill: #fff; }

.video-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  border: 5px solid #fff;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.2), 0 6px 20px -6px rgba(0, 0, 0, 0.19); }

.video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  max-width: 940px; }

.main-blog-container {
  padding: 15px 0; }
  @media screen and (max-width: 767px) {
    .main-blog-container {
      padding: 0; } }

.main-blog {
  border: 4px solid #fff;
  color: #ffffff;
  min-height: 470px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-color: #ccc;
  border: 5px solid #fff;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.2), 0 6px 20px -6px rgba(0, 0, 0, 0.19); }

.main-blog .blog-title {
  font-size: 25px; }

.main-blog .blog-date {
  padding-top: 25px;
  padding-left: 25px;
  font-weight: bold; }

.blogs-list {
  padding: 20px; }

.blog-list-item img {
  width: 138px;
  float: left;
  margin-right: 25px; }

.blog-list-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #BCBCBC;
  overflow: hidden; }

.blog-list-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.blogs-list-date {
  font-size: 17px;
  margin-bottom: 10px; }

.blogs-list-title {
  font-size: 20px;
  font-weight: bold; }

.blogs-rollover {
  display: block;
  color: #fff;
  font-weight: 700;
  font-family: "FrutigerLTStd-Bold", sans-serif;
  position: absolute;
  bottom: 0;
  padding: 20px;
  padding-bottom: 30px;
  background-color: #bcbcbc;
  width: 100%;
  height: 250px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
  padding-top: 150px;
  transition: all 1s linear 0s; }
  .blogs-rollover-text {
    display: block;
    width: 70%; }

.blogs-rollover-text {
  display: block;
  width: 70%; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .blogs-rollover-text {
      font-size: 14px; } }

.blogs-rollover-text .btn-readmore {
  position: absolute;
  bottom: 20px;
  right: 10px; }

#cookie-banner {
  background-color: black;
  top: 0px !important;
  left: 0px !important;
  position: fixed !important;
  width: 100% !important;
  z-index: 99999998 !important; }

.cookie-content {
  display: block;
  margin: 0 auto;
  padding: 20px;
  width: auto;
  font-family: Helvetica, Arial, FreeSans, sans-serif !important;
  font-size: 14px !important;
  background: #000;
  color: #fff; }

.cookie-rationale {
  max-width: 900px;
  position: relative;
  margin: 0 auto; }

.cookie-close-btn {
  margin: 0 !important;
  text-decoration: none !important;
  font-size: 20px !important;
  color: #fff !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  border: none !important; }

.cookie-banner-content a {
  text-decoration: underline;
  color: #fff;
  font-size: 14px;
  font-weight: normal; }

.cta-block-container {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px; }

.cta-block-container .content-wrapper {
  overflow: hidden; }

.cta-block-container.body-content-wrapper.background-light,
.cta-block-container.body-content-wrapper.background-medium,
.cta-block-container.body-content-wrapper.background-dark {
  padding: 50px; }

.cta-block-container img {
  width: auto;
  max-width: 200px;
  float: left; }
  @media screen and (max-width: 767px) {
    .cta-block-container img {
      display: none; } }

.cta-block-container h2 {
  font-size: 50px;
  max-width: 500px; }
  @media screen and (max-width: 767px) {
    .cta-block-container h2 {
      font-size: 30px; } }

.cta-block-container h2.has-image {
  margin-left: 250px;
  max-width: 300px; }
  @media screen and (max-width: 767px) {
    .cta-block-container h2.has-image {
      margin-left: auto; } }

.btn-cta-large {
  background-color: #84BD00;
  padding: 10px 30px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  display: inline-block; }

.btn-cta-large.has-image {
  margin-left: 50px; }
  @media screen and (max-width: 767px) {
    .btn-cta-large.has-image {
      margin-left: auto; } }

.fs_genericcasestudiesblock .content-container {
  background-color: #008869;
  color: #fff;
  padding: 25px;
  position: relative; }

.fs_genericcasestudiesblock .content-container h2 {
  border-top: 3px solid #fff;
  display: inline-block;
  font-weight: 300;
  font-family: "FrutigerLTStd", sans-serif;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 30px; }

.fs_genericcasestudiesblock .content-container p {
  margin: 0; }

.fs_genericcasestudiesblock .content-container .introduction {
  margin: 20px 0; }

.fs_genericcasestudiesblock .content-container .link-arrowed {
  background: transparent url(/images/svg/product-arrow-white.svg) no-repeat 0 0;
  width: 30px;
  height: 30px;
  z-index: 1;
  background-size: 30px; }

.fs_genericcasestudiesblock .content-container .case-study-arrow {
  position: absolute;
  right: 20px;
  bottom: 20px; }

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

.highlights-wrapper h1 {
  margin-bottom: 25px; }

.highlights-wrapper h2 {
  font-size: 1.2em;
  padding: 5px; }
  @media screen and (max-width: 767px) {
    .highlights-wrapper h2 {
      font-size: 1em; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .highlights-wrapper h2 {
      font-size: 1em; } }

.highlights-wrapper .highlight-item {
  padding: 0 10px; }
  @media screen and (max-width: 767px) {
    .highlights-wrapper .highlight-item {
      background-color: #008264;
      color: #fff; } }

.highlights-wrapper .image-container {
  background-color: #008264;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  padding: 10px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .highlights-wrapper .image-container {
      width: 150px;
      height: 150px; } }
  @media screen and (max-width: 767px) {
    .highlights-wrapper .image-container {
      height: auto; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .image-container img {
    width: 75%; } }

.highlights-wrapper .image-inner-container {
  border: 5px solid #fff;
  border-radius: 50%;
  width: 180px;
  height: 180px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .highlights-wrapper .image-inner-container {
      width: 130px;
      height: 130px; } }
  @media screen and (max-width: 767px) {
    .highlights-wrapper .image-inner-container {
      border: 0;
      height: auto; } }

.highlights-wrapper .content-container {
  margin-top: 25px;
  margin-bottom: 25px; }
  @media screen and (max-width: 767px) {
    .highlights-wrapper .content-container {
      width: 90%;
      margin: 0 auto; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .highlights-wrapper .content-container {
      width: 80%;
      margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .content-container .description {
    font-size: 0.8em;
    margin-bottom: 10px;
    height: 50px;
    max-height: 50px; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .col-3-medium.highlight-item {
    width: 50%;
    padding: 5px; } }

@media screen and (max-height: 700px) and (max-width: 767px) {
  .highlights-wrapper .col-3-medium.highlight-item {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .col-3-medium.highlight-item .image-container {
    width: 100%;
    border-radius: 0; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .col-3-medium.highlight-item .image-inner-container {
    width: 100%;
    border-radius: 0; } }

@media screen and (max-width: 767px) {
  .highlights-wrapper .highlight-item-inner {
    border: 5px solid #fff; } }

.fs_genericformsection h2 {
  text-align: center; }

.fs_genericformsection h3 {
  text-align: center;
  max-width: 50%;
  margin: 15px auto; }
  @media screen and (max-width: 767px) {
    .fs_genericformsection h3 {
      max-width: 80%; } }

.pre-booked .umbraco-forms-caption {
  font-size: 35px !important;
  line-height: normal !important; }

.pre-booked .titleanddescription h2, .pre-booked .umbraco-forms-caption {
  text-align: center;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400; }

.pre-booked .titleanddescription {
  margin-bottom: 40px; }

.pre-booked fieldset.umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-right: 0 !important;
  border: none !important; }

.pre-booked input.text, .pre-booked textarea {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  height: 45px;
  font-size: 18px;
  padding-left: 20px !important;
  border: none !important;
  max-width: none !important;
  font-family: "FrutigerLTStd", sans-serif;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  /*margin-bottom: 20px !important;*/ }

.pre-booked textarea {
  height: 110px !important;
  padding-top: 12px !important;
  resize: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  /*margin-bottom: 20px;*/ }

.pre-booked input:focus, .pre-booked textarea:focus, .pre-booked select:focus {
  outline: none; }

.pre-booked textarea::placeholder, .pre-booked input.text::placeholder {
  color: #fff;
  opacity: 1; }

.pre-booked textarea:-ms-input-placeholder, .pre-booked input.text:-ms-input-placeholder, .pre-booked textarea::ms-input-placeholder, .pre-booked input.text::ms-input-placeholder {
  color: #fff; }

.pre-booked .umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important; }

.pre-booked .umbraco-forms-fieldset div.col-md-12,
.pre-booked .umbraco-forms-fieldset div.col-md-6 {
  padding: 0 20px; }

.pre-booked input.btn.primary {
  height: 45px;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  width: 130px;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  opacity: .5; }

.pre-booked .umbraco-forms-field.checkbox {
  position: relative;
  margin-bottom: 20px; }

.pre-booked .umbraco-forms-field.checkbox label {
  margin-left: 40px;
  display: block; }

.pre-booked .umbraco-forms-field.checkbox input {
  width: 20px !important;
  height: 20px !important;
  position: absolute;
  top: 0;
  opacity: 0; }

.pre-booked .umbraco-forms-field.checkbox input:checked ~ .checkmark {
  background: rgba(0, 0, 0, 0.5); }

.pre-booked .umbraco-forms-field.checkbox .checkmark {
  width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  border: 1px solid black;
  border-radius: 5px;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: all 0.2s; }

.pre-booked .checkmark svg {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  margin-top: 3px; }

.pre-booked .checkmark svg path {
  fill: #fff; }

.pre-booked .umbraco-forms-field div {
  margin-bottom: 20px; }

.fs_genericformsection form h2 {
  font-size: 1.1rem; }

.fs_genericformsection form {
  background: none;
  color: #575756;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.fs_genericformsection form input.text, .fs_genericformsection form textarea {
  color: #575756; }

.fs_genericformsection form img {
  width: 60px;
  height: 60px; }

.fs_genericformsection form input[type=text],
.fs_genericformsection form textarea {
  border: 1px solid #008264 !important; }

.fs_genericformsection form input.btn.primary {
  background-color: #008264;
  color: #fff; }

.fs_genericformsection form select {
  width: 100%;
  border: 1px solid #008264 !important;
  border-radius: 4px;
  padding: 8px;
  margin: 0;
  height: 45px;
  font-size: 18px; }

.fs_socialmediafeeds .content__module-title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  padding: 24px 10px;
  color: #575756; }

.fs_socialmediafeeds .left-col {
  padding-right: 30px; }

.fs_socialmediafeeds .right-col {
  padding-left: 30px; }

.overview-content-wrapper {
  padding: 25px 0; }
  .overview-content-wrapper .content__module-title {
    margin: 0 0 20px 0; }
  .overview-content-wrapper .overview-content {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .overview-content-wrapper .overview-content {
        padding-left: 20px;
        padding-right: 20px; } }
  .overview-content-wrapper .overview-content-image-wrapper {
    background-position: center center;
    background-size: cover;
    height: 150px; }
  .overview-content-wrapper h3 {
    color: #008264;
    font-size: 22px;
    font-family: "FrutigerLTStd",sans-serif;
    margin-top: 10px; }
  .overview-content-wrapper .overview-content-body p.subtitle {
    padding: 0;
    margin: 0;
    font-weight: bold; }
  .overview-content-wrapper .overview-content-text {
    color: #575756;
    font-weight: 600;
    font-size: 14px;
    min-height: 4rem; }
    .overview-content-wrapper .overview-content-text .highlight {
      color: #008264; }
  .overview-content-wrapper .btn-readmore {
    float: right; }
  .overview-content-wrapper .btn-readmore a {
    color: #fff; }

/*.overview-content-wrapper .content-wrapper .col-3-medium:last-child .our-casestudies {
    @include medium {
        padding-right: 0;
    }
}*/
.the-applications2 .overview-content-wrapper .overview-content-image-wrapper {
  height: 250px; }

.banner-carousel {
  /*background: $GREY_MID_LIGHTER;*/
  position: relative; }
  .banner-carousel__slide {
    outline: none; }
    .banner-carousel__slide--lifestyle {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      .banner-carousel__slide--lifestyle .banner-carousel__slide-inner {
        min-height: 300px;
        position: relative;
        padding-top: 25px;
        padding-bottom: 35px;
        padding-left: 25px; }
        @media screen and (max-height: 800px) and (min-width: 768px) {
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner {
            min-height: 300px !important; }
            .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy {
              padding-top: 100px !important; } }
        @media screen and (min-width: 768px) {
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner {
            min-height: 300px; } }
        .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy {
          max-width: 100vw;
          position: absolute !important;
          z-index: 3; }
          @media screen and (min-width: 768px) {
            .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy {
              max-width: 940px;
              padding-top: 120px; } }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy .banner-carousel__title, .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy .banner-carousel__subline, .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-carousel__copy .button {
            color: #ffffff;
            border-color: #ffffff;
            text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
        .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone {
          position: absolute;
          background-color: rgba(0, 0, 0, 0.4);
          padding: 50px; }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone--topleft {
            top: 0;
            left: 0; }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone--topright {
            top: 0;
            right: 0; }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone--bottomleft {
            bottom: 0;
            left: 0; }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone--bottomright {
            bottom: 0;
            right: 0; }
          .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone img {
            max-width: 50px;
            height: auto; }
            @media screen and (max-height: 800px) and (min-width: 768px) {
              .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone img {
                max-width: 50px; } }
            @media screen and (min-width: 768px) {
              .banner-carousel__slide--lifestyle .banner-carousel__slide-inner .banner-safe-zone img {
                max-width: 120px; } }
  .banner-carousel__slide-inner {
    max-width: 940px;
    margin: 0 auto;
    /*border-bottom: 7px solid $GREY_DARK;*/ }
    .banner-carousel__slide-inner:before, .banner-carousel__slide-inner:after {
      content: " ";
      display: table; }
    .banner-carousel__slide-inner:after {
      clear: both; }
    @media screen and (min-width: 768px) {
      .banner-carousel__slide-inner {
        min-height: 450px; } }
  .banner-carousel__label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    background: #575756;
    color: #ffffff;
    padding: 1px 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .banner-carousel__label {
        line-height: 44px;
        font-size: 23px; } }
  .banner-carousel__img {
    width: 100%;
    height: 220px;
    background: #B3B4B7; }
    @media screen and (min-width: 768px) {
      .banner-carousel__img {
        width: 37%;
        max-width: 350px;
        float: right;
        height: 450px; } }
  .banner-carousel__multiply {
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    background-size: contain;
    mix-blend-mode: multiply; }
  .banner-carousel__copy {
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 44px; }
    @media screen and (min-width: 992px) {
      .banner-carousel__copy {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 768px) {
      .banner-carousel__copy {
        padding-bottom: 50px;
        width: 60%;
        max-width: 560px;
        position: absolute;
        padding-top: 60px; } }
    .banner-carousel__copy .button {
      margin-top: 15px; }
  .banner-carousel__logo {
    max-width: 140px;
    margin-bottom: 10px;
    margin: 0 auto; }
  .banner-carousel__pre-title {
    margin: 0;
    line-height: 1em;
    font-weight: bold;
    font-size: 28px; }
    @media screen and (min-width: 992px) {
      .banner-carousel__pre-title {
        font-size: 34px; } }
  .banner-carousel__title {
    margin: 0;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    font-size: 40px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
    @media screen and (max-height: 800px) and (min-width: 768px) {
      .banner-carousel__title {
        font-size: 70px; } }
    @media screen and (min-width: 768px) {
      .banner-carousel__title {
        font-size: 80px;
        width: 80%;
        line-height: 100px; } }
  .banner-carousel__subline {
    margin: 0;
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif;
    font-size: 16px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.85); }
    @media screen and (min-width: 768px) {
      .banner-carousel__subline {
        font-size: 20px; } }
    @media screen and (min-width: 992px) {
      .banner-carousel__subline {
        font-size: 24px; } }
  .banner-carousel__subline-wrapper {
    border-top: 3px solid #ffffff;
    display: inline-block;
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 30px; }
  .banner-carousel__button {
    position: absolute;
    right: 50px;
    bottom: 70px; }
    @media screen and (min-width: 1200px) {
      .banner-carousel__button {
        right: 0; } }
  .banner-carousel__message {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (min-width: 992px) {
      .banner-carousel__message {
        padding-left: 150px;
        padding-right: 150px; } }
  .banner-carousel .slick-prev, .banner-carousel .slick-next {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    background: transparent;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: 0; }
    @media screen and (min-width: 768px) {
      .banner-carousel .slick-prev, .banner-carousel .slick-next {
        width: 50px; } }
    @media screen and (min-width: 992px) {
      .banner-carousel .slick-prev, .banner-carousel .slick-next {
        width: 50px; } }
    @media screen and (min-width: 1200px) {
      .banner-carousel .slick-prev, .banner-carousel .slick-next {
        width: 100px; } }
    .banner-carousel .slick-prev:before, .banner-carousel .slick-prev:after, .banner-carousel .slick-next:before, .banner-carousel .slick-next:after {
      content: "";
      position: absolute;
      /*right: 15px;*/
      height: 25px;
      background-color: #ffffff;
      transform: rotate(45deg);
      top: 50%;
      margin-top: -8px;
      transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      width: 0; }
      @media screen and (min-width: 768px) {
        .banner-carousel .slick-prev:before, .banner-carousel .slick-prev:after, .banner-carousel .slick-next:before, .banner-carousel .slick-next:after {
          width: 4px; } }
    .banner-carousel .slick-prev:after, .banner-carousel .slick-next:after {
      transform: rotate(-45deg);
      top: 50%;
      margin-top: 8px; }
    .banner-carousel .slick-prev:hover:before, .banner-carousel .slick-prev:hover:after, .banner-carousel .slick-next:hover:before, .banner-carousel .slick-next:hover:after {
      background-color: rgba(255, 255, 255, 0.6); }
  .banner-carousel .slick-prev {
    left: 0px;
    right: auto; }
    .banner-carousel .slick-prev:before, .banner-carousel .slick-prev:after {
      left: 15px; }
  .banner-carousel .slick-next {
    right: 0px;
    left: auto; }
    .banner-carousel .slick-next:before, .banner-carousel .slick-next:after {
      transform: rotate(-45deg);
      right: 15px; }
    .banner-carousel .slick-next:after {
      transform: rotate(45deg); }
  .banner-carousel .slick-dots {
    list-style: none;
    outline: none;
    position: relative;
    bottom: 20px;
    padding-left: 25px;
    max-width: 940px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .banner-carousel .slick-dots {
        bottom: 25px; } }
    .banner-carousel .slick-dots li {
      display: inline-block; }
      .banner-carousel .slick-dots li button {
        display: block;
        width: 18px;
        height: 8px;
        text-indent: -9999px;
        background: #ffffff;
        border: none;
        margin: 0 2px;
        outline: none;
        cursor: pointer; }
      .banner-carousel .slick-dots li.slick-active button {
        background: #84BD00; }
  .banner-carousel--stacked .banner-carousel__copy {
    width: 100%;
    max-width: none;
    transform: translate(0, 0);
    position: relative;
    left: auto;
    top: auto; }
  .banner-carousel--stacked .banner-carousel__img {
    float: none;
    height: 290px;
    width: 100%;
    text-align: center;
    max-width: none; }
  .banner-carousel--stacked .banner-carousel__multiply {
    display: inline-block; }

.banner-carousel__target {
  margin-bottom: -19px; }

.banner-carousel__slide-inner {
  color: #fff; }

.banner-carousel__slide-inner h2 {
  color: #84bd00; }

.banner-carousel__slide-inner .subline {
  font-weight: bold; }

.banner-carousel__slide-inner .body {
  max-width: 25%;
  margin-top: 25px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .banner-carousel__slide-inner .body {
      max-width: 33%; } }
  @media screen and (max-width: 767px) {
    .banner-carousel__slide-inner .body {
      max-width: 75%; } }

.banner-carousel__slide-inner .body ul {
  margin-left: 25px; }

.banner-carousel__slide-inner .body ul li {
  margin-bottom: 5px; }

.banner-carousel__slide .overlay {
  position: absolute;
  height: 300px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2); }

.features-block-wrapper h2 {
  margin-bottom: 20px; }

.features-block-wrapper .feature-items-container {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container {
      position: relative; } }

.features-block-wrapper .feature-item-container {
  max-width: 33.3%;
  position: relative;
  height: auto;
  background-color: #008264; }
  @media screen and (min-width: 768px) {
    .features-block-wrapper .feature-item-container {
      max-width: 32%;
      background-color: transparent;
      height: 125px; } }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-item-container {
      padding-bottom: 10px;
      position: initial; } }

.features-block-wrapper .feature-items-container .feature-title {
  display: table;
  border-collapse: collapse; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container .feature-title {
      display: flex;
      flex-direction: column;
      align-items: center; } }

.features-block-wrapper .feature-items-container img {
  width: auto;
  max-width: 100px; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container img {
      max-width: 60px; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .features-block-wrapper .feature-items-container img {
      max-width: 40px; } }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container:hover {
    cursor: pointer; } }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container.active img,
  .features-block-wrapper .feature-item-container:hover img {
    max-width: 125px;
    padding-top: 0;
    transition: all 0.2s; } }

.features-block-wrapper .feature-items-container span {
  color: #84BD00;
  font-weight: bold;
  font-size: 1.4rem;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container span {
      color: #fff;
      font-size: 0.8rem;
      text-align: center;
      padding-left: 0;
      border: 1px solid #fff;
      padding: 5px;
      height: 45px;
      max-width: 95%;
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .features-block-wrapper .feature-items-container span {
      font-size: 1.2rem; } }

.features-block-wrapper .feature-item-container .image-container {
  display: table-cell; }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container:hover .image-container {
    padding-top: 0; } }

.features-block-wrapper .feature-item-container .image-container img {
  background-color: #84BD00;
  border-radius: 50%;
  transition: all 0.2s; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-item-container .image-container img {
      background-color: #008264;
      border-radius: 0;
      max-width: 60px; } }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container.active .image-container img,
  .features-block-wrapper .feature-item-container:hover .image-container img {
    background-color: #008264; } }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container:hover span {
    height: 125px; } }

.features-block-wrapper .feature-items-container .info-box-container {
  height: 0;
  overflow: hidden;
  transition: height 0.2s;
  padding: 0 10px;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .features-block-wrapper .feature-items-container .info-box-container {
      padding: 0;
      color: #575756; } }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container .info-box-container {
      position: absolute;
      background-color: #008264;
      z-index: 2;
      width: 100%;
      left: 0; } }

.features-block-wrapper .feature-items-container .info-box-container.active {
  display: block;
  position: absolute;
  border: 2px solid #008264;
  border-radius: 10px;
  background-color: #fff;
  top: 100px;
  padding: 10px;
  z-index: 10;
  height: auto;
  transition: height 0.2s;
  margin: 5px 5px 5px 0; }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container .info-box-container.active {
      position: absolute;
      background-color: #008264;
      z-index: 2;
      width: 100%;
      left: 0; } }

@media screen and (min-width: 768px) {
  .features-block-wrapper .feature-item-container:hover .info-box-container {
    display: block;
    position: absolute;
    border: 2px solid #008264;
    border-radius: 10px;
    background-color: #fff;
    top: 100px;
    padding: 10px;
    z-index: 10;
    height: auto;
    transition: height 0.2s;
    margin: 5px 5px 5px 0; } }

.features-block-wrapper .feature-items-container .info-box-container .info-title {
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .features-block-wrapper .feature-items-container .info-box-container .info-title {
      color: #008264; } }
  @media screen and (max-width: 767px) {
    .features-block-wrapper .feature-items-container .info-box-container .info-title {
      padding-top: 10px; } }

.features-block-wrapper .feature-items-container .info-box-container .info-body {
  margin: 0;
  font-size: 0.9rem;
  padding-bottom: 10px; }

.the-applications .slick-arrow {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  background: #575756;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  border: none;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  outline: none; }
  .the-applications .slick-arrow:hover {
    background: rgba(91, 103, 112, 0.8); }
  .the-applications .slick-arrow:before, .the-applications .slick-arrow:after {
    content: "";
    position: absolute;
    left: 18px;
    width: 2px;
    height: 14px;
    background-color: #ffffff;
    transform: rotate(45deg);
    top: 50%;
    margin-top: -10px;
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border-radius: 10px; }
  .the-applications .slick-arrow:after {
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -1px; }
  .the-applications .slick-arrow.slick-disabled {
    display: none !important; }
  .the-applications .slick-arrow.slick-prev + .slick-list {
    margin-left: 45px;
    margin-right: 45px; }
  .the-applications .slick-arrow.slick-next {
    left: auto;
    right: 0; }
    .the-applications .slick-arrow.slick-next:before, .the-applications .slick-arrow.slick-next:after {
      transform: rotate(-45deg);
      left: auto;
      right: 18px; }
    .the-applications .slick-arrow.slick-next:after {
      transform: rotate(45deg); }

/* State
   ========================================================================== */
.is-mouse-user a, .is-mouse-user button, .is-mouse-user [tabindex],
.is-mouse-user .nav__search-field {
  outline: 0; }

/* Theme
   ========================================================================== */
/* Third-party / Plugins
   ========================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

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

.hover-over-wrapper {
  background-color: #edeff0;
  text-align: center;
  overflow: hidden; }

.hover-over-wrapper .hover-over-header {
  margin-bottom: 25px;
  padding: 10px; }

.hover-over-wrapper .hover-over-header h2 {
  margin-bottom: 10px; }

.hover-over-wrapper.main-list {
  display: block; }
  @media screen and (max-width: 767px) {
    .hover-over-wrapper.main-list {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hover-over-wrapper.main-list {
      display: none; } }

.hover-over-wrapper .mobile-list {
  display: none; }
  @media screen and (max-width: 767px) {
    .hover-over-wrapper .mobile-list {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hover-over-wrapper .mobile-list {
      display: block; } }

/* Mobile design */
.hover-over-wrapper .mobile-list .hover-over-items {
  background-color: #008264;
  color: #fff;
  margin-bottom: 25px; }

.hover-over-wrapper .mobile-list .hover-over-items.opened {
  background-color: #D0D0D0; }

.hover-over-wrapper .mobile-list .hover-over-items .description {
  display: none; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hover-over-wrapper .mobile-list .hover-over-items .overview-item {
    width: 50%;
    padding: 5px; } }

@media screen and (max-width: 767px) {
  .hover-over-wrapper .mobile-list .hover-over-items .overview-item {
    width: 50%;
    padding: 5px; } }

.hover-over-wrapper .mobile-list .hover-over-items h3 {
  padding: 15px; }

.hover-over-wrapper .mobile-list .hover-over-items h3:hover {
  background-color: #D0D0D0;
  cursor: pointer; }

.hover-over-wrapper .mobile-list .hover-over-items h3.selected {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .hover-over-items.active {
  background-color: #D0D0D0; }

.hover-over-wrapper .mobile-list .hover-over-items.active .overview-item.active {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .hover-over-items.active .overview-item.active h3 {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .overview-item-head {
  border: 3px solid #fff; }

.hover-over-wrapper .mobile-list .overview-item-body {
  background-color: #fff;
  color: #575757; }

.hover-over-wrapper .mobile-list .overview-item-body .description {
  padding: 20px; }

.hover-over-wrapper .main-list .content-wrapper {
  position: relative; }

.hover-over-wrapper .main-list {
  display: block; }
  @media screen and (max-width: 767px) {
    .hover-over-wrapper .main-list {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hover-over-wrapper .main-list {
      display: none; } }

.hover-over-wrapper .mobile-list {
  display: none; }
  @media screen and (max-width: 767px) {
    .hover-over-wrapper .mobile-list {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hover-over-wrapper .mobile-list {
      display: block; } }

.hover-over-item-container .overview-item-head {
  color: #fff;
  width: auto;
  height: 100px;
  position: absolute; }

.hover-over-item-container .overview-item-head .overview-item-inner {
  /*border: 2px solid #fff;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    margin: 5px;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px; }

/*.overview-item-container .overview-item-head h3 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1em;
}*/
.hover-over-item-container .overview-item-head h3 {
  margin: 0;
  background-color: #000;
  padding: 4px 20px;
  border-radius: 16px;
  margin-left: -15px;
  z-index: 2; }

.hover-over-item-container .down-arrow-container {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -25px; }

.hover-over-item-container .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #008264;
  margin: 0 auto;
  z-index: 2;
  position: relative; }

.hover-over-item-container .arrow-shadow {
  width: 50px;
  height: 10px;
  background-color: #BBBCBD;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-top: -5px; }

.hover-over-item-container:hover .overview-item-head {
  cursor: pointer; }

.hover-over-items .hover-over-item-container .overview-item-head img {
  width: 60px;
  padding: 5px;
  background-color: #000;
  border-radius: 50%;
  z-index: 4; }

.hover-over-items .hover-over-item-container .overview-item-head:hover img {
  background-color: #008264; }

.hover-over-items .hover-over-item-container .overview-item-head:hover h3 {
  background-color: #008264; }

.hover-over-items .overview-item-description {
  width: 300px;
  height: auto;
  border: 2px solid #008264;
  background-color: #fff;
  position: relative; }

.hover-over-items .overview-item-description .close {
  border: 2px solid #008264;
  background-color: #fff;
  border-radius: 50%;
  font-size: 15px;
  color: #575757;
  width: 20px;
  height: 20px;
  line-height: 15px; }

.hover-over-items .overview-item-description .overview-item-description-inner {
  padding: 10px;
  text-align: left; }

.hover-over-items .overview-item-description {
  font-size: 0.8em;
  position: absolute;
  z-index: 5;
  top: 50px;
  left: 400px;
  display: none; }

.hover-over-items .overview-item-description h4 {
  color: #008264;
  font-size: 1.4em;
  padding-bottom: 5px; }

.hover-over-items .hover-over-item-container .overview-item-head0 {
  top: 35px;
  left: 50px; }

.hover-over-items #OverviewItemDesc0 {
  top: 91px;
  left: 112px; }

.hover-over-items .hover-over-item-container .overview-item-head1 {
  top: 35px;
  left: 375px; }

.hover-over-items #OverviewItemDesc1 {
  top: 91px;
  left: 439px; }

.hover-over-items .hover-over-item-container .overview-item-head2 {
  top: 35px;
  left: 615px; }

.hover-over-items #OverviewItemDesc2 {
  top: 91px;
  left: 678px; }

.hover-over-items .hover-over-item-container .overview-item-head3 {
  top: 123px;
  left: 154px; }

.hover-over-items #OverviewItemDesc3 {
  top: 178px;
  left: 219px; }

.hover-over-items .hover-over-item-container .overview-item-head4 {
  top: 123px;
  left: 557px; }

.hover-over-items #OverviewItemDesc4 {
  top: 178px;
  left: 622px; }

.hover-over-items .hover-over-item-container .overview-item-head5 {
  top: 222px;
  left: 82px; }

.hover-over-items #OverviewItemDesc5 {
  top: 277px;
  left: 148px; }

.hover-over-items .hover-over-item-container .overview-item-head6 {
  top: 222px;
  left: 444px; }

.hover-over-items #OverviewItemDesc6 {
  top: 277px;
  left: 509px; }

.hover-over-items .hover-over-item-container .overview-item-head7 {
  top: 310px;
  left: 174px; }

.hover-over-items #OverviewItemDesc7 {
  top: 365px;
  left: 239px; }

.hover-over-items .hover-over-item-container .overview-item-head8 {
  top: 310px;
  left: 574px; }

.hover-over-items #OverviewItemDesc8 {
  top: 365px;
  left: 636px; }

/* Mobile design */
.hover-over-wrapper .mobile-list .smart-services-overview-items {
  background-color: #008264;
  color: #fff;
  margin-bottom: 25px; }

.hover-over-wrapper .mobile-list .smart-services-overview-items.opened {
  background-color: #D0D0D0; }

.hover-over-wrapper .mobile-list .smart-services-overview-items .description {
  display: none; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hover-over-wrapper .mobile-list .smart-services-overview-items .overview-item {
    width: 50%;
    padding: 5px; } }

@media screen and (max-width: 767px) {
  .hover-over-wrapper .mobile-list .smart-services-overview-items .overview-item {
    width: 50%;
    padding: 5px; } }

.hover-over-wrapper .mobile-list .smart-services-overview-items h3 {
  padding: 15px; }

.hover-over-wrapper .mobile-list .smart-services-overview-items h3:hover {
  background-color: #D0D0D0;
  cursor: pointer; }

.hover-over-wrapper .mobile-list .smart-services-overview-items h3.selected {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .smart-services-overview-items.active {
  background-color: #D0D0D0; }

.hover-over-wrapper .mobile-list .smart-services-overview-items.active .overview-item.active {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .smart-services-overview-items.active .overview-item.active h3 {
  background-color: #008264; }

.hover-over-wrapper .mobile-list .overview-item-head {
  border: 3px solid #fff; }

.hover-over-wrapper .mobile-list .overview-item-head img {
  width: 50px;
  margin: 0 auto;
  display: block; }

.hover-over-wrapper .mobile-list .overview-item-body {
  background-color: #fff;
  color: #575757; }

.hover-over-wrapper .mobile-list .overview-item-body .description {
  padding: 20px; }

.form-content-block h2 {
  text-align: center; }

.form-content-block h3 {
  text-align: center;
  max-width: 50%;
  margin: 15px auto; }
  @media screen and (max-width: 767px) {
    .form-content-block h3 {
      max-width: 80%; } }

.form-content-block .introduction {
  padding: 0 15px; }

.light-build-form .umbraco-forms-caption {
  font-size: 35px !important;
  line-height: normal !important; }

.light-build-form .titleanddescription h2, .light-build-form .umbraco-forms-caption {
  text-align: center;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400; }

.light-build-form .titleanddescription {
  margin-bottom: 40px; }

.light-build-form fieldset.umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-right: 0 !important;
  border: none !important; }

.light-build-form input.text, .light-build-form textarea {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  height: 45px;
  font-size: 18px;
  padding-left: 20px !important;
  border: none !important;
  max-width: none !important;
  font-family: "FrutigerLTStd", sans-serif;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  /*margin-bottom: 20px !important;*/ }

.light-build-form textarea {
  height: 110px !important;
  padding-top: 12px !important;
  resize: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  /*margin-bottom: 20px;*/ }

.light-build-form input:focus, .light-build-form textarea:focus, .light-build-form select:focus {
  outline: none; }

.light-build-form textarea::placeholder, .light-build-form input.text::placeholder {
  color: #fff;
  opacity: 1; }

.light-build-form textarea:-ms-input-placeholder, .light-build-form input.text:-ms-input-placeholder, .light-build-form textarea::ms-input-placeholder, .light-build-form input.text::ms-input-placeholder {
  color: #fff; }

.light-build-form .umbraco-forms-fieldset {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none !important; }

.light-build-form .umbraco-forms-fieldset div.col-md-12,
.light-build-form .umbraco-forms-fieldset div.col-md-6 {
  padding: 0 20px; }

.light-build-form input.btn.primary {
  height: 45px;
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  width: 130px;
  font-weight: 600;
  display: block;
  margin: 0 auto;
  opacity: .5; }

.light-build-form .umbraco-forms-field.checkbox {
  position: relative;
  margin-bottom: 20px; }

.light-build-form .umbraco-forms-field.checkbox label {
  margin-left: 40px;
  display: block; }

.light-build-form .umbraco-forms-field.checkbox input {
  width: 20px !important;
  height: 20px !important;
  position: absolute;
  top: 0;
  opacity: 0; }

.light-build-form .umbraco-forms-field.checkbox input:checked ~ .checkmark {
  background: rgba(0, 0, 0, 0.5); }

.light-build-form .umbraco-forms-field.checkbox .checkmark {
  width: 30px;
  height: 30px;
  background: #fff;
  display: block;
  border: 1px solid black;
  border-radius: 5px;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: all 0.2s; }

.light-build-form .checkmark svg {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  margin-top: 3px; }

.light-build-form .checkmark svg path {
  fill: #fff; }

.light-build-form .umbraco-forms-field div {
  margin-bottom: 20px; }

.form-content-block form h2 {
  font-size: 1.1rem; }

.form-content-block form {
  background: none;
  color: #575756;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.form-content-block form input.text,
.form-content-block form textarea {
  color: #575756; }

.form-content-block form img {
  width: 60px;
  height: 60px; }

.form-content-block form input[type=text],
.form-content-block form textarea {
  border: 1px solid #008264 !important; }

.form-content-block form input.btn.primary {
  background-color: #008264;
  color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.form-content-block form select {
  width: 100%;
  border: 1px solid #008264 !important;
  border-radius: 4px;
  padding: 8px 14px;
  margin: 0;
  height: 45px;
  font-size: 18px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.recaptcha2 label {
  display: none !important; }

.cols .content-wrapper {
  width: 100%; }

.general-column-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .general-column-wrapper {
      padding-left: 10px;
      padding-right: 10px; } }

.two-column-header {
  margin: 40px 0 0; }

.two-column-header h2 {
  text-align: center;
  font-size: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  border-bottom: 0; }

.general-column-left {
  margin-bottom: 30px;
  width: 49% !important;
  float: left;
  margin-right: 0; }
  @media screen and (max-width: 767px) {
    .general-column-left {
      width: 100% !important;
      float: none;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0 !important;
      margin-left: 0 !important; } }
  @media screen and (min-width: 768px) {
    .general-column-left {
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0; } }

.general-column-right {
  width: 49% !important;
  float: right;
  margin-left: 0; }
  @media screen and (max-width: 767px) {
    .general-column-right {
      width: 100% !important;
      float: none;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0 !important;
      margin-left: 0 !important; } }
  @media screen and (min-width: 768px) {
    .general-column-right {
      margin-left: 0 !important;
      margin-right: 0 !important; } }

.general-column-left .inner-container, .general-column-right .inner-container {
  padding: 10px; }

.general-column-left .our-solutions, .general-column-right .our-solutions {
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.2), 0 6px 20px -6px rgba(0, 0, 0, 0.19);
  margin-left: 20px;
  margin-right: 20px; }

.general-column-left .image-link-item-container,
.general-column-right .image-link-item-container {
  margin-bottom: 25px; }

.our-solutions {
  border: 4px solid #fff;
  color: #ffffff;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 320px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  /*margin: 4px;*/
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .our-solutions {
      padding: 30px; } }

.our-solutions h3 {
  font-size: 32px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.85);
  max-width: 240px; }

.our-solutions .our-solutions-strapline-wrapper {
  /*border-top: 3px solid $LIGHT_TEXT;*/
  display: inline-block;
  margin-top: 30px;
  padding-top: 5px; }

.our-solutions .our-solutions-strapline-wrapper .our-solutions-strapline {
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.85);
  font-size: 16px; }
  .our-solutions .our-solutions-strapline-wrapper .our-solutions-strapline b {
    font-weight: 700;
    font-family: "FrutigerLTStd-Bold", sans-serif; }

.our-solutions .btn-readmore {
  bottom: 20px;
  right: 20px; }

.our-solutions-arrow {
  width: 35px;
  bottom: 0;
  position: absolute;
  margin-bottom: 30px; }

.our-solutions-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background-color: #fff; }

.our-solutions-bottom span {
  font-size: 23px;
  color: #008264; }

.our-solutions-bottom span .fa {
  font-size: 16px; }

.textContentBlock .content-wrapper {
  padding: 0 15px; }

.textContentBlock ul {
  padding-left: 35px; }

.imageContainerContentBlock {
  margin: 20px 0; }

/* Documents
========================================================================== */
/**, ::before, ::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
}

html {
    font-family: sans-serif;
}

body {
    margin: 0px;
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0px;
    }

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

    a:active, a:hover {
        outline: 0px;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0px;
}

mark {
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 0);
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0px;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0px;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    margin: 0px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0px;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid rgb(192, 192, 192);
    margin: 0px 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0px;
    padding: 0px;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0px;
}

html, body {
    height: 100%;
}

html {
    font-size: 14px;
}

body {
    margin: 0px;
    padding: 0px;
    min-width: 320px;
    font-size: 14px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.8);
    background: rgb(247, 247, 247);
}

h1 {
    min-height: 1rem;
    font-size: 2rem;
}

h2 {
    font-size: 1.714rem;
}

h3 {
    font-size: 1.28rem;
}

h4 {
    font-size: 1.071rem;
}

h5 {
    font-size: 1rem;
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
        margin-top: 0em;
    }

    h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
        margin-bottom: 0em;
    }

p {
    margin: 0em 0em 1em;
    line-height: 1.33;
}

    p:first-child {
        margin-top: 0em;
    }

    p:last-child {
        margin-bottom: 0em;
    }

a {
    color: rgb(0, 159, 218);
    text-decoration: none;
}

    a:hover {
        color: rgb(0, 178, 243);
    }

::-webkit-selection {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgb(204, 226, 255);
}

::selection {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgb(204, 226, 255);
}

textarea::-webkit-selection, input::-webkit-selection {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(100, 100, 100, 0.4);
}

textarea::selection, input::selection {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(100, 100, 100, 0.4);
}*/
.ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active {
  text-shadow: none;
  box-shadow: none !important;
  color: white !important;
  background-color: #5bbd72 !important; }

.ui.button.toggle.active:hover {
  text-shadow: none;
  color: white !important;
  background-color: #66c17b !important; }

.ui.grid > .ui.divider {
  font-size: 1rem; }

.ui.header {
  border: none;
  margin: calc(2rem - 0.165em) 0em 1rem;
  padding: 0em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.33em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.8); }

.ui.header:first-child {
  margin-top: -0.165em; }

.ui.header:last-child {
  margin-bottom: 0em; }

.ui.header .sub.header {
  font-weight: normal;
  margin: 0em;
  padding: 0em;
  font-size: 1.1428rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.498039); }

.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0.165em;
  vertical-align: middle; }

.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem; }

.ui.header > .image, .ui.header > img {
  display: inline-block;
  margin-top: 0.165em;
  width: 2.5em;
  height: auto;
  vertical-align: middle; }

.ui.header > .image:only-child, .ui.header > img:only-child {
  margin-right: 0.75rem; }

.ui.header .content {
  display: inline-block;
  vertical-align: top; }

.ui.header > img + .content, .ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle; }

.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle; }

.ui.header .ui.label {
  font-size: 1.28em;
  margin: 0em 0em 0em 0.5rem;
  vertical-align: middle; }

.ui.header + p {
  margin-top: 0em; }

h1.ui.header {
  font-size: 2rem; }

h2.ui.header {
  font-size: 1.714rem; }

h3.ui.header {
  font-size: 1.28rem; }

h4.ui.header {
  font-size: 1.071rem; }

h5.ui.header {
  font-size: 1rem; }

h1.ui.header .sub.header {
  font-size: 1.4285rem; }

h2.ui.header .sub.header {
  font-size: 1.1428rem; }

h3.ui.header .sub.header {
  font-size: 1.1428rem; }

h4.ui.header .sub.header {
  font-size: 1rem; }

h5.ui.header .sub.header {
  font-size: 0.9285rem; }

.ui.huge.header {
  min-height: 1em;
  font-size: 2em; }

.ui.large.header {
  font-size: 1.714em; }

.ui.medium.header {
  font-size: 1.28em; }

.ui.small.header {
  font-size: 1.071em; }

.ui.tiny.header {
  font-size: 1em; }

.ui.huge.header .sub.header {
  font-size: 1.4285rem; }

.ui.large.header .sub.header {
  font-size: 1.4285rem; }

.ui.header .sub.header {
  font-size: 1.1428rem; }

.ui.small.header .sub.header {
  font-size: 1rem; }

.ui.tiny.header .sub.header {
  font-size: 0.9285rem; }

.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0em 1rem; }

.ui.icon.header::after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden; }

.ui.icon.header:first-child {
  margin-top: 0em; }

.ui.icon.header .icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  padding: 0em;
  font-size: 3em;
  margin: 0em auto 0.25rem;
  opacity: 1; }

.ui.icon.header .content {
  display: block; }

.ui.icon.header .circular.icon {
  font-size: 2em; }

.ui.icon.header .square.icon {
  font-size: 2em; }

.ui.block.icon.header .icon {
  margin-bottom: 0em; }

.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.ui.disabled.header {
  opacity: 0.3; }

.ui.black.header {
  color: #1b1c1d !important; }

a.ui.black.header:hover {
  color: #1b1c1d !important; }

.ui.blue.header {
  color: #3b83c0 !important; }

a.ui.blue.header:hover {
  color: #458ac6 !important; }

.ui.green.header {
  color: #5bbd72 !important; }

a.ui.green.header:hover {
  color: #66c17b !important; }

.ui.orange.header {
  color: #e07b53 !important; }

a.ui.orange.header:hover {
  color: #e28560 !important; }

.ui.pink.header {
  color: #d9499a !important; }

a.ui.pink.header:hover {
  color: #dc56a1 !important; }

.ui.purple.header {
  color: #564f8a !important; }

a.ui.purple.header:hover {
  color: #5c5594 !important; }

.ui.red.header {
  color: #d95c5c !important; }

a.ui.red.header:hover {
  color: #dc6868 !important; }

.ui.teal.header {
  color: #00b5ad !important; }

a.ui.teal.header:hover {
  color: #00c4bc !important; }

.ui.yellow.header {
  color: #f2c61f !important; }

a.ui.yellow.header:hover {
  color: #f3ca2d !important; }

.ui.black.dividing.header {
  border-bottom: 2px solid #1b1c1d; }

.ui.blue.dividing.header {
  border-bottom: 2px solid #3b83c0; }

.ui.green.dividing.header {
  border-bottom: 2px solid #5bbd72; }

.ui.orange.dividing.header {
  border-bottom: 2px solid #e07b53; }

.ui.pink.dividing.header {
  border-bottom: 2px solid #d9499a; }

.ui.purple.dividing.header {
  border-bottom: 2px solid #564f8a; }

.ui.red.dividing.header {
  border-bottom: 2px solid #d95c5c; }

.ui.teal.dividing.header {
  border-bottom: 2px solid #00b5ad; }

.ui.yellow.dividing.header {
  border-bottom: 2px solid #f2c61f; }

.ui.inverted.header {
  color: white; }

.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.85098); }

.ui.inverted.attached.header {
  box-shadow: none;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) #333333; }

.ui.inverted.block.header {
  box-shadow: none;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) #333333; }

.ui.inverted.black.header {
  color: #aaaaaa !important; }

a.ui.inverted.black.header:hover {
  color: #b2b2b2 !important; }

.ui.inverted.blue.header {
  color: #54c8ff !important; }

a.ui.inverted.blue.header:hover {
  color: #63cdff !important; }

.ui.inverted.green.header {
  color: #2ecc40 !important; }

a.ui.inverted.green.header:hover {
  color: #37d249 !important; }

.ui.inverted.orange.header {
  color: #ff851b !important; }

a.ui.inverted.orange.header:hover {
  color: #ff8d2a !important; }

.ui.inverted.pink.header {
  color: #ff8edf !important; }

a.ui.inverted.pink.header:hover {
  color: #ff9de3 !important; }

.ui.inverted.purple.header {
  color: #cdc6ff !important; }

a.ui.inverted.purple.header:hover {
  color: #dad5ff !important; }

.ui.inverted.red.header {
  color: #ff695e !important; }

a.ui.inverted.red.header:hover {
  color: #ff776d !important; }

.ui.inverted.teal.header {
  color: #6dffff !important; }

a.ui.inverted.teal.header:hover {
  color: #7cffff !important; }

.ui.inverted.yellow.header {
  color: #ffe21f !important; }

a.ui.inverted.yellow.header:hover {
  color: #ffe42e !important; }

.ui.inverted.block.header {
  border-bottom: none; }

.ui.left.aligned.header {
  text-align: left; }

.ui.right.aligned.header {
  text-align: right; }

.ui.centered.header, .ui.center.aligned.header {
  text-align: center; }

.ui.justified.header {
  text-align: justify; }

.ui.justified.header::after {
  display: inline-block;
  content: "";
  width: 100%; }

.ui.floated.header, .ui[class*="left floated"].header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em; }

.ui[class*="right floated"].header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em; }

.ui.fitted.header {
  padding: 0em; }

.ui.dividing.header {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0980392); }

.ui.dividing.header .sub.header {
  padding-bottom: 0.25rem; }

.ui.dividing.header .icon {
  margin-bottom: 0em; }

.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.2); }

.ui.block.header {
  padding: 0.75rem 1rem;
  box-shadow: none;
  border: 1px solid #d4d4d5;
  border-radius: 0.3125rem;
  background: #f0f0f0; }

.ui.tiny.block.header {
  font-size: 1em; }

.ui.small.block.header {
  font-size: 1.071em; }

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28em; }

.ui.large.block.header {
  font-size: 1.714em; }

.ui.huge.block.header {
  font-size: 2em; }

.ui.attached.header {
  padding: 0.75rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #d4d4d5;
  background: white; }

.ui.attached.block.header {
  background: #f0f0f0; }

.ui.attached:not(.top):not(.bottom).header {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-bottom: none;
  border-radius: 0em; }

.ui.top.attached.header {
  margin-bottom: 0em;
  border-bottom: none;
  border-radius: 0.3125rem 0.3125rem 0em 0em; }

.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.3125rem 0.3125rem; }

.ui.tiny.attached.header {
  font-size: 0.8571em; }

.ui.small.attached.header {
  font-size: 0.9285em; }

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em; }

.ui.large.attached.header {
  font-size: 1.0714em; }

.ui.huge.attached.header {
  font-size: 1.1428em; }

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28em; }

i.icon.active {
  opacity: 1; }

i.icon.table::before {
  content: ""; }

i.icon.header::before {
  content: ""; }

ul.ui.list li, ol.ui.list li, .ui.list > .item, .ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.3em 0em;
  line-height: 1.2; }

ul.ui.list > li:first-child::after, ol.ui.list > li:first-child::after, .ui.list > .list > .item, .ui.list > .item::after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden; }

ul.ui.list li:first-child, ol.ui.list li:first-child, .ui.list .list > .item:first-child, .ui.list > .item:first-child {
  padding-top: 0em; }

ul.ui.list li:last-child, ol.ui.list li:last-child, .ui.list .list > .item:last-child, .ui.list > .item:last-child {
  padding-bottom: 0em; }

.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {
  display: table-cell;
  margin: 0em;
  padding-top: 0.1rem;
  padding-right: 0.3em;
  vertical-align: middle;
  transition: color 0.2s ease; }

.ui.list .list > .item i[class*="top aligned"].icon, .ui.list > .item > i[class*="top aligned"].icon {
  vertical-align: top; }

.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child {
  display: inline-block;
  vertical-align: top; }

.ui.list .list > .item > .image, .ui.list > .item > .image {
  display: table-cell;
  margin: 0em;
  padding-right: 0.5em;
  vertical-align: middle;
  background-color: transparent; }

.ui.list .list > .item > [class*="top aligned"].image, .ui.list > .item > [class*="top aligned"].image {
  vertical-align: top; }

.ui.list .list > .item > .image img, .ui.list > .item > .image img {
  vertical-align: middle; }

.ui.list .list > .item > img.image, .ui.list .list > .item > .image:only-child, .ui.list > .item > img.image, .ui.list > .item > .image:only-child {
  display: inline-block;
  padding-right: 0em; }

.ui.list .list > .item > .content, .ui.list > .item > .content {
  line-height: 1.2em; }

.ui.list .list > .item > .image + .content, .ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content, .ui.list > .item > .icon + .content {
  display: table-cell;
  padding: 0em 0em 0em 0.5em;
  vertical-align: middle; }

.ui.list .list > .item > .image + .content, .ui.list .list > .item > .icon + .content, .ui.list > .item > .image + .content, .ui.list > .item > .icon + .content {
  display: table-cell;
  padding: 0em 0em 0em 0.5em;
  vertical-align: middle; }

.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content {
  display: inline-block; }

.ui.list .list > .item [class*="top aligned"].content, .ui.list > .item > [class*="top aligned"].content {
  vertical-align: top; }

.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list {
  margin-left: 0em;
  padding-left: 0em; }

.ui.list .list > a.item, .ui.list > a.item {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8); }

.ui.list .list > a.item:hover, .ui.list > a.item:hover {
  color: #00b2f3; }

.ui.list .list > a.item i.icon, .ui.list > a.item i.icon {
  color: rgba(0, 0, 0, 0.4); }

.ui.list .item a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8) !important; }

.ui.list .item a:hover {
  color: #00b2f3 !important; }

.ui.list .list > .item .header, .ui.list > .item .header {
  display: block;
  margin: 0em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8); }

.ui.list .list > .item .description, .ui.list > .item .description {
  display: block;
  color: rgba(0, 0, 0, 0.8); }

.ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] {
  float: left;
  margin: 0em 1em 0em 0em; }

.ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] {
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.menu .ui.list > .item, .ui.menu .ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.3em 0em;
  line-height: 1.2;
  background-color: transparent; }

.ui.menu .ui.list .list > .item::before, .ui.menu .ui.list > .item::before {
  border: none;
  background: none; }

.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {
  padding-top: 0em; }

.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child {
  padding-bottom: 0em; }

.ui.horizontal.list > .item {
  display: inline-block;
  margin-left: 1em;
  font-size: 1rem; }

.ui.horizontal.list > .item:first-child {
  margin-left: 0em !important;
  padding-left: 0em !important; }

.ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child {
  padding-top: 0.3em;
  padding-bottom: 0.3em; }

.ui.horizontal.list > .item > i.icon {
  margin: 0em;
  padding: 0em 0.25em 0em 0em; }

.ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content {
  float: none;
  display: inline-block; }

.ui.list .list > .disabled.item, .ui.list > .disabled.item {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.298039) !important; }

.ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item {
  color: rgba(225, 225, 225, 0.298039) !important; }

.ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon {
  color: rgba(0, 0, 0, 0.8); }

.ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon {
  color: rgba(255, 255, 255, 0.8); }

.ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header {
  color: white; }

.ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description {
  color: rgba(255, 255, 255, 0.8); }

.ui.inverted.list .list > a.item, .ui.inverted.list > a.item {
  cursor: pointer;
  color: white; }

.ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover {
  color: #00b2f3; }

.ui.inverted.list .item a {
  cursor: pointer;
  color: white !important; }

.ui.inverted.list .item a:hover {
  color: #00b2f3 !important; }

.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a {
  color: rgba(0, 0, 0, 0.4);
  transition: color 0.2s ease; }

.ui.link.list a.item:hover, .ui.link.list .item a:hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.link.list a.item:active, .ui.link.list .item a:active {
  color: rgba(0, 0, 0, 0.8); }

.ui.link.list .active.item, .ui.link.list .active.item a {
  color: rgba(0, 0, 0, 0.8); }

.ui.inverted.link.list .item, .ui.inverted.link.list a.item, .ui.inverted.link.list .item a {
  color: rgba(255, 255, 255, 0.498039); }

.ui.inverted.link.list a.item:hover, .ui.inverted.link.list .item a:hover {
  color: white; }

.ui.inverted.link.list a.item:active, .ui.inverted.link.list .item a:active {
  color: white; }

.ui.inverted.link.list a.active.item, .ui.inverted.link.list .active.item a {
  color: white; }

.ui.selection.list .list > .item, .ui.selection.list > .item {
  cursor: pointer;
  padding: 0.5em;
  margin: 0em;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 0.5em;
  transition: color 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease;
  background: transparent; }

.ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child {
  margin-bottom: 0em; }

.ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.selection.list .list > .item:active, .ui.selection.list > .item:active {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.selection.list .list > .item.active, .ui.selection.list > .item.active {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.inverted.selection.list > .item, .ui.inverted.selection.list > .item {
  color: rgba(255, 255, 255, 0.498039);
  background: transparent; }

.ui.inverted.selection.list > .item:hover, .ui.inverted.selection.list > .item:hover {
  color: white;
  background: rgba(255, 255, 255, 0.0196078); }

.ui.inverted.selection.list > .item:active, .ui.inverted.selection.list > .item:active {
  color: white;
  background: rgba(255, 255, 255, 0.0470588); }

.ui.inverted.selection.list > .item.active, .ui.inverted.selection.list > .item.active {
  color: white;
  background: rgba(255, 255, 255, 0.0470588); }

.ui.celled.selection.list .list > .item, .ui.divided.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list > .item {
  border-radius: 0em; }

.ui.animated.list > .item {
  transition: color 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease; }

.ui.animated.list:not(.horizontal) > .item:hover {
  padding-left: 1em; }

.ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item {
  padding-left: 0em;
  padding-right: 0em; }

.ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item {
  margin-left: -0.5em;
  margin-right: -0.5em; }

ul.ui.list li, .ui.bulleted.list .list > .item, .ui.bulleted.list > .item {
  position: relative; }

ul.ui.list li::before, .ui.bulleted.list .list > .item::before, .ui.bulleted.list > .item::before {
  position: absolute;
  top: auto;
  left: auto;
  margin-left: -1rem;
  content: "•";
  opacity: 1;
  color: rgba(0, 0, 0, 0.8);
  vertical-align: top; }

ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list > .item {
  margin-left: 1.5rem; }

ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list > .item:first-child {
  margin-left: 0em; }

ul.ui.horizontal.bulleted.list li:first-child::before, .ui.horizontal.bulleted.list > .item:first-child::before {
  display: none; }

ol.ui.list li, .ui.ordered.list .list > .item, .ui.ordered.list > .item {
  list-style-type: none;
  position: relative; }

ol.ui.list li::before, .ui.ordered.list .list > .item::before, .ui.ordered.list > .item::before {
  position: absolute;
  top: auto;
  left: auto;
  margin-left: -1.25rem;
  counter-increment: ordered 1;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  opacity: 0.8; }

ol.ui.list ol li::before, .ui.ordered.list .list > .item::before {
  margin-left: -2em; }

ol.ui.horizontal.list li::before, .ui.ordered.horizontal.list .list > .item::before, .ui.ordered.horizontal.list > .item::before {
  position: static;
  margin: 0em 0.5em 0em 0em; }

.ui.divided.list > .item {
  border-top: 1px solid rgba(39, 41, 43, 0.14902); }

.ui.divided.list .list > .item {
  border-top: none; }

.ui.divided.list .item .list > .item {
  border-top: none; }

.ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child {
  border-top: none; }

.ui.divided.list:not(.horizontal) .list > .item:first-child {
  border-top-width: 1px; }

.ui.divided.bulleted.list .list > .item:not(.horizontal), .ui.divided.bulleted.list > .item:not(.horizontal) {
  padding-left: 1rem; }

.ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item {
  padding-left: 1.25rem; }

.ui.divided.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.3em; }

.ui.divided.ordered.list .item .list > .item {
  padding-left: 1em; }

.ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {
  margin: 0em;
  border-radius: 0em; }

.ui.divided.horizontal.list > .item {
  border-top: none;
  border-left: 1px solid rgba(39, 41, 43, 0.14902);
  margin: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 0.6; }

.ui.horizontal.divided.list > .item:first-child {
  border-left: none; }

.ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list, .ui.divided.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.2); }

.ui.celled.list > .item, .ui.celled.list > .list {
  border-top: 1px solid rgba(39, 41, 43, 0.14902);
  padding-left: 0.5em;
  padding-right: 0.5em; }

.ui.celled.list > .item:last-child {
  border-bottom: 1px solid rgba(39, 41, 43, 0.14902); }

.ui.celled.list > .item:first-child, .ui.celled.list > .item:last-child {
  padding-top: 0.3em;
  padding-bottom: 0.3em; }

.ui.celled.list .item .list > .item {
  border-width: 0px; }

.ui.celled.list .list > .item:first-child {
  border-top-width: 0px; }

.ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item {
  padding-left: 1rem; }

.ui.celled.bulleted.list .item .list {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-bottom: 0.3em; }

.ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item {
  padding-left: 1.25rem; }

.ui.celled.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.3em; }

.ui.celled.ordered.list .list > .item {
  padding-left: 1em; }

.ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item {
  border-top: none;
  border-left: 1px solid rgba(39, 41, 43, 0.14902);
  margin: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 0.6; }

.ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child {
  border-bottom: none;
  border-right: 1px solid rgba(39, 41, 43, 0.14902); }

.ui.relaxed.list:not(.horizontal) > .item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.ui.horizontal.relaxed.list > .item {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.ui[class*="very relaxed"].list:not(.horizontal) > .item {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.horizontal[class*="very relaxed"].list .list > .item, .ui.horizontal[class*="very relaxed"].list > .item {
  padding-left: 2rem;
  padding-right: 2rem; }

.ui.mini.horizontal.list .list > .item, .ui.mini.horizontal.list > .item {
  font-size: 0.714286rem; }

.ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item {
  font-size: 0.857143rem; }

.ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item {
  font-size: 0.928571rem; }

.ui.horizontal.list .list > .item, .ui.horizontal.list > .item {
  font-size: 1rem; }

.ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item {
  font-size: 1.14286rem; }

.ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item {
  font-size: 1.28571rem; }

.ui.huge.horizontal.list .list > .item, .ui.huge.horizontal.list > .item {
  font-size: 1.42857rem; }

.ui.massive.horizontal.list .list > .item, .ui.massive.horizontal.list > .item {
  font-size: 1.71429rem; }

.ui.loader.active, .ui.loader.visible {
  display: block; }

.ui.inline.loader.active, .ui.inline.loader.visible {
  display: inline-block; }

.ui.centered.inline.loader.active, .ui.centered.inline.loader.visible {
  display: block; }

.ui.inverted.segment > .ui.header {
  color: white; }

.ui.page.grid.segment, .ui.grid .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em; }

.ui.steps .step.active {
  cursor: auto;
  background: #f0f0f0; }

.ui.steps .step.active::after {
  background: #f0f0f0; }

.ui.steps .step.active .title {
  color: #009fda; }

.ui.ordered.steps .step.active::before, .ui.steps .active.step .icon {
  color: rgba(0, 0, 0, 0.85098); }

.ui.breadcrumb {
  margin: 1em 0em;
  display: inline-block;
  vertical-align: middle; }

.ui.breadcrumb:first-child {
  margin-top: 0em; }

.ui.breadcrumb:last-child {
  margin-bottom: 0em; }

.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.5;
  margin: 0em 0.2rem;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline; }

.ui.breadcrumb a {
  color: #009fda; }

.ui.breadcrumb a:hover {
  color: #00b2f3; }

.ui.breadcrumb .icon.divider {
  font-size: 0.857143em;
  vertical-align: baseline; }

.ui.breadcrumb a.section {
  cursor: pointer; }

.ui.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em; }

.ui.breadcrumb .active.section {
  font-weight: bold; }

.ui.mini.breadcrumb {
  font-size: 0.65em; }

.ui.tiny.breadcrumb {
  font-size: 0.7em; }

.ui.small.breadcrumb {
  font-size: 0.75em; }

.ui.breadcrumb {
  font-size: 1em; }

.ui.large.breadcrumb {
  font-size: 1.1em; }

.ui.big.breadcrumb {
  font-size: 1.05em; }

.ui.huge.breadcrumb {
  font-size: 1.3em; }

.ui.massive.breadcrumb {
  font-size: 1.5em; }

.ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .text, .ui.form .field.error .ui.dropdown .item {
  color: #d95c5c;
  background: #fff0f0; }

.ui.form .fields.error .field .ui.dropdown:hover .menu, .ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #dbb1b1; }

.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #fbe7e7; }

.ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #fdcfcf !important; }

.ui.grid {
  display: block;
  text-align: left;
  font-size: 0em;
  padding: 0em; }

.ui.grid::after, .ui.grid > .row::after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden; }

.ui.grid {
  margin: -1rem; }

.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem; }

.ui.grid + .grid {
  margin-top: 1rem; }

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top; }

.ui.grid > * {
  padding-left: 1rem;
  padding-right: 1rem; }

.ui.grid > .row {
  position: relative;
  display: block;
  padding: 1rem 0rem;
  font-size: 0rem;
  width: auto !important; }

.ui.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em; }

.ui.grid > .row > img, .ui.grid > .row > .column > img {
  max-width: 100%; }

.ui.grid .row + .ui.divider {
  margin: 1rem; }

.ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment {
  box-shadow: none; }

.ui.page.grid {
  padding-left: 8%;
  padding-right: 8%;
  width: auto; }

.ui.grid > .ui.grid:first-child {
  margin-top: 0em; }

.ui.grid > .ui.grid:last-child {
  margin-bottom: 0em; }

.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {
  width: 100%; }

.ui[class*="one column"].grid > .row > .column, .ui[class*="one column"].grid > .column {
  width: 100%; }

.ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column {
  width: 50%; }

.ui[class*="three column"].grid > .row > .column, .ui[class*="three column"].grid > .column {
  width: 33.3333%; }

.ui[class*="four column"].grid > .row > .column, .ui[class*="four column"].grid > .column {
  width: 25%; }

.ui[class*="five column"].grid > .row > .column, .ui[class*="five column"].grid > .column {
  width: 20%; }

.ui[class*="six column"].grid > .row > .column, .ui[class*="six column"].grid > .column {
  width: 16.6667%; }

.ui[class*="seven column"].grid > .row > .column, .ui[class*="seven column"].grid > .column {
  width: 14.2857%; }

.ui[class*="eight column"].grid > .row > .column, .ui[class*="eight column"].grid > .column {
  width: 12.5%; }

.ui[class*="nine column"].grid > .row > .column, .ui[class*="nine column"].grid > .column {
  width: 11.1111%; }

.ui[class*="ten column"].grid > .row > .column, .ui[class*="ten column"].grid > .column {
  width: 10%; }

.ui[class*="eleven column"].grid > .row > .column, .ui[class*="eleven column"].grid > .column {
  width: 9.09091%; }

.ui[class*="twelve column"].grid > .row > .column, .ui[class*="twelve column"].grid > .column {
  width: 8.33333%; }

.ui[class*="thirteen column"].grid > .row > .column, .ui[class*="thirteen column"].grid > .column {
  width: 7.69231%; }

.ui[class*="fourteen column"].grid > .row > .column, .ui[class*="fourteen column"].grid > .column {
  width: 7.14286%; }

.ui[class*="fifteen column"].grid > .row > .column, .ui[class*="fifteen column"].grid > .column {
  width: 6.66667%; }

.ui[class*="sixteen column"].grid > .row > .column, .ui[class*="sixteen column"].grid > .column {
  width: 6.25%; }

.ui.grid > [class*="one column"].row > .column {
  width: 100% !important; }

.ui.grid > [class*="two column"].row > .column {
  width: 50% !important; }

.ui.grid > [class*="three column"].row > .column {
  width: 33.3333% !important; }

.ui.grid > [class*="four column"].row > .column {
  width: 25% !important; }

.ui.grid > [class*="five column"].row > .column {
  width: 20% !important; }

.ui.grid > [class*="six column"].row > .column {
  width: 16.6667% !important; }

.ui.grid > [class*="seven column"].row > .column {
  width: 14.2857% !important; }

.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important; }

.ui.grid > [class*="nine column"].row > .column {
  width: 11.1111% !important; }

.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important; }

.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09091% !important; }

.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333% !important; }

.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69231% !important; }

.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14286% !important; }

.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66667% !important; }

.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important; }

.ui.grid > .row > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column, .ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important; }

.ui.grid > .row > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column, .ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important; }

.ui.grid > .row > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column, .ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important; }

.ui.grid > .row > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column, .ui.column.grid > [class*="four wide"].column {
  width: 25% !important; }

.ui.grid > .row > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column, .ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important; }

.ui.grid > .row > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column, .ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important; }

.ui.grid > .row > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column, .ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important; }

.ui.grid > .row > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column, .ui.column.grid > [class*="eight wide"].column {
  width: 50% !important; }

.ui.grid > .row > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column, .ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important; }

.ui.grid > .row > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column, .ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important; }

.ui.grid > .row > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column, .ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important; }

.ui.grid > .row > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column, .ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important; }

.ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column, .ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important; }

.ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column, .ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important; }

.ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column, .ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important; }

.ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column, .ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important; }

.ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
  justify-content: center; }

.ui.centered.grid > .column:not(.aligned):not(.row), .ui.centered.grid > .row > .column:not(.aligned), .ui.grid .centered.row > .column:not(.aligned) {
  text-align: left; }

.ui.grid > .centered.column, .ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.ui.relaxed.grid > .column:not(.row), .ui.relaxed.grid > .row > .column, .ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column, .ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.ui.relaxed.grid .row + .ui.divider, .ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.ui[class*="very relaxed"].grid .row + .ui.divider, .ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important; }

[class*="horizontally padded"].ui.grid {
  margin-left: 0em !important;
  margin-right: 0em !important; }

[class*="vertically padded"].ui.grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

.ui.grid [class*="left floated"].column {
  float: left; }

.ui.grid [class*="right floated"].column {
  float: right; }

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: rgba(39, 41, 43, 0.14902) -1px 0px 0px 0px; }

.ui[class*="vertically divided"].grid > .column:not(.row), .ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem; }

.ui[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0em;
  padding-bottom: 0em; }

.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none; }

.ui.grid > .divided.row > .column {
  box-shadow: rgba(39, 41, 43, 0.14902) -1px 0px 0px 0px; }

.ui.grid > .divided.row > .column:first-child {
  box-shadow: none; }

.ui[class*="vertically divided"].grid > .row {
  position: relative; }

.ui[class*="vertically divided"].grid > .row::before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  box-shadow: rgba(39, 41, 43, 0.14902) 0px -1px 0px 0px; }

[class*="horizontally padded"].ui.divided.grid, .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%; }

.ui[class*="vertically divided"].grid > .row:first-child::before {
  box-shadow: none; }

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: rgba(255, 255, 255, 0.2) -1px 0px 0px 0px; }

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none; }

.ui.inverted[class*="vertically divided"].grid > .row::before {
  box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px 0px; }

.ui.relaxed[class*="vertically divided"].grid > .row::before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem); }

.ui[class*="very relaxed"][class*="vertically divided"].grid > .row::before {
  margin-left: 5rem;
  margin-right: 5rem;
  width: calc(100% - 5rem); }

.ui.celled.grid {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 1em 0em;
  box-shadow: #d4d4d5 0px 0px 0px 1px; }

.ui.celled.grid > .row, .ui.celled.grid > .column.row, .ui.celled.grid > .column.row:first-child {
  display: table;
  table-layout: fixed;
  margin: 0em;
  padding: 0em;
  box-shadow: #d4d4d5 0px -1px 0px 0px;
  width: 100% !important; }

.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
  display: table-cell;
  box-shadow: #d4d4d5 -1px 0px 0px 0px; }

.ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child {
  box-shadow: none; }

.ui.celled.page.grid {
  box-shadow: none; }

.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
  padding: 0.75em; }

.ui.relaxed.celled.grid > .column:not(.row), .ui.relaxed.celled.grid > .row > .column {
  padding: 1em; }

.ui[class*="very relaxed"].celled.grid > .column:not(.row), .ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em; }

.ui[class*="internally celled"].grid {
  box-shadow: none; }

.ui[class*="internally celled"].grid > .row:first-child {
  box-shadow: none; }

.ui[class*="internally celled"].grid > .row > .column:first-child {
  box-shadow: none; }

.ui[class*="left aligned"].grid, .ui[class*="left aligned"].grid > .row > .column, .ui[class*="left aligned"].grid > .column, .ui.grid [class*="left aligned"].column, .ui.grid > [class*="left aligned"].row > .column {
  text-align: left;
  -webkit-box-align: start !important;
  align-items: flex-start !important; }

.ui.grid [class*="left aligned"].column {
  text-align: left !important; }

.ui[class*="center aligned"].grid, .ui[class*="center aligned"].grid > .row > .column, .ui[class*="center aligned"].grid > .column, .ui.grid > [class*="center aligned"].row > .column {
  text-align: center;
  -webkit-box-align: center !important;
  align-items: center !important; }

.ui.grid [class*="center aligned"].column {
  text-align: center !important; }

.ui[class*="right aligned"].grid, .ui[class*="right aligned"].grid > .row > .column, .ui[class*="right aligned"].grid > .column, .ui.grid > [class*="right aligned"].row > .column {
  text-align: right;
  -webkit-box-align: end !important;
  align-items: flex-end !important; }

.ui.grid [class*="right aligned"].column {
  text-align: right !important; }

.ui.justified.grid, .ui.justified.grid > .row > .column, .ui.justified.grid > .column, .ui.grid .justified.column, .ui.grid > .justified.row > .column {
  text-align: justify; }

.ui.grid .justified.column {
  text-align: justify !important; }

.ui[class*="top aligned"].grid, .ui[class*="top aligned"].grid > .row > .column, .ui[class*="top aligned"].grid > .column, .ui.grid [class*="top aligned"].column, .ui.grid > [class*="top aligned"].row > .column {
  vertical-align: top;
  -webkit-box-pack: start !important;
  justify-content: flex-start !important; }

.ui.grid [class*="top aligned"].column {
  vertical-align: top !important;
  -webkit-box-pack: start !important;
  justify-content: flex-start !important; }

.ui.stretched.grid > .row > .column, .ui.stretched.grid > .column, .ui.grid .stretched.column, .ui.grid > .stretched.row > .column {
  display: flex !important; }

.ui.stretched.grid > .row > .column > *, .ui.stretched.grid > .column > *, .ui.grid .stretched.column > *, .ui.grid > .stretched.row > .column > * {
  -webkit-box-flex: 1;
  flex-grow: 1; }

.ui[class*="middle aligned"].grid, .ui[class*="middle aligned"].grid > .row > .column, .ui[class*="middle aligned"].grid > .column, .ui.grid > [class*="middle aligned"].row > .column {
  vertical-align: middle;
  -webkit-box-pack: center !important;
  justify-content: center !important; }

.ui.grid [class*="middle aligned"].column {
  vertical-align: middle !important;
  -webkit-box-pack: center !important;
  justify-content: center !important; }

.ui[class*="bottom aligned"].grid, .ui[class*="bottom aligned"].grid > .row > .column, .ui[class*="bottom aligned"].grid > .column, .ui.grid > [class*="bottom aligned"].row > .column {
  vertical-align: bottom;
  -webkit-box-pack: end !important;
  justify-content: flex-end !important; }

.ui.grid [class*="bottom aligned"].column {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
  vertical-align: bottom !important; }

.ui.grid > .white.row, .ui.grid > .row > .white.column {
  color: rgba(0, 0, 0, 0.8);
  background-color: white !important; }

.ui.grid > .row > .white.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .black.row, .ui.grid > .row > .black.column {
  color: white;
  background-color: #1b1c1d !important; }

.ui.grid > .row > .black.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .blue.row, .ui.grid > .row > .blue.column {
  color: white;
  background-color: #3b83c0 !important; }

.ui.grid > .row > .blue.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .green.row, .ui.grid > .row > .green.column {
  color: white;
  background-color: #5bbd72 !important; }

.ui.grid > .row > .green.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .orange.row, .ui.grid > .row > .orange.column {
  color: white;
  background-color: #e07b53 !important; }

.ui.grid > .row > .orange.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .pink.row, .ui.grid .pink.column {
  color: white;
  background-color: #d9499a !important; }

.ui.grid > .row > .pink.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .purple.row, .ui.grid > .row > .purple.column {
  color: white;
  background-color: #564f8a !important; }

.ui.grid > .row > .purple.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .red.row, .ui.grid > .row > .red.column {
  color: white;
  background-color: #d95c5c !important; }

.ui.grid > .row > .red.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .teal.row, .ui.grid > .row > .teal.column {
  color: white;
  background-color: #00b5ad !important; }

.ui.grid > .row > .teal.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .yellow.row, .ui.grid > .row > .yellow.column {
  color: white;
  background-color: #f2c61f !important; }

.ui.grid > .row > .yellow.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui[class*="equal width"].grid {
  display: table;
  table-layout: fixed; }

.ui[class*="equal width"].grid > .row, .ui.grid > [class*="equal width"].row {
  display: table;
  table-layout: fixed;
  width: 100% !important; }

.ui[class*="equal width"].grid > .column, .ui[class*="equal width"].grid > .row > .column, .ui.grid > [class*="equal width"].row > .column {
  display: table-cell; }

.ui[class*="equal width"].grid {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column; }

.ui[class*="equal width"].grid > .row, .ui.grid > [class*="equal width"].row {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row; }

.ui[class*="equal width"].grid > .column, .ui[class*="equal width"].grid > .row > .column, .ui.grid > [class*="equal width"].row > .column {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1; }

.ui[class*="equal height"].grid {
  display: table;
  table-layout: fixed; }

.ui[class*="equal height"].grid > .row, .ui.grid > [class*="equal height"].row {
  display: table;
  table-layout: fixed;
  width: 100% !important; }

.ui[class*="equal height"].grid > .column, .ui[class*="equal height"].grid > .row > .column, .ui.grid > [class*="equal height"].row > .column {
  display: table-cell; }

.ui[class*="equal height"].grid {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column; }

.ui[class*="equal height"].grid > .row, .ui.grid > [class*="equal height"].row {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row; }

.ui[class*="equal height"].grid > .column, .ui[class*="equal height"].grid > .row > .column, .ui.grid > [class*="equal height"].row > .column {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1; }

.ui.menu {
  margin: 1rem 0rem;
  font-size: 0em;
  font-weight: normal;
  box-shadow: rgba(39, 41, 43, 0.14902) 0px 0px 0px 1px, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
  border-radius: 0.2857rem;
  background: white; }

.ui.menu::after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden; }

.ui.menu:first-child {
  margin-top: 0rem; }

.ui.menu:last-child {
  margin-bottom: 0rem; }

.ui.menu .menu {
  margin: 0em; }

.ui.menu:not(.vertical) .menu {
  font-size: 0em; }

.ui.menu .item {
  color: rgba(0, 0, 0, 0.8); }

.ui.menu .item .item {
  color: rgba(0, 0, 0, 0.498039); }

.ui.menu .item .menu a.item:hover, .ui.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85098); }

.ui.menu .item {
  position: relative;
  display: inline-block;
  padding: 0.78571em 0.95em;
  border-top: 0em solid transparent;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  background: none; }

.ui.menu > .item:first-child {
  border-radius: 0.2857rem 0px 0px 0.2857rem; }

.ui.menu:not(.vertical) .item.left, .ui.menu:not(.vertical) .menu.left {
  float: left; }

.ui.menu:not(.vertical) .item.right, .ui.menu:not(.vertical) .menu.right {
  float: right; }

.ui.menu .item::before {
  position: absolute;
  content: "";
  top: 0%;
  right: 0px;
  width: 1px;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.0470588) 0%, rgba(0, 0, 0, 0.0980392) 50%, rgba(0, 0, 0, 0.0470588) 100%); }

.ui.menu > .right.menu:first-child {
  display: none; }

.ui.menu .menu.right .item::before, .ui.menu .item.right::before {
  right: auto;
  left: 0px; }

.ui.menu .text.item > *, .ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child {
  -webkit-user-select: text;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8); }

.ui.menu .item > p:first-child {
  margin-top: 0px; }

.ui.menu .item > p:last-child {
  margin-bottom: 0px; }

.ui.menu .item > i.icon {
  opacity: 0.75;
  float: none;
  margin: 0em 0.25em 0em 0em; }

.ui.menu .item > i.dropdown.icon {
  float: right;
  margin-left: 1em; }

.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: -0.05em;
  margin: -0.55em 0px;
  padding-bottom: 0.55em;
  padding-top: 0.55em;
  font-size: 0.875em; }

.ui.menu .item > .input {
  width: 100%; }

.ui.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.6em 0em; }

.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em; }

.ui.menu .item > .input .button, .ui.menu .item > .input .label {
  padding-top: 0.4em;
  padding-bottom: 0.4em; }

.ui.small.menu .item > .input input {
  top: 0em;
  padding-top: 0.4em;
  padding-bottom: 0.4em; }

.ui.small.menu .item > .input .button, .ui.small.menu .item > .input .label {
  padding-top: 0.4em;
  padding-bottom: 0.4em; }

.ui.large.menu .item > .input input {
  top: -0.125em;
  padding-bottom: 0.6em;
  padding-top: 0.6em; }

.ui.large.menu .item > .input .button, .ui.large.menu .item > .input .label {
  padding-top: 0.6em;
  padding-bottom: 0.6em; }

.ui.menu .header.item, .ui.vertical.menu .header.item {
  margin: 0em;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.0392157); }

.ui.menu .ui.dropdown.item.visible {
  border-bottom-right-radius: 0em;
  border-bottom-left-radius: 0em;
  background: rgba(0, 0, 0, 0.027451); }

.ui.menu .ui.dropdown.active {
  box-shadow: none; }

.ui.menu .dropdown.item .menu {
  left: 0px;
  margin: 0px;
  min-width: calc(100% - 1px);
  box-shadow: rgba(0, 0, 0, 0.0784314) 0px 1px 3px 0px;
  background: white; }

.ui.menu:not(.secondary) .pointing.dropdown.item .menu {
  margin-top: 0px;
  border-top-left-radius: 0em;
  border-top-right-radius: 0em; }

.ui.menu .simple.dropdown.item .menu {
  margin: 0px !important; }

.ui.secondary.menu > .menu > .active.dropdown.item {
  background-color: transparent; }

.ui.secondary.menu .dropdown.item .menu {
  left: 0px;
  min-width: 100%; }

.ui.item.menu .dropdown .menu .item {
  width: 100%; }

.ui.menu .item > .label {
  color: white;
  margin: -0.15em 0em -0.15em 0.5em;
  padding: 0.3em 0.8em;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0.34902); }

.ui.menu .item > .floating.label {
  padding: 0.3em 0.8em; }

.ui.menu .item > img:only-child {
  display: block;
  max-width: 100%;
  margin: 0em auto; }

.ui.link.menu > .item:hover, .ui.menu > .link.item:hover, .ui.menu > a.item:hover, .ui.link.menu .menu > .item:hover, .ui.menu .menu > .link.item:hover, .ui.menu .menu > a.item:hover {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.menu .active.item {
  color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  box-shadow: 0em 2px 0em inset;
  background: rgba(0, 0, 0, 0.027451); }

.ui.menu .active.item > i.icon {
  opacity: 1; }

.ui.vertical.menu .active.item {
  border-radius: 0em;
  box-shadow: 2px 0em 0em inset;
  background: rgba(0, 0, 0, 0.027451); }

.ui.vertical.menu > .active.item:first-child {
  border-radius: 0em 0.2857rem 0em 0em; }

.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.2857rem; }

.ui.vertical.menu > .active.item:only-child {
  border-radius: 0em 0.2857rem 0.2857rem 0em; }

.ui.vertical.menu .active.item .menu .active.item {
  border-left: none; }

.ui.vertical.menu .item .menu .active.item {
  box-shadow: none;
  background-color: transparent; }

.ui.vertical.menu .active.item:hover, .ui.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.027451); }

.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
  cursor: default;
  color: rgba(40, 40, 40, 0.298039);
  background-color: transparent !important; }

.ui.vertical.menu {
  background: white; }

.ui.vertical.menu .item {
  display: block;
  border-top: none;
  border-left: 0em solid transparent;
  border-right: none;
  height: auto !important;
  background: none; }

.ui.vertical.menu > .item:first-child {
  border-radius: 0.2857rem 0.2857rem 0px 0px; }

.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.2857rem 0.2857rem; }

.ui.vertical.menu .item > .label {
  float: right;
  text-align: center; }

.ui.vertical.menu .item > i.icon {
  width: 1.18em;
  float: right;
  margin: 0em 0em 0em 0.5em; }

.ui.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em; }

.ui.vertical.menu .item::before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.027451) 0%, rgba(0, 0, 0, 0.0980392) 1.5em, rgba(0, 0, 0, 0.027451) 100%); }

.ui.vertical.menu .item:first-child::before {
  background: none !important; }

.ui.vertical.menu .dropdown.item > .icon {
  float: right;
  content: "";
  margin-left: 1em; }

.ui.vertical.menu .active.dropdown.item {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em; }

.ui.vertical.menu .dropdown.item .menu {
  left: 100%;
  margin: 0px;
  box-shadow: rgba(0, 0, 0, 0.0784314) 0px 1px 3px 0px;
  border-radius: 0em 0.2857rem 0.2857rem;
  top: 0% !important; }

.ui.vertical.menu .dropdown.item .menu .item {
  font-size: 1rem; }

.ui.vertical.menu .dropdown.item .menu .item i.icon {
  margin-right: 0em; }

.ui.vertical.menu .dropdown.item.active {
  box-shadow: none; }

.ui.vertical.menu .item:not(.dropdown) > .menu {
  margin: 0.5em -0.95em 0em; }

.ui.vertical.menu .item:not(.dropdown) > .menu > .item {
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  background: none; }

.ui.vertical.menu .item > .menu > .item::before {
  display: none; }

.ui.tiered.menu > .menu > .item:hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.tiered.menu .active.item {
  background: #fcfcfc; }

.ui.tiered.menu > .menu .item.active::after {
  position: absolute;
  content: "";
  margin-top: -1px;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #fcfcfc; }

.ui.tiered.menu .sub.menu {
  border-radius: 0em 0em 0.2857rem 0.2857rem;
  border-top: 1px solid rgba(39, 41, 43, 0.14902);
  box-shadow: none;
  background-color: #fcfcfc; }

.ui.tiered.menu > .sub.menu > .item {
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
  font-size: 0.875rem; }

.ui.tiered.menu .sub.menu .item::before {
  background: none; }

.ui.tiered.menu .sub.menu .item:hover {
  color: rgba(0, 0, 0, 0.8);
  background: none transparent; }

.ui.tiered.menu .sub.menu .active.item {
  padding-top: 0.78571em;
  border-radius: 0px;
  border-top: medium none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.8) !important;
  background: none transparent; }

.ui.tiered.menu .sub.menu .active.item::after {
  display: none; }

.ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.498039); }

.ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2); }

.ui.inverted.tiered.menu .sub.menu .item {
  color: rgba(255, 255, 255, 0.8); }

.ui.inverted.tiered.menu > .menu > .item:hover {
  color: white; }

.ui.inverted.tiered.menu .active.item::after {
  display: none; }

.ui.inverted.tiered.menu > .sub.menu > .active.item, .ui.inverted.tiered.menu > .menu > .active.item {
  box-shadow: none;
  color: white !important; }

.ui.pointing.tiered.menu > .menu > .item::after {
  display: none; }

.ui.pointing.tiered.menu > .sub.menu > .item::after {
  display: block; }

.ui.tabular.menu {
  border-radius: 0em;
  border-bottom: 1px solid #d4d4d5;
  box-shadow: none !important;
  background-color: transparent; }

.ui.tabular.fluid.menu {
  width: calc(100% + 2px) !important; }

.ui.tabular.menu .item {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  padding-left: 1.4em;
  padding-right: 1.4em;
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent; }

.ui.tabular.menu .item::before {
  display: none; }

.ui.tabular.menu .item:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent; }

.ui.tabular.menu .active.item {
  position: relative;
  border-bottom: none #d4d4d5;
  vertical-align: bottom;
  color: rgba(0, 0, 0, 0.8);
  border-top-color: #d4d4d5;
  border-right-color: #d4d4d5;
  border-left-color: #d4d4d5;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 5px 5px 0px 0px;
  background-color: white; }

.ui.attached.tabular.menu {
  position: relative;
  z-index: 2; }

.ui.tabular.menu + .bottom.attached.segment, .ui.tabular.menu ~ .bottom.attached.segment + .bottom.attached.segment {
  border-top: none;
  margin: 0px; }

.ui.pagination.menu {
  margin: 0em;
  display: inline-block;
  vertical-align: middle; }

.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center; }

.ui.pagination.menu .icon.item i.icon {
  vertical-align: top; }

.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.78571em;
  box-shadow: none;
  /*background-color: rgba(0, 0, 0, 0.027451);*/ }

.ui.secondary.menu {
  border-radius: 0em;
  box-shadow: none;
  background: none; }

.ui.secondary.menu > .menu > .item, .ui.secondary.menu > .item {
  box-shadow: none;
  border: none;
  margin: 0em 0.25em;
  padding: 0.5em 0.8em;
  border-radius: 0.2857rem;
  height: auto !important;
  background: none; }

.ui.secondary.menu > .menu > .item::before, .ui.secondary.menu > .item::before {
  display: none !important; }

.ui.secondary.menu .item > .input input {
  border: none;
  background-color: transparent; }

.ui.secondary.menu .link.item, .ui.secondary.menu a.item {
  opacity: 0.8;
  transition: none; }

.ui.secondary.menu .header.item {
  border-right: 0.1em solid rgba(0, 0, 0, 0.0980392);
  border-radius: 0em;
  background: none transparent; }

.ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
  opacity: 1; }

.ui.secondary.menu > .menu > .active.item, .ui.secondary.menu > .active.item {
  opacity: 1;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.0470588); }

.ui.secondary.vertical.menu > .active.item {
  border-radius: 0.2857rem; }

.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.8); }

.ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {
  color: white; }

.ui.secondary.inverted.menu .active.item {
  background-color: rgba(255, 255, 255, 0.0470588); }

.ui.secondary.item.menu > .item {
  margin: 0em; }

.ui.secondary.attached.menu {
  box-shadow: none; }

.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 0.3em;
  border-radius: 0.2857rem; }

.ui.secondary.vertical.menu > .header.item {
  border-radius: 0em; }

.ui.secondary.inverted.menu {
  background-color: transparent; }

.ui.secondary.inverted.pointing.menu {
  border-bottom: 3px solid rgba(255, 255, 255, 0.0980392); }

.ui.secondary.inverted.pointing.menu > .item {
  color: rgba(255, 255, 255, 0.701961); }

.ui.secondary.inverted.pointing.menu > .header.item {
  color: white !important; }

.ui.secondary.inverted.pointing.menu > .menu > .item:hover, .ui.secondary.inverted.pointing.menu > .item:hover {
  color: rgba(255, 255, 255, 0.85098); }

.ui.secondary.inverted.pointing.menu > .menu > .item:active, .ui.secondary.inverted.pointing.menu > .item:active {
  border-color: rgba(255, 255, 255, 0.4); }

.ui.secondary.inverted.pointing.menu > .menu > .item.active, .ui.secondary.inverted.pointing.menu > .item.active {
  border-color: rgba(255, 255, 255, 0.8);
  color: white; }

.ui.secondary.pointing.menu {
  border-bottom: 3px solid rgba(0, 0, 0, 0.0980392); }

.ui.secondary.pointing.menu > .menu > .item, .ui.secondary.pointing.menu > .item {
  margin: 0em 0em -3px;
  padding: 0.6em 0.95em;
  border-bottom: 3px solid transparent;
  border-radius: 0em;
  transition: color 0.2s ease; }

.ui.secondary.pointing.menu .header.item {
  margin-bottom: -3px;
  border-right-width: 0px !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.85098) !important;
  background-color: transparent !important; }

.ui.secondary.pointing.menu .text.item {
  box-shadow: none !important; }

.ui.secondary.pointing.menu > .menu > .item::after, .ui.secondary.pointing.menu > .item::after {
  display: none; }

.ui.secondary.pointing.menu > .menu > .link.item:hover, .ui.secondary.pointing.menu > .link.item:hover, .ui.secondary.pointing.menu > .menu > a.item:hover, .ui.secondary.pointing.menu > a.item:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent; }

.ui.secondary.pointing.menu > .menu > .link.item:active, .ui.secondary.pointing.menu > .link.item:active, .ui.secondary.pointing.menu > .menu > a.item:active, .ui.secondary.pointing.menu > a.item:active {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: transparent; }

.ui.secondary.pointing.menu > .menu > .item.active, .ui.secondary.pointing.menu > .item.active {
  border-color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent; }

.ui.secondary.vertical.pointing.menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 3px solid rgba(0, 0, 0, 0.0980392); }

.ui.secondary.vertical.pointing.menu > .item {
  margin: 0em -3px 0em 0em;
  border-bottom: none;
  border-right: 3px solid transparent;
  border-radius: 0em; }

.ui.secondary.vertical.pointing.menu > .item:hover {
  color: rgba(0, 0, 0, 0.701961);
  background-color: transparent; }

.ui.secondary.vertical.pointing.menu > .item:active {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: transparent; }

.ui.secondary.vertical.pointing.menu > .item.active {
  border-color: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.85098);
  background-color: transparent; }

.ui.secondary.inverted.vertical.pointing.menu {
  border-right: 3px solid rgba(255, 255, 255, 0.0980392);
  border-bottom: none; }

.ui.text.menu {
  display: inline-block;
  margin: 1rem -1rem;
  border-radius: 0px;
  box-shadow: none;
  background: none transparent; }

.ui.text.menu > .item {
  opacity: 0.8;
  margin: 0em 1em;
  padding: 0em;
  border-radius: 0px;
  box-shadow: none;
  transition: opacity 0.2s ease;
  height: auto !important; }

.ui.text.menu > .item::before {
  display: none !important; }

.ui.text.menu .header.item {
  opacity: 1;
  color: rgba(50, 50, 50, 0.8);
  font-size: 0.875rem;
  padding: 0em;
  text-transform: uppercase;
  font-weight: bold;
  background-color: transparent; }

.ui.text.menu .text.item {
  opacity: 1;
  color: rgba(50, 50, 50, 0.8);
  font-weight: bold; }

.ui.text.item.menu .item {
  margin: 0em; }

.ui.vertical.text.menu {
  margin: 1rem 0em; }

.ui.vertical.text.menu:first-child {
  margin-top: 0rem; }

.ui.vertical.text.menu:last-child {
  margin-bottom: 0rem; }

.ui.vertical.text.menu .item {
  float: left;
  clear: left;
  margin: 0.5em 0em; }

.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0em 0.78571em 0em 0em; }

.ui.vertical.text.menu .header.item {
  margin: 0.8em 0em; }

.ui.text.menu .item:hover {
  opacity: 1;
  background-color: transparent; }

.ui.text.menu .active.item {
  padding: 0em;
  border: none;
  opacity: 1;
  font-weight: bold;
  box-shadow: none;
  background-color: transparent; }

.ui.text.pointing.menu .active.item::after {
  box-shadow: none; }

.ui.text.attached.menu {
  box-shadow: none; }

.ui.inverted.text.menu, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .item.active {
  background-color: transparent; }

.ui.fluid.text.menu {
  margin-left: 0em;
  margin-right: 0em; }

.ui.icon.menu, .ui.vertical.icon.menu {
  width: auto;
  display: inline-block;
  height: auto; }

.ui.icon.menu > .item {
  height: auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.6); }

.ui.icon.menu > .item > .icon {
  display: block;
  opacity: 1;
  float: none !important;
  margin: 0em auto !important; }

.ui.icon.menu .icon::before {
  opacity: 1; }

.ui.menu .icon.item .icon {
  margin: 0em; }

.ui.vertical.icon.menu {
  float: none; }

.ui.inverted.icon.menu .item {
  color: rgba(255, 255, 255, 0.8); }

.ui.inverted.icon.menu .icon {
  color: white; }

.ui.labeled.icon.menu {
  text-align: center; }

.ui.fluid.labeled.icon.menu > .item {
  min-width: 0em; }

.ui.labeled.icon.menu > .item {
  min-width: 6em; }

.ui.labeled.icon.menu > .item > .icon {
  display: block;
  font-size: 1.5em !important;
  margin: 0em auto 0.5em !important; }

.ui.menu .blue.active.item, .ui.blue.menu .active.item {
  border-color: #3b83c0 !important;
  color: #3b83c0 !important; }

.ui.menu .green.active.item, .ui.green.menu .active.item {
  border-color: #5bbd72 !important;
  color: #5bbd72 !important; }

.ui.menu .orange.active.item, .ui.orange.menu .active.item {
  border-color: #e07b53 !important;
  color: #e07b53 !important; }

.ui.menu .pink.active.item, .ui.pink.menu .active.item {
  border-color: #d9499a !important;
  color: #d9499a !important; }

.ui.menu .purple.active.item, .ui.purple.menu .active.item {
  border-color: #564f8a !important;
  color: #564f8a !important; }

.ui.menu .red.active.item, .ui.red.menu .active.item {
  border-color: #d95c5c !important;
  color: #d95c5c !important; }

.ui.menu .teal.active.item, .ui.teal.menu .active.item {
  border-color: #00b5ad !important;
  color: #00b5ad !important; }

.ui.menu .yellow.active.item, .ui.yellow.menu .active.item {
  border-color: #f2c61f !important;
  color: #f2c61f !important; }

.ui.inverted.menu {
  box-shadow: none;
  background: #1b1c1d; }

.ui.inverted.menu .header.item {
  margin: 0em;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.298039); }

.ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) {
  color: white; }

.ui.inverted.menu .item:not(.dropdown).menu {
  background: transparent; }

.ui.inverted.menu .item .item, .ui.inverted.menu .item .item > a:not(.ui) {
  color: rgba(255, 255, 255, 0.498039); }

.ui.inverted.menu .dropdown .menu .item {
  transition: none;
  color: rgba(0, 0, 0, 0.8) !important; }

.ui.inverted.menu .dropdown .menu .item:hover {
  color: rgba(0, 0, 0, 0.85098) !important;
  background: rgba(0, 0, 0, 0.0470588) !important; }

.ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover {
  color: rgba(225, 225, 225, 0.298039); }

.ui.inverted.menu .item::before {
  background: linear-gradient(rgba(255, 255, 255, 0.027451) 0%, rgba(255, 255, 255, 0.0980392) 50%, rgba(255, 255, 255, 0.027451) 100%); }

.ui.vertical.inverted.menu .item::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.027451) 0%, rgba(255, 255, 255, 0.0980392) 50%, rgba(255, 255, 255, 0.027451) 100%); }

.ui.link.inverted.menu .item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.inverted.menu .dropdown.item:hover {
  color: white;
  background: rgba(255, 255, 255, 0.0980392); }

.ui.inverted.menu .item .menu a.item:hover, .ui.inverted.menu .item .menu .link.item:hover {
  color: white;
  background: transparent; }

.ui.inverted.menu a.item:active, .ui.inverted.menu .dropdown.item:active, .ui.inverted.menu .link.item:active, .ui.inverted.menu a.item:active {
  color: white;
  background: rgba(255, 255, 255, 0.14902); }

.ui.inverted.menu .active.item {
  box-shadow: none !important;
  color: white !important;
  background: rgba(255, 255, 255, 0.2); }

.ui.inverted.vertical.menu .item .menu .active.item {
  color: white;
  background: transparent; }

.ui.inverted.pointing.menu .active.item::after {
  box-shadow: none;
  background: #5b5b5b; }

.ui.inverted.pointing.menu .active.item:hover::after {
  background: #4a4a4a; }

.ui.selection.menu > .item {
  color: rgba(0, 0, 0, 0.4); }

.ui.selection.menu > .item:hover {
  color: rgba(0, 0, 0, 0.6); }

.ui.selection.menu > .item.active {
  color: rgba(0, 0, 0, 0.85098); }

.ui.inverted.selection.menu > .item {
  color: rgba(255, 255, 255, 0.4); }

.ui.inverted.selection.menu > .item:hover {
  color: rgba(255, 255, 255, 0.901961); }

.ui.inverted.selection.menu > .item.active {
  color: white; }

.ui.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem; }

.ui.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem; }

.ui.grey.menu {
  background-color: #fafafa; }

.ui.inverted.blue.menu {
  background-color: #3b83c0; }

.ui.inverted.blue.pointing.menu .active.item::after {
  background-color: #3b83c0; }

.ui.inverted.green.menu {
  background-color: #5bbd72; }

.ui.inverted.green.pointing.menu .active.item::after {
  background-color: #5bbd72; }

.ui.inverted.orange.menu {
  background-color: #e07b53; }

.ui.inverted.orange.pointing.menu .active.item::after {
  background-color: #e07b53; }

.ui.inverted.pink.menu {
  background-color: #d9499a; }

.ui.inverted.pink.pointing.menu .active.item::after {
  background-color: #d9499a; }

.ui.inverted.purple.menu {
  background-color: #564f8a; }

.ui.inverted.purple.pointing.menu .active.item::after {
  background-color: #564f8a; }

.ui.inverted.red.menu {
  background-color: #d95c5c; }

.ui.inverted.red.pointing.menu .active.item::after {
  background-color: #d95c5c; }

.ui.inverted.teal.menu {
  background-color: #00b5ad; }

.ui.inverted.teal.pointing.menu .active.item::after {
  background-color: #00b5ad; }

.ui.inverted.yellow.menu {
  background-color: #f2c61f; }

.ui.inverted.yellow.pointing.menu .active.item::after {
  background-color: #f2c61f; }

.ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item {
  padding: 0em; }

.ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item {
  padding-top: 0.78571em;
  padding-bottom: 0.78571em; }

.ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item, .ui.menu .vertically.fitted.item {
  padding-left: 0.95em;
  padding-right: 0.95em; }

.ui.borderless.menu .item::before, .ui.borderless.menu .item .menu .item::before, .ui.menu .borderless.item::before {
  background: none !important; }

.ui.compact.menu {
  display: inline-block;
  margin: 0em;
  vertical-align: middle; }

.ui.compact.vertical.menu {
  width: auto !important; }

.ui.compact.vertical.menu .item:last-child::before {
  display: block; }

.ui.item.menu, .ui.item.menu .item {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.ui.menu.two.item .item {
  width: 50%; }

.ui.menu.three.item .item {
  width: 33.333%; }

.ui.menu.four.item .item {
  width: 25%; }

.ui.menu.five.item .item {
  width: 20%; }

.ui.menu.six.item .item {
  width: 16.666%; }

.ui.menu.seven.item .item {
  width: 14.285%; }

.ui.menu.eight.item .item {
  width: 12.5%; }

.ui.menu.nine.item .item {
  width: 11.11%; }

.ui.menu.ten.item .item {
  width: 10%; }

.ui.menu.eleven.item .item {
  width: 9.09%; }

.ui.menu.twelve.item .item {
  width: 8.333%; }

.ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child {
  border-radius: 0px !important; }

.ui.fixed.menu, .ui.top.fixed.menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto; }

.ui.right.fixed.menu {
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%; }

.ui.bottom.fixed.menu {
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto; }

.ui.left.fixed.menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%; }

.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem; }

.ui.pointing.menu .active.item::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  margin: 0em;
  width: 0.6em;
  height: 0.6em;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5;
  z-index: 11;
  transition: background 0.2s ease;
  background: none; }

.ui.pointing.menu .active.item .menu .active.item::after {
  display: none; }

.ui.vertical.pointing.menu .active.item::after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0em -1px 0em 0em;
  border-bottom: none;
  border-left: none;
  border-top: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5; }

.ui.pointing.menu .active.item:hover::after {
  background-color: #fafafa; }

.ui.pointing.menu .active.item::after {
  background-color: #f7f7f7; }

.ui.vertical.pointing.menu .item:hover::after {
  background-color: #fafafa; }

.ui.vertical.pointing.menu .active.item::after {
  background-color: #f7f7f7; }

.ui.vertical.pointing.menu .menu .active.item::after {
  background-color: white; }

.ui.top.attached.menu {
  border-radius: 0.2857rem 0.2857rem 0em 0em; }

.ui.small.menu .item {
  font-size: 0.875rem; }

.ui.small.vertical.menu {
  width: 13rem; }

.ui.menu .item {
  font-size: 1rem; }

.ui.vertical.menu {
  width: 15rem; }

.ui.large.menu .item {
  font-size: 1.125rem; }

.ui.large.menu .item .item {
  font-size: 0.875rem; }

.ui.large.menu .dropdown .item {
  font-size: 1rem; }

.ui.large.vertical.menu {
  width: 18rem; }

.ui.message .header {
  display: block;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0em 0em 0.5rem; }

.ui.message .header:not(.ui) {
  font-size: 1.1em; }

.ui.message .header + p {
  margin-top: 0.25em; }

.ui.positive.message .header {
  color: #356e36; }

.ui.negative.message .header {
  color: #912d2b; }

.ui.info.message .header {
  color: #297187; }

.ui.warning.message .header {
  color: #825c01; }

.ui.error.message .header {
  color: #912d2b; }

.ui.success.message .header {
  color: #356e36; }

.ui.blue.message .header {
  color: #3576ac; }

.ui.green.message .header {
  color: #1aa62a; }

.ui.orange.message .header {
  color: #dc6a3d; }

.ui.pink.message .header {
  color: #d5348e; }

.ui.purple.message .header {
  color: #4c467a; }

.ui.red.message .header {
  color: #d44747; }

.ui.teal.message .header {
  color: #0e8c8c; }

.ui.yellow.message .header {
  color: #9c6f04; }

.ui.table {
  width: 100%;
  margin: 1em 0em;
  border: 1px solid #d0d0d0;
  box-shadow: none;
  border-radius: 0.25rem;
  color: rgba(0, 0, 0, 0.8);
  border-collapse: separate;
  border-spacing: 0px;
  background: white; }

.ui.table:first-child {
  margin-top: 0em; }

.ui.table:last-child {
  margin-bottom: 0em; }

.ui.table th, .ui.table td {
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }

.ui.table thead {
  box-shadow: none; }

.ui.table thead th {
  cursor: auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.7em 0.8em;
  vertical-align: middle;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid #d4d4d5;
  border-left: none;
  background: #f0f0f0; }

.ui.table thead tr > th:first-child {
  border-left: none; }

.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.25rem 0em 0em; }

.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.25rem 0em 0em; }

.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.25rem 0.25rem 0em 0em; }

.ui.table tfoot {
  box-shadow: none; }

.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid #d4d4d5;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.7em 0.8em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  background: white; }

.ui.table tfoot tr > th:first-child {
  border-left: none; }

.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.25rem; }

.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.25rem; }

.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.25rem 0.25rem; }

.ui.table tr td {
  border-top: 1px solid #d4d4d5; }

.ui.table tr:first-child td {
  border-top: none; }

.ui.table td {
  padding: 0.7em 0.8em;
  text-align: left;
  vertical-align: middle; }

.ui.table > .icon {
  vertical-align: baseline; }

.ui.table > .icon:only-child {
  margin: 0em; }

.ui.table th .image, .ui.table th .image img, .ui.table td .image, .ui.table td .image img {
  max-width: none; }

.ui.structured.table {
  border-collapse: collapse; }

.ui.structured.table thead th {
  border-left: none;
  border-right: none; }

.ui.structured.sortable.table thead th {
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0; }

.ui.structured.basic.table th {
  border-left: none;
  border-right: none; }

.ui.structured.celled.table tr th, .ui.structured.celled.table tr td {
  border-left: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5; }

.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: white -1px -1px 0px 1px;
  background: transparent; }

.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  box-shadow: white 1px 1px 0px 1px;
  background: transparent; }

.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: white 0px -1px 0px 1px; }

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: white 0px 1px 0px 1px; }

.ui.definition.table tr td:first-child {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.definition.table td:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.table tr.positive, .ui.table td.positive {
  box-shadow: #b7caa7 0px 0px 0px inset; }

.ui.table tr.positive td, .ui.table td.positive {
  color: #3c763d !important;
  background: #eeffe7 !important; }

.ui.celled.table tr.positive:hover td, .ui.celled.table tr:hover td.positive {
  color: #376c38 !important;
  background: #e3ffd8 !important; }

.ui.table tr.negative, .ui.table td.negative {
  box-shadow: #dbb1b1 0px 0px 0px inset; }

.ui.table tr.negative td, .ui.table td.negative {
  color: #cd2929 !important;
  background: #fff0f0 !important; }

.ui.celled.table tr.negative:hover td, .ui.celled.table tr:hover td.negative {
  color: #c02626 !important;
  background: #ffe1e1 !important; }

.ui.table tr.error, .ui.table td.error {
  box-shadow: #dbb1b1 0px 0px 0px inset; }

.ui.table tr.error td, .ui.table td.error {
  color: #cd2929 !important;
  background: #fff0f0 !important; }

.ui.celled.table tr.error:hover td, .ui.celled.table tr:hover td.error {
  color: #c02626 !important;
  background: #ffe1e1 !important; }

.ui.table tr.warning, .ui.table td.warning {
  box-shadow: #d9caab 0px 0px 0px inset; }

.ui.table tr.warning td, .ui.table td.warning {
  color: #7d6c00 !important;
  background: #fffbe6 !important; }

.ui.celled.table tr.warning:hover td, .ui.celled.table tr:hover td.warning {
  color: #6e5f00 !important;
  background: #fff9d7 !important; }

.ui.table tr.active, .ui.table td.active {
  box-shadow: rgba(50, 50, 50, 0.901961) 0px 0px 0px inset; }

.ui.table tr.active td, .ui.table td.active {
  color: rgba(50, 50, 50, 0.901961) !important;
  background: #e0e0e0 !important; }

.ui.celled.table tr.active:hover td, .ui.celled.table tr:hover td.active {
  color: rgba(50, 50, 50, 0.901961) !important;
  background: #e0e0e0 !important; }

.ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover td, .ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.298039); }

.ui.table[class*="left aligned"], .ui.table [class*="left aligned"] {
  text-align: left; }

.ui.table[class*="center aligned"], .ui.table [class*="center aligned"] {
  text-align: center; }

.ui.table[class*="right aligned"], .ui.table [class*="right aligned"] {
  text-align: right; }

.ui.table th.collapsing, .ui.table td.collapsing {
  width: 1px;
  white-space: nowrap; }

.ui.attached.table {
  width: calc(100% + 2px);
  margin: 0em -1px;
  border-radius: 0px;
  box-shadow: none; }

.ui[class*="top attached"].table {
  border-radius: 0.25rem 0.25rem 0em 0em; }

.ui.striped.table > tr:nth-child(2n), .ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.027451); }

.ui.inverted.striped.table > tr:nth-child(2n), .ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.0588235); }

.ui.black.table {
  border-top: 0.2em solid #1b1c1d; }

.ui.blue.table {
  border-top: 0.2em solid #3b83c0; }

.ui.green.table {
  border-top: 0.2em solid #5bbd72; }

.ui.orange.table {
  border-top: 0.2em solid #e07b53; }

.ui.pink.table {
  border-top: 0.2em solid #d9499a; }

.ui.purple.table {
  border-top: 0.2em solid #564f8a; }

.ui.red.table {
  border-top: 0.2em solid #d95c5c; }

.ui.teal.table {
  border-top: 0.2em solid #00b5ad; }

.ui.yellow.table {
  border-top: 0.2em solid #f2c61f; }

.ui.inverted.table, .ui.inverted.black.table {
  color: white !important;
  background-color: #1b1c1d !important; }

.ui.inverted.blue.table {
  color: white !important;
  background-color: #3b83c0 !important; }

.ui.inverted.green.table {
  color: white !important;
  background-color: #5bbd72 !important; }

.ui.inverted.orange.table {
  color: white !important;
  background-color: #e07b53 !important; }

.ui.inverted.pink.table {
  color: white !important;
  background-color: #d9499a !important; }

.ui.inverted.purple.table {
  color: white !important;
  background-color: #564f8a !important; }

.ui.inverted.red.table {
  color: white !important;
  background-color: #d95c5c !important; }

.ui.inverted.teal.table {
  color: white !important;
  background-color: #00b5ad !important; }

.ui.inverted.yellow.table {
  color: white !important;
  background-color: #f2c61f !important; }

.ui.one.column.table td {
  width: 100%; }

.ui.two.column.table td {
  width: 50%; }

.ui.three.column.table td {
  width: 33.3333%; }

.ui.four.column.table td {
  width: 25%; }

.ui.five.column.table td {
  width: 20%; }

.ui.six.column.table td {
  width: 16.6667%; }

.ui.seven.column.table td {
  width: 14.2857%; }

.ui.eight.column.table td {
  width: 12.5%; }

.ui.nine.column.table td {
  width: 11.1111%; }

.ui.ten.column.table td {
  width: 10%; }

.ui.eleven.column.table td {
  width: 9.09091%; }

.ui.twelve.column.table td {
  width: 8.33333%; }

.ui.thirteen.column.table td {
  width: 7.69231%; }

.ui.fourteen.column.table td {
  width: 7.14286%; }

.ui.fifteen.column.table td {
  width: 6.66667%; }

.ui.sixteen.column.table td {
  width: 6.25%; }

.ui.table th.one.wide, .ui.table td.one.wide {
  width: 6.25%; }

.ui.table th.two.wide, .ui.table td.two.wide {
  width: 12.5%; }

.ui.table th.three.wide, .ui.table td.three.wide {
  width: 18.75%; }

.ui.table th.four.wide, .ui.table td.four.wide {
  width: 25%; }

.ui.table th.five.wide, .ui.table td.five.wide {
  width: 31.25%; }

.ui.table th.six.wide, .ui.table td.six.wide {
  width: 37.5%; }

.ui.table th.seven.wide, .ui.table td.seven.wide {
  width: 43.75%; }

.ui.table th.eight.wide, .ui.table td.eight.wide {
  width: 50%; }

.ui.table th.nine.wide, .ui.table td.nine.wide {
  width: 56.25%; }

.ui.table th.ten.wide, .ui.table td.ten.wide {
  width: 62.5%; }

.ui.table th.eleven.wide, .ui.table td.eleven.wide {
  width: 68.75%; }

.ui.table th.twelve.wide, .ui.table td.twelve.wide {
  width: 75%; }

.ui.table th.thirteen.wide, .ui.table td.thirteen.wide {
  width: 81.25%; }

.ui.table th.fourteen.wide, .ui.table td.fourteen.wide {
  width: 87.5%; }

.ui.table th.fifteen.wide, .ui.table td.fifteen.wide {
  width: 93.75%; }

.ui.table th.sixteen.wide, .ui.table td.sixteen.wide {
  width: 100%; }

.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid #d0d0d0;
  color: rgba(0, 0, 0, 0.8); }

.ui.sortable.table thead th:first-child {
  border-left: none; }

.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none; }

.ui.sortable.table thead th::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: Icons;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

.ui.sortable.table thead th.ascending::after {
  content: ""; }

.ui.sortable.table thead th.descending::after {
  content: ""; }

.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.298039); }

.ui.sortable.table thead th:hover {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.sortable.table thead th.sorted {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.sortable.table thead th.sorted:hover {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.inverted.sortable.table thead th.sorted {
  color: white;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) rgba(255, 255, 255, 0.0666667); }

.ui.inverted.sortable.table thead th:hover {
  color: white;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) rgba(255, 255, 255, 0.0470588); }

.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent; }

.ui.inverted.table {
  color: white;
  border: none;
  background: #333333; }

.ui.inverted.table th {
  color: rgba(255, 255, 255, 0.901961);
  border-color: rgba(0, 0, 0, 0.2) !important;
  background-color: rgba(0, 0, 0, 0.14902); }

.ui.inverted.table tr td {
  border-color: rgba(0, 0, 0, 0.2) !important; }

.ui.inverted.table tr.disabled td, .ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.298039); }

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: white; }

.ui.inverted.definition.table tr td:first-child {
  color: white;
  background: rgba(255, 255, 255, 0.0196078); }

.ui.collapsing.table {
  width: auto; }

.ui.basic.table {
  border: 1px solid #d0d0d0;
  box-shadow: none;
  background: transparent; }

.ui.basic.table thead, .ui.basic.table tfoot {
  box-shadow: none; }

.ui.basic.table th {
  border-left: none;
  background: transparent; }

.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0980392); }

.ui.basic.table td {
  background: transparent; }

.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.0470588) !important; }

.ui[class*="very basic"].table {
  border: none; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th, .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: 0.7em 0.8em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em; }

.ui.celled.table tr th, .ui.celled.table tr td {
  border-left: 1px solid #d4d4d5; }

.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child {
  border-left: none; }

.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em; }

.ui.padded.table th, .ui.padded.table td {
  padding: 1em; }

.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.ui[class*="very padded"].table td {
  padding: 1.5em; }

.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em; }

.ui.compact.table td {
  padding: 0.5em 0.7em; }

.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em; }

.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em; }

.ui.small.table {
  font-size: 0.9em; }

.ui.table {
  font-size: 1em; }

.ui.large.table {
  font-size: 1.1em; }

.ui.cards > .card > .content > .header, .ui.card > .content > .header {
  display: block;
  margin: 0em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.85098); }

.ui.cards > .card > .content > .header:not(.ui), .ui.card > .content > .header:not(.ui) {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: -0.165em;
  line-height: 1.33em; }

.ui.cards > .card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, .ui.card > .content > .meta + .description, .ui.card > .content > .header + .description {
  margin-top: 0.5em; }

.ui.cards > .card > .content > a.header, .ui.card > .content > a.header {
  color: rgba(0, 0, 0, 0.85098); }

.ui.cards > .card > .content > a.header:hover, .ui.card > .content > a.header:hover {
  color: #00b2f3; }

.ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.items > .item {
  table-layout: fixed;
  display: table;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  transition: box-shadow 0.2s ease;
  background: transparent; }

.ui.items > .item a {
  cursor: pointer; }

.ui.items > .item {
  min-width: 100%; }

.ui.items > .item::after {
  display: block;
  content: " ";
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.ui.items > .item:first-child {
  margin-top: 0em; }

.ui.items > .item:last-child {
  margin-bottom: 0em; }

.ui.items > .item > .image {
  position: relative;
  display: table-cell;
  float: none;
  margin: 0em;
  padding: 0em;
  vertical-align: top; }

.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.125rem;
  border: none; }

.ui.items > .item > .image:only-child > img {
  border-radius: 0rem; }

.ui.items > .item > .content {
  display: block;
  margin: 0em;
  padding: 0em;
  box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0em;
  background: none; }

.ui.items > .item > .content::after {
  display: block;
  content: " ";
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.ui.items > .item > .image + .content {
  width: 100%;
  display: table-cell;
  margin-left: 0em;
  vertical-align: top;
  padding-left: 1.5em; }

.ui.items > .item > .content > .header {
  display: block;
  margin: -0.165em 0em 0em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85098); }

.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.2em; }

.ui.items > .item [class*="left floated"] {
  float: left; }

.ui.items > .item [class*="right floated"] {
  float: right; }

.ui.items > .item .content img {
  vertical-align: middle; }

.ui.items > .item img.avatar, .ui.items > .item .avatar img {
  border-radius: 500rem; }

.ui.items > .item > .content > .description {
  margin-top: 0.6em;
  max-width: 550px;
  font-size: 1em;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.8); }

.ui.items > .item > .content p {
  margin: 0em 0em 0.5em; }

.ui.items > .item > .content p:last-child {
  margin-bottom: 0em; }

.ui.items > .item .meta {
  font-size: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.6); }

.ui.items > .item .meta * {
  margin-right: 0.3em; }

.ui.items > .item .meta :last-child {
  margin-right: 0em; }

.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em; }

.ui.items > .item > .content a:not(.ui) {
  transition: color 0.2s ease; }

.ui.items > .item > .content > a.header {
  color: rgba(0, 0, 0, 0.85098); }

.ui.items > .item > .content > a.header:hover {
  color: #00b2f3; }

.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

.ui.items > .item .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.2s ease; }

.ui.items > .item > .content .favorite.icon:hover {
  opacity: 1;
  color: #ffb70a; }

.ui.items > .item > .content .active.favorite.icon {
  color: #ffe623; }

.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.2s ease; }

.ui.items > .item > .content .like.icon:hover {
  opacity: 1;
  color: #ff2733; }

.ui.items > .item > .content .active.like.icon {
  color: #ff2733; }

.ui.items > .item .extra {
  display: block;
  position: relative;
  margin: 0.5rem 0em 0em;
  width: 100%;
  padding: 0em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  transition: color 0.2s ease;
  border-top: none;
  background: none; }

.ui.items > .item .extra > * {
  margin: 0.25rem 0.5rem 0.25rem 0em; }

.ui.items > .item .extra > [class*="right floated"] {
  margin: 0.25rem 0em 0.25rem 0.5rem; }

.ui.items > .item .extra::after {
  display: block;
  content: " ";
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.ui.items > .item > .image:not(.ui) {
  width: 175px; }

.ui.items > .item > .image + [class*="top aligned"].content {
  vertical-align: top; }

.ui.items > .item > .image + [class*="middle aligned"].content {
  vertical-align: middle; }

.ui.items > .item > .image + [class*="bottom aligned"].content {
  vertical-align: bottom; }

.ui.relaxed.items > .item {
  margin: 1.5em 0em; }

.ui[class*="very relaxed"].items > .item {
  margin: 2em 0em; }

.ui.divided.items > .item {
  border-top: 1px solid rgba(39, 41, 43, 0.14902);
  margin: 0em;
  padding: 1em 0em; }

.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0em !important;
  padding-top: 0em !important; }

.ui.divided.items > .item:last-child {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important; }

.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: 1.5em 0em; }

.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: 2em 0em; }

.ui.items a.item:hover, .ui.link.items > .item:hover {
  cursor: pointer; }

.ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {
  color: #00b2f3; }

.ui.items > .item {
  font-size: 1em; }

.ui.accordion.menu .item .title {
  display: block;
  padding: 0em; }

.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.165em 0em 0em 1em;
  transform: rotate(180deg); }

.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem; }

.ui.accordion.menu .item .active.title > .dropdown.icon {
  transform: rotate(90deg); }

.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  margin: 0em;
  padding: 0em;
  min-width: 100%;
  white-space: nowrap;
  font-size: 1rem;
  text-shadow: none;
  text-align: left;
  box-shadow: rgba(39, 41, 43, 0.14902) 0px 1px 4px 0px;
  border: 1px solid rgba(39, 41, 43, 0.14902);
  border-radius: 0em 0em 0.2857rem 0.2857rem;
  transition: opacity 0.2s ease;
  z-index: 11;
  will-change: transform, opacity;
  background: white; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0.2em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  padding: 0.65rem 1.25rem !important; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

.ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
  margin-top: 0.2em; }

.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.25rem;
  color: rgba(0, 0, 0, 0.85098);
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(0, 0, 0, 0.0470588);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown .menu > .input {
  margin: 0.75rem 1.25rem;
  min-width: 200px; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description {
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0em 0.2857rem 0.2857rem 0em !important;
  z-index: 21 !important; }

.ui.dropdown .menu .menu::after {
  display: none; }

.ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
  margin-top: 0.2em; }

.ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, .ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
  margin-left: 0em;
  margin-right: 0.75em; }

.ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2.5em; }

.ui.dropdown .ui.menu > .item::before, .ui.menu .ui.dropdown .menu > .item::before {
  display: none; }

.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

.ui.menu .right.menu .dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

.ui.dropdown.button:not(.pointing):not(.floating).active, .ui.dropdown.button:not(.pointing):not(.floating).visible {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em; }

.ui.selection.dropdown.visible, .ui.selection.dropdown.active {
  z-index: 10; }

.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  width: auto;
  margin: 0px -1px;
  min-width: calc(100% + 2px);
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.0784314) 0px 2px 4px 0px;
  transition: box-shadow 0.2s ease, border 0.2s ease;
  border-top-width: 0px !important; }

.ui.selection.dropdown .menu::after, .ui.selection.dropdown .menu::before {
  display: none; }

.ui.selection.dropdown .menu > .item {
  border-top: 1px solid rgba(0, 0, 0, 0.0470588);
  white-space: normal;
  word-wrap: normal;
  padding-left: 1.1em !important;
  padding-right: calc(2.1em) !important; }

.ui.selection.visible.dropdown:hover .menu {
  border: 1px solid rgba(39, 41, 43, 0.298039);
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 6px 0px; }

.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {
  pointer-events: none; }

.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.25em;
  border-radius: 0.2857rem; }

.ui.dropdown .menu > .item:hover {
  color: rgba(0, 0, 0, 0.8);
  z-index: 12;
  background: rgba(0, 0, 0, 0.0470588); }

.ui.dropdown .menu .active.item {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
  z-index: 12;
  background: transparent; }

.ui.dropdown > .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.dropdown.selected, .ui.dropdown .menu .selected.item {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.dropdown .filtered.item {
  display: none; }

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu {
  border-color: #dbb1b1; }

.ui.dropdown.error > .menu > .item {
  color: #d95c5c; }

.ui.dropdown.error > .menu > .item:hover {
  background-color: #fff2f2; }

.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf; }

.ui.dropdown .menu {
  left: 0px; }

.ui.dropdown .right.menu > .menu, .ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important; }

.ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important; }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0.2em 0.75em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0.2em 0.75em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em; }

.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: rgba(39, 41, 43, 0.14902) 0px 0px 4px 0px;
  border-radius: 0.2857rem 0.2857rem 0em 0em; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active, .ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
  border-radius: 0.2857rem 0.2857rem 0em 0em; }

.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important; }

.ui.upward.selection.visible.dropdown:hover .menu {
  box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 4px 0px; }

.ui.simple.dropdown .menu::before, .ui.simple.dropdown .menu::after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  opacity: 0;
  width: 0px;
  height: 0px;
  transition: opacity 0.2s ease;
  top: -9999px !important; }

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  top: 100% !important; }

.ui.simple.dropdown > .menu > .item:active > .menu, .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  top: 0% !important;
  left: 100% !important; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

.ui.simple.visible.dropdown > .menu {
  display: block; }

.ui.floating.dropdown .menu {
  left: 0px;
  right: auto;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 5px 0px;
  border-radius: 0.2857rem; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important; }

.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.75em;
  border-radius: 0.2857rem; }

.ui.pointing.dropdown > .menu::after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: rgba(0, 0, 0, 0.0980392) -1px -1px 0px 1px;
  z-index: 2;
  background: white; }

.ui.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  transform: rotate(45deg); }

.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.right.pointing.dropdown > .menu::after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  transform: rotate(45deg); }

.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu::after {
  top: 1em;
  left: -0.25em;
  margin: 0em;
  transform: rotate(-45deg); }

.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu::after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em;
  transform: rotate(135deg); }

.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu::after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg); }

.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu::after {
  left: 1em;
  right: auto; }

.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu::after {
  left: auto;
  right: 1em; }

.ui.dropdown .menu .item .dropdown.icon::before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon::before, .ui.dropdown .left.menu .item .dropdown.icon::before {
  content: ""; }

.ui.vertical.menu .dropdown.item > .dropdown.icon::before {
  content: ""; }

.ui.modal > .header {
  display: block;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0em;
  padding: 1.2rem 2rem;
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85098);
  border-bottom: 1px solid rgba(39, 41, 43, 0.14902);
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) white; }

.ui.basic.modal > .header, .ui.basic.modal > .content, .ui.basic.modal > .actions {
  background-color: transparent; }

.ui.basic.modal > .header {
  color: white; }

.ui.fullscreen.modal > .header {
  padding-right: 2.25rem; }

.ui.small.modal > .header {
  font-size: 1.3em; }

.ui.large.modal > .header {
  font-size: 1.6em; }

.ui.popup > .header {
  padding: 0em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  line-height: 1.2;
  font-weight: bold; }

.ui.popup > .header + .content {
  padding-top: 0.5em; }

.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem; }

.ui.inverted.popup .header {
  color: white; }

.ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active {
  color: #ffb70a !important; }

.ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active {
  color: #ff2733 !important; }

.ui.rating .icon.selected, .ui.rating .icon.selected.active {
  color: rgba(0, 0, 0, 0.8); }

.ui.search > .results > .message .header {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.1428em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8); }

.ui.search > .results .category.active {
  background: #f0f0f0; }

.ui.search > .results .category.active > .name {
  color: rgba(0, 0, 0, 0.8); }

.ui.search > .results .result.active, .ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: transparent;
  box-shadow: rgba(39, 41, 43, 0.14902) 3px 0px 3px 0px;
  background: #f0f0f0; }

.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85098); }

.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85098); }

.ui.sidebar.menu .item {
  border-radius: 0em !important; }

.ui.tab.active, .ui.tab.open {
  display: block; }

.ui.table {
  width: 100%;
  margin: 1em 0em;
  border: 1px solid #d0d0d0;
  box-shadow: none;
  border-radius: 0.25rem;
  color: rgba(0, 0, 0, 0.8);
  border-collapse: separate;
  border-spacing: 0px;
  background: white; }

.ui.table:first-child {
  margin-top: 0em; }

.ui.table:last-child {
  margin-bottom: 0em; }

.ui.table th, .ui.table td {
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }

.ui.table thead {
  box-shadow: none; }

.ui.table thead th {
  cursor: auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.7em 0.8em;
  vertical-align: middle;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid #d4d4d5;
  border-left: none;
  background: #f0f0f0; }

.ui.table thead tr > th:first-child {
  border-left: none; }

.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.25rem 0em 0em; }

.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.25rem 0em 0em; }

.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.25rem 0.25rem 0em 0em; }

.ui.table tfoot {
  box-shadow: none; }

.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid #d4d4d5;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.7em 0.8em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  background: white; }

.ui.table tfoot tr > th:first-child {
  border-left: none; }

.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.25rem; }

.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.25rem; }

.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.25rem 0.25rem; }

.ui.table tr td {
  border-top: 1px solid #d4d4d5; }

.ui.table tr:first-child td {
  border-top: none; }

.ui.table td {
  padding: 0.7em 0.8em;
  text-align: left;
  vertical-align: middle; }

.ui.table > .icon {
  vertical-align: baseline; }

.ui.table > .icon:only-child {
  margin: 0em; }

.ui.table th .image, .ui.table th .image img, .ui.table td .image, .ui.table td .image img {
  max-width: none; }

.ui.structured.table {
  border-collapse: collapse; }

.ui.structured.table thead th {
  border-left: none;
  border-right: none; }

.ui.structured.sortable.table thead th {
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0; }

.ui.structured.basic.table th {
  border-left: none;
  border-right: none; }

.ui.structured.celled.table tr th, .ui.structured.celled.table tr td {
  border-left: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5; }

.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: white -1px -1px 0px 1px;
  background: transparent; }

.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  box-shadow: white 1px 1px 0px 1px;
  background: transparent; }

.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: white 0px -1px 0px 1px; }

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: white 0px 1px 0px 1px; }

.ui.definition.table tr td:first-child {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.027451); }

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.definition.table td:nth-child(2) {
  border-left: 1px solid #d0d0d0; }

.ui.table tr.positive, .ui.table td.positive {
  box-shadow: #b7caa7 0px 0px 0px inset; }

.ui.table tr.positive td, .ui.table td.positive {
  color: #3c763d !important;
  background: #eeffe7 !important; }

.ui.celled.table tr.positive:hover td, .ui.celled.table tr:hover td.positive {
  color: #376c38 !important;
  background: #e3ffd8 !important; }

.ui.table tr.negative, .ui.table td.negative {
  box-shadow: #dbb1b1 0px 0px 0px inset; }

.ui.table tr.negative td, .ui.table td.negative {
  color: #cd2929 !important;
  background: #fff0f0 !important; }

.ui.celled.table tr.negative:hover td, .ui.celled.table tr:hover td.negative {
  color: #c02626 !important;
  background: #ffe1e1 !important; }

.ui.table tr.error, .ui.table td.error {
  box-shadow: #dbb1b1 0px 0px 0px inset; }

.ui.table tr.error td, .ui.table td.error {
  color: #cd2929 !important;
  background: #fff0f0 !important; }

.ui.celled.table tr.error:hover td, .ui.celled.table tr:hover td.error {
  color: #c02626 !important;
  background: #ffe1e1 !important; }

.ui.table tr.warning, .ui.table td.warning {
  box-shadow: #d9caab 0px 0px 0px inset; }

.ui.table tr.warning td, .ui.table td.warning {
  color: #7d6c00 !important;
  background: #fffbe6 !important; }

.ui.celled.table tr.warning:hover td, .ui.celled.table tr:hover td.warning {
  color: #6e5f00 !important;
  background: #fff9d7 !important; }

.ui.table tr.active, .ui.table td.active {
  box-shadow: rgba(50, 50, 50, 0.901961) 0px 0px 0px inset; }

.ui.table tr.active td, .ui.table td.active {
  color: rgba(50, 50, 50, 0.901961) !important;
  background: #e0e0e0 !important; }

.ui.celled.table tr.active:hover td, .ui.celled.table tr:hover td.active {
  color: rgba(50, 50, 50, 0.901961) !important;
  background: #e0e0e0 !important; }

.ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover td, .ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.298039); }

.ui.table[class*="left aligned"], .ui.table [class*="left aligned"] {
  text-align: left; }

.ui.table[class*="center aligned"], .ui.table [class*="center aligned"] {
  text-align: center; }

.ui.table[class*="right aligned"], .ui.table [class*="right aligned"] {
  text-align: right; }

.ui.table th.collapsing, .ui.table td.collapsing {
  width: 1px;
  white-space: nowrap; }

.ui.attached.table {
  width: calc(100% + 2px);
  margin: 0em -1px;
  border-radius: 0px;
  box-shadow: none; }

.ui[class*="top attached"].table {
  border-radius: 0.25rem 0.25rem 0em 0em; }

.ui.striped.table > tr:nth-child(2n), .ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.027451); }

.ui.inverted.striped.table > tr:nth-child(2n), .ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.0588235); }

.ui.black.table {
  border-top: 0.2em solid #1b1c1d; }

.ui.blue.table {
  border-top: 0.2em solid #3b83c0; }

.ui.green.table {
  border-top: 0.2em solid #5bbd72; }

.ui.orange.table {
  border-top: 0.2em solid #e07b53; }

.ui.pink.table {
  border-top: 0.2em solid #d9499a; }

.ui.purple.table {
  border-top: 0.2em solid #564f8a; }

.ui.red.table {
  border-top: 0.2em solid #d95c5c; }

.ui.teal.table {
  border-top: 0.2em solid #00b5ad; }

.ui.yellow.table {
  border-top: 0.2em solid #f2c61f; }

.ui.inverted.table, .ui.inverted.black.table {
  color: white !important;
  background-color: #1b1c1d !important; }

.ui.inverted.blue.table {
  color: white !important;
  background-color: #3b83c0 !important; }

.ui.inverted.green.table {
  color: white !important;
  background-color: #5bbd72 !important; }

.ui.inverted.orange.table {
  color: white !important;
  background-color: #e07b53 !important; }

.ui.inverted.pink.table {
  color: white !important;
  background-color: #d9499a !important; }

.ui.inverted.purple.table {
  color: white !important;
  background-color: #564f8a !important; }

.ui.inverted.red.table {
  color: white !important;
  background-color: #d95c5c !important; }

.ui.inverted.teal.table {
  color: white !important;
  background-color: #00b5ad !important; }

.ui.inverted.yellow.table {
  color: white !important;
  background-color: #f2c61f !important; }

.ui.one.column.table td {
  width: 100%; }

.ui.two.column.table td {
  width: 50%; }

.ui.three.column.table td {
  width: 33.3333%; }

.ui.four.column.table td {
  width: 25%; }

.ui.five.column.table td {
  width: 20%; }

.ui.six.column.table td {
  width: 16.6667%; }

.ui.seven.column.table td {
  width: 14.2857%; }

.ui.eight.column.table td {
  width: 12.5%; }

.ui.nine.column.table td {
  width: 11.1111%; }

.ui.ten.column.table td {
  width: 10%; }

.ui.eleven.column.table td {
  width: 9.09091%; }

.ui.twelve.column.table td {
  width: 8.33333%; }

.ui.thirteen.column.table td {
  width: 7.69231%; }

.ui.fourteen.column.table td {
  width: 7.14286%; }

.ui.fifteen.column.table td {
  width: 6.66667%; }

.ui.sixteen.column.table td {
  width: 6.25%; }

.ui.table th.one.wide, .ui.table td.one.wide {
  width: 6.25%; }

.ui.table th.two.wide, .ui.table td.two.wide {
  width: 12.5%; }

.ui.table th.three.wide, .ui.table td.three.wide {
  width: 18.75%; }

.ui.table th.four.wide, .ui.table td.four.wide {
  width: 25%; }

.ui.table th.five.wide, .ui.table td.five.wide {
  width: 31.25%; }

.ui.table th.six.wide, .ui.table td.six.wide {
  width: 37.5%; }

.ui.table th.seven.wide, .ui.table td.seven.wide {
  width: 43.75%; }

.ui.table th.eight.wide, .ui.table td.eight.wide {
  width: 50%; }

.ui.table th.nine.wide, .ui.table td.nine.wide {
  width: 56.25%; }

.ui.table th.ten.wide, .ui.table td.ten.wide {
  width: 62.5%; }

.ui.table th.eleven.wide, .ui.table td.eleven.wide {
  width: 68.75%; }

.ui.table th.twelve.wide, .ui.table td.twelve.wide {
  width: 75%; }

.ui.table th.thirteen.wide, .ui.table td.thirteen.wide {
  width: 81.25%; }

.ui.table th.fourteen.wide, .ui.table td.fourteen.wide {
  width: 87.5%; }

.ui.table th.fifteen.wide, .ui.table td.fifteen.wide {
  width: 93.75%; }

.ui.table th.sixteen.wide, .ui.table td.sixteen.wide {
  width: 100%; }

.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid #d0d0d0;
  color: rgba(0, 0, 0, 0.8); }

.ui.sortable.table thead th:first-child {
  border-left: none; }

.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none; }

.ui.sortable.table thead th::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: Icons;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

.ui.sortable.table thead th.ascending::after {
  content: ""; }

.ui.sortable.table thead th.descending::after {
  content: ""; }

.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.298039); }

.ui.sortable.table thead th:hover {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.sortable.table thead th.sorted {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.sortable.table thead th.sorted:hover {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.0470588); }

.ui.inverted.sortable.table thead th.sorted {
  color: white;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) rgba(255, 255, 255, 0.0666667); }

.ui.inverted.sortable.table thead th:hover {
  color: white;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.0470588)) rgba(255, 255, 255, 0.0470588); }

.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent; }

.ui.inverted.table {
  color: white;
  border: none;
  background: #333333; }

.ui.inverted.table th {
  color: rgba(255, 255, 255, 0.901961);
  border-color: rgba(0, 0, 0, 0.2) !important;
  background-color: rgba(0, 0, 0, 0.14902); }

.ui.inverted.table tr td {
  border-color: rgba(0, 0, 0, 0.2) !important; }

.ui.inverted.table tr.disabled td, .ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.298039); }

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: white; }

.ui.inverted.definition.table tr td:first-child {
  color: white;
  background: rgba(255, 255, 255, 0.0196078); }

.ui.collapsing.table {
  width: auto; }

.ui.basic.table {
  border: 1px solid #d0d0d0;
  box-shadow: none;
  background: transparent; }

.ui.basic.table thead, .ui.basic.table tfoot {
  box-shadow: none; }

.ui.basic.table th {
  border-left: none;
  background: transparent; }

.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0980392); }

.ui.basic.table td {
  background: transparent; }

.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.0470588) !important; }

.ui[class*="very basic"].table {
  border: none; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th, .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: 0.7em 0.8em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em; }

.ui.celled.table tr th, .ui.celled.table tr td {
  border-left: 1px solid #d4d4d5; }

.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child {
  border-left: none; }

.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em; }

.ui.padded.table th, .ui.padded.table td {
  padding: 1em; }

.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.ui[class*="very padded"].table td {
  padding: 1.5em; }

.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em; }

.ui.compact.table td {
  padding: 0.5em 0.7em; }

.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em; }

.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em; }

.ui.small.table {
  font-size: 0.9em; }

.ui.table {
  font-size: 1em; }

.ui.large.table {
  font-size: 1.1em; }

.ui.video.active .play, .ui.video.active .placeholder {
  display: none; }

.ui.video.active .embed {
  display: inline; }

.ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .text, .ui.form .field.error .ui.dropdown .item {
  color: #d95c5c;
  background: #fff0f0; }

.ui.form .fields.error .field .ui.dropdown:hover .menu, .ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #dbb1b1; }

.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #fbe7e7; }

.ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #fdcfcf !important; }

header, footer, nav, section {
  display: block; }

fieldset {
  border: 1px solid #dddddd;
  padding: 0px 1.4em 1.4em;
  margin: 0px 0px 1.5em; }

legend {
  font-size: 1.2em;
  font-weight: bold; }

textarea {
  min-height: 75px; }

.ui.page.grid {
  width: auto;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px; }

a.active, a.active:hover {
  border: 1px solid #666666;
  cursor: default; }

.active h3.document-title, .active h3.document-title:hover {
  color: #333333; }

.ui.menu {
  border: 0px; }

.ui.menu .item {
  font-size: 0.76rem;
  border: 0px; }

.ui.pagination.menu {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: transparent; }

.ui.pagination.menu .item.active {
  line-height: 1.2 !important; }

.ui.pagination.menu .item {
  border: 0px;
  padding-top: 12px; }

.ui.pagination.menu .item.dots {
  color: black;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 0px;
  width: 20px !important;
  background: transparent; }

.ui.pagination.menu .item::before {
  background: none; }

li a.active, li a.active:hover, li a.active:visited {
  border: 0px;
  color: #333333; }

a.search-results__button {
  cursor: pointer; }

.ui.pagination.menu a[disabled] i {
  display: none; }

.ui.grid > * {
  padding-left: 0px;
  padding-right: 0px; }

td.table__accordion__anchor {
  word-break: break-word; }

/* Page Specific
========================================================================== */
.section-gizmo-video {
  margin: 20px 0; }

.gizmo-intro img {
  width: 80%; }
  @media screen and (max-width: 767px) {
    .gizmo-intro img {
      width: 100%; } }

.gizmo .product-icon-container span {
  max-width: 125px;
  margin: 0 auto;
  font-weight: bold; }

.site-map-container {
  width: 940px;
  margin: 0 auto; }

.site-map-container ul {
  padding: 0 0 0 30px; }

.site-map-container ul.locale-root {
  padding: 25px 0 25px 30px; }

.site-map-container ul a {
  color: #575756; }

.site-map-container ul a:hover {
  color: #000;
  text-decoration: underline; }

.smartservicespage .two-column-header {
  text-align: center;
  overflow: hidden;
  background-color: #edeff0; }

.smartservicespage .two-column-header h2 {
  color: #008264;
  font-size: 35px;
  font-family: "FrutigerLTStd", sans-serif;
  font-weight: 400; }

@media screen and (max-width: 767px) {
  .smartservicespage .our-solutions-wrapper {
    padding-top: 0; } }

.sylvaniaservicesarea .our-solutions-wrapper {
  padding-top: 0;
  padding-bottom: 0; }

@media screen and (max-width: 767px) {
  .smartservicespage .our-solutions-left,
  .smartservicespage .our-solutions-right {
    margin-bottom: 0;
    margin-top: 0; } }

.smartservicespage .carousel .category-carousel__title {
  font-size: 60px;
  line-height: 75px; }
  @media screen and (max-width: 767px) {
    .smartservicespage .carousel .category-carousel__title {
      font-size: 40px;
      line-height: 50px; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .smartservicespage .carousel .category-carousel__title {
      font-size: 30px;
      line-height: 40px; } }

/* Smart Services Overview Content Block */
.smart-services-overview-wrapper {
  background-color: #edeff0;
  text-align: center;
  overflow: hidden; }

.smart-services-overview-wrapper .smart-services-overview-header {
  margin-bottom: 25px;
  padding: 10px; }

.smart-services-overview-wrapper .smart-services-overview-header h2 {
  margin-bottom: 10px; }

.smart-services-overview-wrapper .main-list {
  display: block; }
  @media screen and (max-width: 767px) {
    .smart-services-overview-wrapper .main-list {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-overview-wrapper .main-list {
      display: none; } }

.smart-services-overview-wrapper .mobile-list {
  display: none; }
  @media screen and (max-width: 767px) {
    .smart-services-overview-wrapper .mobile-list {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-overview-wrapper .mobile-list {
      display: block; } }

/* Mobile design */
.smart-services-overview-wrapper .mobile-list .smart-services-overview-items {
  background-color: #008264;
  color: #fff;
  margin-bottom: 25px; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items.opened {
  background-color: #D0D0D0; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items .description {
  display: none; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .smart-services-overview-wrapper .mobile-list .smart-services-overview-items .overview-item {
    width: 50%;
    padding: 5px; } }

@media screen and (max-width: 767px) {
  .smart-services-overview-wrapper .mobile-list .smart-services-overview-items .overview-item {
    width: 50%;
    padding: 5px; } }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items h3 {
  padding: 15px; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items h3:hover {
  background-color: #D0D0D0;
  cursor: pointer; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items h3.selected {
  background-color: #008264; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items.active {
  background-color: #D0D0D0; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items.active .overview-item.active {
  background-color: #008264; }

.smart-services-overview-wrapper .mobile-list .smart-services-overview-items.active .overview-item.active h3 {
  background-color: #008264; }

.smart-services-overview-wrapper .mobile-list .overview-item-head {
  border: 3px solid #fff; }

.smart-services-overview-wrapper .mobile-list .overview-item-body {
  background-color: #fff;
  color: #575757; }

.smart-services-overview-wrapper .mobile-list .overview-item-body .description {
  padding: 20px; }

.smart-services-overview-wrapper .main-list .content-wrapper {
  position: relative; }

.overview-item-container .overview-item-head {
  background-color: #008264;
  color: #fff;
  border-radius: 50%;
  position: relative;
  width: 100px;
  height: 100px;
  position: absolute; }

.overview-item-container .overview-item-head .overview-item-inner {
  border: 2px solid #fff;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  margin: 5px; }

.overview-item-container .overview-item-head h3 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1em; }

.overview-item-container .down-arrow-container {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -25px; }

.overview-item-container .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #008264;
  margin: 0 auto;
  z-index: 2;
  position: relative; }

.overview-item-container .arrow-shadow {
  width: 50px;
  height: 10px;
  background-color: #BBBCBD;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-top: -5px; }

.overview-item-container:hover .overview-item-head {
  cursor: pointer; }

.smart-services-overview-items .overview-item-description {
  width: 250px;
  height: 250px;
  border: 2px solid #008264;
  border-radius: 50%;
  background-color: #fff;
  position: relative; }

.smart-services-overview-items .overview-item-description .close {
  border: 2px solid #008264;
  background-color: #fff;
  border-radius: 50%;
  font-size: 15px;
  color: #575757;
  width: 20px;
  height: 20px;
  line-height: 15px; }

.smart-services-overview-items .overview-item-description .overview-item-description-inner {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.smart-services-overview-items .overview-item-description {
  font-size: 0.8em;
  position: absolute;
  z-index: 5;
  top: 50px;
  left: 400px;
  display: none; }

.smart-services-overview-items .overview-item-description h4 {
  color: #008264;
  font-size: 1.4em;
  padding-bottom: 5px; }

.overview-item-container .overview-item-head0 {
  top: 245px;
  left: 112px; }

.overview-item-container .overview-item-head0 .down-arrow-container {
  width: 86px; }

.smart-services-overview-items #OverviewItemDesc0 {
  top: 10px;
  left: 163px; }

.overview-item-container .overview-item-head1 {
  top: 319px;
  left: 221px;
  width: 130px;
  height: 130px; }

.overview-item-container .overview-item-head1 .overview-item-inner {
  height: 120px;
  width: 120px; }

.overview-item-container .overview-item-head1 .down-arrow-container {
  width: 116px; }

.smart-services-overview-items #OverviewItemDesc1 {
  top: 100px;
  left: 309px; }

.overview-item-container .overview-item-head2 {
  width: 90px;
  height: 90px;
  top: 213px;
  left: 297px; }

.overview-item-container .overview-item-head2 .overview-item-inner {
  height: 80px;
  width: 80px; }

.overview-item-container .overview-item-head2 .overview-item-inner h3 {
  font-size: 0.9em; }

.overview-item-container .overview-item-head2 .down-arrow-container {
  width: 76px; }

.smart-services-overview-items #OverviewItemDesc2 {
  top: 10px;
  left: 358px; }

.overview-item-container .overview-item-head3 {
  width: 110px;
  height: 110px;
  top: 291px;
  left: 403px; }

.overview-item-container .overview-item-head3 .overview-item-inner {
  height: 100px;
  width: 100px; }

.overview-item-container .overview-item-head3 .down-arrow-container {
  width: 96px; }

.smart-services-overview-items #OverviewItemDesc3 {
  top: 60px;
  left: 460px; }

.overview-item-container .overview-item-head4 {
  top: 213px;
  left: 497px; }

.overview-item-container .overview-item-head4 .overview-item-inner h3 {
  font-size: 0.7em; }

.overview-item-container .overview-item-head4 .down-arrow-container {
  width: 86px; }

.smart-services-overview-items #OverviewItemDesc4 {
  top: 20px;
  left: 250px; }

.overview-item-container .overview-item-head5 {
  top: 306px;
  left: 592px;
  height: 120px;
  width: 120px; }

.overview-item-container .overview-item-head5 .overview-item-inner {
  height: 110px;
  width: 110px; }

.overview-item-container .overview-item-head5 .overview-item-inner h3 {
  font-size: 1em; }

.overview-item-container .overview-item-head5 .down-arrow-container {
  width: 106px; }

.smart-services-overview-items #OverviewItemDesc5 {
  top: 70px;
  left: 390px; }

.overview-item-container .overview-item-head6 {
  top: 212px;
  left: 674px;
  height: 90px;
  width: 90px; }

.overview-item-container .overview-item-head6 .overview-item-inner {
  height: 80px;
  width: 80px; }

.overview-item-container .overview-item-head6 .overview-item-inner h3 {
  font-size: 0.8em; }

.overview-item-container .overview-item-head6 .down-arrow-container {
  width: 76px; }

.smart-services-overview-items #OverviewItemDesc6 {
  top: 10px;
  left: 450px; }

.overview-item-container .overview-item-head7 {
  top: 280px;
  left: 774px;
  height: 110px;
  width: 110px; }

.overview-item-container .overview-item-head7 .overview-item-inner {
  height: 100px;
  width: 100px; }

.overview-item-container .overview-item-head7 .overview-item-inner h3 {
  font-size: 1em; }

.overview-item-container .overview-item-head7 .down-arrow-container {
  width: 96px; }

.smart-services-overview-items #OverviewItemDesc7 {
  top: 75px;
  left: 550px; }

/* Smart Services Wall Content Block */
.smart-services-wall-body-full {
  /*@include medium {
        display: block;
    }

    @include smallOnly {
        display: none;
    }*/ }

/*.smart-services-wall-body-mobile {
    @include medium {
        display: none;
    }

    @include smallOnly {
        display: block;
    }
}*/
.smart-services-wall-wrapper {
  text-align: center;
  overflow: hidden; }

.smart-services-wall-wrapper .wall-row {
  width: 100%;
  overflow: hidden; }

.smart-services-wall-wrapper .wall-col {
  width: 50%;
  float: left; }

.smart-services-wall-wrapper .wall-col-small {
  width: 33%; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-col-small {
      width: 100%;
      float: left; } }

.smart-services-wall-wrapper .wall-col-small-middle {
  width: 34%;
  float: left; }

.smart-services-wall-wrapper .wall-col-large {
  width: 66%; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-col-large {
      width: 100%; } }

.smart-services-wall-wrapper .smart-services-wall-body {
  margin-top: 25px;
  margin-bottom: 50px; }

.smart-services-wall-wrapper .wall-infobox {
  height: 150px;
  background-color: #d0d0d0;
  display: block !important;
  border: 2px solid #fff;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-infobox {
      height: 125px; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-infobox {
      width: 100%;
      height: auto; } }

.smart-services-wall-wrapper .wall-infobox h3 strong {
  color: #575756; }

.smart-services-wall-wrapper .wall-infobox h3 {
  margin-bottom: 5px;
  color: #008264; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-infobox h3 {
      font-size: 1em; } }

.smart-services-wall-wrapper .wall-infobox-content {
  margin: 0;
  /*position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
  text-align: left;
  padding: 5px 10px; }

.smart-services-wall-wrapper .read-more-button {
  text-align: right;
  margin-top: 10px;
  position: absolute;
  bottom: 5px;
  right: 5px; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .read-more-button {
      position: relative; } }

.smart-services-wall-wrapper .wall-intro {
  height: 150px;
  background-color: #008264;
  color: #fff;
  width: 25% !important;
  display: block !important;
  float: left;
  border: 2px solid #fff;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-intro {
      height: 125px; } }

.smart-services-wall-wrapper .wall-intro-content {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold; }

.smart-services-wall-wrapper .wall-block {
  width: 50% !important;
  display: block !important;
  float: left;
  height: 150px;
  background-color: #D0D0D0;
  border: 2px solid #fff; }

.smart-services-wall-wrapper .wall-block.wall-brochure {
  position: relative; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block.wall-brochure {
      width: 100% !important;
      height: auto; } }

@media screen and (max-width: 767px) {
  .smart-services-wall-wrapper .wall-block.wall-brochure .wall-col {
    width: 50%;
    float: left; } }

@media screen and (max-width: 767px) {
  .smart-services-wall-wrapper .wall-block.wall-brochure .wall-col:first-child {
    width: 33%;
    float: left; } }

@media screen and (max-width: 767px) {
  .smart-services-wall-wrapper .wall-block.wall-brochure .wall-col:last-child {
    width: 66%;
    float: right; } }

.smart-services-wall-wrapper .wall-block.wall-brochure img {
  bottom: 0; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block.wall-brochure img {
      width: 75%; } }

.smart-services-wall-wrapper .wall-block.wall-brochure h3 {
  text-align: left;
  color: #008264; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block.wall-brochure h3 {
      font-size: 1em; } }

.smart-services-wall-wrapper .wall-block.wall-brochure h3 strong {
  color: #575756; }

.smart-services-wall-wrapper .wall-block.wall-brochure .brochure-body-container {
  padding: 5px 15px;
  text-align: left; }

.smart-services-wall-wrapper .wall-block.wall-brochure .brochure-body {
  margin-top: 10px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block.wall-brochure .brochure-body {
      font-size: 0.8em;
      margin-top: 5px; } }

.smart-services-wall-wrapper .wall-block.wall-brochure .read-more-button {
  text-align: right;
  margin-top: 10px;
  position: absolute;
  bottom: 5px;
  right: 5px; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block.wall-brochure .read-more-button {
      position: relative; } }

.smart-services-wall-wrapper .wall-block-alt {
  border: 2px solid #fff;
  height: 150px;
  width: 50% !important;
  display: block !important;
  float: left;
  height: 150px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-alt {
      height: 125px; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-alt {
      height: 200px;
      width: 100% !important; } }

.smart-services-wall-wrapper .wall-block-alt-inner {
  border: 1px solid #d0d0d0;
  height: 146px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-alt-inner {
      height: auto; } }

@media screen and (max-width: 767px) {
  .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-large {
    width: 66%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small {
    float: left; } }

@media screen and (max-width: 767px) {
  .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small {
    float: left;
    width: 33%; } }

.smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container {
  position: relative;
  height: 146px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container {
      height: 120px; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container {
      height: 100px; } }

.smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container img {
      width: 95%; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-alt-inner .wall-col-small .image-container img {
      width: 95%; } }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator {
  position: relative; }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator img {
  bottom: 0; }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator h3 {
  text-align: left;
  color: #008264;
  margin-bottom: 5px; }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator h3 strong {
  color: #575756; }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator .calculator-body-container {
  padding: 5px 15px;
  text-align: left; }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator .calculator-body {
  margin-top: 10px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-alt.wall-calculator .calculator-body {
      font-size: 0.8em; } }

.smart-services-wall-wrapper .wall-block-alt.wall-calculator .read-more-button {
  text-align: right;
  margin-top: 10px;
  position: absolute;
  bottom: 5px;
  right: 5px; }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-alt.wall-calculator .read-more-button {
      position: relative; } }

.smart-services-wall-wrapper .wall-block-tall {
  background-color: #008264;
  height: 250px;
  color: #fff;
  border: 2px solid #fff;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-tall {
      height: 250px; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-block-tall {
      width: 100%;
      height: 200px; } }

.smart-services-wall-wrapper .wall-block-tall .audit-logo {
  width: 78px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 5px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-block-tall .audit-logo {
      width: 58px; } }

.smart-services-wall-wrapper .wall-block-tall .audit-body {
  text-align: left;
  padding: 5px 10px; }

.smart-services-wall-wrapper .wall-block-tall .read-more-button {
  text-align: right;
  margin-top: 10px;
  position: absolute;
  bottom: 5px;
  left: 10px; }

.smart-services-wall-wrapper .wall-image {
  height: 150px;
  width: 100% !important;
  display: block !important;
  float: left; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-image {
      height: 125px; } }

.smart-services-wall-wrapper .wall-image-top {
  width: 25% !important; }

.smart-services-wall-wrapper .wall-image-item {
  height: 150px;
  width: 100% !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-image-item {
      height: 125px; } }

.smart-services-wall-wrapper .wall-video {
  background-color: #edeff0;
  height: 400px;
  display: block;
  border: 2px solid #fff;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-video {
      height: 376px; } }
  @media screen and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-video {
      height: 250px; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .smart-services-wall-wrapper .wall-video {
      height: 250px; } }

.smart-services-wall-wrapper .wall-video a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.smart-services-wall-wrapper .smart-services-wall-body .content-wrapper {
  position: relative; }

.smart-services-wall-wrapper .wall-rollover {
  display: block;
  color: #fff;
  font-weight: 700;
  font-family: "FrutigerLTStd-Bold", sans-serif;
  position: absolute;
  bottom: 0;
  background-color: #bcbcbc;
  width: 100%;
  height: 40px;
  background-color: white;
  -webkit-clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
  padding-top: 50px;
  transition: all 1s linear 0s; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .smart-services-wall-wrapper .wall-rollover {
      padding-top: 25px;
      -webkit-clip-path: polygon(0 60%, 100% 0, 100% 100%, 0% 100%);
      clip-path: polygon(0 60%, 100% 0, 100% 100%, 0% 100%); } }

.smartservicespage .energy-audit-wrapper [class*=col-] {
  padding: 0 10px; }

/* Mobile styles */
.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-row {
  min-width: 320px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-col-small {
  min-width: 150px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-block-alt-inner .wall-col-small {
  min-width: auto; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-col-small-middle {
  min-width: 150px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-image {
  height: 200px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-image-item {
  height: 200px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-video {
  max-height: 215px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-intro {
  width: 100% !important;
  float: none;
  font-size: 1em;
  height: 200px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-brochure {
  height: 200px;
  background-color: #D0D0D0;
  border: 2px solid #fff;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .brochure-body-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-brochure h3 {
  text-align: center;
  color: #008264;
  font-size: 20px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-brochure h3 strong {
  color: #575756; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-brochure .brochure-body {
  text-align: center;
  margin-top: 5px;
  font-size: 0.8em; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .read-more-button {
  margin-top: 10px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-block-alt {
  border: 2px solid #fff;
  height: 200px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-block-alt-inner {
  height: 200px;
  position: relative;
  border: none; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile h3 {
  color: #008264;
  font-size: 16px;
  text-align: left;
  padding: 0 5px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .calculator-body {
  font-size: 0.8em;
  text-align: left;
  padding: 0 5px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .read-more-button {
  text-align: right; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-audit {
  background-color: #008264;
  height: 200px;
  border: 2px solid #fff;
  position: relative; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-audit .wall-audit-inner {
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-audit .audit-logo {
  width: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-audit .audit-body {
  color: #fff;
  text-align: left;
  font-size: 0.8em; }

.smart-services-wall-wrapper .smart-services-wall-body-mobile .wall-audit .read-more-button {
  text-align: right; }

.sylvaniaservicesarea .page-links-container .our-solutions-wrapper {
  padding-bottom: 25px; }

.sylvaniaservicesarea .page-links-container:first-child .our-solutions-wrapper {
  padding-top: 25px; }

.sylvaniaservicesarea .page-links-container .our-solutions-wrapper .our-solutions h3 {
  max-width: 290px; }

.sylsmartpage h2.content__module-title {
  color: #008264;
  text-align: center;
  font-family: "FrutigerLTStd",sans-serif;
  margin-top: 10px; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmartpage h2.content__module-title {
      font-size: 22px; } }

.sylsmartpage .the-casestudies .col-3-medium {
  width: 100% !important;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .sylsmartpage .the-casestudies .col-3-medium {
      width: 50% !important; } }

.sylsmartpage .the-casestudies .our-casestudies {
  position: relative; }

.sylsmartpage .the-casestudies .our-casestudies-image-wrapper {
  height: 250px; }

.sylsmartpage .the-casestudies .our-casestudies-body {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 100%;
  width: 100%;
  max-width: 440px;
  max-height: 230px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmartpage .the-casestudies .our-casestudies-body {
      max-width: 354px; } }
  @media screen and (max-width: 767px) {
    .sylsmartpage .the-casestudies .our-casestudies-body {
      max-width: 95%; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmartpage .the-casestudies .our-casestudies-body {
      max-width: 90%; } }

.sylsmartpage .the-casestudies .our-casestudies {
  padding-left: 5px;
  padding-right: 5px; }

.sylsmartpage .the-casestudies .our-casestudies-body hr {
  display: none; }

.sylsmartpage .the-casestudies .our-casestudies-body h3 {
  color: #fff;
  font-size: 28px;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .sylsmartpage .the-casestudies .our-casestudies-body h3 {
      font-size: 28px;
      max-width: 60%; } }

.sylsmartpage .the-casestudies .our-casestudies-body .our-casestudies-text {
  color: #fff; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .the-casestudies .our-casestudies-body .our-casestudies-text {
      font-size: 12px; } }

.sylsmartpage .the-casestudies .our-casestudies-body .btn-readmore {
  position: absolute;
  bottom: 0px;
  right: 0px; }

.sylsmartpage .sylsmart-cta-wrapper,
.sylsmartpage .overview-content-wrapper {
  background-color: #EFF1F3; }

.sylsmartpage .sylsmart-cta-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-cta-container {
      flex-direction: column; } }

.sylsmartpage .sylsmart-cta-container .sylsmart-video-container,
.sylsmartpage .sylsmart-cta-container .sylsmart-image-container,
.sylsmartpage .sylsmart-cta-container .sylsmart-downoad-container,
.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container,
.sylsmartpage .sylsmart-cta-container .sylsmart-download-container {
  flex: 1;
  background-color: #fff;
  margin-bottom: 20px;
  max-width: 49%;
  min-height: 260px; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-cta-container .sylsmart-video-container,
    .sylsmartpage .sylsmart-cta-container .sylsmart-image-container,
    .sylsmartpage .sylsmart-cta-container .sylsmart-downoad-container,
    .sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container,
    .sylsmartpage .sylsmart-cta-container .sylsmart-download-container {
      min-height: auto;
      margin-bottom: 15px;
      max-width: 100%; } }

.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container {
  padding: 10px;
  position: relative;
  font-family: "FrutigerLTStd",sans-serif; }

.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container h3 {
  color: #008264;
  font-family: "FrutigerLTStd-bold",sans-serif;
  font-size: 1.5rem; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container h3 {
      font-size: 1.1rem; } }

.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container .brochure-body {
  font-size: 1.25rem;
  margin-top: 0.75rem; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container .brochure-body {
      font-size: 1rem; } }

.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container img {
  width: auto;
  float: right;
  max-height: 230px;
  max-width: 150px; }
  @media screen and (min-width: 768px) {
    .sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container img {
      max-width: none; } }

.sylsmartpage .sylsmart-cta-container .sylsmart-brochure-container .read-more-button {
  position: absolute;
  bottom: 10px; }

.sylsmartpage .sylsmart-cta-container .sylsmart-image-container {
  display: flex;
  align-items: center; }

.sylsmartpage .sylsmart-apps-container {
  background-color: #fff;
  padding: 10px 50px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-apps-container {
      padding: 10px 10px;
      flex-direction: column; } }

.sylsmartpage .icon {
  flex: 1;
  margin: 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.sylsmartpage .icon h3 {
  font-family: "FrutigerLTStd-bold",sans-serif;
  color: #008264;
  font-size: 1.7rem;
  line-height: 1;
  margin-left: 10px; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .icon h3 {
      font-size: 1.3rem; } }

.sylsmartpage .icon img {
  width: auto; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .icon img {
      width: 40px; } }

.sylsmartpage .link-container {
  flex: 1;
  margin: 0 10px; }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmartpage .link-container {
      margin: 0 3px; } }

.sylsmartpage .sylsmart-apps-container .links {
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 767px) {
    .sylsmartpage .sylsmart-apps-container .links {
      margin-top: 10px; } }

.sylsmart-introduction-wrapper {
  background-image: none;
  padding-bottom: 1rem; }
  @media screen and (min-width: 992px) {
    .sylsmart-introduction-wrapper {
      background-image: url("/images/rebrand/sylsmart-background.png"), url("/images/rebrand/sylsmart-background-alt.png");
      background-repeat: no-repeat, no-repeat;
      background-position: top left, bottom right;
      background-size: 300px, 300px; } }

.sylsmart-introduction-wrapper .smart-services-overview-header {
  font-size: 1.4rem; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .smart-services-overview-header {
      font-size: 1.1rem; } }

.sylsmart-introduction-wrapper .smart-services-overview-header .content-wrapper {
  width: 100%;
  background-color: #fff;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .sylsmart-introduction-wrapper .smart-services-overview-header .content-wrapper {
      width: 700px; } }
  @media screen and (min-width: 992px) {
    .sylsmart-introduction-wrapper .smart-services-overview-header .content-wrapper {
      width: 880px; } }
  @media screen and (min-width: 1200px) {
    .sylsmart-introduction-wrapper .smart-services-overview-header .content-wrapper {
      width: 880px; } }

.sylsmart-introduction-wrapper .intro-items-container {
  display: flex; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container {
      flex-direction: column;
      background-color: #eff1f3; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container {
      flex-direction: column; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item {
      flex-direction: row;
      border-bottom: 2px solid #bcbcbc; } }

@media screen and (max-width: 767px) {
  .sylsmart-introduction-wrapper .intro-items-container .intro-item:last-child {
    border-bottom: none; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item h3 {
  color: #008264;
  font-size: 1.2rem;
  margin: 0 1rem; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item h3 {
      font-size: 1rem; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item h3 {
      font-size: 1rem; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body-inner h3 {
  display: none; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body-inner h3 {
      display: block;
      margin: 0 0 10px 0; } }

.sylsmart-introduction-wrapper .intro-items-container .subtitle {
  color: #575756;
  margin: 5px 0 0;
  font-weight: bold;
  font-size: 0.8rem; }

.sylsmart-introduction-wrapper .intro-items-container .intro-image-container .subtitle {
  display: none; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-image-container .subtitle {
      color: #575756;
      margin: 0;
      font-weight: bold;
      font-size: 0.8rem;
      text-transform: uppercase;
      display: block; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-head {
  min-height: 75px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-head {
      min-height: 65px; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-head {
      display: none; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-head {
      display: none; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body {
  min-height: 100px;
  padding: 0 5px; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body {
      font-size: 0.8rem;
      flex: 3;
      margin: 10px 0; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body {
      min-height: auto;
      margin-bottom: 20px; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body .intro-item-body-inner {
  height: 0;
  transition: all 0.2s;
  overflow: hidden; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body .intro-item-body-inner {
      height: 100px;
      padding: 5px; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body .intro-item-body-inner {
      height: 100px;
      text-align: left; } }
  @media screen and (max-height: 700px) and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body .intro-item-body-inner {
      height: auto; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body ul {
  list-style: none; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body ul {
      font-size: 0.9rem; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-item-body ul li:before {
  content: '';
  display: inline-block;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  margin-right: 0.5rem;
  background-color: #575756; }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container {
  margin: 0.5rem;
  padding: 0 20px 20px;
  position: relative;
  transition: all 0.2s; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container {
      padding: 5px;
      width: 109px;
      max-width: 109px;
      min-width: 109px;
      border: 2px solid #bcbcbc;
      flex: 1; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container-inner {
  background-color: #84BD00;
  border-radius: 50%;
  height: 132px;
  transition: all 0.2s; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container-inner {
      height: 98px; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container-inner {
      height: 95px; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container .wireless-icon img {
  width: 30px;
  margin-top: 5px; }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container .intro-image {
  position: absolute;
  top: 40px;
  left: 0;
  transition: all 0.2s; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container .intro-image {
      bottom: 15px;
      top: initial; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container .intro-image img {
  transition: all 0.2s; }

.sylsmart-introduction-wrapper .intro-items-container .intro-item:hover {
  cursor: pointer; }

.sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container-inner {
  background-color: #008264;
  height: 152px;
  transition: all 0.2s; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container-inner {
      height: 118px; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container-inner {
      height: 95px; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container {
  padding: 0 10px;
  transition: all 0.2s; }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container {
      padding: 5px; } }

.sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image img {
  height: 125px;
  width: auto;
  position: absolute;
  left: -40px;
  transition: all 0.2s; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image img {
      height: 85px;
      left: -18px; } }
  @media screen and (max-width: 767px) {
    .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image img {
      height: auto;
      position: relative;
      left: auto;
      width: 100%; } }

@media screen and (min-width: 768px) {
  .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-item-body .intro-item-body-inner {
    height: 100px;
    transition: all 0.2s;
    background-color: #fff;
    padding: 5px; } }

@media screen and (max-width: 767px) {
  .sylsmartpage .our-casestudies-wrapper {
    margin-top: 40px; } }

.sylsmartpage.connected-industry .sylsmart-introduction-wrapper .intro-items-container .intro-item .intro-image-container-inner {
  background-color: #9D9FA2; }

.sylsmartpage.connected-industry .sylsmart-introduction-wrapper .intro-items-container .intro-item:hover .intro-image-container-inner {
  background-color: #008264; }

.sylsmartpage.connected-industry .features-block-wrapper .feature-item-container .image-container img {
  background-color: #9D9FA2; }

@media screen and (min-width: 768px) {
  .sylsmartpage.connected-industry .features-block-wrapper .feature-items-container span {
    color: #008264; } }

@media screen and (min-width: 768px) {
  .sylsmartpage.connected-industry .features-block-wrapper .feature-item-container.active .image-container img,
  .sylsmartpage.connected-industry .features-block-wrapper .feature-item-container:hover .image-container img {
    background-color: #008264; } }

.sylsmartpage.connected-industry .features-block-wrapper .feature-item-container {
  background-color: #9D9FA2; }
  @media screen and (min-width: 768px) {
    .sylsmartpage.connected-industry .features-block-wrapper .feature-item-container {
      background-color: transparent; } }

.animated-gif-wrapper .content-wrapper {
  text-align: center; }

.sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-image-container,
.sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container {
  position: relative;
  height: 100%;
  min-height: 197px; }
  @media screen and (min-width: 992px) {
    .sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-image-container,
    .sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container {
      min-height: 260px; } }

.sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container img {
  position: absolute;
  bottom: 5px;
  right: 5px;
  max-width: 200px; }
  @media screen and (min-width: 992px) {
    .sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container img {
      max-width: 275px; } }

.sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container h3 {
  max-width: 210px;
  font-size: 1.2rem; }
  @media screen and (min-width: 992px) {
    .sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container h3 {
      font-size: 1.5rem; } }

.sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container .brochure-body {
  max-width: 150px;
  font-size: 1.1rem; }
  @media screen and (min-width: 992px) {
    .sylsmartpage.connected-industry .sylsmart-cta-container .sylsmart-brochure-container .brochure-body {
      font-size: 1.25rem; } }

.sylsmartpage.connected-industry .guide-body-title,
.sylsmartpage.connected-industry .guide-body-title a {
  display: flex;
  padding: 5px; }

.sylsmartpage.connected-industry .guide-body-title img {
  width: 40px; }

.sylsmartpage.connected-industry .guide-title {
  background-color: #008264;
  color: #fff;
  text-align: center;
  width: 210px;
  padding: 5px 15px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 10px; }

.sylsmartpage.connected-industry .guide-body-container {
  position: relative; }

.sylsmartpage.connected-industry .guide-body-container .read-more-button {
  position: absolute;
  bottom: 10px;
  left: 10px; }

.sylsmartpage.connected-industry .guide-body-container .guide-body {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 160px;
  font-size: 20px;
  font-weight: bold;
  color: #838483; }

.main-container {
  padding-bottom: 100px; }
  @media screen and (min-width: 992px) {
    .main-container {
      background-image: url(/images/rebrand/sylsmart-background.png), url(/images/rebrand/sylsmart-background-alt.png);
      background-repeat: no-repeat,no-repeat;
      background-position: top left,bottom right;
      background-size: 300px,300px; } }

.spa-introduction {
  text-align: left;
  padding: 20px 10px;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .spa-introduction {
      text-align: center;
      padding: 80px 0 40px;
      font-size: 24px; } }

.spa-navigation {
  margin: 45px 0;
  display: none; }
  @media screen and (min-width: 768px) {
    .spa-navigation {
      display: block; } }

.spa-navigation ul {
  list-style: none;
  display: flex;
  justify-content: space-evenly; }

.spa-navigation ul li {
  width: 23%;
  text-align: center; }

.spa-navigation ul a {
  text-transform: uppercase;
  color: #8B94A1;
  font-weight: bold;
  font-size: 20px; }

.spa-navigation ul a:hover {
  color: #575756; }

.instructions-container {
  text-align: center;
  padding-top: 100px;
  margin-top: -100px;
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (min-width: 768px) {
    .instructions-container {
      padding-left: 0;
      padding-right: 0; } }

.sylsmartspapage h2 {
  color: #008264;
  font-size: 25px;
  margin-bottom: 10px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .sylsmartspapage h2 {
      font-size: 40px;
      text-align: center;
      margin-bottom: 20px; } }

.sylsmartspapage h3 {
  margin: 20px 0 30px;
  font-size: 18px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .sylsmartspapage h3 {
      margin: 40px 0;
      font-size: 30px;
      text-align: center; } }

.instructions-container .installation-instructions {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .instructions-container .installation-instructions {
      flex-direction: row; } }

.instructions-container .installation-instruction-container {
  flex: 1;
  display: flex;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .instructions-container .installation-instruction-container {
      max-width: 33%;
      display: block;
      min-height: auto;
      margin-bottom: 0; } }

.instructions-container .installation-instruction-container .icon img {
  width: 75px; }
  @media screen and (min-width: 768px) {
    .instructions-container .installation-instruction-container .icon img {
      width: auto; } }

.instructions-container .installation-instruction-container .body {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px;
  color: #8B94A1;
  text-align: left;
  align-self: center; }
  @media screen and (min-width: 768px) {
    .instructions-container .installation-instruction-container .body {
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0 5%;
      text-align: center;
      align-self: auto; } }

.instructions-container .installation-instruction-container .body p {
  margin: 0; }

.instructions-container .installation-instruction-container .image img {
  width: auto;
  max-width: 90%;
  display: none; }
  @media screen and (min-width: 768px) {
    .instructions-container .installation-instruction-container .image img {
      display: block; } }

.instructions-container .sylsmart-apps-container .links {
  display: flex;
  justify-content: space-evenly; }

.instructions-container .sylsmart-apps-container .links .link-container {
  max-width: 28%; }

.sylsmart-highlights-container .highlights {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 25px;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .sylsmart-highlights-container .highlights {
      flex-direction: row; } }

.sylsmart-highlights-container .highlights img {
  width: 75px; }

.sylsmart-highlights-container .highlighted-item {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .sylsmart-highlights-container .highlighted-item {
      width: 30%;
      margin-bottom: 0;
      display: block; } }

.sylsmart-highlights-container .highlighted-video {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .sylsmart-highlights-container .highlighted-video {
      width: 30%; } }

.sylsmart-highlights-container .highlighted-video-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.sylsmart-highlights-container .highlighted-video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.sylsmart-highlights-container .highlighted-item .body {
  margin-top: 0;
  width: 100%;
  text-align: left;
  margin-left: 25px; }
  @media screen and (min-width: 768px) {
    .sylsmart-highlights-container .highlighted-item .body {
      margin-top: 10px;
      width: auto;
      margin-left: 0;
      text-align: center; } }

.end-section {
  background-color: #EEF2F2;
  padding: 25px 0; }

.end-section h3 {
  text-align: center; }

.end-section .end-body-container {
  display: flex;
  justify-content: space-evenly; }

.end-section .end-body-container .end-body {
  flex: 1;
  max-width: 47%;
  font-size: 20px; }

.end-section .end-body-container .end-body p {
  margin: 0;
  font-size: 15px; }
  @media screen and (min-width: 768px) {
    .end-section .end-body-container .end-body p {
      margin: auto;
      font-size: 20px; } }

.end-section .end-body-container .end-video {
  flex: 1;
  max-width: 47%; }

.end-section .end-body-container .end-video .highlighted-video-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.end-section .end-body-container .end-video .highlighted-video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.additional-features {
  text-align: center;
  margin: 25px 0;
  padding: 100px 10px 0;
  margin-top: -100px; }

.additional-features h2 {
  margin-top: 25px; }

.additional-features .body {
  margin-bottom: 25px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .additional-features .body {
      text-align: center; } }

.additional-features .feature-items-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.additional-features .feature-items-container .feature-item {
  width: 95%;
  margin-bottom: 25px;
  text-align: left;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .additional-features .feature-items-container .feature-item {
      width: 45%;
      text-align: center;
      display: block; } }
  @media screen and (min-width: 992px) {
    .additional-features .feature-items-container .feature-item {
      width: 30%;
      display: flex;
      justify-content: space-between; } }

.additional-features .feature-items-container .feature-item img {
  width: 75px; }
  @media screen and (min-width: 768px) {
    .additional-features .feature-items-container .feature-item img {
      width: auto; } }

.additional-features .feature-items-container .feature-item .feature-top {
  display: flex;
  flex-direction: row;
  align-items: center; }
  @media screen and (min-width: 992px) {
    .additional-features .feature-items-container .feature-item .feature-top {
      flex-direction: column; } }

.additional-features .feature-items-container .feature-item .feature-body {
  margin-left: 10px; }
  @media screen and (min-width: 992px) {
    .additional-features .feature-items-container .feature-item .feature-body {
      margin-left: 0; } }

.additional-features .feature-items-container .feature-item p {
  margin: 0; }

.additional-features .feature-items-container .feature-video {
  margin-top: 20px; }

.additional-features .feature-items-container .feature-image {
  margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .additional-features .feature-items-container .feature-image {
      margin-bottom: 20px; } }

.additional-features .highlighted-video-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.additional-features .highlighted-video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.downloads-section {
  text-align: center;
  padding: 100px 10px 0;
  margin-top: -100px; }

.downloads-section .body {
  text-align: left; }
  @media screen and (min-width: 768px) {
    .downloads-section .body {
      text-align: center; } }

.downloads-section .downloads-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }

.downloads-section .downloads-container .download-item {
  width: 100%;
  text-align: center;
  margin: 20px 0; }
  @media screen and (min-width: 768px) {
    .downloads-section .downloads-container .download-item {
      width: 30%; } }

.downloads-section .downloads-container .download-item .icon img {
  width: auto;
  height: 75px; }
  @media screen and (min-width: 768px) {
    .downloads-section .downloads-container .download-item .icon img {
      height: 100px; } }

.downloads-section .downloads-container .download-item .body {
  margin: 0 auto 0 10px;
  width: 80%;
  font-weight: bold;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .downloads-section .downloads-container .download-item .body {
      text-align: center;
      margin: 20px auto; } }

.downloads-section .downloads-container .download-item a {
  color: #575756;
  display: flex;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .downloads-section .downloads-container .download-item a {
      flex-direction: column; } }

.faq-section {
  text-align: left;
  padding-bottom: 25px;
  padding: 100px 10px 0;
  margin-top: -100px; }
  @media screen and (min-width: 768px) {
    .faq-section {
      text-align: center; } }

.faq-section .body {
  margin-bottom: 25px; }

.faq-section .body p {
  margin: 0;
  font-weight: bold; }