@import url(//hello.myfonts.net/count/2ea6cb);@import url(//hello.myfonts.net/count/2c0750);@charset "UTF-8";

/*
Website Name:   Axiom
Website URL:    http://axiomgroup.com.au/
Description:    Main stylesheet for Axiom
Author:         Caramel Creative
Developer:      Petr Kolarik
Author URI:     http://caramelcreative.com/
Version:        Version: 1.0

Social Media:
Facebook:   https://www.facebook.com/caramelcreative
Twitter:    https://twitter.com/caramelcreative
LinkedIn:   http://www.linkedin.com/company/caramel-creative



   .d8888b.                                                   888       
  d88P  Y88b                                                  888       
  888    888                                                  888       
  888         8888b.  888.d88  8888b.  88888b.d88b.   .d88b.  888       
  888            "88b 888P"       "88b 888 "888 "88b d8P  Y8b 888       
  888    888 .d888888 888     .d888888 888  888  888 88888888 888       
  Y88b  d88P 888  888 888     888  888 888  888  888 Y8b.     888       
   "Y8888P"  "Y888888 888     "Y888888 888  888  888  "Y8888  888       
  
   .d8888b.                            888    d8b                       
  d88P  Y88b                           888    Y8P                       
  888    888                           888                              
  888        888.d88  .d88b.   8888b.  888888 888 888  888  .d88b.      
  888        888P"   d8P  Y8b     "88b 888    888 888  888 d8P  Y8b     
  888    888 888     88888888 .d888888 888    888 Y88  88P 88888888     
  Y88b  d88P 888     Y8b.     888  888 Y88b.  888  Y8bd8P  Y8b.         
   "Y8888P"  888      "Y8888  "Y888888  "Y888 888   Y88P    "Y8888      
                                                                   

*/

/************************************************************
*********************   HELPERS   ****************************
*************************************************************/

/**
 * Last-index v2
 * Less beautiful code
 * Better performance
 */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/blob/master/LICENSE)
 */

@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url(/fonts/2C0750_0_0.eot?688229938412b97181e2cfa36946ce1a);
  src: url(/fonts/2C0750_0_0.eot?688229938412b97181e2cfa36946ce1a) format("embedded-opentype"), url(/fonts/2C0750_0_0.woff?6e712178a3b99350584060f1619fd43f) format("woff"), url(/fonts/2C0750_0_0.ttf?377f6e4ee5f329d02c6eae8f14389322) format("truetype");
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Bd';
  src: url(/fonts/367D55_0_0.eot?f031753986040895006fa6277a026ea8);
  src: url(/fonts/367D55_0_0.eot?f031753986040895006fa6277a026ea8) format("embedded-opentype"), url(/fonts/367D55_0_0.woff2?94c4a4c4a7824cd9bcaf02a9f73fcac3) format("woff2"), url(/fonts/367D55_0_0.woff?0cffb3f05fa2709fc702a26d4324153c) format("woff"), url(/fonts/367D55_0_0.ttf?61dfb07f7a545fa2c2829aedc28db316) format("truetype");
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
address a p,
address p a p,
.btn-link.dark,
.link.dark,
.sbHolder,
#registration p,
#registration form label,
#registration form .label,
#registration form input[type=text],
#registration form input[type=tel],
#registration form input[type=email],
#registration form input[type=password],
#registration form select,
#registration form textarea,
#searchbar h5,
#nav a.nav-link,
#nav ul.nav-bottom-links li,
.dropdown dt a span,
#searchbar .dropdown dd li a,
.subheader,
#quality_icons_ctn .quality_icon,
.news-tile .subheader,
.footer .footer-misc ul li a {
  font-family: "HelveticaNeueLTStd-Lt", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

b,
strong,
a,
h1 strong,
h1 a,
h2 strong,
h2 a,
h3 strong,
h3 a,
h4 strong,
h4 a,
h5 strong,
h5 a,
.h1 strong,
.h1 a,
.h2 strong,
.h2 a,
.h3 strong,
.h3 a,
.h4 strong,
.h4 a,
.h5 strong,
.h5 a,
h6,
.h6,
h6 strong,
.h6 strong,
.cms-entry ul li::before,
.cms-entry ol li::before,
.btn,
.btn-link,
.link,
.btn-link.location,
.link.location,
.panel-title,
#page-banner-ctn .sp-thumbnail .sp-thumbnail-title,
.sbSelector,
.sbOptions a,
.search_component_input .form-control,
#nav ul.nav-bottom-links li a,
.sub_nav a,
.dropdown dd li a,
.dropdown dd li a:hover,
.dropdown dd li.current-cat a,
#searchbar .dropdown dt a > span,
.suite-tabs .dragnav_ctn .dragInner.drag-icon::after,
.suite-tabs .dragnav_ctn .owl-stage-outer.drag-icon::after,
.suite-tabs .owl-carousel .owl-item div.item,
.suite-tabs .owl-carousel .owl-item a,
.glass-products-ctn .cms-entry h1,
.glass-products-ctn .cms-entry h2,
.glass-products-ctn .cms-entry h3,
.glass-products-ctn .cms-entry h4,
.glass-products-ctn .cms-entry h5,
.glass-products-ctn .cms-entry h6,
.components_cat > h5,
.table.suite-types td,
.social-sharing-addThis p,
.quote_ctn p.quote_author,
.quote_ctn p.quote_author span,
.footer a,
.footer .footer-links li,
.project-categories .drag-icon::after {
  font-family: "HelveticaNeueLTPro-Bd", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 12px;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  width: 100%;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

ul,
ol {
  margin: 0 0;
  padding: 0;
  padding-left: 15px;
  list-style: none;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            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) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

  .accordion-group .accordion-body.collapse,
  .component-list-item .collapse {
    height: auto;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "HelveticaNeueLTStd-Lt", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.375;
  color: #595959;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #158b92;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #1dbec8;
  text-decoration: none;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.375;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

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

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

[role="button"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  line-height: 1.1;
  color: #022539;
  position: relative;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small {
  font-weight: normal;
  line-height: 1;
  color: #e6e6e6;
}

h1 strong,
h1 a,
h2 strong,
h2 a,
h3 strong,
h3 a,
h4 strong,
h4 a,
h5 strong,
h5 a,
.h1 strong,
.h1 a,
.h2 strong,
.h2 a,
.h3 strong,
.h3 a,
.h4 strong,
.h4 a,
.h5 strong,
.h5 a {
  color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover {
  color: #1dbec8;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover
.h1,
a:hover .h2,
a:hover .h3,
a:hover .h4,
a:hover .h5 {
  color: #1dbec8;
}

.bg-turquoise h1,
.bg-green h1,
.bg-lblue h1,
.bg-orange h1,
.bg-dark h1,
.bg-dblue h1,
.bg-grad-blue-green-bg h1,
.bg-turquoise h2,
.bg-green h2,
.bg-lblue h2,
.bg-orange h2,
.bg-dark h2,
.bg-dblue h2,
.bg-grad-blue-green-bg h2,
.bg-turquoise h3,
.bg-green h3,
.bg-lblue h3,
.bg-orange h3,
.bg-dark h3,
.bg-dblue h3,
.bg-grad-blue-green-bg h3,
.bg-turquoise h4,
.bg-green h4,
.bg-lblue h4,
.bg-orange h4,
.bg-dark h4,
.bg-dblue h4,
.bg-grad-blue-green-bg h4,
.bg-turquoise h5,
.bg-green h5,
.bg-lblue h5,
.bg-orange h5,
.bg-dark h5,
.bg-dblue h5,
.bg-grad-blue-green-bg h5,
.bg-turquoise
.h1,
.bg-green
.h1,
.bg-lblue
.h1,
.bg-orange
.h1,
.bg-dark
.h1,
.bg-dblue
.h1,
.bg-grad-blue-green-bg
.h1,
.bg-turquoise .h2,
.bg-green .h2,
.bg-lblue .h2,
.bg-orange .h2,
.bg-dark .h2,
.bg-dblue .h2,
.bg-grad-blue-green-bg .h2,
.bg-turquoise .h3,
.bg-green .h3,
.bg-lblue .h3,
.bg-orange .h3,
.bg-dark .h3,
.bg-dblue .h3,
.bg-grad-blue-green-bg .h3,
.bg-turquoise .h4,
.bg-green .h4,
.bg-lblue .h4,
.bg-orange .h4,
.bg-dark .h4,
.bg-dblue .h4,
.bg-grad-blue-green-bg .h4,
.bg-turquoise .h5,
.bg-green .h5,
.bg-lblue .h5,
.bg-orange .h5,
.bg-dark .h5,
.bg-dblue .h5,
.bg-grad-blue-green-bg .h5 {
  color: #ffffff;
}

.bg-white h1,
.bg-light h1,
.bg-white h2,
.bg-light h2,
.bg-white h3,
.bg-light h3,
.bg-white h4,
.bg-light h4,
.bg-white h5,
.bg-light h5,
.bg-white
.h1,
.bg-light
.h1,
.bg-white .h2,
.bg-light .h2,
.bg-white .h3,
.bg-light .h3,
.bg-white .h4,
.bg-light .h4,
.bg-white .h5,
.bg-light .h5 {
  color: #022539;
}

h6,
.h6 {
  line-height: 1.1;
  color: #757575;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h6 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #e6e6e6;
}

.bg-turquoise h6,
.bg-green h6,
.bg-lblue h6,
.bg-orange h6,
.bg-dark h6,
.bg-dblue h6,
.bg-grad-blue-green-bg h6,
.bg-turquoise .h6,
.bg-green .h6,
.bg-lblue .h6,
.bg-orange .h6,
.bg-dark .h6,
.bg-dblue .h6,
.bg-grad-blue-green-bg .h6 {
  color: #ffffff;
}

.news-list h6,
.news-list .h6 {
  margin-bottom: 35px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0;
  margin-bottom: 11px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 11px;
}

h1,
.h1 {
  font-size: 40px;
}

h2,
.h2 {
  font-size: 48px;
}

h3,
.h3 {
  font-size: 36px;
}

h4,
.h4 {
  font-size: 36px;
}

h5,
.h5 {
  font-size: 24px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 15px;
}

p.blue {
  color: #022539 !important;
}

.bg-turquoise p,
.bg-green p,
.bg-lblue p .bg-dark p,
.bg-dblue p,
.bg-grad-blue-green-bg p {
  color: #ffffff;
}

.bg-white p,
.bg-light p {
  color: #595959;
}

.lead,
.lead p {
  font-size: 24px;
  line-height: 1.4;
  color: #022539;
}

@media (min-width: 640px) {
  .lead,
  .lead p {
    font-size: 24px;
  }
}

.lead p {
  margin-bottom: 24px;
}

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

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

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

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

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

.text-muted {
  color: #e6e6e6;
}

.text-primary {
  color: #158b92;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0f6165;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #c70202;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #950101;
}

.bg-white {
  background-color: #595959;
}

a.bg-white:hover,
a.bg-white:focus {
  background-color: #403f3f;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #e6e6e6;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}

ul li,
ol li {
  list-style: none;
  position: relative;
}

.cms-entry ul li,
.cms-entry
ol li {
  margin-bottom: 9px;
}

.cms-entry ul li::before,
.cms-entry
ol li::before {
  content: '-';
  position: absolute;
  left: -15px;
  color: #158b92;
  font-size: 16px;
  line-height: 16px;
}

.cms-entry .flexslider ul li,
.cms-entry .flexslider
ol li {
  margin-bottom: 0;
}

.cms-entry .flexslider ul li::before,
.cms-entry .flexslider
ol li::before {
  content: none;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.375;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #e6e6e6;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 0 22px 0 5%;
  margin: 44px 0;
  font-size: 36px;
  line-height: 1.1;
  border-left: 14px solid #eeeeee;
  color: #022539;
  position: relative;
}

blockquote p {
  font-size: 36px;
  line-height: 1.1;
  color: #022539 !important;
}

blockquote:before,
blockquote:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 14px;
  background-color: #eeeeee;
  left: -14px;
  display: block;
}

blockquote:before {
  top: 0;
}

blockquote:after {
  bottom: 0;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: '\A0   \2014';
}

address,
address p {
  margin-bottom: 4px;
  line-height: 24px;
  font-size: 18px;
  font-style: normal;
}

address a p,
address p a p {
  color: #636363;
}

address a:hover p,
address a:focus p,
address a:active p,
address p a:hover p,
address p a:focus p,
address p a:active p {
  outline: none;
  color: #1dbec8;
}

.footer address,
.footer
address p {
  margin-bottom: 15px;
  line-height: 18px;
  font-size: 14px;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.375;
  word-break: break-all;
  word-wrap: break-word;
  color: #e1e1e1;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  max-width: 1400px;
  float: none;
}

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

.container:after {
  clear: both;
}

#scroll_anchor .container {
  position: relative;
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}

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

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 640px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 911px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #e6e6e6;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.375;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

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

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #e1e1e1;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.375;
  color: #595959;
}

.form-control {
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.375;
  color: #595959;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eeeeee;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #158b92;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control::-moz-placeholder {
  color: rgba(89, 89, 89, 0.5);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: rgba(89, 89, 89, 0.5);
}

.form-control::-webkit-input-placeholder {
  color: rgba(89, 89, 89, 0.5);
}

.newsletter_ctn .form-control,
.search_component_input .form-control {
  border: none;
  width: 100%;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #e6e6e6;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 50px;
  }

  input[type="date"].input-sm,
  .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 54px;
  }
}

.form-group {
  margin-bottom: 10px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 38px;
}

.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 54px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.3333333;
  border-radius: 0px;
}

select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 54px;
  line-height: 54px;
}

textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto;
}

.form-group-lg .form-control {
  height: 54px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.3333333;
  border-radius: 0px;
}

.form-group-lg select.form-control {
  height: 54px;
  line-height: 54px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 54px;
  min-height: 46px;
  padding: 11px 16px;
  font-size: 24px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 62.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 54px;
  height: 54px;
  line-height: 54px;
}

.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #c70202;
}

.has-error .form-control {
  border-color: #c70202 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #950101;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fd3232;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fd3232;
}

.has-error .input-group-addon {
  color: #c70202;
  border-color: #c70202;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #c70202;
}

.has-feedback label ~ .form-control-feedback {
  top: 27px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #999999;
}

@media (min-width: 640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    width: 100%;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px;
}

.form-horizontal .form-group {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 20px;
}

@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 24px;
  }
}

@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  background: #158b92;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  margin: 0px;
  padding: 0;
  width: auto;
  background-image: none;
  border: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  text-decoration: none;
  background: #1dbec8;
}

.btn:hover .btnTxt,
.btn:focus .btnTxt,
.btn.focus .btnTxt {
  color: #ffffff;
}

.btn:hover .btnTxt span.reset-icon,
.btn:focus .btnTxt span.reset-icon,
.btn.focus .btnTxt span.reset-icon {
  background-position: center -851px;
}

.btn:hover.file_upload,
.btn:focus.file_upload,
.btn.focus.file_upload {
  background: #1dbec8;
}

.suite-detail .btn:hover.post_back_btn,
.suite-detail .btn:focus.post_back_btn,
.suite-detail .btn.focus.post_back_btn {
  background-color: #c8c7c7;
}

.btn:hover.post_back_btn .btnTxt,
.btn:focus.post_back_btn .btnTxt,
.btn.focus.post_back_btn .btnTxt {
  color: #1dbec8;
}

.btn:hover.post_back_btn .btnTxt span.arrow-left,
.btn:focus.post_back_btn .btnTxt span.arrow-left,
.btn.focus.post_back_btn .btnTxt span.arrow-left {
  background-position: center -3095px;
}

.btn:hover.btn-grad-blue-green,
.btn:focus.btn-grad-blue-green,
.btn.focus.btn-grad-blue-green {
  background: #0d2f4d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmY0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMSUiIHN0b3AtY29sb3I9IiMwMjU2NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #0d2f4d 100%, #02565c 101%);
  background: linear, to right, #0d2f4d 100%, #02565c 101%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4d', endColorstr='#02565c',GradientType=1 );
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .btnTxt {
  display: inline-block;
  padding: 18px 30px 18px;
  z-index: 1;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
}

.btn .btnTxt span {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  margin-left: 20px;
  width: 18px;
  height: 26px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn .btnTxt span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn .btnTxt span.item-left-numb {
  margin-left: 0;
  width: auto;
  height: auto;
  vertical-align: inherit;
}

.btn .btnTxt span.arrow-right {
  background-position: center -2992px;
}

.btn .btnTxt span.arrow-down {
  background-position: center -3208px;
}

.btn .btnTxt span.arrow-left {
  background-position: center -3070px;
  margin-left: 0;
  margin-right: 6px;
}

.btn .btnTxt span.search-icon {
  background-position: center -655px;
  width: 24px;
  margin-left: 0;
  margin-right: 20px;
}

.btn .btnTxt span.search-icon.white {
  background-position: center -726px;
}

.btn .btnTxt span.reset-icon {
  background-position: center -824px;
  width: 100%;
  height: 30px;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
}

.btn .btnTxt span.share {
  margin-left: 0;
  margin-right: 20px;
  float: left;
  background-position: center -944px;
}

.btn .btnTxt span.download {
  margin-left: 0;
  margin-right: 20px;
  float: left;
  background-position: center -1357px;
}

.btn .btnTxt span.print {
  margin-left: 0;
  margin-right: 20px;
  float: left;
  background-position: center -1393px;
}

.btn .btnTxt span.email {
  margin-left: 0;
  margin-right: 20px;
  float: left;
  background-position: center -1808px;
}

.btn .btnTxt span.list-icon {
  margin-left: 0;
  margin-right: 20px;
  background-position: center -1437px;
}

.btn.shareBtn {
  width: 100%;
}

.btn.shareBtn .btnTxt {
  width: 100%;
}

.btn.shareBtn .btnTxt span {
  margin: -13px 0 0 0;
  position: absolute;
  top: 50%;
  left: 15px;
}

@media screen and (min-width: 911px) {
  .btn.shareBtn .btnTxt span {
    left: calc(15px + 15 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .btn.shareBtn .btnTxt span {
    left: 30px;
  }
}

.btn.post_back_btn {
  margin-top: 60px;
  border-bottom: none;
  bottom: 0;
  background: #e1e1e1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.suite-detail .btn.post_back_btn {
  background: #fff;
}

.btn.post_back_btn .btnTxt {
  color: #158b92;
  padding: 12px 16px 12px;
}

.btn.post_back_btn .btnTxt span {
  height: 16px;
}

.btn.btn-grad-blue-green {
  background: #1a4f73;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNGY3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODhiODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #1a4f73 0%, #088b89 100%);
  background: linear, to right, #1a4f73 0%, #088b89 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4f73', endColorstr='#088b89',GradientType=1 );
  color: #fff;
  border-color: transparent;
}

.btn.trans {
  background: transparent;
  border-color: transparent;
}

.btn.file_upload {
  background: #30b2b8;
  float: left;
}

.btn.file_upload .btnTxt {
  padding: 8px 30px;
}

.newsletter_ctn .btn {
  width: 130px;
  height: 50px;
  border: none;
  float: left;
}

.search_component_input .btn {
  width: 60px;
  height: 60px;
  border: none;
}

.search_component_input .btn .btnTxt {
  width: 100%;
  height: 100%;
  padding: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.search_component_input .btn .btnTxt span.search-icon {
  background-position: center -655px;
  width: 100%;
  height: 30px;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-grey {
  color: #158b92;
  background-color: #e1e1e1;
  border-color: transparent;
}

.btn-grey:focus,
.btn-grey.focus {
  color: #158b92;
  background-color: #c8c7c7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-grey:hover {
  color: #158b92;
  background-color: #c8c7c7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-grey:active,
.btn-grey.active,
.open > .btn-grey.dropdown-toggle {
  color: #158b92;
  background-color: #c8c7c7;
  border-color: rgba(0, 0, 0, 0);
}

.btn-grey:active:hover,
.btn-grey:active:focus,
.btn-grey:active.focus,
.btn-grey.active:hover,
.btn-grey.active:focus,
.btn-grey.active.focus,
.open > .btn-grey.dropdown-toggle:hover,
.open > .btn-grey.dropdown-toggle:focus,
.open > .btn-grey.dropdown-toggle.focus {
  color: #158b92;
  background-color: #b6b6b6;
  border-color: rgba(0, 0, 0, 0);
}

.btn-grey:active,
.btn-grey.active,
.open > .btn-grey.dropdown-toggle {
  background-image: none;
}

.btn-grey.disabled:hover,
.btn-grey.disabled:focus,
.btn-grey.disabled.focus,
.btn-grey[disabled]:hover,
.btn-grey[disabled]:focus,
.btn-grey[disabled].focus,
fieldset[disabled] .btn-grey:hover,
fieldset[disabled] .btn-grey:focus,
fieldset[disabled] .btn-grey.focus {
  background-color: #e1e1e1;
  border-color: transparent;
}

.btn-grey .badge {
  color: #e1e1e1;
  background-color: #158b92;
}

.btn-primary {
  color: #fff;
  background-color: #158b92;
  border-color: transparent;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0f6165;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:hover {
  color: #fff;
  background-color: #0f6165;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0f6165;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #0a4346;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #158b92;
  border-color: transparent;
}

.btn-primary .badge {
  color: #158b92;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #a2d683;
  border-color: #94d070;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #85c95d;
  border-color: #549030;
}

.btn-success:hover {
  color: #fff;
  background-color: #85c95d;
  border-color: #71c042;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #85c95d;
  border-color: #71c042;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #71c042;
  border-color: #549030;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #a2d683;
  border-color: #94d070;
}

.btn-success .badge {
  color: #a2d683;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #1fc2de;
  border-color: #1caec8;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #199bb1;
  border-color: #0c4d58;
}

.btn-info:hover {
  color: #fff;
  background-color: #199bb1;
  border-color: #148092;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #199bb1;
  border-color: #148092;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #148092;
  border-color: #0c4d58;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #1fc2de;
  border-color: #1caec8;
}

.btn-info .badge {
  color: #1fc2de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #fbe343;
  border-color: #fadf2a;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #fadc11;
  border-color: #a28d03;
}

.btn-warning:hover {
  color: #fff;
  background-color: #fadc11;
  border-color: #e2c605;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #fadc11;
  border-color: #e2c605;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #e2c605;
  border-color: #a28d03;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #fbe343;
  border-color: #fadf2a;
}

.btn-warning .badge {
  color: #fbe343;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #F1894C;
  border-color: #ef7934;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #ed6a1d;
  border-color: #98400c;
}

.btn-danger:hover {
  color: #fff;
  background-color: #ed6a1d;
  border-color: #d65911;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ed6a1d;
  border-color: #d65911;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #d65911;
  border-color: #98400c;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #F1894C;
  border-color: #ef7934;
}

.btn-danger .badge {
  color: #F1894C;
  background-color: #fff;
}

.btn-category {
  color: #595959;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: inset 1px 1px 0 #595959, inset -1px -1px 0 #595959;
          box-shadow: inset 1px 1px 0 #595959, inset -1px -1px 0 #595959;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.btn-category:focus,
.btn-category.focus {
  color: #595959;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-category:hover {
  color: #595959;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-category:active,
.btn-category.active,
.open > .btn-category.dropdown-toggle {
  color: #595959;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-category:active:hover,
.btn-category:active:focus,
.btn-category:active.focus,
.btn-category.active:hover,
.btn-category.active:focus,
.btn-category.active.focus,
.open > .btn-category.dropdown-toggle:hover,
.open > .btn-category.dropdown-toggle:focus,
.open > .btn-category.dropdown-toggle.focus {
  color: #595959;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-category:active,
.btn-category.active,
.open > .btn-category.dropdown-toggle {
  background-image: none;
}

.btn-category.disabled:hover,
.btn-category.disabled:focus,
.btn-category.disabled.focus,
.btn-category[disabled]:hover,
.btn-category[disabled]:focus,
.btn-category[disabled].focus,
fieldset[disabled] .btn-category:hover,
fieldset[disabled] .btn-category:focus,
fieldset[disabled] .btn-category.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-category .badge {
  color: transparent;
  background-color: #595959;
}

.btn-category .btnTxt {
  padding: 12px 36px;
  color: #595959;
}

.btn-category:hover,
.btn-category:focus,
.btn-category.active,
.btn-category.is-active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #1a4f73;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNGY3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODhiODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #1a4f73 0%, #088b89 100%);
  background: linear, to right, #1a4f73 0%, #088b89 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4f73', endColorstr='#088b89',GradientType=1 );
}

.btn-category:hover .btnTxt,
.btn-category:focus .btnTxt,
.btn-category.active .btnTxt,
.btn-category.is-active .btnTxt {
  color: #ffffff;
}

.btn-link,
.link {
  color: #158b92;
  border-radius: 0;
  display: inline-block;
  position: relative;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.link,
.link:active,
.link.active,
.link[disabled],
fieldset[disabled]
.link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.link,
.link:hover,
.link:focus,
.link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus,
.link:hover,
.link:focus {
  color: #1dbec8;
  text-decoration: none;
  background-color: transparent;
}

.btn-link:hover span.pdf_file,
.btn-link:hover span.pdf,
.btn-link:focus span.pdf_file,
.btn-link:focus span.pdf,
.link:hover span.pdf_file,
.link:hover span.pdf,
.link:focus span.pdf_file,
.link:focus span.pdf {
  background-position: center -1558px;
}

.btn-link:hover span.revit_file,
.btn-link:hover span.revit,
.btn-link:focus span.revit_file,
.btn-link:focus span.revit,
.link:hover span.revit_file,
.link:hover span.revit,
.link:focus span.revit_file,
.link:focus span.revit {
  background-position: center -1636px;
}

.btn-link:hover span.autoCAD_file,
.btn-link:hover span.dxf,
.btn-link:focus span.autoCAD_file,
.btn-link:focus span.dxf,
.link:hover span.autoCAD_file,
.link:hover span.dxf,
.link:focus span.autoCAD_file,
.link:focus span.dxf {
  background-position: center -1715px;
}

#nav .btn-link:hover span.search,
#nav .btn-link:focus span.search,
#nav
.link:hover span.search,
#nav
.link:focus span.search {
  background-position: center -691px;
}

.btn-link.disabled,
.link.disabled {
  cursor: default;
}

.btn-link.disabled:hover,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.link.disabled:hover,
.link.disabled:active,
.link.disabled:focus {
  color: #e6e6e6;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
.link[disabled]:hover,
.link[disabled]:focus,
fieldset[disabled]
.link:hover,
fieldset[disabled]
.link:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.btn-link.lrg,
.link.lrg {
  font-size: 24px;
  line-height: 24px;
}

.btn-link.lrg.social,
.link.lrg.social {
  margin-right: 15px;
}

.btn-link.lrg.social:last-of-type,
.link.lrg.social:last-of-type {
  margin-right: 0;
}

.btn-link.dark,
.link.dark {
  color: #022539;
  font-size: 24px;
  line-height: 24px;
}

.btn-link.arrow-right,
.link.arrow-right {
  border-bottom: none;
  padding-bottom: 0;
  padding-right: 24px;
}

.btn-link.arrow-right:after,
.link.arrow-right:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 14px;
  height: 20px;
  background-position: center -3016px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.arrow-right:after,
  .link.arrow-right:after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link.arrow-right:hover:after,
.btn-link.arrow-right:active:after,
.btn-link.arrow-right:focus:after,
.link.arrow-right:hover:after,
.link.arrow-right:active:after,
.link.arrow-right:focus:after {
  background-position: center -3040px;
}

.btn-link.arrow-right.anchor-link,
.link.arrow-right.anchor-link {
  padding-right: 0;
  padding-left: 24px;
  margin-right: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn-link.arrow-right.anchor-link::after,
.link.arrow-right.anchor-link::after {
  right: inherit;
  left: 0;
}

.btn-link.arrow-right.anchor-link.txt-yellow,
.btn-link.arrow-right.anchor-link.privacy-screens-louvres,
.link.arrow-right.anchor-link.txt-yellow,
.link.arrow-right.anchor-link.privacy-screens-louvres {
  color: #fbe343;
}

.btn-link.arrow-right.anchor-link.txt-yellow::after,
.btn-link.arrow-right.anchor-link.privacy-screens-louvres::after,
.link.arrow-right.anchor-link.txt-yellow::after,
.link.arrow-right.anchor-link.privacy-screens-louvres::after {
  background-position: center -3119px;
}

.btn-link.arrow-right.anchor-link.txt-green,
.btn-link.arrow-right.anchor-link.balustrade-systems,
.link.arrow-right.anchor-link.txt-green,
.link.arrow-right.anchor-link.balustrade-systems {
  color: #a2d683;
}

.btn-link.arrow-right.anchor-link.txt-green::after,
.btn-link.arrow-right.anchor-link.balustrade-systems::after,
.link.arrow-right.anchor-link.txt-green::after,
.link.arrow-right.anchor-link.balustrade-systems::after {
  background-position: center -3147px;
}

.btn-link.arrow-right.anchor-link.txt_orange,
.btn-link.arrow-right.anchor-link.glass-products,
.link.arrow-right.anchor-link.txt_orange,
.link.arrow-right.anchor-link.glass-products {
  color: #F1894C;
}

.btn-link.arrow-right.anchor-link.txt_orange::after,
.btn-link.arrow-right.anchor-link.glass-products::after,
.link.arrow-right.anchor-link.txt_orange::after,
.link.arrow-right.anchor-link.glass-products::after {
  background-position: center -3646px;
}

.btn-link.arrow-right.anchor-link.txt-lblue,
.btn-link.arrow-right.anchor-link.pool-systems,
.btn-link.arrow-right.anchor-link.pool-fencing,
.link.arrow-right.anchor-link.txt-lblue,
.link.arrow-right.anchor-link.pool-systems,
.link.arrow-right.anchor-link.pool-fencing {
  color: #1fc2de;
}

.btn-link.arrow-right.anchor-link.txt-lblue::after,
.btn-link.arrow-right.anchor-link.pool-systems::after,
.btn-link.arrow-right.anchor-link.pool-fencing::after,
.link.arrow-right.anchor-link.txt-lblue::after,
.link.arrow-right.anchor-link.pool-systems::after,
.link.arrow-right.anchor-link.pool-fencing::after {
  background-position: center -3177px;
}

.btn-link.arrow-right.anchor-link:hover,
.btn-link.arrow-right.anchor-link:active,
.btn-link.arrow-right.anchor-link:focus,
.link.arrow-right.anchor-link:hover,
.link.arrow-right.anchor-link:active,
.link.arrow-right.anchor-link:focus {
  color: #1dbec8 !important;
}

.btn-link.arrow-right.anchor-link:hover:after,
.btn-link.arrow-right.anchor-link:active:after,
.btn-link.arrow-right.anchor-link:focus:after,
.link.arrow-right.anchor-link:hover:after,
.link.arrow-right.anchor-link:active:after,
.link.arrow-right.anchor-link:focus:after {
  background-position: center -3040px;
}

.btn-link.arrow-down,
.link.arrow-down {
  border-bottom: none;
  padding-bottom: 0;
  padding-right: 24px;
}

.btn-link.arrow-down::before,
.btn-link.arrow-down::after,
.link.arrow-down::before,
.link.arrow-down::after {
  content: "";
  position: absolute;
  top: 0;
  height: 20px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.arrow-down::before,
  .btn-link.arrow-down::after,
  .link.arrow-down::before,
  .link.arrow-down::after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link.arrow-down:after,
.link.arrow-down:after {
  right: 0;
  top: 0;
  width: 14px;
  background-position: center -2901px;
}

.btn-link.arrow-down.filter,
.link.arrow-down.filter {
  padding-left: 35px;
}

.btn-link.arrow-down.filter:before,
.link.arrow-down.filter:before {
  left: 0;
  width: 20px;
  background-position: center -985px;
}

.btn-link.arrow-down span.hide-text,
.btn-link.arrow-down span.show-text,
.link.arrow-down span.hide-text,
.link.arrow-down span.show-text {
  width: auto;
  margin: 0;
}

.btn-link.arrow-down .hide-text,
.link.arrow-down .hide-text {
  display: none;
}

.btn-link.arrow-down:hover::before,
.btn-link.arrow-down:active::before,
.btn-link.arrow-down:focus::before,
.link.arrow-down:hover::before,
.link.arrow-down:active::before,
.link.arrow-down:focus::before {
  background-position: center -1022px;
}

.btn-link.arrow-down:hover::after,
.btn-link.arrow-down:active::after,
.btn-link.arrow-down:focus::after,
.link.arrow-down:hover::after,
.link.arrow-down:active::after,
.link.arrow-down:focus::after {
  background-position: center -2924px;
}

.collapsed .btn-link.arrow-down:after,
.collapsed
.link.arrow-down:after {
  background-position: center -2948px;
}

.collapsed .btn-link.arrow-down:hover::after,
.collapsed .btn-link.arrow-down:active::after,
.collapsed .btn-link.arrow-down:focus::after,
.collapsed
.link.arrow-down:hover::after,
.collapsed
.link.arrow-down:active::after,
.collapsed
.link.arrow-down:focus::after {
  background-position: center -2969px;
}

.btn-link.arrow-down.collapsed .hide-text,
.link.arrow-down.collapsed .hide-text {
  display: inline-block;
}

.btn-link.arrow-down.collapsed .show-text,
.link.arrow-down.collapsed .show-text {
  display: none;
}

.btn-link.arrow-down.collapsed::after,
.link.arrow-down.collapsed::after {
  background-position: center -2948px;
}

.btn-link.arrow-down.collapsed:hover::after,
.btn-link.arrow-down.collapsed:active::after,
.btn-link.arrow-down.collapsed:focus::after,
.link.arrow-down.collapsed:hover::after,
.link.arrow-down.collapsed:active::after,
.link.arrow-down.collapsed:focus::after {
  background-position: center -2969px;
}

.btn-link.white,
.link.white {
  color: #ffffff;
}

.btn-link.white:after,
.link.white:after {
  background-position: center -2992px;
}

.btn-link.white:hover,
.btn-link.white:active,
.btn-link.white:focus,
.link.white:hover,
.link.white:active,
.link.white:focus {
  color: #1dbec8;
}

.btn-link.white:hover:after,
.btn-link.white:active:after,
.btn-link.white:focus:after,
.link.white:hover:after,
.link.white:active:after,
.link.white:focus:after {
  background-position: center -3040px;
}

.btn-link.darkGrey,
.link.darkGrey {
  color: #595959;
}

.btn-link.darkGrey:hover,
.btn-link.darkGrey:active,
.btn-link.darkGrey:focus,
.link.darkGrey:hover,
.link.darkGrey:active,
.link.darkGrey:focus {
  color: #1dbec8;
}

.btn-link.pdf,
.btn-link.lock,
.btn-link.revit,
.btn-link.dxf,
.link.pdf,
.link.lock,
.link.revit,
.link.dxf {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 30px;
}

.btn-link.pdf:before,
.btn-link.lock:before,
.btn-link.revit:before,
.btn-link.dxf:before,
.link.pdf:before,
.link.lock:before,
.link.revit:before,
.link.dxf:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.pdf:before,
  .btn-link.lock:before,
  .btn-link.revit:before,
  .btn-link.dxf:before,
  .link.pdf:before,
  .link.lock:before,
  .link.revit:before,
  .link.dxf:before {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link.long,
.link.long {
  display: block;
  padding-left: 0;
  padding-right: 70px;
  padding-left: 30px;
}

.btn-link.long span,
.link.long span {
  position: absolute;
  left: 0;
}

.btn-link.pdf.long::before,
.link.pdf.long::before {
  content: "PDF";
  color: #158b92;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  padding-left: 30px;
  left: auto;
  right: 10px;
  background-position-x: -50px !important;
  width: auto;
}

.btn-link.pdf.line,
.link.pdf.line {
  padding-left: 0;
}

.btn-link.pdf.line::before,
.link.pdf.line::before {
  content: none;
}

.btn-link.pdf.line span,
.link.pdf.line span {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -50px -1295px;
  width: auto;
  height: 20px;
  padding-left: 30px;
  display: inline-block;
  vertical-align: top;
  color: #158b92;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
  margin-left: 22px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.pdf.line span,
  .link.pdf.line span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.txt_orange .btn-link.pdf.line span,
.txt_orange
.link.pdf.line span {
  background-position: -50px -3600px;
  color: #F1894C;
}

.btn-link.pdf:before,
.link.pdf:before {
  background-position: center -1295px;
}

.btn-link.pdf.white:before,
.link.pdf.white:before {
  background-position: center -1357px;
}

.btn-link.pdf:hover:before,
.btn-link.pdf:active:before,
.btn-link.pdf:focus:before,
.link.pdf:hover:before,
.link.pdf:active:before,
.link.pdf:focus:before {
  background-position: center -1323px;
}

.btn-link.pdf:hover.long:before,
.btn-link.pdf:hover.line span,
.btn-link.pdf:active.long:before,
.btn-link.pdf:active.line span,
.btn-link.pdf:focus.long:before,
.btn-link.pdf:focus.line span,
.link.pdf:hover.long:before,
.link.pdf:hover.line span,
.link.pdf:active.long:before,
.link.pdf:active.line span,
.link.pdf:focus.long:before,
.link.pdf:focus.line span {
  color: #1dbec8;
  background-position: -50px -1323px;
}

.btn-link.dxf.long::before,
.link.dxf.long::before {
  content: "DXF";
  color: #158b92;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  padding-left: 30px;
  left: auto;
  right: 10px;
  background-position-x: -50px !important;
  width: auto;
}

.btn-link.dxf:before,
.link.dxf:before {
  background-position: center -1295px;
}

.btn-link.dxf:hover:before,
.btn-link.dxf:active:before,
.btn-link.dxf:focus:before,
.link.dxf:hover:before,
.link.dxf:active:before,
.link.dxf:focus:before {
  background-position: center -1323px;
}

.btn-link.dxf:hover.long:before,
.btn-link.dxf:active.long:before,
.btn-link.dxf:focus.long:before,
.link.dxf:hover.long:before,
.link.dxf:active.long:before,
.link.dxf:focus.long:before {
  color: #1dbec8;
  background-position: -50px -1323px;
}

.btn-link.revit.long::before,
.link.revit.long::before {
  content: "REVIT";
  color: #158b92;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  padding-left: 30px;
  left: auto;
  right: 0;
  background-position-x: -50px !important;
  width: auto;
}

.btn-link.revit:before,
.link.revit:before {
  background-position: center -1295px;
}

.btn-link.revit:hover:before,
.btn-link.revit:active:before,
.btn-link.revit:focus:before,
.link.revit:hover:before,
.link.revit:active:before,
.link.revit:focus:before {
  background-position: center -1323px;
}

.btn-link.revit:hover.long:before,
.btn-link.revit:active.long:before,
.btn-link.revit:focus.long:before,
.link.revit:hover.long:before,
.link.revit:active.long:before,
.link.revit:focus.long:before {
  color: #1dbec8;
  background-position: -50px -1323px;
}

.btn-link.phone,
.btn-link.mail,
.btn-link.linkedIn,
.btn-link.facebook,
.btn-link.instagram,
.link.phone,
.link.mail,
.link.linkedIn,
.link.facebook,
.link.instagram {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 28px;
}

.btn-link.phone:after,
.btn-link.mail:after,
.btn-link.linkedIn:after,
.btn-link.facebook:after,
.btn-link.instagram:after,
.link.phone:after,
.link.mail:after,
.link.linkedIn:after,
.link.facebook:after,
.link.instagram:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.phone:after,
  .btn-link.mail:after,
  .btn-link.linkedIn:after,
  .btn-link.facebook:after,
  .btn-link.instagram:after,
  .link.phone:after,
  .link.mail:after,
  .link.linkedIn:after,
  .link.facebook:after,
  .link.instagram:after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link.phone::after,
.link.phone::after {
  background-position: center -1922px;
}

.btn-link.phone:hover:after,
.btn-link.phone:active:after,
.btn-link.phone:focus:after,
.link.phone:hover:after,
.link.phone:active:after,
.link.phone:focus:after {
  background-position: center -1953px;
}

.btn-link.phone.white::after,
.link.phone.white::after {
  background-position: center -1984px;
}

.btn-link.phone.white:hover:after,
.btn-link.phone.white:active:after,
.btn-link.phone.white:focus:after,
.link.phone.white:hover:after,
.link.phone.white:active:after,
.link.phone.white:focus:after {
  background-position: center -2014px;
}

.btn-link.phone.white.lined::after,
.link.phone.white.lined::after {
  background-position: center -2046px;
}

.btn-link.phone.white.lined:hover:after,
.btn-link.phone.white.lined:active:after,
.btn-link.phone.white.lined:focus:after,
.link.phone.white.lined:hover:after,
.link.phone.white.lined:active:after,
.link.phone.white.lined:focus:after {
  background-position: center -2073px;
}

.btn-link.mail:after,
.link.mail:after {
  background-position: center -1864px;
}

.btn-link.mail:hover:after,
.btn-link.mail:active:after,
.btn-link.mail:focus:after,
.link.mail:hover:after,
.link.mail:active:after,
.link.mail:focus:after {
  background-position: center -1890px;
}

.btn-link.mail.white:after,
.link.mail.white:after {
  background-position: center -1866px;
}

.btn-link.mail.white:hover:after,
.btn-link.mail.white:active:after,
.btn-link.mail.white:focus:after,
.link.mail.white:hover:after,
.link.mail.white:active:after,
.link.mail.white:focus:after {
  background-position: center -1892px;
}

.btn-link.mail.white.lined::after,
.link.mail.white.lined::after {
  background-position: center -2100px;
}

.btn-link.mail.white.lined:hover:after,
.btn-link.mail.white.lined:active:after,
.btn-link.mail.white.lined:focus:after,
.link.mail.white.lined:hover:after,
.link.mail.white.lined:active:after,
.link.mail.white.lined:focus:after {
  background-position: center -2123px;
}

.btn-link.linkedIn.white:after,
.link.linkedIn.white:after {
  background-position: center -3526px;
}

.btn-link.linkedIn.white:hover:after,
.btn-link.linkedIn.white:active:after,
.btn-link.linkedIn.white:focus:after,
.link.linkedIn.white:hover:after,
.link.linkedIn.white:active:after,
.link.linkedIn.white:focus:after {
  background-position: center -3562px;
}

.btn-link.linkedIn.white.lined::after,
.link.linkedIn.white.lined::after {
  background-position: center -3526px;
}

.btn-link.linkedIn.white.lined:hover:after,
.btn-link.linkedIn.white.lined:active:after,
.btn-link.linkedIn.white.lined:focus:after,
.link.linkedIn.white.lined:hover:after,
.link.linkedIn.white.lined:active:after,
.link.linkedIn.white.lined:focus:after {
  background-position: center -3562px;
}

.btn-link.facebook.white:after,
.link.facebook.white:after {
  background-position: center -3749px;
}

.btn-link.facebook.white:hover:after,
.btn-link.facebook.white:active:after,
.btn-link.facebook.white:focus:after,
.link.facebook.white:hover:after,
.link.facebook.white:active:after,
.link.facebook.white:focus:after {
  background-position: center -3783px;
}

.btn-link.facebook.white.lined::after,
.link.facebook.white.lined::after {
  background-position: center -3749px;
}

.btn-link.facebook.white.lined:hover:after,
.btn-link.facebook.white.lined:active:after,
.btn-link.facebook.white.lined:focus:after,
.link.facebook.white.lined:hover:after,
.link.facebook.white.lined:active:after,
.link.facebook.white.lined:focus:after {
  background-position: center -3783px;
}

.btn-link.instagram.white:after,
.link.instagram.white:after {
  background-position: center -3687px;
}

.btn-link.instagram.white:hover:after,
.btn-link.instagram.white:active:after,
.btn-link.instagram.white:focus:after,
.link.instagram.white:hover:after,
.link.instagram.white:active:after,
.link.instagram.white:focus:after {
  background-position: center -3718px;
}

.btn-link.instagram.white.lined::after,
.link.instagram.white.lined::after {
  background-position: center -3687px;
}

.btn-link.instagram.white.lined:hover:after,
.btn-link.instagram.white.lined:active:after,
.btn-link.instagram.white.lined:focus:after,
.link.instagram.white.lined:hover:after,
.link.instagram.white.lined:active:after,
.link.instagram.white.lined:focus:after {
  background-position: center -3718px;
}

.btn-link.lock:before,
.link.lock:before {
  background-position: center -1118px !important;
}

.btn-link.lock:hover:before,
.btn-link.lock:active:before,
.btn-link.lock:focus:before,
.link.lock:hover:before,
.link.lock:active:before,
.link.lock:focus:before {
  background-position: center -1152px !important;
}

.btn-link.lock:hover.long:before,
.btn-link.lock:active.long:before,
.btn-link.lock:focus.long:before,
.link.lock:hover.long:before,
.link.lock:active.long:before,
.link.lock:focus.long:before {
  color: #1dbec8;
  background-position: -50px -1152px !important;
}

.btn-link span,
.link span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 24px;
  margin-right: 12px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link span,
  .link span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link span.pdf_file,
.btn-link span.pdf,
.link span.pdf_file,
.link span.pdf {
  background-position: center -1518px;
}

.btn-link span.revit_file,
.btn-link span.revit,
.link span.revit_file,
.link span.revit {
  background-position: center -1596px;
}

.btn-link span.autoCAD_file,
.btn-link span.dxf,
.link span.autoCAD_file,
.link span.dxf {
  background-position: center -1676px;
}

.btn-link span.search,
.link span.search {
  margin-right: 35px;
  background-position: center -659px;
}

#nav .btn-link span.search,
#nav
.link span.search {
  margin-right: 20px;
  background-position: center -725px;
}

.news-list .btn-link,
.news-list
.link {
  margin-top: 28px;
}

.single .news-list .btn-link,
.single .news-list
.link {
  margin-top: 15px;
}

.btn-link.location,
.link.location {
  margin-bottom: 17px;
  line-height: 20px;
}

.btn-link.location span,
.link.location span {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -1062px;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 20px;
  margin-right: 6px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-link.location span,
  .link.location span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.btn-link.location:hover span,
.btn-link.location:active span,
.btn-link.location:focus span,
.link.location:hover span,
.link.location:active span,
.link.location:focus span {
  background-position: center -1092px;
}

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

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.375;
  color: #e1e1e1;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #d4d4d4;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #1dbec8;
  text-decoration: none;
  outline: 0;
  background-color: #1dbec8;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #e6e6e6;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.375;
  color: #e6e6e6;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #595959;
  text-align: center;
  background-color: #e6e6e6;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 0px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 24px;
  border-radius: 0px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

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

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #e6e6e6;
}

.nav > li.disabled > a {
  color: #e6e6e6;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #e6e6e6;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #e6e6e6;
  border-color: #158b92;
}

.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.375;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #e6e6e6 #e6e6e6 #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #dcdcdc;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #1dbec8;
  background-color: #1dbec8;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 640px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 640px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent;
}

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

.navbar:after {
  clear: both;
}

@media (min-width: 640px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 640px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 20px;
  padding-left: 20px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 640px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -20px;
  margin-left: -20px;
}

@media (min-width: 640px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 640px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 640px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 14px 20px;
  font-size: 24px;
  line-height: 22px;
  height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 640px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -20px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 20px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 640px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7px -20px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}

@media (max-width: 639px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 640px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.navbar-form {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (min-width: 640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    width: 100%;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 639px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px;
}

@media (min-width: 640px) {
  .navbar-text {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 640px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -20px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5d5d;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 639px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: white;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: white;
}

.navbar-inverse .navbar-nav > li > a {
  color: white;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}

@media (max-width: 639px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: white;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: white;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/\A0";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #e6e6e6;
}

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

.pagination > li {
  display: inline;
}

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

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

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

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #1dbec8;
  background-color: #e6e6e6;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #158b92;
  border-color: #158b92;
  cursor: default;
}

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

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.3333333;
}

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

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

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

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

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

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center;
}

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

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #e6e6e6;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #e6e6e6;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #e6e6e6;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #cdcccc;
}

.label-primary {
  background-color: #158b92;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0f6165;
}

.label-success {
  background-color: #a2d683;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #85c95d;
}

.label-info {
  background-color: #1fc2de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #199bb1;
}

.label-warning {
  background-color: #fbe343;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #fadc11;
}

.label-danger {
  background-color: #F1894C;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #ed6a1d;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #e6e6e6;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #158b92;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #c70202;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #950101;
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

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

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.panel {
  margin-bottom: 22px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
}

.panel-body {
  padding: 15px 0;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 0 0 18px;
  border-bottom: 1px solid transparent;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 0 0 18px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px 0;
  padding-right: 15px 0;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: transparent;
}

.panel-default > .panel-heading {
  color: #757575;
  background-color: transparent;
  border-color: #eaeaea;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.panel-default > .panel-heading .badge {
  color: transparent;
  background-color: #757575;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}

.panel-primary {
  border-color: #158b92;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #158b92;
  border-color: #158b92;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #158b92;
}

.panel-primary > .panel-heading .badge {
  color: #158b92;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #158b92;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #c70202;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #c70202;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.002;
  filter: alpha(opacity=0.2);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.005;
  filter: alpha(opacity=0.5);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "HelveticaNeueLTStd-Lt", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.375;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

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

.clearfix:after {
  clear: both;
}

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

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

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden,
[hidden] {
  display: none !important;
}

.max-width {
  max-width: 1400px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

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

.bg-light {
  background-color: #eeeeee;
}

.bg-darkerGrey {
  background-color: #e1e1e1;
}

.bg-turquoise {
  background-color: #158b92;
}

.bg-yellow {
  background-color: #fbe343;
}

.txt-yellow {
  color: #fbe343 !important;
}

.txt-yellow a {
  color: #fbe343 !important;
}

.txt-yellow a::before {
  background-color: #fbe343;
}

.bg-orange {
  background-color: #F1894C;
}

.txt_orange {
  color: #F1894C !important;
}

.txt_orange a {
  color: #F1894C !important;
}

.txt_orange a:hover,
.txt_orange a:active,
.txt_orange a:focus {
  color: #1dbec8 !important;
}

.txt_orange a::before {
  background-color: #F1894C;
}

.bg-green {
  background-color: #a2d683;
}

.txt-green {
  color: #a2d683 !important;
}

.txt-green a {
  color: #a2d683 !important;
}

.txt-green a::before {
  background-color: #a2d683;
}

.bg-lblue {
  background-color: #1fc2de;
}

.txt-lblue {
  color: #1fc2de !important;
}

.txt-lblue a {
  color: #1fc2de !important;
}

.txt-lblue a::before {
  background-color: #1fc2de;
}

.bg-dblue {
  background-color: #0d2f4d;
}

.bg-dark {
  background-color: #021f2f;
}

.bg-grad-blue-green-bg {
  background: #0d2f4d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmY0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMSUiIHN0b3AtY29sb3I9IiMwMjU2NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #0d2f4d 0%, #02565c 101%);
  background: linear, to right, #0d2f4d 0%, #02565c 101%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4d', endColorstr='#02565c',GradientType=1 );
}

.bg-grad-blue-green-before {
  position: relative;
}

.bg-grad-blue-green-before::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  background: #0d2f4d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmY0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMSUiIHN0b3AtY29sb3I9IiMwMjU2NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #0d2f4d 0%, #02565c 101%);
  background: linear, to right, #0d2f4d 0%, #02565c 101%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4d', endColorstr='#02565c',GradientType=1 );
}

.before-grad-trans-green {
  position: relative;
}

.before-grad-trans-green::before {
  content: '';
  width: 90%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRmNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(0, 79, 76, 0.85) 100%);
  background: linear, to right, rgba(125, 185, 232, 0) 0%, rgba(0, 79, 76, 0.85) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#004f4c',GradientType=1 );
}

.before-grad-top-left-triangle {
  overflow: hidden;
  position: relative;
}

.before-grad-top-left-triangle::before {
  content: "";
  width: 100%;
  height: 80%;
  display: block;
  position: absolute;
  z-index: 2;
  left: -56%;
  top: -43%;
  background: #213469;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMzQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE3NTY3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMWEzOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%);
  background: linear, to right, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213469', endColorstr='#01a391',GradientType=1 );
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.before-grad-green-trans {
  position: relative;
}

.before-grad-green-trans::before {
  content: '';
  width: 90%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGY0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRmNGMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #004f4c 0%, rgba(0, 79, 76, 0) 100%);
  background: linear, to right, #004f4c 0%, rgba(0, 79, 76, 0) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f4c', endColorstr='#00004f4c',GradientType=1 );
}

.affix-top {
  position: relative !important;
}

.affix {
  position: fixed !important;
}

.verticle-align-ctn {
  display: table;
  height: 100%;
}

.verticle-middle,
.verticallymiddle {
  vertical-align: middle;
  display: table-cell;
  float: none !important;
}

.verticle-bottom,
.verticallybottom {
  vertical-align: bottom;
  display: table-cell;
  float: none !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 20px !important;
}

.mt-1,
.my-1 {
  margin-top: 20px !important;
}

.mr-1,
.mx-1 {
  margin-right: 20px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 20px !important;
}

.ml-1,
.mx-1 {
  margin-left: 20px !important;
}

.m-2 {
  margin: 40px !important;
}

.mt-2,
.my-2 {
  margin-top: 40px !important;
}

.mr-2,
.mx-2 {
  margin-right: 40px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 40px !important;
}

.ml-2,
.mx-2 {
  margin-left: 40px !important;
}

.m-3 {
  margin: 50px !important;
}

.mt-3,
.my-3 {
  margin-top: 50px !important;
}

.mr-3,
.mx-3 {
  margin-right: 50px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 50px !important;
}

.ml-3,
.mx-3 {
  margin-left: 50px !important;
}

.m-4 {
  margin: 60px !important;
}

.mt-4,
.my-4 {
  margin-top: 60px !important;
}

.mr-4,
.mx-4 {
  margin-right: 60px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 60px !important;
}

.ml-4,
.mx-4 {
  margin-left: 60px !important;
}

.m-5 {
  margin: 70px !important;
}

.mt-5,
.my-5 {
  margin-top: 70px !important;
}

.mr-5,
.mx-5 {
  margin-right: 70px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 70px !important;
}

.ml-5,
.mx-5 {
  margin-left: 70px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 40px !important;
}

.pt-1,
.py-1 {
  padding-top: 40px !important;
}

.pr-1,
.px-1 {
  padding-right: 40px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 40px !important;
}

.pl-1,
.px-1 {
  padding-left: 40px !important;
}

.p-2 {
  padding: 70px !important;
}

.pt-2,
.py-2 {
  padding-top: 70px !important;
}

.pr-2,
.px-2 {
  padding-right: 70px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 70px !important;
}

.pl-2,
.px-2 {
  padding-left: 70px !important;
}

.p-3 {
  padding: 80px !important;
}

.pt-3,
.py-3 {
  padding-top: 80px !important;
}

.pr-3,
.px-3 {
  padding-right: 80px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 80px !important;
}

.pl-3,
.px-3 {
  padding-left: 80px !important;
}

.p-4 {
  padding: 100px !important;
}

.pt-4,
.py-4 {
  padding-top: 100px !important;
}

.pr-4,
.px-4 {
  padding-right: 100px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 100px !important;
}

.pl-4,
.px-4 {
  padding-left: 100px !important;
}

.p-5 {
  padding: 125px !important;
}

.pt-5,
.py-5 {
  padding-top: 125px !important;
}

.pr-5,
.px-5 {
  padding-right: 125px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 125px !important;
}

.pl-5,
.px-5 {
  padding-left: 125px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media only screen and (min-width: 912px) {
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }

  .flexbox-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pl-md-2 {
    padding-left: 60px !important;
  }

  .pr-md-2 {
    padding-right: 60px !important;
  }
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.flex-align-ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

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

@media (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 640px) and (max-width: 910px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 640px) and (max-width: 910px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 640px) and (max-width: 910px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 640px) and (max-width: 910px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 911px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 911px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 911px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 911px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 910px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 911px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

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

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

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

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

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

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

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

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

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

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

/************************************************************
*********************   Flexslider  *************************
*************************************************************/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flexInner-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}

.flexslider .slides > li {
  display: none;
  float: left;
  width: 100%;
  position: relative;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
  width: 100%;
  display: block;
}

.single.project .flexslider .slides img {
  width: auto;
  max-width: 100%;
  display: block;
  height: auto;
  max-height: 940px;
  margin: 0 auto;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/

.flexslider {
  margin: 0;
  background: transparent;
  width: 100%;
  float: left;
  /*border: 4px solid #fff;*/
  zoom: 1;
  position: relative;
}

.flex-viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */

.flex-direction-nav {
  width: 165px;
  height: 80px;
  position: absolute;
  right: 0;
  bottom: -80px;
  left: inherit;
  z-index: 10;
}

.single-post-gallery .flex-direction-nav {
  right: auto;
  left: -20px;
  bottom: -20px;
  display: none;
}

.nav-right .flex-direction-nav {
  left: auto;
  right: 0;
  bottom: -80px;
}

.product_slider .flex-direction-nav {
  bottom: 24px;
  width: 141px;
  height: 46px;
  display: none;
}

.product_slider .flex-direction-nav::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 70px;
  top: 0;
  display: block;
  background-color: #158b92;
}

.projects-slider .flex-direction-nav {
  width: 116px;
  height: 56px;
  bottom: 0;
}

.flex-direction-nav li {
  margin: 0;
  padding: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-direction-nav li:last-child {
  float: right;
}

.flex-direction-nav li a {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #eeeeee;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-indent: -99999em;
  text-align: left;
  overflow: hidden;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flex-direction-nav li a {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.flex-direction-nav li a.flex-prev {
  background-position: center -2574px;
}

.flex-direction-nav li a.flex-prev:hover {
  background-color: #c4c4c4;
  background-position: center -2707px;
}

.flex-direction-nav li a.flex-next {
  background-position: center -2639px;
}

.flex-direction-nav li a.flex-next:hover {
  background-color: #c4c4c4;
  background-position: center -2778px;
}

.projects-slider .flex-direction-nav li a {
  width: 56px;
  height: 56px;
}

.projects-slider .flex-direction-nav li a.flex-prev {
  background-image: url(/fonts/arrow-left.svg?e783c45c592e1bce572ccb18c754fe79);
  background-position: center center;
  background-size: 10px 18px;
}

.projects-slider .flex-direction-nav li a.flex-prev:hover {
  background-color: #c4c4c4;
}

.projects-slider .flex-direction-nav li a.flex-next {
  background-image: url(/fonts/arrow-right.svg?59bf4336246017a73cc3da545d824b89);
  background-position: center center;
  background-size: 10px 18px;
}

.projects-slider .flex-direction-nav li a.flex-next:hover {
  background-color: #c4c4c4;
}

.product_slider .flex-direction-nav li a {
  background-color: transparent;
  width: 58px;
  height: 46px;
  position: relative;
}

.product_slider .flex-direction-nav li a.flex-prev {
  background-position: center -2452px;
}

.product_slider .flex-direction-nav li a.flex-prev:hover {
  background-color: transparent;
  background-position: center -2724px;
}

.product_slider .flex-direction-nav li a.flex-next {
  background-position: center -2525px;
}

.product_slider .flex-direction-nav li a.flex-next:hover {
  background-color: transparent;
  background-position: center -2795px;
}

.product_slider.dark-nav .flex-direction-nav li a {
  background-color: transparent;
  width: 58px;
  height: 46px;
  position: relative;
}

.product_slider.dark-nav .flex-direction-nav li a.flex-prev {
  background-position: center -2591px;
}

.product_slider.dark-nav .flex-direction-nav li a.flex-prev:hover {
  background-color: transparent;
  background-position: center -2724px;
}

.product_slider.dark-nav .flex-direction-nav li a.flex-next {
  background-position: center -2656px;
}

.product_slider.dark-nav .flex-direction-nav li a.flex-next:hover {
  background-color: transparent;
  background-position: center -2795px;
}

.flexInner-control-nav {
  width: auto;
  position: absolute;
  right: 10px;
  bottom: 9px;
  text-align: center;
  z-index: 10;
}

.flexInner-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-indent: -9999px;
}

.flexInner-control-nav li a {
  position: relative;
  padding: 7px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}

.flexInner-control-nav li a span {
  width: 15px;
  height: 15px;
  display: block;
  background: transparent;
  border: 1px solid #ffffff;
  cursor: pointer;
  border-radius: 50%;
}

.flexInner-control-nav li a:hover span {
  background: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=50);
}

.flexInner-control-nav li a.flexInner-active span {
  cursor: default;
  background: #ffffff;
}

/** HOME HERO SLIDER **/

#homeslider.flexslider::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRmNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(0, 79, 76, 0.8) 100%);
  background: linear, to right, rgba(125, 185, 232, 0) 0%, rgba(0, 79, 76, 0.8) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#004f4c',GradientType=1 );
  z-index: 50;
}

#homeslider.flexslider .grad_overlay_multiply {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #00b1aa 0%, rgba(125, 185, 232, 0) 100%);
  background: linear, to right, #00b1aa 0%, rgba(125, 185, 232, 0) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1aa', endColorstr='#007db9e8',GradientType=1 );
  z-index: 5;
  background-blend-mode: multiply;
}

#homeslider.flexslider .slides > li .sp-image {
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  width: 100%;
  display: block;
  height: 600px;
  background-blend-mode: multiply;
}

#page-banner-ctn .sp-thumbnails {
  width: 40% !important;
  min-width: 300px;
  position: absolute;
  right: 0;
  bottom: -80px;
  height: auto;
  overflow: visible;
  text-align: right;
  z-index: 100;
}

#page-banner-ctn .flex-navigation {
  width: 165px;
  height: 80px;
  position: relative;
  float: right;
  bottom: 0;
  left: inherit;
}

#page-banner-ctn .flex-navigation a {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-indent: -99999em;
  text-align: left;
  overflow: hidden;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #page-banner-ctn .flex-navigation a {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

#page-banner-ctn .flex-navigation a.flex-prev {
  background-position: center -2574px;
}

#page-banner-ctn .flex-navigation a.flex-prev:hover {
  background-position: center -2707px;
}

#page-banner-ctn .flex-navigation a.flex-next {
  background-position: center -2639px;
}

#page-banner-ctn .flex-navigation a.flex-next:hover {
  background-position: center -2778px;
}

#page-banner-ctn .sp-thumbnail {
  display: block;
  float: none;
  margin: 0 0 20px 0;
}

#page-banner-ctn .sp-thumbnail h4,
#page-banner-ctn .sp-thumbnail .link {
  color: #ffffff;
}

#page-banner-ctn .sp-thumbnail h4 {
  margin-bottom: 8px;
}

#page-banner-ctn .sp-thumbnail a {
  text-decoration: none;
  display: none;
}

#page-banner-ctn .sp-thumbnail a:first-of-type,
#page-banner-ctn .sp-thumbnail a:first-of-type h4,
#page-banner-ctn .sp-thumbnail a:first-of-type .link {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}

.no-js #page-banner-ctn .sp-thumbnail a:first-of-type,
.no-js
#page-banner-ctn .sp-thumbnail a:first-of-type h4,
.no-js
#page-banner-ctn .sp-thumbnail a:first-of-type .link {
  opacity: 1;
  filter: alpha(opacity=100);
}

#page-banner-ctn .sp-thumbnail a:hover h4,
#page-banner-ctn .sp-thumbnail a:hover .link.white {
  color: #1fcbd5;
}

#page-banner-ctn .sp-thumbnail a:hover .link.white:after {
  background-position: center -3040px;
}

.product_slider li {
  height: 100%;
}

.product_slider .slide_img {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  display: table;
}

.product-type .product_slider .zoom-img-ctn {
  margin: 0;
}

.product-type .projects-slider .zoom-img-ctn {
  margin: 0;
}

/************************************************************
*********************   COMMON   ****************************
*************************************************************/

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

#app {
  overflow: hidden;
}

.divider {
  width: 60px;
  height: 1px;
  background-color: #3f3f3d;
  margin: 100px auto;
}

.divider.small {
  width: 40px;
  margin: 46px auto 40px;
}

.cf:after,
.cf:before,
.table {
  display: table;
}

.page-side-padding {
  width: 100%;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bracket {
  position: absolute;
}

.bracket.sm {
  width: 14px;
  height: 120%;
  top: -10%;
  left: 0;
}

.bracket.sm::before,
.bracket.sm::after {
  width: 20px;
  height: 14px;
}

.bracket.md {
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
}

.bracket.md::before,
.bracket.md::after {
  width: 30px;
  height: 20px;
}

.bracket.lrg {
  width: 32px;
  height: 100%;
  top: 0;
  left: 0;
}

.bracket.lrg::before,
.bracket.lrg::after {
  width: 46px;
  height: 34px;
}

.intro_copy .bracket.md {
  left: -8.33333%;
}

.contact .intro_copy .bracket.md {
  left: -6%;
}

.contact .intro_copy .bracket.md {
  width: 18px;
}

.contact .intro_copy .bracket.md::before,
.contact .intro_copy .bracket.md::after {
  width: 25px;
  height: 18px;
}

.all-products .product-list#privacy-screens-louvres .intro_copy .bracket.md {
  background-color: #fbe343;
}

.all-products .product-list#balustrade-systems .intro_copy .bracket.md {
  background-color: #a2d683;
}

.all-products .product-list#glass-products .intro_copy .bracket.md {
  background-color: #F1894C;
}

.all-products .product-list#pool-systems .intro_copy .bracket.md,
.all-products .product-list#pool-fencing .intro_copy .bracket.md {
  background-color: #1fc2de;
}

.all-products .product-list#smart-planter .intro_copy .bracket.md {
  background-color: #F1894C;
}

.all-products .product-list#architectural-metalwork .intro_copy .bracket.md {
  background-color: #1fc2de;
}

.all-products .product-list#remedial-balustrade .intro_copy .bracket.md {
  background-color: #a2d683;
}

.bracket::before,
.bracket::after {
  content: '';
  background-color: inherit;
  position: absolute;
  left: 0;
  top: 0;
}

.bracket::after {
  top: auto;
  bottom: 0;
}

/************************************************************
**********************   PRELAODER  *************************
************************************************************/

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #02565c;
  z-index: 2000;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #27BFC7;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 2001;
}

#loader:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #a2d683;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #fbe343;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

#loader #orange-line {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  bottom: 24px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #F1894C;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
}

.loaded #loader {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/************************************************************
**********************   FORM  ******************************
************************************************************/

/*!
* SELECT BOX Stylesheet
*/

.sbHolder {
  background: #fff;
  height: 50px;
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #eeeeee;
}

.sbHolder:active,
.sbHolder:focus,
.sbHolder:visited,
.sbHolder:active .sbSelector,
.sbHolder:focus .sbSelector,
.sbHolder:visited .sbSelector {
  outline: 0;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sbSelector {
  display: block;
  height: 50px;
  left: 0;
  border: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  line-height: 50px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 15px;
  top: 0;
  width: 100%;
  pointer-events: auto;
}

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #158b92;
  outline: none;
  text-decoration: none;
}

.sbToggle {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-position: center -2949px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: block;
  height: 20px;
  outline: none;
  position: absolute;
  right: 0;
  top: 14px;
  width: 40px;
  pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sbToggle {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.sbToggle:hover {
  background-position: center -2970px;
}

.sbToggleOpen {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-position: center -2903px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sbToggleOpen {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.sbToggleOpen:hover {
  background-position: center -2927px;
}

.sbHolderDisabled {
  background-color: #fff;
  border: solid 1px transparent;
}

.sbOptions {
  background: #fff;
  border: 1px solid #eeeeee;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  top: 48px !important;
  max-height: 162px !important;
  width: 100%;
  z-index: 3;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-face-color: #158b92;
  scrollbar-track-color: #eeeeee;
}

.sbOptions::-webkit-scrollbar {
  width: 0.8em;
  height: 0.8em;
}

.sbOptions::-webkit-scrollbar-thumb {
  background: #158b92;
}

.sbOptions::-webkit-scrollbar-track {
  background: #eeeeee;
}

.sbOptions li {
  min-height: 24px !important;
  width: 100% !important;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 10px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sbOptions li:first-child {
  display: none;
}

.sbOptions a {
  /*border-bottom: dotted 1px #515151;*/
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  line-height: 26px;
  display: block;
  outline: none;
  padding: 0 0 0 15px;
}

.sbOptions a:link,
.sbOptions a:visited {
  color: #022539;
  text-decoration: none;
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
  color: #1dbec8;
}

.sbOptions li.last a {
  border-bottom: none;
}

.sbOptions .sbDisabled {
  border-bottom: dotted 1px #323232;
  color: #999;
  display: block;
  padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
  border-bottom: dotted 1px #dbdbdb;
  color: #dbdbdb;
  display: block;
  padding: 12px 0 8px 18px;
  margin-bottom: 3px;
}

.sbOptions .sbSub {
  padding-left: 17px;
}

html.mac button,
html.mac input,
html.mac textarea,
html.is-mac {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
}

.alert {
  padding: 6px 10px;
  border-radius: 0px;
}

#registration {
  width: 100%;
  height: auto;
  position: relative;
  margin: 25px auto 0;
  padding: 0;
  text-align: center;
}

#registration:before,
#registration:after {
  content: " ";
  display: table;
}

#registration:after {
  clear: both;
}

#popUp_file_request_form #registration {
  max-width: 600px;
}

#registration p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 153%;
  margin: 0 0 25px;
}

#registration form {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

#registration form:before,
#registration form:after {
  content: " ";
  display: table;
}

#registration form:after {
  clear: both;
}

#registration form .row {
  margin-left: -5px;
  margin-right: -5px;
}

#registration form .col-md-6,
#registration form .col-sm-6,
#registration form .col-xs-12 {
  padding-left: 5px;
  padding-right: 5px;
}

#registration form .checkbox label {
  display: block;
  width: auto;
  float: left;
  padding: 7px 0 8px 40px;
  line-height: 21px;
}

#registration form .checkbox,
#registration form .radio {
  margin-top: 3px;
  margin-bottom: 0px;
}

#popUp_file_request_form #registration form .checkbox,
#popUp_file_request_form
#registration form .radio {
  margin-top: 8px;
}

#registration form img {
  width: auto;
  margin-top: 15px;
}

#registration form label,
#registration form .label {
  text-align: left;
  color: #979797;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  position: relative;
}

#registration form label.sr-only,
#registration form .label.sr-only {
  display: none;
}

#registration form label#upload-file-info,
#registration form .label#upload-file-info {
  float: none;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

#registration form input[type=text],
#registration form input[type=tel],
#registration form input[type=email],
#registration form input[type=password],
#registration form select,
#registration form textarea {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 6px 12px;
  border: 1px solid #eeeeee;
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  color: #595959;
  letter-spacing: 0;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  pointer-events: auto;
}

#registration form input[type=text]:focus,
#registration form input[type=tel]:focus,
#registration form input[type=email]:focus,
#registration form input[type=password]:focus,
#registration form select:focus,
#registration form textarea:focus {
  border-color: #158b92;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#registration form .touchevents .select-ctn,
.touchevents .mobileMode #registration form .select-ctn,
.no-touchevents .mobileMode #registration form .select-ctn {
  position: relative;
}

#registration form .touchevents .select-ctn:before,
.touchevents .mobileMode #registration form .select-ctn:before,
.no-touchevents .mobileMode #registration form .select-ctn:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 48px;
  top: 1px;
  right: 6px;
  background-color: #fff;
  z-index: 8;
  display: block;
  pointer-events: none;
}

#registration form .touchevents .select-ctn:after,
.touchevents .mobileMode #registration form .select-ctn:after,
.no-touchevents .mobileMode #registration form .select-ctn:after {
  content: "";
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-position: center -2952px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #fff;
  width: 40px;
  height: 16px;
  display: block;
  top: 16px;
  right: 6px;
  z-index: 10;
  pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #registration form .touchevents .select-ctn:after,
  .touchevents .mobileMode #registration form .select-ctn:after,
  .no-touchevents .mobileMode #registration form .select-ctn:after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

#registration form textarea {
  height: 135px;
  padding: 10px 14px;
  resize: none;
}

#registration form input[type=file] {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: 60px;
  display: block;
  padding-left: 45px;
  padding-right: 20px;
  margin: 30px auto 0;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#registration form button.btn,
#registration form button[type="submit"] {
  width: auto;
  height: 60px;
  display: block;
  padding-left: 45px;
  padding-right: 20px;
  margin: 30px auto 0;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#registration form button.btn span,
#registration form button[type="submit"] span {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  margin-left: 20px;
  width: 14px;
  height: 26px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #registration form button.btn span,
  #registration form button[type="submit"] span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

#registration form button.btn span.arrow-right,
#registration form button[type="submit"] span.arrow-right {
  background-position: center -2992px;
}

#registration form .input-wrapper {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

#registration form .validation_error,
#registration form .validation_message {
  color: #c70202;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 153%;
}

#registration form .sbHolder.error,
#registration form input.error,
#registration form select.error,
#registration form .error .sbSelector {
  border: solid 1px #c70202 !important;
  color: #c70202 !important;
}

#popUp_file_request_form {
  width: 768px;
  padding: 40px 80px;
}

#popUp_file_request_form h6 {
  margin-bottom: 25px;
}

#popUp_file_request_form .link.long {
  display: inline-block;
  margin-bottom: 20px;
}

#popUp_file_request_form p {
  margin-bottom: 30px;
}

.sign-up_form {
  width: 100%;
}

.sign-up_form .form-group {
  width: calc(100% - 130px);
  float: left;
}

.form-control-static.newsletter {
  padding-left: 54px;
  line-height: 20px;
  color: #595959;
  margin-bottom: 14px;
  position: relative;
}

.form-control-static.newsletter:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  width: 30px;
  height: 30px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-position: center -1760px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: absolute;
  left: 0;
  top: 9px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .form-control-static.newsletter:before {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.bg-grad-blue-green-bg .form-control-static.newsletter,
.bg-dblue .form-control-static.newsletter,
.bg-dark .form-control-static.newsletter {
  color: #ffffff;
}

.search_component_input {
  width: 100%;
  max-width: 480px;
  margin-top: 35px;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
}

.search_component_input .form-group {
  width: 100%;
  padding-left: 60px;
}

.search_component_input .btn {
  position: absolute;
  left: 0;
  top: 0;
}

.search_component_input .btn.search {
  cursor: default;
}

.search_component_input .form-control {
  color: #ffffff;
  font-size: 12px;
  background-color: transparent;
  height: 60px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.search_component_input .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.search_component_input .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.search_component_input .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

#component-filter-form {
  margin-bottom: 6px;
}

#component-filter-form .checkbox,
#component-filter-form .checkbox + .checkbox {
  margin-top: 0;
  display: inline-block;
  vertical-align: top;
  float: none;
}

#component-filter-form .checkbox label,
#component-filter-form .checkbox + .checkbox label {
  padding: 7px 0 8px 50px;
  line-height: 21px;
  position: relative;
}

.no-js #registration form button[type=submit] {
  visibility: visible;
}

#validation-message {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 15px;
}

#thankyou-ctn {
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#thankyou-ctn h3 {
  margin-top: 0;
}

#thankyou-ctn p {
  margin-bottom: 35px;
}

.ez-hide {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ez-checkbox {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-position: center -1241px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border: 1px solid transparent;
  display: inline-block;
  height: 33px;
  width: 33px;
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
  position: absolute !important;
  top: 0;
  left: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ez-checkbox {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.ez-checkbox:hover,
.ez-checkbox:focus,
.ez-checkbox:active {
  border: 1px solid #959595;
  outline: 0;
  text-decoration: none;
}

.error .ez-checkbox {
  background-position: center -1240px;
  border: 1px solid #c70202;
}

.ez-checked,
.error .ez-checked,
.ez-selected {
  background-position: center -1193px;
}

.ez-checkbox,
.ez-radio {
  zoom: 1;
}

/************************************************************
*********************  NAVIGATION  **************************
*************************************************************/

#navbar {
  width: 100%;
  height: 60px;
  position: fixed;
  z-index: 1150;
  text-align: right;
  padding: 13px 100px 13px 65px;
  background-color: #021f2f;
  top: -100px;
  left: 0;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.nav-slide-in #navbar {
  position: fixed;
  top: 0;
}

/* Nav Hamburger */

#navbar-btn {
  position: fixed;
  top: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  margin: 0;
  cursor: pointer;
  text-align: center;
  z-index: 1170;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

#navbar-btn:hover #navbar-btn-bars,
#navbar-btn:hover #navbar-btn-bars div {
  width: 46px;
}

#navbar-btn:hover #navbar-btn-bars div {
  margin-left: -23px;
}

#navbar-btn:hover #navbar-btn-bars div:nth-child(2) {
  width: 40px;
  margin-left: -20px;
}

#navbar-btn:hover #navbar-btn-bars div:nth-child(3) {
  width: 30px;
  margin-left: -15px;
}

.nav-open #navbar-btn:hover #navbar-btn-bars div:nth-child(1) {
  top: 15px;
  width: 32px;
  margin-left: 0;
  -webkit-transform: rotate(0deg) translate(-50%, -50%);
  transform: rotate(0deg) translate(-50%, -50%);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.nav-open #navbar-btn:hover #navbar-btn-bars div:nth-child(2) {
  top: 14px;
  width: 32px;
  margin-left: -16px;
}

.nav-open #navbar-btn:hover #navbar-btn-bars div:nth-child(3) {
  top: 15px;
  width: 32px;
  margin-left: 0;
  -webkit-transform: rotate(0deg) translate(-50%, -50%);
  transform: rotate(0deg) translate(-50%, -50%);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.nav-slide-in #navbar-btn {
  top: 0px;
}

.nav-slide-in.nav-open #navbar-btn {
  top: 24px;
}

#navbar-btn-bars {
  position: relative;
  left: 0;
  width: 52px;
  height: 30px;
  overflow: hidden;
  margin: 14px auto 9px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.nav-open #navbar-btn-bars {
  margin: 10px auto 7px;
  width: 32px !important;
  height: 32px;
}

#navbar-btn-bars div {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -26px;
  width: 52px;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.nav-open #navbar-btn-bars div {
  background-color: #ffffff;
  z-index: 1120;
  margin-left: 0px;
}

.nav-open #navbar-btn-bars div:nth-child(1) {
  top: 15px;
  width: 42px;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.nav-open #navbar-btn-bars div:nth-child(2) {
  top: 14px;
  width: 0;
}

.nav-open #navbar-btn-bars div:nth-child(3) {
  top: 15px;
  width: 42px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

#navbar-btn-bars div:nth-child(2) {
  top: 14px;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#navbar-btn-bars div:nth-child(3) {
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  top: 28px;
}

.navbar-links,
.header_links {
  position: relative;
  float: right;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.navbar-links a,
.header_links a {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  cursor: pointer;
}

.navbar-links a.glogal_search_link,
.header_links a.glogal_search_link {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 30px;
  height: 30px;
  margin-left: 14px;
  background-position: center -721px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navbar-links a.glogal_search_link,
  .header_links a.glogal_search_link {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.navbar-links a.glogal_search_link:hover,
.header_links a.glogal_search_link:hover {
  background-position: center -687px;
}

.header_links {
  position: absolute;
  top: 38px;
  right: 100px;
  z-index: 1140;
}

.header_links a {
  opacity: 0;
  filter: alpha(opacity=0);
}

.nav-slide-in .header_links {
  top: -100px;
}

#searchbar {
  position: fixed;
  width: 100%;
  height: 120px;
  padding: 30px 0;
  top: -120%;
  left: 0;
  z-index: 1180;
  color: #ffffff;
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.searchbar-slide-in #searchbar {
  position: fixed;
  top: 0%;
}

#searchbar h5 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 20px;
}

@media screen and (min-width: 911px) {
  #searchbar h5 {
    font-size: calc(20px + 4 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar h5 {
    font-size: 24px;
  }
}

#searchbar h5 .search {
  margin-right: 20px;
}

@media screen and (min-width: 911px) {
  #searchbar h5 .search {
    margin-right: calc(20px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar h5 .search {
    margin-right: 35px;
  }
}

#searchbar .dropdown,
#searchbar a.btn,
#searchbar h5 {
  display: inline-block;
  vertical-align: middle;
}

#searchbar a.btn {
  margin: 0;
  margin-left: 10px;
}

@media screen and (min-width: 911px) {
  #searchbar a.btn {
    margin-left: calc(10px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar a.btn {
    margin-left: 25px;
  }
}

#searchbar a.btn .btnTxt {
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 911px) {
  #searchbar a.btn .btnTxt {
    letter-spacing: calc(0.5px + 1.5 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar a.btn .btnTxt {
    letter-spacing: 2px;
  }
}

@media screen and (min-width: 911px) {
  #searchbar a.btn .btnTxt {
    padding-left: calc(10px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar a.btn .btnTxt {
    padding-left: 25px;
  }
}

@media screen and (min-width: 911px) {
  #searchbar a.btn .btnTxt {
    padding-right: calc(10px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar a.btn .btnTxt {
    padding-right: 25px;
  }
}

#searchbar .suite_options_selector {
  width: 100%;
  padding-right: 100px;
  text-align: center;
}

/* Close button */

#close-btn {
  position: absolute;
  width: 80px;
  height: 80px;
  margin: 0;
  top: 20px;
  right: 25px;
  cursor: pointer;
  text-align: center;
}

#close-btn:hover #close-btn-bars,
#close-btn:hover #close-btn-bars div {
  width: 46px;
}

#close-btn:hover #close-btn-bars div {
  margin-left: -23px;
  top: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

#close-btn:hover #close-btn-bars div:nth-child(2) {
  top: 20px;
}

#close-btn-bars {
  margin-top: 18px;
  position: relative;
  width: 46px;
  height: 46px;
  overflow: hidden;
  display: inline-block;
}

#close-btn-bars div {
  position: absolute;
  top: 21px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 3px;
  background-color: #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#close-btn-bars div:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 700px;
  height: 100%;
  padding: 155px 65px 30px;
  border-radius: 0;
  background: #0d2f4d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmY0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMSUiIHN0b3AtY29sb3I9IiMwMjU2NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #0d2f4d 0%, #02565c 101%);
  background: linear, to right, #0d2f4d 0%, #02565c 101%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f4d', endColorstr='#02565c',GradientType=1 );
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  z-index: 1160;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-open #nav {
  -webkit-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

#nav #main-navigation {
  text-align: left;
  width: 100%;
}

#nav a.nav-link {
  font-size: 36px;
  line-height: 36px;
  position: relative;
  display: inline-block;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  -webkit-transition: color 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: color 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s;
}

#nav a.nav-link:hover,
#nav a.nav-link:focus,
#nav a.nav-link:active {
  text-decoration: none;
}

#nav a.nav-link:hover .nav-link-mask,
#nav a.nav-link:focus .nav-link-mask,
#nav a.nav-link:active .nav-link-mask {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#nav a.nav-link:hover .nav-link-mask-text,
#nav a.nav-link:focus .nav-link-mask-text,
#nav a.nav-link:active .nav-link-mask-text {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#nav a.nav-link:hover .nav-link-text:before,
#nav a.nav-link:focus .nav-link-text:before,
#nav a.nav-link:active .nav-link-text:before {
  background-position: center -3044px !important;
}

#nav li.current-menu-item a,
#nav li.active a {
  color: #ffffff;
  text-decoration: none;
}

#nav ul li.nav-item,
#nav ul li.menu-item {
  overflow: hidden;
  margin-bottom: 12px;
}

#nav ul li.nav-item.last,
#nav ul li.menu-item.last {
  margin-bottom: 0px;
}

#nav ul li.nav-item li,
#nav ul li.menu-item li {
  display: block;
  padding-left: 20px;
}

#nav ul li.nav-item li a.nav-link,
#nav ul li.menu-item li a.nav-link {
  font-size: 24px;
  line-height: 24px;
}

#nav ul li.nav-item li a.nav-link .nav-link-text,
#nav ul li.menu-item li a.nav-link .nav-link-text {
  position: relative;
}

#nav ul li.nav-item li a.nav-link .nav-link-text::before,
#nav ul li.menu-item li a.nav-link .nav-link-text::before {
  content: '';
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: block;
  width: 10px;
  height: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #nav ul li.nav-item li a.nav-link .nav-link-text::before,
  #nav ul li.menu-item li a.nav-link .nav-link-text::before {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

#nav ul li.nav-item li a.nav-link.txt-yellow .nav-link-text:before,
#nav ul li.menu-item li a.nav-link.txt-yellow .nav-link-text:before {
  background-position: center -3123px;
}

#nav ul li.nav-item li a.nav-link.txt-green .nav-link-text:before,
#nav ul li.menu-item li a.nav-link.txt-green .nav-link-text:before {
  background-position: center -3151px;
}

#nav ul li.nav-item li a.nav-link.txt_orange .nav-link-text:before,
#nav ul li.menu-item li a.nav-link.txt_orange .nav-link-text:before {
  background-position: center -3650px;
}

#nav ul li.nav-item li a.nav-link.txt-lblue .nav-link-text:before,
#nav ul li.menu-item li a.nav-link.txt-lblue .nav-link-text:before {
  background-position: center -3181px;
}

#nav .nav-link-mask {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74), -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#nav .nav-link-mask-text {
  position: absolute;
  top: 10px;
  text-shadow: 0px 0px 0 #595959, 0px 0px 0 #595959, 0px 0px 0 #595959, 0px 0px 0 #595959;
  left: 0;
  color: #1dbec8;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74), -webkit-transform 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#nav ul.nav-bottom-links {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0 65px;
  list-style: none;
}

#nav ul.nav-bottom-links:before,
#nav ul.nav-bottom-links:after {
  content: " ";
  display: table;
}

#nav ul.nav-bottom-links:after {
  clear: both;
}

#nav ul.nav-bottom-links li {
  margin: 0;
  float: left;
  display: inline-block;
  line-height: 24px;
  color: #ffffff;
  -webkit-transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

#nav ul.nav-bottom-links li a {
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}

#nav ul.nav-bottom-links li a:hover,
#nav ul.nav-bottom-links li a:focus,
#nav ul.nav-bottom-links li a:active,
#nav ul.nav-bottom-links li a.active {
  text-decoration: none;
  color: #1dbec8;
}

#nav ul.nav-bottom-links li:last-of-type {
  float: right;
}

.sub_nav ul,
.sub_nav li {
  padding: 0;
  margin: 0;
}

.sub_nav li {
  display: block;
  margin-bottom: 7px;
}

.sub_nav a {
  position: relative;
  display: block;
  padding-left: 24px;
}

.sub_nav a:before {
  content: "";
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 14px;
  height: 22px;
  background-position: center -3016px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
  left: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sub_nav a:before {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.sub_nav a:hover:before,
.sub_nav a:active:before,
.sub_nav a:focus:before {
  background-position: center -3040px;
}

@-webkit-keyframes arrow-up-down {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

@keyframes arrow-up-down {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

/***********************************************
********  DROPDOWN - ISOTOPE FILTER  ***********
***********************************************/

/* Drop Menu starting point */

/* Variables */

.category_filter_ctn {
  width: 100%;
  max-width: 230px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.category_filter_ctn h6 {
  margin-bottom: 15px;
  color: #757575;
}

.category_filter_ctn h6 span {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 26px;
  height: 20px;
  background-position: center -988px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .category_filter_ctn h6 span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

/* Dropdown style */

.dropdown {
  background-color: #ffffff;
  width: 100%;
  max-width: 230px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  z-index: 20;
}

.dropdown.open dt span .drop-arrow {
  background-position: center -2903px;
}

.dropdown.open dd {
  display: block;
}

.dropdown dt a {
  display: block;
  height: 40px;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
}

.dropdown dt a span {
  height: 40px;
  width: 100%;
  color: #595959;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  display: inline-block;
  padding: 10px 20px;
  background: none;
  line-height: inherit;
  text-align: left;
  border: 1px solid #ffffff;
}

.dropdown dt a span.active_color {
  display: block;
  padding: 10px 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  line-height: inherit;
  text-decoration: none;
  text-align: left;
}

.dropdown dt a span .drop-arrow {
  height: 18px;
  width: 23px;
  display: block;
  float: right;
  padding: 0;
  background: none;
  border: none;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -2950px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .dropdown dt a span .drop-arrow {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.dropdown dt a span .code {
  width: auto;
  height: auto !important;
  display: inline-block;
  color: inherit;
  font-family: inherit;
  padding: 0;
  border: none;
  font-size: inherit;
}

.dropdown dd {
  position: absolute;
  background-color: #ffffff;
  top: 35px;
  margin-left: 0;
  left: 0;
  width: 100%;
  display: none;
}

.dropdown dd ul {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  list-style: none;
  border: 1px solid #ffffff;
  border-top: none;
}

.dropdown dd li {
  width: 100% !important;
  height: 34px !important;
  display: block;
  float: none !important;
  padding: 0 !important;
  margin: 0;
  background-color: #ffffff;
}

.dropdown dd li a {
  color: #595959;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 153%;
  opacity: 0.4;
  filter: alpha(opacity=40);
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  padding: 0 20px;
  line-height: 34px;
  text-decoration: none;
  text-align: left;
}

.dropdown dd li a:hover,
.dropdown dd li.current-cat a {
  background-color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}

#searchbar .dropdown {
  max-width: 320px;
  max-width: 260px;
  background-color: #577e8b;
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (min-width: 911px) {
  #searchbar .dropdown {
    max-width: calc(260px + 60 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar .dropdown {
    max-width: 320px;
  }
}

@media screen and (min-width: 911px) {
  #searchbar .dropdown {
    margin-left: calc(10px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar .dropdown {
    margin-left: 25px;
  }
}

@media screen and (min-width: 911px) {
  #searchbar .dropdown {
    margin-right: calc(10px + 15 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar .dropdown {
    margin-right: 25px;
  }
}

#searchbar .dropdown dt a,
#searchbar .dropdown dt a span {
  height: 60px;
}

#searchbar .dropdown dt a > span {
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #ffffff;
  border: none !important;
  padding: 22px 20px;
}

@media screen and (min-width: 911px) {
  #searchbar .dropdown dt a > span {
    letter-spacing: calc(0.5px + 1.5 * (100vw - 911px) / 239);
  }
}

@media screen and (min-width: 1150px) {
  #searchbar .dropdown dt a > span {
    letter-spacing: 2px;
  }
}

#searchbar .dropdown dt a > span .drop-arrow {
  height: 18px;
  background-position: center -3211px;
}

#searchbar .dropdown.open dt span .drop-arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#searchbar .dropdown dd {
  top: 61px;
  max-height: 300px !important;
  overflow-y: auto;
  scrollbar-face-color: #158b92;
  scrollbar-track-color: #eeeeee;
}

#searchbar .dropdown dd::-webkit-scrollbar {
  width: 0.8em;
  height: 0.8em;
}

#searchbar .dropdown dd::-webkit-scrollbar-thumb {
  background: #158b92;
}

#searchbar .dropdown dd::-webkit-scrollbar-track {
  background: #eeeeee;
}

#searchbar .dropdown dd ul {
  padding: 20px 0;
}

#searchbar .dropdown dd li {
  height: 40px !important;
}

#searchbar .dropdown dd li a {
  font-size: 24px;
  color: #022539;
  text-transform: none;
  letter-spacing: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
}

#searchbar .dropdown dd li a span {
  text-align: right;
  float: right;
  color: #022539;
  line-height: 34px;
}

#searchbar .dropdown dd li a:hover {
  color: #1dbec8;
}

#searchbar .dropdown dd li a:hover span {
  color: #1dbec8;
}

#page-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0%;
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 0;
  z-index: 1140;
  -webkit-transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.25s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.nav-open #page-overlay,
.searchbar-slide-in #page-overlay {
  width: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#nav-pages {
  text-align: left;
}

.product-type #nav-pages {
  position: relative;
}

.product-type #nav-pages .infinite-item-show {
  width: 100%;
  height: 65px;
  display: block;
  position: relative;
  z-index: 0;
}

.product-type #nav-pages .infinite-item-show:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 140px;
  display: block;
  z-index: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.12) 64%, rgba(5, 75, 87, 0) 100%);
  background: linear, to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.12) 64%, rgba(5, 75, 87, 0) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.product-type #nav-pages p,
.product-type #nav-pages .btn {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

/************************************************************
*********************   LAYOUT   ****************************
*************************************************************/

#main {
  width: 100%;
  height: 100%;
}

.no-js #main {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.logo {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.logo.top_header {
  position: absolute;
  top: 36px;
  left: 60px;
  z-index: 140;
  display: block;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.logo .logo_header {
  overflow: hidden;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

.nav-slide-in .logo.top_header {
  top: -100px;
}

.surronded_logo {
  background-image: url(/fonts/expert_logo_blue.svg?1a39c8787e7b70a3843b6285da3d65a4), none;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  position: absolute;
  display: block;
  width: 165px;
  height: 79px;
  z-index: 10;
}

.surronded_logo.white {
  background-image: url(/fonts/expert_logo_w.svg?bbe063d163bff4fbc01d4270a3ec94d2), none;
}

.surronded_logo.left {
  bottom: 5%;
  left: 5%;
}

.surronded_logo.right {
  right: 0;
  bottom: 0;
}

#page-banner-ctn {
  background-color: #02565c;
  width: 100%;
  height: auto;
  text-align: left;
  padding: 130px 0 95px;
  position: relative;
  min-height: 250px;
  display: table;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.homepage #page-banner-ctn,
.home #page-banner-ctn {
  height: 600px;
}

.homepage #page-banner-ctn.triangle::before,
.home #page-banner-ctn.triangle::before {
  content: "";
  width: 1000px;
  height: 1000px;
  display: block;
  position: absolute;
  left: -670px;
  top: -283px;
  background: #213469;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMzQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE3NTY3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMWEzOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%);
  background: linear, to right, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213469', endColorstr='#01a391',GradientType=1 );
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 120;
}

.homepage #page-banner-ctn .page-title,
.home #page-banner-ctn .page-title {
  width: 100%;
  top: 52%;
  position: absolute;
  z-index: 120;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.homepage #page-banner-ctn h1,
.home #page-banner-ctn h1 {
  opacity: 0;
  filter: alpha(opacity=0);
  padding-left: 90px;
  padding-bottom: 140px;
}

#page-banner-ctn .banner-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  opacity: 0.05;
  filter: alpha(opacity=5);
}

#page-banner-ctn .page-title {
  position: relative;
  z-index: 5;
}

.suite-detail #page-banner-ctn .page-title h2 {
  margin-bottom: 7px;
}

.suite-detail #page-banner-ctn .page-title p {
  opacity: 0;
  filter: alpha(opacity=0);
  color: #7b838a;
}

#page-banner-ctn .row {
  position: relative;
}

#page-banner-ctn h1 {
  color: #ffffff;
  font-size: 40px;
  line-height: 42px;
}

@media screen and (min-width: 320px) {
  #page-banner-ctn h1 {
    font-size: calc(40px + 0 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  #page-banner-ctn h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 320px) {
  #page-banner-ctn h1 {
    line-height: calc(42px + 0 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  #page-banner-ctn h1 {
    line-height: 42px;
  }
}

.single #page-banner-ctn h1 {
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .single #page-banner-ctn h1 {
    font-size: calc(40px + 0 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  .single #page-banner-ctn h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 320px) {
  .single #page-banner-ctn h1 {
    line-height: calc(42px + 0 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  .single #page-banner-ctn h1 {
    line-height: 42px;
  }
}

@media screen and (min-width: 320px) {
  .single #page-banner-ctn h1 {
    margin-bottom: calc(8px + 2 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  .single #page-banner-ctn h1 {
    margin-bottom: 10px;
  }
}

#page-banner-ctn h2 {
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  #page-banner-ctn h2 {
    font-size: calc(40px + 8 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  #page-banner-ctn h2 {
    font-size: 48px;
  }
}

@media screen and (min-width: 320px) {
  #page-banner-ctn h2 {
    line-height: calc(40px + 8 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  #page-banner-ctn h2 {
    line-height: 48px;
  }
}

@media screen and (min-width: 320px) {
  #page-banner-ctn h2 {
    margin-bottom: calc(20px + 5 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  #page-banner-ctn h2 {
    margin-bottom: 25px;
  }
}

.single #page-banner-ctn h2 {
  margin-bottom: 5px;
}

@media screen and (min-width: 320px) {
  .single #page-banner-ctn h2 {
    margin-bottom: calc(5px + 2 * (100vw - 320px) / 1080);
  }
}

@media screen and (min-width: 1400px) {
  .single #page-banner-ctn h2 {
    margin-bottom: 7px;
  }
}

#page-banner-ctn h6 {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-bottom: 18px;
}

#page-banner-ctn .btn-link.pdf {
  opacity: 0;
  filter: alpha(opacity=0);
}

.subheader {
  margin-bottom: 20px;
  color: #adadad;
  display: block;
  clear: both;
}

.subheader span {
  display: inline-block;
}

#page-banner-ctn .subheader {
  opacity: 0;
  filter: alpha(opacity=0);
}

.news-item .subheader,
.news-tile .subheader {
  margin-bottom: 8px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .news-item .subheader,
  .news-tile .subheader {
    margin-bottom: calc(8px + 3 * (100vw - 768px) / 432);
  }
}

@media screen and (min-width: 1200px) {
  .news-item .subheader,
  .news-tile .subheader {
    margin-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .news-item .subheader,
  .news-tile .subheader {
    font-size: calc(14px + 2 * (100vw - 768px) / 432);
  }
}

@media screen and (min-width: 1200px) {
  .news-item .subheader,
  .news-tile .subheader {
    font-size: 16px;
  }
}

.project_location {
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0;
  color: #ffffff;
}

.intro_copy {
  position: relative;
  z-index: 125;
}

section {
  position: relative;
  padding: 0;
  width: 100%;
  float: left;
}

section .section-title {
  width: 100%;
  position: relative;
  text-align: center;
}

section .section-title h2 {
  margin: 26px 0 26px;
  background-color: #ffffff;
  padding: 0 15px;
  position: relative;
  display: inline-block;
  z-index: 1;
}

.bg-section {
  width: 100%;
  position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  filter: alpha(opacity=0);
}

.bg-section.blockquote-ctn,
.bg-section.first {
  padding-top: 0px;
  padding-bottom: 0px;
}

.bg-section.cms-entry {
  padding-top: 70px;
  padding-bottom: 70px;
}

.blog .bg-section.bg-light {
  min-height: 500px;
}

.bg-section.social_sharing_ctn {
  border-top: 1px solid #e3e3e4;
}

.bg-section.separation {
  height: 380px;
}

/*** PRODUCTS  ****/

.shareBtn_ctn .row.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shareBtn_ctn .row.d-flex::before,
.shareBtn_ctn .row.d-flex::after {
  content: none;
}

.shareBtn_ctn .col-md-3 {
  padding-left: 7px;
  padding-right: 7px;
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .col-md-3 {
    padding-left: calc(7px + 13 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .col-md-3 {
    padding-left: 20px;
  }
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .col-md-3 {
    padding-right: calc(7px + 13 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .col-md-3 {
    padding-right: 20px;
  }
}

.shareBtn_ctn .shareBtn .btnTxt {
  font-size: 12px;
  line-height: 14px;
  padding-left: 25px;
  padding-right: 10px;
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    font-size: calc(12px + 4 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    font-size: 16px;
  }
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    line-height: calc(14px + 7 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    line-height: 21px;
  }
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    padding-left: calc(25px + 29 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    padding-left: 54px;
  }
}

@media screen and (min-width: 911px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    padding-right: calc(10px + 20 * (100vw - 911px) / 439);
  }
}

@media screen and (min-width: 1350px) {
  .shareBtn_ctn .shareBtn .btnTxt {
    padding-right: 30px;
  }
}

.shareBtn_ctn .br_sm {
  display: none;
}

#component-filter-form .select-ctn {
  padding-left: 7px;
  padding-right: 7px;
}

@media screen and (min-width: 911px) {
  #component-filter-form .select-ctn {
    padding-left: calc(7px + 13 * (100vw - 911px) / 489);
  }
}

@media screen and (min-width: 1400px) {
  #component-filter-form .select-ctn {
    padding-left: 20px;
  }
}

@media screen and (min-width: 911px) {
  #component-filter-form .select-ctn {
    padding-right: calc(7px + 13 * (100vw - 911px) / 489);
  }
}

@media screen and (min-width: 1400px) {
  #component-filter-form .select-ctn {
    padding-right: 20px;
  }
}

#component-filter-form .sbSelector,
#component-filter-form .sbOptions a {
  font-size: 12px;
}

@media screen and (min-width: 911px) {
  #component-filter-form .sbSelector,
  #component-filter-form .sbOptions a {
    font-size: calc(12px + 4 * (100vw - 911px) / 489);
  }
}

@media screen and (min-width: 1400px) {
  #component-filter-form .sbSelector,
  #component-filter-form .sbOptions a {
    font-size: 16px;
  }
}

#component-filter-form .sbOptions a {
  line-height: 14px;
}

@media screen and (min-width: 911px) {
  #component-filter-form .sbOptions a {
    line-height: calc(14px + 7 * (100vw - 911px) / 489);
  }
}

@media screen and (min-width: 1400px) {
  #component-filter-form .sbOptions a {
    line-height: 21px;
  }
}

.suite-tabs-ctn {
  overflow: hidden;
}

/************************************************************
*********************   OWL CAROUSEL  *************************
*************************************************************/

/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/images/owl.video.play.png?4cbde124d6cd8122c801118696c16f07) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.suite-tabs .dragnav_ctn {
  position: relative;
  width: 100%;
  height: 130px;
  margin-left: -3%;
  padding-right: 60px;
  text-align: left;
  display: block;
}

.suite-tabs .dragnav_ctn .dragInner,
.suite-tabs .dragnav_ctn .owl-stage-outer {
  width: 1440px;
  height: 130px;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1520px) {
  .suite-tabs .dragnav_ctn .dragInner,
  .suite-tabs .dragnav_ctn .owl-stage-outer {
    width: calc(1440px + 700 * (100vw - 1520px) / 1480);
  }
}

@media screen and (min-width: 3000px) {
  .suite-tabs .dragnav_ctn .dragInner,
  .suite-tabs .dragnav_ctn .owl-stage-outer {
    width: 2140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1519px) {
  .suite-tabs .dragnav_ctn .dragInner,
  .suite-tabs .dragnav_ctn .owl-stage-outer {
    width: 108%;
  }
}

.suite-tabs .dragnav_ctn .dragInner::before,
.suite-tabs .dragnav_ctn .owl-stage-outer::before {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.8) 50%, #eeeeee 100%);
  background: linear, to right, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.8) 50%, #eeeeee 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=1 );
  right: 0;
  top: 0;
  display: block;
  width: 140px;
  height: 85px;
  z-index: 1050;
  pointer-events: none;
}

.suite-tabs .dragnav_ctn .dragInner.drag-icon::after,
.suite-tabs .dragnav_ctn .owl-stage-outer.drag-icon::after {
  content: 'Drag for more';
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 77px -522px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  color: #158b92;
  padding-right: 50px;
  right: 0;
  bottom: 4px;
  display: block;
  width: 166px;
  height: 26px;
  z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .suite-tabs .dragnav_ctn .dragInner.drag-icon::after,
  .suite-tabs .dragnav_ctn .owl-stage-outer.drag-icon::after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.suite-tabs .dragnav_ctn .owl-nav {
  position: absolute;
  top: 20px;
  margin: 0;
  width: 1440px;
}

@media screen and (min-width: 1520px) {
  .suite-tabs .dragnav_ctn .owl-nav {
    width: calc(1440px + 700 * (100vw - 1520px) / 1480);
  }
}

@media screen and (min-width: 3000px) {
  .suite-tabs .dragnav_ctn .owl-nav {
    width: 2140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1519px) {
  .suite-tabs .dragnav_ctn .owl-nav {
    width: 106%;
  }
}

.suite-tabs .dragnav_ctn .owl-nav .owl-prev,
.suite-tabs .dragnav_ctn .owl-nav .owl-next {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: absolute;
  width: 20px;
  height: 40px;
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 0px;
  margin: 0;
  padding: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .suite-tabs .dragnav_ctn .owl-nav .owl-prev,
  .suite-tabs .dragnav_ctn .owl-nav .owl-next {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.suite-tabs .dragnav_ctn .owl-nav .owl-prev span,
.suite-tabs .dragnav_ctn .owl-nav .owl-next span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.suite-tabs .dragnav_ctn .owl-nav .owl-prev:hover,
.suite-tabs .dragnav_ctn .owl-nav .owl-prev:focus,
.suite-tabs .dragnav_ctn .owl-nav .owl-prev:active,
.suite-tabs .dragnav_ctn .owl-nav .owl-next:hover,
.suite-tabs .dragnav_ctn .owl-nav .owl-next:focus,
.suite-tabs .dragnav_ctn .owl-nav .owl-next:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}

.suite-tabs .dragnav_ctn .owl-nav .owl-prev {
  background-position: center -2595px;
  left: -32px;
}

.suite-tabs .dragnav_ctn .owl-nav .owl-prev:hover {
  background-color: transparent;
  background-position: center -2728px;
}

.suite-tabs .dragnav_ctn .owl-nav .owl-next {
  background-position: center -2660px;
  right: -32px;
}

.suite-tabs .dragnav_ctn .owl-nav .owl-next:hover {
  background-color: transparent;
  background-position: center -2799px;
}

.suite-tabs .owl-carousel .owl-item {
  width: auto !important;
  padding-bottom: 20px;
}

.suite-tabs .owl-carousel .owl-item div.item,
.suite-tabs .owl-carousel .owl-item a {
  text-align: center;
  color: #158b92;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 153%;
  padding: 20px 30px 20px;
  width: auto;
  min-width: 270px;
  height: 80px;
  cursor: pointer;
  background: #e1e1e1;
}

.suite-tabs .owl-carousel .owl-item > div.activeBtn div {
  color: #ffffff;
  background: #1a4f73;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNGY3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODhiODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, #1a4f73 0%, #088b89 100%);
  background: linear, to right, #1a4f73 0%, #088b89 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4f73', endColorstr='#088b89',GradientType=1 );
}

.suite-tabs .owl-carousel .owl-item > div.activeBtn div::after {
  content: '';
  position: absolute;
  border: 10px transparent solid;
  font-size: 0;
  height: 0;
  width: 0;
  border-top-color: #176D7D;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.product_fam_tiles {
  background-color: #959595;
  position: relative;
  width: 100%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 410px;
  padding-left: 12%;
  padding-right: 6%;
  overflow: hidden;
}

.product_fam_tiles-full.product_fam_tiles {
  padding-left: 6%;
  padding-right: 3%;
}

.product_fam_tiles-full.product_fam_tiles span.link {
  right: 2.5%;
}

.product_fam_tiles::before {
  content: "";
  width: 100%;
  height: 80%;
  display: block;
  position: absolute;
  z-index: 2;
  left: -56%;
  top: -43%;
  background: #213469;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMzQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE3NTY3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMWEzOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(left, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%);
  background: linear, to right, rgba(33, 52, 105, 0.7) 0%, rgba(23, 86, 118, 0.7) 49%, rgba(1, 163, 145, 0.7) 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213469', endColorstr='#01a391',GradientType=1 );
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.product_fam_tiles h2 {
  color: #ffffff;
  margin-bottom: 0px;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  z-index: 5;
  padding: 37px 0 30px 50px;
}

.product_fam_tiles span.link {
  color: #ffffff;
  display: block;
  position: absolute;
  bottom: 48px;
  right: 5%;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

.product_fam_tiles:hover span.link {
  color: #1fcbd5;
}

.product_fam_tiles:hover span.link:after {
  background-position: center -3040px;
}

.product-list .col-lg-12 p.lead,
.product-list .verticle-align-ctn p.lead {
  margin-bottom: 5px;
}

.product-list .col-md-3 {
  padding: 10px;
}

.all-products .product-list h3 {
  margin-bottom: 17px;
}

.all-products .product-list:nth-child(odd) {
  background-color: #eeeeee;
}

.product-type .container-fluid .bg-grad-blue-green-bg {
  padding-left: 80px;
}

.product-type .intro_copy {
  width: 100%;
  max-width: 658px;
}

.product-type .intro_copy .intro-inner {
  position: relative;
  padding-left: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.product-type .intro_copy .intro-inner:before,
.product-type .intro_copy .intro-inner:after {
  content: " ";
  display: table;
}

.product-type .intro_copy .intro-inner:after {
  clear: both;
}

.product-type .intro_copy p {
  color: #ffffff;
  width: 100%;
  max-width: 380px;
}

.product-type .intro_copy .link.long {
  display: inline-block;
}

.product-type .intro_copy .bracket.lrg {
  opacity: 0;
  filter: alpha(opacity=0);
}

.product-type.smart-planter .intro-inner,
.product-type.architectural-metalwork .intro-inner,
.product-type.remedial-balustrade .intro-inner {
  min-height: 310px;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-type.smart-planter .intro-inner .bracket.lrg {
  background-color: #F1894C;
}

.product-type.smart-planter .intro-inner h6 {
  color: #F1894C;
}

.product-type.architectural-metalwork .intro-inner .bracket.lrg {
  background-color: #1fc2de;
}

.product-type.architectural-metalwork .intro-inner h6 {
  color: #1fc2de;
}

.product-type.remedial-balustrade .intro-inner .bracket.lrg {
  background-color: #a2d683;
}

.product-type.remedial-balustrade .intro-inner h6 {
  color: #a2d683;
}

.product-type.privacy-screens-louvres .intro-inner .bracket.lrg {
  background-color: #fbe343;
}

.product-type.privacy-screens-louvres .intro-inner h6 {
  color: #fbe343;
}

.product-type.balustrade-systems .intro-inner .bracket.lrg {
  background-color: #a2d683;
}

.product-type.balustrade-systems .intro-inner h6 {
  color: #a2d683;
}

.product-type.glass-products .intro-inner .bracket.lrg {
  background-color: #F1894C;
}

.product-type.glass-products .intro-inner h6 {
  color: #F1894C;
}

.product-type.pool-systems .intro-inner .bracket.lrg,
.product-type.pool-fencing .intro-inner .bracket.lrg {
  background-color: #1fc2de;
}

.product-type.pool-systems .intro-inner h6,
.product-type.pool-fencing .intro-inner h6 {
  color: #1fc2de;
}

.product-type .header-banner {
  background-color: #02565c;
}

.product-type .header-banner .product_slider {
  display: block;
  width: 50%;
  height: 100%;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
}

.product-type .header-banner .product_slider .flexslider,
.product-type .header-banner .product_slider .slides {
  height: 100%;
}

.product-type .header-banner .product_slider .slides .slide_img {
  position: relative;
  width: 100%;
  height: 100%;
}

.glass-products-ctn h5 {
  margin-bottom: 20px;
}

.glass-products-ctn .cms-entry h1,
.glass-products-ctn .cms-entry h2,
.glass-products-ctn .cms-entry h3,
.glass-products-ctn .cms-entry h4,
.glass-products-ctn .cms-entry h5,
.glass-products-ctn .cms-entry h6 {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
  text-transform: initial;
  letter-spacing: 0px;
}

.feat_project_tile {
  background-color: #959595;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.feat_project_tile:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 79, 0);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGY0YyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRmNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-linear-gradient(top, rgba(0, 79, 76, 0) 0%, #004f4c 100%);
  background: linear, to bottom, rgba(0, 79, 76, 0) 0%, #004f4c 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004f4c', endColorstr='#004f4c',GradientType=0 );
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  z-index: 2;
}

.feat_project_tile h5 {
  color: #ffffff;
  margin-bottom: 0px;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  z-index: 5;
  padding-left: 5%;
  position: absolute;
  left: 0;
  bottom: 5%;
}

.feat_project_tile.product h5 {
  display: block;
  width: 100%;
  padding-right: 40px;
}

.feat_project_tile.product h5:after {
  content: '';
  position: absolute;
  right: 5%;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 14px;
  height: 20px;
  background-position: center -2991px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .feat_project_tile.product h5:after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.feat_project_tile.product.bg-light {
  background-color: #edecec;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

a:hover .feat_project_tile.product.bg-light {
  background-color: #e1e1e1;
}

.feat_project_tile.product.bg-light:before {
  content: none;
}

.feat_project_tile.product.bg-light h5 {
  color: #158b92;
  position: relative;
  margin-bottom: 0;
  bottom: auto;
  padding-left: 0;
}

a:hover .feat_project_tile.product.bg-light h5 {
  color: #1dbec8;
}

.feat_project_tile.product.bg-light h5:after {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center -3258px;
}

a:hover .feat_project_tile.product.bg-light h5:after {
  background-position: center -3284px;
}

.feat_project_tile .project_img_bg,
.feat_project_tile img {
  width: 100%;
  height: auto;
  filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
  filter: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}

.all-products .feat_project_tile .project_img_bg,
.all-products
.feat_project_tile img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.feat_project_tile:hover:before {
  content: '';
  height: 50%;
}

.feat_project_tile:hover .project_img_bg,
.feat_project_tile:hover img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.feat_project_tile:hover .project-category {
  background-color: #1dbec8;
  color: #ffffff;
}

.feat_project_tile.lrg {
  position: relative;
}

.feat_project_tile.lrg h5 {
  max-width: 60%;
}

.feat_project_tile.lrg .link.arrow-right {
  position: absolute;
  z-index: 5;
  right: 5%;
  bottom: 5%;
}

.feat_project_tile.lrg .link.arrow-right:hover {
  color: #ffffff;
}

#quality_icons_ctn {
  margin-top: 30px;
  display: table;
  width: 100%;
}

#quality_icons_ctn .quality_icon {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  padding-left: 75px;
  height: 70px;
  position: relative;
  text-align: left;
}

#quality_icons_ctn .quality_icon::before {
  content: '';
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: absolute;
  left: 0;
  top: 8px;
  width: 54px;
  height: 54px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #quality_icons_ctn .quality_icon::before {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

#quality_icons_ctn .quality_icon.maintenance::before {
  background-position: center -251px;
}

#quality_icons_ctn .quality_icon.masc::before {
  background-position: center -317px;
}

#quality_icons_ctn .quality_icon.bas::before {
  background-position: center -383px;
}

#quality_icons_ctn .quality_icon.parts::before {
  background-position: center -453px;
}

#quality_icons_ctn .quality_icon.poa {
  padding-left: 0;
  width: 134px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

#quality_icons_ctn .quality_icon.poa::before {
  background-position: center 0px;
  width: 134px;
  height: 70px;
  top: 0px;
}

/*** COMPONENTS *****/

.components_cat > h5 {
  margin-left: -20px;
}

.component-list-item {
  background-color: #fff;
  padding: 5px;
}

.component-list-item:before,
.component-list-item:after {
  content: " ";
  display: table;
}

.component-list-item:after {
  clear: both;
}

.component-list-item .component-tile-text-ctn {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}

.component-list-item .component-tile-text-ctn h5 {
  margin-bottom: 25px;
}

.component-list-item .component-tile-text-ctn h6 {
  color: #022539;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
}

.component-list-item .component-list-bottom {
  padding: 20px;
  border-top: 1px solid #dbdbdb;
}

.product-type .component-list-item a.accordion {
  padding: 18px 20px;
  height: 60px;
}

.product-type .component-list-item a.accordion:before,
.product-type .component-list-item a.accordion:after {
  content: " ";
  display: table;
}

.product-type .component-list-item a.accordion:after {
  clear: both;
}

.product-type .component-list-item a.accordion.collapsed::after {
  content: '';
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -3408px;
  background-color: #c4c4c4;
  right: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 100%;
  z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .product-type .component-list-item a.accordion.collapsed::after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.product-type .component-list-item a.accordion.collapsed .link.arrow-down .hide-text {
  display: inline-block;
}

.product-type .component-list-item a.accordion.collapsed .link.arrow-down .show-text {
  display: none;
}

.product-type .component-list-item a.accordion.collapsed:hover::after {
  background-position: center -3455px;
}

.product-type .component-list-item a.accordion::after {
  content: '';
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -3329px;
  background-color: #c4c4c4;
  right: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 100%;
  z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .product-type .component-list-item a.accordion::after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.product-type .component-list-item a.accordion:hover::after {
  background-position: center -3365px;
}

.table.sml tr,
.table.sml td,
.table.sml th {
  padding: 3px 0;
  vertical-align: text-top;
}

.table.no-lines tr,
.table.no-lines td,
.table.no-lines th {
  border: none;
}

.table.downlaod-drawings {
  text-align: center;
  width: 100%;
  max-width: 221px;
}

.table.downlaod-drawings td:first-of-type {
  border-right: 1px solid #dbdbdb;
}

.table.suite-types td.group_title {
  width: 110px;
}

.table.suite-types td.suite_options_links {
  width: calc(100% - 140px);
}

.table.downlaod-drawings-suite td {
  padding: 14px 0;
}

.table.downlaod-drawings-suite tr:last-of-type td {
  border-bottom: 1px solid #ddd;
}

.product-type .table tr:first-of-type td {
  border-top: none !important;
  padding-top: 5px;
}

/** ZOOM **/

/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

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

.fancybox-wrap .fancybox-skin {
  background: #000000;
}

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

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

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

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

.fancybox-inner {
  overflow: hidden;
}

.fancybox-inner > img {
  width: 100%;
  height: auto;
}

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

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

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

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

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
  background: url(/images/ajax-loader.gif?5e0ac9be877a3c250e10ff57c4cba939) center center no-repeat;
  background-size: 24px;
}

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

#fancybox-loading div {
  width: 24px;
  height: 24px;
  background: url(/images/ajax-loader.gif?5e0ac9be877a3c250e10ff57c4cba939) center center no-repeat;
  background-size: 24px;
}

.fancybox-close {
  position: absolute;
  top: -35px;
  right: 0;
  width: 74px;
  height: 17px;
  font-size: 16px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: right;
  cursor: pointer;
  z-index: 8040;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  color: #ffffff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .fancybox-close {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.fancybox-zoom-close {
  position: absolute;
  top: -36px;
  right: 0;
  width: 34px;
  height: 34px;
  text-transform: uppercase;
  text-align: right;
  cursor: pointer;
  z-index: 8040;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -824px;
  background-color: #e1e1e1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .fancybox-zoom-close {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.fancybox-zoom-close:hover {
  background-position: center -851px;
}

.fancybox-close:hover {
  background-position: left bottom;
  text-decoration: none;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(/images/blank.gif?325472601571f31e1bf00674c368d335);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

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

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

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

.fancybox-overlay {
  position: absolute;
  /* 	position: relative; */
  top: 0;
  left: 0;
  overflow: hidden;
  /* 	height: 100%; */
  display: none;
  z-index: 8010;
  background: url(/images/fancybox_overlay.png?3a6e210c98066a2f54687a0b73347efc);
}

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

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

/* Title helper */

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

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

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

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

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

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

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

/**
 * EasyZoom core styles
 */

.easyzoom {
  position: relative;
  /* 'Shrink-wrap' the element */
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.easyzoom img {
  vertical-align: bottom;
  height: auto;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
}

.easyzoom-flyout img {
  width: auto;
}

/**
 * EasyZoom layout variations
 */

.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.zoom-img-ctn {
  position: relative;
}

.zoom-img-ctn > p {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #979797;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  z-index: 50;
}

.zoom-img-ctn a.fancyboxZoom {
  display: block;
}

.zoom-img-ctn a.fancyboxZoom img {
  width: 100%;
  height: auto;
}

.suite-detail .component-list-item .zoom-img-ctn,
.component-search .component-list-item .zoom-img-ctn {
  max-width: 260px;
  display: block;
  margin: 0 auto;
}

.zoom-img-ctn .zoom_description {
  width: 100%;
  padding: 15px 2px 0px;
}

.zoom-img-ctn .zoom_description p {
  color: #022539;
}

.product-type .zoom-img-ctn {
  margin: 20px 0;
}

.zoom-btn {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -755px;
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  text-indent: -9999em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .zoom-btn {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.zoom-btn:hover,
.zoom-btn:active,
.zoom-btn:focus {
  background-position: center -789px;
}

/** THE END OF ZOOM **/

/*** THE END OF COMPONENTS *****/

.featured_section p {
  color: #ffffff;
  margin-bottom: 10px;
}

.featured_section .btn {
  margin-top: 10px;
}

.featured_section.quote {
  padding-left: 44px;
}

.other_business_segments {
  position: relative;
  padding-right: 5%;
}

.other_business_segments .icon {
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: block;
  margin-bottom: 26px;
  width: 52px;
  height: 46px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .other_business_segments .icon {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.other_business_segments .icon.mission {
  background-position: center -185px;
}

.other_business_segments .icon.vision {
  background-position: center -75px;
}

.other_business_segments .icon.value {
  background-position: center -126px;
}

.other_business_segments p {
  margin-bottom: 16px;
}

/* news list */

#infinite-scroll {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 20px;
}

html[data-useragent*='MSIE 10.0'] #infinite-scroll {
  height: auto !important;
}

.news-item {
  position: relative;
  padding-bottom: 39px;
  margin-bottom: 34px;
  border-bottom: 1px solid #dbdbdb;
}

.news-item:last-of-type,
.news-item:last-child {
  margin-bottom: 0;
}

.single .news-item:last-of-type,
.single .news-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.news-item .news_text_cnt {
  padding-left: 35px;
}

.news-item .news_text_cnt .link {
  margin-top: 0px;
}

.news-item h5 {
  margin-bottom: 15px;
}

.news-item img {
  width: 100%;
  height: auto;
}

.news-tile {
  float: left;
  padding: 20px;
  min-height: 420px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  display: block;
  text-align: left;
  overflow: hidden;
  position: relative !important;
}

.news-tile .tile-wrapper {
  background: #fff;
  position: relative;
}

.news-tile .tile-inner {
  width: 100%;
  padding: 22px 20px 65px;
  text-align: left;
  position: relative;
}

.news-tile .subheader {
  color: #adadad;
  margin-bottom: 8px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .news-tile .subheader {
    margin-bottom: calc(8px + 3 * (100vw - 768px) / 432);
  }
}

@media screen and (min-width: 1200px) {
  .news-tile .subheader {
    margin-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .news-tile .subheader {
    font-size: calc(14px + 2 * (100vw - 768px) / 432);
  }
}

@media screen and (min-width: 1200px) {
  .news-tile .subheader {
    font-size: 16px;
  }
}

.news-tile .date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
}

.news-tile .link.arrow-right {
  bottom: 20px;
  right: 20px;
  position: absolute;
  margin: 0;
}

/*** PROJECTS  ****/

.grid-sizer {
  width: 45%;
}

.gutter-sizer {
  width: 10%;
}

.grid-item {
  width: 45%;
  position: relative;
  margin-bottom: 5%;
}

/* Social Sharing */

.sticky-container {
  position: absolute !important;
  left: 0;
  -webkit-transition: all 0.15s cubic-bezier(0.59, 0.05, 0.2, 0.82);
  transition: all 0.15s cubic-bezier(0.59, 0.05, 0.2, 0.82);
}

.sticky-container h2 {
  margin-bottom: 30px;
}

.sticky-container .btn {
  margin: 5px 0 24px;
  width: 100%;
}

.sticky-container .sticky {
  width: 100%;
  z-index: 5;
}

.single .sticky-container .sticky {
  max-width: 184px !important;
}

.mobile-share-ctn {
  max-width: 180px !important;
  margin: 30px auto 0;
  float: none;
}

.mobile-share-ctn .btn {
  margin: 5px 0 24px;
  width: 100%;
}

.sticky-container .affix {
  top: 100px !important;
}

.social-sharing-addThis {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.social-sharing-addThis p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 153%;
  line-height: 25px;
  margin-bottom: 12px;
  text-transform: uppercase;
  color: #6d6e71;
  letter-spacing: 2px;
}

.social-sharing-addThis p span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 25px;
  margin-right: 12px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -884px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social-sharing-addThis p span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.social-sharing-addThis .addthis_toolbox {
  width: 100%;
  text-align: center;
  border-top: 1px solid #e4e1db;
  padding: 15px 0 0;
}

.social-sharing-addThis .addthis_toolbox a {
  display: inline-block;
  margin-right: 8px;
  padding: 0;
  float: none !important;
}

@media screen and (min-width: 768px) {
  .social-sharing-addThis .addthis_toolbox a {
    margin-right: calc(8px + 6 * (100vw - 768px) / 432);
  }
}

@media screen and (min-width: 1200px) {
  .social-sharing-addThis .addthis_toolbox a {
    margin-right: 14px;
  }
}

.social-sharing-addThis .addthis_toolbox a.last {
  margin-right: 0;
}

.social-sharing-addThis .addthis_toolbox a span {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social-sharing-addThis .addthis_toolbox a span {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_facebook {
  margin-left: -10px;
  margin-right: 10px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_facebook span {
  background-position: center -2196px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_facebook span:hover {
  background-position: center -2228px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_twitter span {
  background-position: center -2257px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_twitter span:hover {
  background-position: center -2290px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_linkedin span {
  background-position: center -2322px;
}

.social-sharing-addThis .addthis_toolbox a.addthis_button_linkedin span:hover {
  background-position: center -2349px;
}

.social-sharing-addThis .addthis_toolbox a.google_plusone span {
  background-position: center -2379px;
}

.social-sharing-addThis .addthis_toolbox a.google_plusone span:hover {
  background-position: center -2405px;
}

.quote_ctn {
  width: 100%;
  position: relative;
  padding: 0;
  margin-bottom: 50px;
  z-index: 2;
  text-align: left;
  float: left;
}

.quote_ctn p.quote_author {
  color: #ffffff;
  display: block;
  line-height: 25px;
  font-size: 18px;
  margin-left: 4em;
}

.quote_ctn a {
  text-align: right;
  display: block;
  float: right;
  line-height: 20px;
  font-size: 10px;
}

@media screen and (min-width: 601px) {
  .quote_ctn a {
    font-size: calc(10px + 2 * (100vw - 601px) / 167);
  }
}

@media screen and (min-width: 768px) {
  .quote_ctn a {
    font-size: 12px;
  }
}

.quote_ctn .pull-quote {
  margin-left: -60px;
  width: calc(100% + 60px);
  position: relative;
  margin-top: 80px;
}

.quote_ctn .pull-quote blockquote {
  margin-bottom: 17px;
}

.quote_ctn .pull-quote a {
  text-align: left;
  float: left;
}

/* NEWS PAGE */

.article.news-sticky {
  padding: 0 40px 0 7%;
  width: 100%;
  float: left;
  text-align: left;
}

.article.news-sticky h6 {
  margin-bottom: 25px;
}

.article.news-sticky p:last-of-type {
  margin-bottom: 35px;
}

.article.news-sticky .subheader {
  font-size: 18px;
  margin-bottom: 28px;
}

.article.news-sticky .category {
  padding-right: 15px;
  border-right: 1px solid #313131;
  display: inline-block;
}

.article.news-sticky .date {
  padding-left: 15px;
  display: inline-block;
}

/* Single post page */

.content-text {
  margin-bottom: 35px;
  width: 100%;
}

.single .content-text p,
.single .content-text blockquote,
.single .content-text ul {
  max-width: 80%;
}

.single .content-text .single-post-gallery,
.single .content-text .single-post-gallery ul {
  max-width: 100%;
}

.single .content-text h1 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 153%;
  line-height: 32px;
  margin-bottom: 25px;
}

.single .content-text h2,
.single .content-text h3,
.single .content-text h4,
.single .content-text h5,
.single .content-text h6 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 153%;
  line-height: 30px;
  margin-bottom: 25px;
}

.single .content-text p {
  color: #595959;
}

.news-list-ctn {
  background-color: #e3e2e2;
}

.news-list-ctn .back_to_news_ctn {
  padding: 62px 0 30px;
  border-bottom: 1px solid #dbdbdb;
  text-align: left;
}

.news-list-ctn .back_to_news_ctn h4,
.news-list-ctn .back_to_news_ctn .btn {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: 2px;
}

.news-list-ctn .back_to_news_ctn .btn {
  float: right;
  margin-top: 0;
}

.news-list-ctn .news-list {
  padding: 48px 0 78px;
}

/* Video sections */

/********************************
************* SLIDERS ***********
*********************************/

/** POST SLIDER **/

.single-post-gallery,
.project_slider .flexslider,
.single-post-gallery .flexslider {
  width: 100%;
  position: relative;
  float: left;
}

.project_info_data {
  position: absolute;
  width: 100%;
  padding: 0 30px 30px;
  bottom: 0;
  text-align: right;
  right: 0;
  z-index: 20;
}

.project_info_data h5 {
  color: #ffffff;
}

.project_info_data span.link {
  display: block;
}

.project_info_data a:hover h5,
.project_info_data a:hover .link {
  color: #1dbec8;
}

.project_info_data a:hover .link.white::after {
  background-position: center -3040px;
}

.image-description {
  display: block;
  color: #adadad;
  width: 100%;
  margin-top: 10px;
}

.single .image-description {
  padding-left: 160px;
}

.image-description p {
  margin-bottom: 2px;
}

.flex-navigation {
  background-color: transparent;
  position: absolute;
  display: block;
  text-align: left;
  width: 165px;
  height: 80px;
  padding: 0;
  bottom: -20px;
  left: -20px;
  z-index: 20;
  margin-bottom: 0;
}

.flex-navigation a {
  background-color: #eeeeee;
  width: 80px;
  height: 80px;
  display: inline-block;
  text-indent: -99999em;
  vertical-align: middle;
  position: relative;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flex-navigation a {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.flex-navigation a.flex-next {
  float: right;
  background-position: center -621px;
}

.flex-navigation a.flex-prev {
  background-position: center -1123px;
}

.flex-navigation a:hover,
.flex-navigation a:active,
.flex-navigation a:focus {
  text-decoration: none;
  background-color: #c4c4c4;
}

.project_slider .flex-navigation {
  top: 20px;
  right: 40px;
  width: 110px;
  left: auto;
  height: 46px;
  bottom: auto;
}

.project_slider .flex-navigation::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  top: 0;
  display: block;
  background-color: #158b92;
}

.project_slider .flex-navigation a {
  background-color: transparent !important;
  width: 30px;
  height: 46px;
}

.project_slider .flex-navigation a.flex-prev {
  background-position: center -2451px;
}

.project_slider .flex-navigation a.flex-next {
  background-position: center -2524px;
}

.project_slider .flex-navigation a:hover.flex-prev,
.project_slider .flex-navigation a:active.flex-prev,
.project_slider .flex-navigation a:focus.flex-prev {
  background-position: center -2723px;
}

.project_slider .flex-navigation a:hover.flex-next,
.project_slider .flex-navigation a:active.flex-next,
.project_slider .flex-navigation a:focus.flex-next {
  background-position: center -2794px;
}

/* Contact page */

.contact-details {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}

.contact-details p {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

/*  FOOTER  */

.footer {
  background-color: #021f2f;
  width: 100%;
  float: left;
  color: #838383;
  position: relative;
  text-align: left;
  display: block;
  font-size: 14px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer a {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
  outline: none;
  color: #1dbec8;
}

.footer p strong {
  color: #ffffff;
}

.footer p:last-of-type {
  margin-bottom: 15px;
}

.footer address {
  width: 100%;
  max-width: 280px;
}

.footer .footer-links-ctn {
  margin-bottom: 30px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer .footer-links ul {
  margin: 0;
  padding: 0;
}

.footer .footer-links li {
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 1px;
}

.footer .footer-links li.links_header {
  position: relative;
  margin-bottom: 12px;
}

.footer .footer-links li.links_header > a {
  display: block;
  padding-left: 16px;
}

.footer .footer-links li.links_header a::before {
  content: '';
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
}

.footer .footer-links li a {
  color: #838383;
}

.footer .footer-links li a:hover,
.footer .footer-links li a:focus,
.footer .footer-links li a:active {
  outline: none;
  color: #1dbec8 !important;
}

.footer .footer-links:first-child li.links_header a {
  color: #a2d683 !important;
}

.footer .footer-links:first-child li.links_header a::before {
  background-color: #a2d683;
}

.footer .footer-links:nth-child(2) li.links_header a {
  color: #fbe343 !important;
}

.footer .footer-links:nth-child(2) li.links_header a::before {
  background-color: #fbe343;
}

.footer .footer-links:nth-child(3) li.links_header a {
  color: #F1894C !important;
}

.footer .footer-links:nth-child(3) li.links_header a::before {
  background-color: #F1894C;
}

.footer .footer-links:nth-child(4) li.links_header a {
  color: #1fc2de !important;
}

.footer .footer-links:nth-child(4) li.links_header a::before {
  background-color: #1fc2de;
}

.footer .footer-links:nth-child(5) li.links_header a {
  color: #a2d683 !important;
}

.footer .footer-links:nth-child(5) li.links_header a::before {
  background-color: #a2d683;
}

.footer .logos-footer {
  position: relative;
  width: 100%;
  margin: 0 0 46px;
  padding: 0;
}

.footer .logos-footer img {
  display: inline-block;
  vertical-align: top;
}

.footer .logos-footer img:first-of-type {
  width: 91px;
  height: 52px;
  margin-right: 30px;
}

.footer .logos-footer img.last {
  width: 116px;
  height: 55px;
}

.footer .footer-misc ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: baseline;
}

.footer .footer-misc ul li {
  display: inline-block;
  margin-left: 40px;
}

/* Caramel Footer */

#caramelWeblinkLogo {
  position: absolute;
  overflow: hidden;
  bottom: 30px;
  right: 60px;
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: baseline;
}

#caramelWeblinkLogo a {
  position: absolute;
  top: 0px;
  left: 0px;
}

#caramelWeblinkLogo a:hover {
  top: -14px;
}

#caramelWeblinkLogo img {
  width: 11px !important;
  height: 25px !important;
  border: none;
}

/************************************************************
***************   PRINT   ******************************
*************************************************************/

@media print {
  body {
    /* IE4-8 and 9 (deprecated). */
    -webkit-filter: Gray();
            filter: Gray();
    /* SVG version for IE10, Chrome 17, FF3.5, 
         Safari 5.2 and Opera 11.6 */
    /* CSS3 filter, at the moment Webkit only. Prefix it for
         future implementations */
    filter: grayscale(100%);
    /* future-proof */
    /* IE4-8: depreciated */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* SVG version for IE10, Firefox, Safari 5 and Opera */
    -webkit-filter: grayscale(100%);
    /* Chrome + Safari 6 */
    -moz-filter: grayscale(100%);
    /* Future proof */
    -ms-filter: grayscale(100%);
    /* Future proof */
    -o-filter: grayscale(100%);
    /* Future proof */
    filter: grayscale(100%);
    /* Future proof or polyfilled */
  }

  img:hover {
    -webkit-filter: none;
            filter: none;
  }

  * {
    padding: 0 !important;
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Black prints faster: h5bp.com/s */

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

@page {
    margin: 50px 40px;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .row,
  .mt-1,
  .table,
  table {
    margin: 0 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a,
  .link {
    color: #262626 !important;
  }

  h1 {
    font-size: 20px !important;
    line-height: 20px !important;
    margin-bottom: 5px !important;
  }

  h2,
  #page-banner-ctn h2 {
    font-size: 18px !important;
    line-height: 18px !important;
    margin-bottom: 5px !important;
  }

  h3,
  h4,
  h5 {
    font-size: 16px !important;
    line-height: 16px !important;
    margin-bottom: 5px !important;
  }

  h6 {
    font-size: 12px !important;
    line-height: 12px !important;
    margin-bottom: 5px !important;
  }

  p,
  td,
  li,
  a,
  .link {
    font-size: 12px !important;
    margin-bottom: 5px !important;
    line-height: 14px !important;
  }

  a {
    padding: 0;
  }

  #page-banner-ctn,
  .page-side-padding,
  .bg-section {
    padding: 0 !important;
    height: auto;
    min-height: auto;
  }

  .accordion-group .accordion-body.collapse,
  .component-list-item .collapse {
    height: auto;
    display: block !important;
  }

  .print-12 {
    width: 100% !important;
  }

  .print-140 {
    width: 140px !important;
  }

  .print-200 {
    width: 200px !important;
  }

  .components_cat {
    margin-top: 10px !important;
  }

  .component-list-item {
    margin-bottom: 5px !important;
    padding-top: 5px !important;
    border-top: 1px solid #dadada;
  }
}

/************************************************************
******************  MEDIA QUERIS   **************************
*************************************************************/

@media only screen and (min-width: 768px) and (max-height: 900px) {
  #nav {
    padding: 100px 65px 30px;
  }

  #nav ul li.nav-item,
  #nav ul li.menu-item {
    margin-bottom: 10px;
  }

  #nav a.nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #nav .nav-link-mask-text {
    top: 5px;
  }

  #nav ul.nav-bottom-links {
    bottom: 24px;
  }

  #searchbar .dropdown dd {
    max-height: 200px !important;
  }

  #searchbar .dropdown dd li {
    height: 30px !important;
  }

  #searchbar .dropdown dd li a {
    font-size: 18px;
  }

  #searchbar .dropdown dd li a span.code {
    line-height: 30px !important;
  }
}

@media only screen and (min-width: 900px) and (max-height: 680px) {
  /* Navigation */

  #nav {
    padding: 60px 65px 30px;
  }

  #nav ul li.nav-item,
  #nav ul li.menu-item {
    margin-bottom: 7px;
  }

  #nav ul li.nav-item li a.nav-link,
  #nav ul li.menu-item li a.nav-link {
    font-size: 20px;
    line-height: 20px;
  }

  #nav a.nav-link {
    font-size: 20px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #nav .nav-link-mask-text {
    top: 5px;
  }

  #nav ul.nav-bottom-links > li {
    display: block;
    float: left;
    width: 100%;
  }

  #nav ul.nav-bottom-links > li.last,
  #nav ul.nav-bottom-links > li:last-of-type {
    margin-top: 17px;
    float: left;
  }
}

@media only screen and (max-width: 1023px) {
  .pt-2,
  .py-2 {
    padding-top: 50px !important;
  }

  .pb-2,
  .py-2 {
    padding-bottom: 50px !important;
  }

  .pb-3,
  .py-3 {
    padding-bottom: 40px !important;
  }

  .product-type .pb-3#myTabContent,
  .product-type .py-3#myTabContent {
    padding-bottom: 0 !important;
  }

  .pt-3,
  .py-3 {
    padding-top: 40px !important;
  }

  .project.single .pt-3.news-list,
  .project.single .py-3.news-list {
    padding-top: 90px !important;
  }

  .pb-4,
  .py-4 {
    padding-bottom: 70px !important;
  }

  .pt-4,
  .py-4 {
    padding-top: 70px !important;
  }

  .pt-5,
  .py-5 {
    padding-top: 80px !important;
  }

  .pb-5,
  .py-5 {
    padding-bottom: 80px !important;
  }

  .homepage #page-banner-ctn,
  .home #page-banner-ctn,
  #homeslider.flexslider .slides > li .sp-image {
    height: 500px;
  }

  .homepage #page-banner-ctn,
  .home #page-banner-ctn,
  #homeslider.flexslider .slides > li .sp-image {
    height: 500px;
  }

  .homepage #page-banner-ctn.triangle::before,
  .home #page-banner-ctn.triangle::before {
    width: 940px;
    height: 940px;
  }

  #page-banner-ctn .sp-thumbnails {
    bottom: -60px;
  }

  #page-banner-ctn .flex-navigation {
    width: 125px;
    height: 60px;
  }

  #page-banner-ctn .flex-navigation a {
    width: 60px;
    height: 60px;
  }

  #page-banner-ctn .flex-navigation a.flex-prev {
    background-position: center -2584px;
  }

  #page-banner-ctn .flex-navigation a.flex-prev:hover {
    background-position: center -2717px;
  }

  #page-banner-ctn .flex-navigation a.flex-next {
    background-position: center -2649px;
  }

  #page-banner-ctn .flex-navigation a.flex-next:hover {
    background-position: center -2788px;
  }

  .flex-direction-nav {
    width: 125px;
    height: 60px;
  }

  .nav-right .flex-direction-nav {
    bottom: -60px;
  }

  .flex-direction-nav li a {
    width: 60px;
    height: 60px;
  }

  .flex-direction-nav li a.flex-prev {
    background-position: center -2584px;
  }

  .flex-direction-nav li a.flex-prev:hover {
    background-position: center -2717px;
  }

  .flex-direction-nav li a.flex-next {
    background-position: center -2649px;
  }

  .flex-direction-nav li a.flex-next:hover {
    background-position: center -2788px;
  }

  .news-sticky-ctn h4 {
    font-size: 25px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
  .news-sticky-ctn h4 {
    font-size: calc(25px + 5 * (100vw - 640px) / 310);
  }
}

@media only screen and (max-width: 1023px) and (min-width: 950px) {
  .news-sticky-ctn h4 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
  .news-sticky-ctn h4 {
    line-height: calc(25px + 5 * (100vw - 640px) / 310);
  }
}

@media only screen and (max-width: 1023px) and (min-width: 950px) {
  .news-sticky-ctn h4 {
    line-height: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  .product_fam_tiles {
    max-width: 100%;
  }

  .bg-section.separation {
    height: 300px;
  }

  .intro_copy {
    padding-left: 20px;
  }

  .other_business_segments {
    padding-right: 3%;
  }

  .product-type .container-fluid .bg-grad-blue-green-bg {
    padding-top: 125px !important;
  }

  .quote_ctn .pull-quote {
    margin-top: 0;
    margin-left: -25px;
    width: calc(100% + 25px);
  }

  .feat_project_tile h5 {
    font-size: 20px;
  }

  .news-list-ctn .back_to_news_ctn {
    padding: 34px 0 30px;
  }

  .single .news-list .medium-12.large-6 {
    width: 50%;
  }
}

@media only screen and (min-width: 912px) and (max-width: 1024px) {
  /* content */

  .pull-quote blockquote p {
    padding: 2rem 1em;
  }

  #page-banner-ctn,
  .page-side-padding {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bg-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .product-type .container-fluid .bg-grad-blue-green-bg {
    padding-left: 40px;
  }

  .table .downlaod-drawings-suite td .link.long {
    line-height: 16px;
  }

  #quality_icons_ctn .quality_icon {
    padding-left: 0;
    padding-top: 60px;
    height: auto;
  }

  #quality_icons_ctn .quality_icon::before {
    top: 0;
  }

  #quality_icons_ctn .quality_icon.poa {
    height: 70px;
    padding: 0;
  }

  .single .news-item .news_text_cnt {
    padding-left: 20px;
  }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 911px) {
  /* Typography */

  h2 {
    font-size: 38px;
  }

  h3,
  h4 {
    font-size: 30px;
  }

  /* content */

  .page-side-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-sizer {
    width: 47%;
  }

  .gutter-sizer {
    width: 6%;
  }

  .mt-sm-2 {
    margin-top: 40px !important;
  }

  .mb-sm-2 {
    margin-bottom: 40px !important;
  }

  .mb-sm-3 {
    margin-bottom: 50px !important;
  }

  .bracket.lrg {
    width: 24px;
  }

  .bracket.lrg::before,
  .bracket.lrg::after {
    width: 34px;
    height: 24px;
  }

  #navbar {
    padding: 13px 100px 13px 20px;
  }

  .logo.top_header {
    left: 40px;
  }

  #close-btn {
    top: 5px;
    right: 5px;
  }

  #searchbar {
    height: 90px;
    padding: 25px 0;
  }

  #searchbar .suite_options_selector {
    padding-right: 50px;
  }

  #searchbar h5 {
    font-size: 16px;
    line-height: 24px;
  }

  #searchbar h5 .seacrh {
    margin-right: 10px;
  }

  #searchbar a.btn {
    height: 40px;
  }

  #searchbar a.btn .btnTxt {
    padding: 7px 10px;
    letter-spacing: 0px;
  }

  #searchbar a.btn .btnTxt span {
    margin-left: 5px;
  }

  #searchbar .dropdown {
    max-width: 220px;
  }

  #searchbar .dropdown dt a {
    height: 40px;
  }

  #searchbar .dropdown dt a > span {
    padding: 12px 10px;
    height: 40px;
    letter-spacing: 0px;
  }

  #searchbar .dropdown dd {
    top: 41px;
  }

  .bg-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pull-quote blockquote p {
    padding: 2rem 1em;
  }

  .product_fam_tiles,
  .product_fam_tiles.product_fam_tiles-full {
    padding-left: 20px;
    padding-right: 20px;
    height: 350px;
  }

  .product_fam_tiles::before,
  .product_fam_tiles.product_fam_tiles-full::before {
    left: -63%;
    top: -55%;
  }

  .product_fam_tiles h2,
  .product_fam_tiles.product_fam_tiles-full h2 {
    padding-left: 28px;
  }

  .product_fam_tiles span.link,
  .product_fam_tiles.product_fam_tiles-full span.link {
    right: 5%;
  }

  .other_business_segments {
    padding-right: 20px;
  }

  .shareBtn_ctn .row.d-flex {
    margin-left: -10px;
    margin-right: -10px;
  }

  .shareBtn_ctn .br_sm {
    display: block;
  }

  .product-type .container-fluid .bg-grad-blue-green-bg {
    padding-left: 20px;
  }

  .product-type .intro_copy .intro-inner {
    padding-left: 50px;
  }

  .product_slider .zoom-img-ctn > p {
    bottom: 10px;
  }

  .product_slider .flex-direction-nav {
    bottom: 10px;
  }

  .suite-tabs .dragnav_ctn {
    margin-left: 0px;
  }

  .component-list-item .download_files_ctn {
    float: right;
  }

  #quality_icons_ctn .quality_icon {
    padding-left: 0;
    padding-top: 70px;
    height: auto;
    font-size: 12px;
    line-height: 16px;
  }

  #quality_icons_ctn .quality_icon::before {
    top: 0;
  }

  #quality_icons_ctn .quality_icon.poa {
    height: 70px;
    padding: 0;
  }

  /* NEWS */

  .newsletter_ctn .form-group,
  .newsletter_ctn .form-control,
  .newsletter_ctn .btn {
    width: 100%;
  }

  .news-tile {
    padding: 10px;
  }

  .news-item .news_text_cnt {
    padding-left: 15px;
  }

  .single .content-text {
    max-width: 100%;
  }

  .single .news-list .medium-12.large-6 {
    width: 100%;
    margin-bottom: 40px;
  }

  .footer {
    padding: 50px 20px 50px;
  }

  .footer-address {
    margin-bottom: 30px;
  }

  .footer-misc {
    margin-top: 30px;
  }

  #caramelWeblinkLogo {
    right: 20px;
  }
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 767px) {
  /* Typography */

  h2 {
    font-size: 38px;
  }

  h3,
  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 20px;
  }

  .page-side-padding {
    padding-left: 0px;
    padding-right: 0px;
  }

  .grid-sizer,
  .grid-item {
    width: 48%;
  }

  .gutter-sizer {
    width: 4%;
  }

  .mt-sm-2 {
    margin-top: 40px !important;
  }

  .mb-sm-2 {
    margin-bottom: 40px !important;
  }

  .mb-sm-3 {
    margin-bottom: 50px !important;
  }

  .bracket.lrg {
    width: 24px;
  }

  .bracket.lrg::before,
  .bracket.lrg::after {
    width: 34px;
    height: 24px;
  }

  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: block !important;
  }

  .pull-quote blockquote p {
    padding: 25px 20px;
  }

  .quote_ctn .pull-quote {
    margin-left: -20px;
    width: calc(100% + 40px);
  }

  .single-post blockquote {
    padding-left: 30px;
  }

  .single-post blockquote:before {
    left: 0px;
  }

  .single .content-text {
    max-width: 100%;
  }

  .subheader {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 153%;
  }

  /* Navigation */

  .logo.top_header {
    left: 20px;
  }

  .surronded_logo {
    width: 121px;
    height: 57px;
  }

  .surronded_logo.right {
    right: 40px;
  }

  #navbar {
    padding: 13px 80px 13px 20px;
  }

  #navbar-btn {
    right: 14px;
  }

  .nav-slide-in #navbar-btn {
    right: 14;
  }

  #nav {
    padding: 75px 20px 30px;
    width: 100%;
  }

  #nav ul li.nav-item,
  #nav ul li.menu-item {
    margin-bottom: 10px;
  }

  #nav a.nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #nav .nav-link-mask-text {
    top: 5px;
  }

  #nav ul.nav-bottom-links {
    padding: 0 20px;
    bottom: 24px;
  }

  .nav-slide-in .logo.top_header {
    left: 20px;
  }

  .blog .sticky-container {
    position: relative !important;
    margin-bottom: 50px;
    width: 240px;
  }

  .blog .sticky-container .sticky,
  .blog .sticky-container .category_filter_ctn,
  .blog .sticky-container .dropdown {
    max-width: 100% !important;
  }

  #close-btn {
    top: 0;
    right: 0;
  }

  #searchbar {
    height: auto;
  }

  #searchbar .suite_options_selector {
    padding-right: 0;
  }

  #searchbar h5 {
    display: block;
    margin: 20px auto;
  }

  #searchbar .dropdown,
  #searchbar a.btn {
    margin: 0;
    width: 260px;
  }

  #searchbar .dropdown dd {
    max-height: 200px !important;
  }

  #searchbar .dropdown dd li {
    height: 30px !important;
  }

  #searchbar .dropdown dd li a {
    font-size: 18px;
  }

  #searchbar .dropdown dd li a span.code {
    line-height: 30px !important;
  }

  /* content */

  #page-banner-ctn {
    padding-top: 135px;
    padding-bottom: 40px;
    min-height: 400px;
  }

  .single-post #page-banner-ctn {
    padding-top: 135px;
  }

  .blog #page-banner-ctn,
  .single-post #page-banner-ctn,
  .page #page-banner-ctn {
    min-height: 250px;
  }

  .blog #page-banner-ctn .verticle-middle,
  .single-post #page-banner-ctn .verticle-middle,
  .page #page-banner-ctn .verticle-middle {
    display: block;
  }

  .home #page-banner-ctn,
  .homepage #page-banner-ctn {
    padding-top: 125px;
    padding-bottom: 80px;
    min-height: 500px;
  }

  .home #page-banner-ctn.triangle::before,
  .homepage #page-banner-ctn.triangle::before {
    left: -730px;
    top: -280px;
  }

  .bg-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .sidebar .link.arrow-right {
    margin-bottom: 30px;
  }

  .product_fam_tiles,
  .product_fam_tiles.product_fam_tiles-full {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 300px;
    height: auto;
  }

  .product_fam_tiles::before,
  .product_fam_tiles.product_fam_tiles-full::before {
    left: -63%;
    top: -55%;
  }

  .product_fam_tiles h2,
  .product_fam_tiles.product_fam_tiles-full h2 {
    padding-left: 28px;
    font-size: 30px;
  }

  .product_fam_tiles span.link,
  .product_fam_tiles.product_fam_tiles-full span.link {
    right: inherit;
    margin-top: 24px;
    position: relative;
    bottom: 0;
  }

  .shareBtn_ctn .row.d-flex {
    margin-left: -10px;
    margin-right: -10px;
  }

  .shareBtn_ctn .br_sm {
    display: block;
  }

  .other_business_segments {
    padding-right: 20px;
  }

  .product-type .container-fluid .bg-grad-blue-green-bg {
    padding-left: 0px;
  }

  .product-type .intro_copy .intro-inner {
    padding-left: 50px;
  }

  .suite-tabs .dragnav_ctn {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    height: 110px;
  }

  .suite-tabs .dragnav_ctn .dragInner,
  .suite-tabs .dragnav_ctn .owl-stage-outer {
    width: 102%;
    height: 110px;
  }

  .suite-tabs .dragnav_ctn .dragInner:before,
  .suite-tabs .dragnav_ctn .owl-stage-outer:before {
    height: 70px;
  }

  .suite-tabs .dragnav_ctn .owl-nav {
    display: none;
  }

  .suite-tabs .dragnav_ctn .owl-carousel .owl-item > div div,
  .suite-tabs .dragnav_ctn .owl-carousel .owl-item > div a {
    height: 60px;
    padding: 13px 30px 13px;
    font-size: 20px;
    min-width: 180px;
  }

  .component-list-item .download_files_ctn {
    float: right;
  }

  .component-list-item .btn-link.arrow-down,
  .component-list-item .link.arrow-down {
    font-size: 14px;
    line-height: 22px;
  }

  #quality_icons_ctn .quality_icon {
    padding-left: 0;
    padding-top: 70px;
    height: auto;
    font-size: 12px;
    line-height: 16px;
  }

  #quality_icons_ctn .quality_icon::before {
    top: 0;
  }

  #quality_icons_ctn .quality_icon.poa {
    height: 70px;
    padding: 0;
  }

  /* BLOG */

  .blog #sticky-snap-ctn.medium-8 {
    width: 100%;
    margin-left: 0;
  }

  .product_fam_tiles.lrg .category {
    top: 0;
  }

  .newsletter_ctn .form-group,
  .newsletter_ctn .form-control,
  .newsletter_ctn .btn {
    width: 100%;
  }

  .news-tile {
    width: 50%;
    padding: 10px;
  }

  .news-list .medium-4:first-of-type {
    padding-right: 0.75rem;
  }

  .news-list .medium-4:first-of-type .link {
    margin-top: 9px;
    margin-bottom: 30px;
  }

  .single .news-list {
    padding: 40px 0 40px;
  }

  .single .news-list .medium-12.large-6 {
    width: 100%;
    margin-bottom: 40px;
  }

  .single .news-list .medium-12.large-6:last-of-type {
    margin-bottom: 0;
  }

  .news-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .single .news-item:first-of-type {
    padding-top: 0px;
  }

  .news-item .news_text_cnt {
    padding-left: 20px !important;
  }

  .news-item h4 {
    margin-bottom: 18px;
  }

  .news-item .subheader {
    font-size: 16px;
  }

  .news-item .category {
    left: 0;
  }

  .article.news-sticky {
    margin-top: 25px;
    padding: 0 7%;
  }

  .single-news-post .medium-offset-3 {
    margin-left: 0;
    width: 100%;
  }

  .news-list-ctn .back_to_news_ctn {
    padding: 34px 0 30px;
  }

  .single .content-text p,
  .single .content-text blockquote,
  .single .content-text ul {
    max-width: 100%;
  }

  #popUp_file_request_form {
    width: 100%;
    max-width: 768px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer {
    padding: 50px 0px 30px;
  }

  .footer .hidden-xs {
    display: none;
  }

  .footer .footer-misc ul li {
    margin-left: 15px;
  }

  .footer .sm-50 {
    width: 49%;
    margin-bottom: 30px;
    display: inline-block !important;
    vertical-align: top;
    float: none;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #caramelWeblinkLogo {
    right: 20px;
    bottom: 34px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 911px) {
  .mb-md-2 {
    margin-bottom: 40px !important;
  }

  .mb-md-3 {
    margin-bottom: 50px !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 639px) {
  .mb-xs-2 {
    margin-bottom: 40px !important;
  }

  .mb-xs-3 {
    margin-bottom: 50px !important;
  }

  .el-eq-height {
    height: auto !important;
  }

  .hide_mobile_small {
    display: none;
  }

  .show_mobile_small {
    display: block !important;
  }

  .link.lrg {
    font-size: 18px;
    line-height: 20px;
  }

  .link.lrg.social {
    margin-right: 0;
    margin-bottom: 20px;
    display: table;
  }

  .surronded_logo.right {
    position: relative;
    margin-top: 40px;
    float: left;
    right: inherit;
    bottom: inherit;
  }

  .bracket.md {
    width: 14px;
  }

  .intro_copy .bracket.md,
  .contact .intro_copy .bracket.md {
    width: 14px;
    left: -4%;
  }

  .intro_copy .bracket.md::before,
  .intro_copy .bracket.md::after,
  .contact .intro_copy .bracket.md::before,
  .contact .intro_copy .bracket.md::after {
    width: 20px;
    height: 14px;
  }

  .bracket.md::before,
  .bracket.md::after {
    width: 20px;
    height: 14px;
  }

  .table-responsive {
    border: none !important;
  }

  #searchbar .btn .btnTxt {
    padding: 14px 10px 18px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 153%;
  }

  .bg-section.separation {
    height: 250px;
  }

  h2,
  .news-list h2 {
    font-size: 38px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 639px) and (min-width: 320px) {
  h2,
  .news-list h2 {
    font-size: calc(38px + 3 * (100vw - 320px) / 319);
  }
}

@media only screen and (max-width: 639px) and (min-width: 639px) {
  h2,
  .news-list h2 {
    font-size: 41px;
  }
}

@media only screen and (max-width: 639px) and (min-width: 320px) {
  h2,
  .news-list h2 {
    line-height: calc(42px + 2 * (100vw - 320px) / 319);
  }
}

@media only screen and (max-width: 639px) and (min-width: 639px) {
  h2,
  .news-list h2 {
    line-height: 44px;
  }
}

@media only screen and (max-width: 639px) {
  .product_fam_tiles::before {
    left: -45%;
    top: -45%;
  }

  .project_slider {
    margin-bottom: 30px;
  }

  .featured_section.quote {
    padding-left: 30px;
  }

  .shareBtn_ctn .row.d-flex {
    display: block;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }

  .shareBtn_ctn .col-md-3 {
    padding: 7px 7px;
    width: 50% !important;
  }

  .shareBtn_ctn .shareBtn .btnTxt {
    font-size: 11px;
    line-height: 12px;
    padding: 10px 20px 10px 40px;
  }

  .shareBtn_ctn .br_sm {
    display: block;
  }

  .other_business_segments {
    margin-bottom: 30px;
  }

  .article.news-sticky {
    padding: 0;
  }

  .all-products .product-list .mt-4 {
    margin-top: 0px !important;
    margin-bottom: 30px;
  }

  .product-type .header-banner .product_slider {
    width: 100%;
    height: 400px;
    position: relative;
    right: inherit;
    top: inherit;
  }

  #quality_icons_ctn {
    display: block;
    text-align: left;
  }

  #quality_icons_ctn .quality_icon {
    padding-left: 0;
    padding-top: 70px;
    height: auto;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 20px;
  }

  #quality_icons_ctn .quality_icon::before {
    top: 0;
  }

  #quality_icons_ctn .quality_icon.poa {
    height: 70px;
    padding: 0;
  }

  .product-type .component-list-item .zoom-btn,
  .suite-detail .component-list-item .zoom-btn,
  .component-search .component-list-item .zoom-btn {
    top: 0px;
    left: -15px;
  }

  .product-type .component-list-item .well .zoom-btn,
  .suite-detail .component-list-item .well .zoom-btn,
  .component-search .component-list-item .well .zoom-btn {
    left: 0px;
  }

  .component-list-item .component-tile-text-ctn h6,
  .component-list-item .component-tile-text-ctn p,
  .component-list-item .component-tile-text-ctn li,
  .component-list-item .component-tile-text-ctn td,
  .component-list-item .component-tile-text-ctn a {
    font-size: 14px;
  }

  .table.suite-types td {
    width: 100% !important;
    display: block;
    float: none;
    white-space: inherit !important;
  }

  /*contact*/

  .contact-details-ctn .border_left.medium-6 {
    border-left: none;
    margin-top: 30px;
  }

  .contact-details {
    margin-top: 60px;
  }

  #registration form .checkbox label {
    padding: 7px 0 8px 40px;
    line-height: 21px;
  }
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 495px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }

  .gutter-sizer {
    width: 0%;
  }

  .pr-1 {
    padding-right: 20px !important;
  }

  h3,
  h4 {
    font-size: 25px;
  }

  .bracket.lrg {
    width: 20px;
  }

  .bracket.lrg::before,
  .bracket.lrg::after {
    height: 20px;
    width: 30px;
  }

  .logo .logo_header {
    font-size: 20px;
  }

  .header_links {
    right: 85px;
  }

  .homepage #page-banner-ctn {
    padding-top: 125px;
    padding-bottom: 80px;
    min-height: 500px;
  }

  .homepage #page-banner-ctn h1 {
    padding-left: 50px;
    font-size: 35px;
    line-height: 35px;
    padding-bottom: 80px;
  }

  .homepage #page-banner-ctn.triangle::before {
    left: -830px;
    top: -230px;
  }

  .navbar-links .link.phone,
  .header_links .link.phone {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 20px;
    height: 22px;
    padding-left: 20px;
  }

  .navbar-links a.glogal_search_link,
  .header_links a.glogal_search_link {
    width: 24px;
    margin-left: 10px;
  }

  .suite-detail .col-xs-3,
  .suite-detail .col-xs-5,
  .suite-detail .col-xs-6,
  .suite-detail .col-xs-7,
  .suite-detail .col-xs-9 {
    width: 100%;
  }

  .suite-detail .component-list-item .download_files_ctn {
    float: left;
  }

  .component-search .component-list-item .col-xs-3,
  .component-search .component-list-item .col-xs-5,
  .component-search .component-list-item .col-xs-6,
  .component-search .component-list-item .col-xs-7,
  .component-search .component-list-item .col-xs-9 {
    width: 100%;
  }

  .component-search .component-list-item .download_files_ctn {
    float: left;
  }

  .product-type .component-list-item .zoom-btn,
  .suite-detail .component-list-item .zoom-btn,
  .component-search .component-list-item .zoom-btn {
    top: 0px;
    left: -15px;
  }

  .product-type .component-list-item .well .zoom-btn,
  .suite-detail .component-list-item .well .zoom-btn,
  .component-search .component-list-item .well .zoom-btn {
    left: 0px;
  }

  .image-description {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .project_info_data {
    padding: 0 40px 20px;
  }

  .news-tile {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
  }

  /* Form  */

  #registration form ul li,
  #registration form .name_first,
  #registration form .name_last {
    width: 100%;
    padding: 0;
    margin: 0 0 12px;
  }

  #registration form .name_last {
    margin-bottom: 0;
  }

  #registration form ul li#field_1_3 {
    padding-left: 0;
  }

  #registration form .form-group.col-xs-6 {
    width: 100%;
  }

  .footer .sm-50 {
    width: 100%;
  }

  .footer .footer-misc ul li {
    margin-left: 0px;
    margin-right: 15px;
  }

  .footer .footer-address .hide-mobile-small {
    display: none;
  }

  .footer .footer-address .sm-50 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 413px) {
  /* Navigation */

  #nav {
    width: 100%;
    padding: 60px 20px 30px;
  }

  #nav ul li.nav-item,
  #nav ul li.menu-item {
    margin-bottom: 7px;
  }

  #nav ul li.nav-item li a.nav-link,
  #nav ul li.menu-item li a.nav-link {
    font-size: 20px;
    line-height: 20px;
  }

  #nav a.nav-link {
    font-size: 20px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #nav .nav-link-mask-text {
    top: 5px;
  }

  #nav ul.nav-bottom-links > li {
    display: block;
    float: left;
    width: 100%;
  }

  #nav ul.nav-bottom-links > li.last,
  #nav ul.nav-bottom-links > li:last-of-type {
    margin-top: 17px;
    float: left;
  }

  #searchbar .suite_options_selector {
    padding-top: 25px;
  }

  .news-item .col-xs-5,
  .news-item .col-xs-7 {
    width: 100%;
  }

  .news-item .news_text_cnt {
    margin-top: 25px;
  }

  .single.project .news-list .col-xs-6 {
    width: 100%;
  }

  .single.project .news-list .col-xs-6 .feat_project_tile {
    margin-bottom: 25px;
  }

  .all-products .product-list .col-xs-6 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-type .component-list-item .accordion {
    padding: 6px 20px;
    height: 40px;
  }

  .product-type .component-list-item .accordion.collapsed::after {
    background-position: center -3418px;
  }

  .product-type .component-list-item .accordion.collapsed::after:hover {
    background-position: center -3465px;
  }

  .product-type .component-list-item .accordion::after {
    width: 40px !important;
    background-position: center -3339px;
  }

  .product-type .component-list-item .accordion::after:hover {
    background-position: center -3375px;
  }

  .product-type .component-list-item .accordion .link {
    padding-right: 16px;
    font-size: 12px;
    line-height: 24px;
  }

  .product-type .component-list-item .well .component-list-bottom {
    padding: 20px 10px;
  }

  .product-type .component-list-item .btn {
    width: 100%;
  }

  .product-type .component-list-item .btn .btnTxt {
    padding: 12px 15px;
    font-size: 12px;
    line-height: 22px;
  }

  .product-type .component-list-item .btn .btnTxt span.list-icon {
    margin-right: 10px;
  }

  .product-type .component-list-item .component-tile-text-ctn,
  .suite-detail .component-list-item .component-tile-text-ctn,
  .component-search .component-list-item .component-tile-text-ctn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .product-type .component-list-item .component-tile-text-ctn .row,
  .suite-detail .component-list-item .component-tile-text-ctn .row,
  .component-search .component-list-item .component-tile-text-ctn .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .product-type .component-list-item .component-tile-text-ctn .col-xs-6,
  .product-type .component-list-item .component-tile-text-ctn .col-xs-12,
  .suite-detail .component-list-item .component-tile-text-ctn .col-xs-6,
  .suite-detail .component-list-item .component-tile-text-ctn .col-xs-12,
  .component-search .component-list-item .component-tile-text-ctn .col-xs-6,
  .component-search .component-list-item .component-tile-text-ctn .col-xs-12 {
    width: 100%;
    padding: 0 10px;
  }

  .product-type .well .col-xs-6,
  .product-type .well .col-xs-12,
  .suite-detail .well .col-xs-6,
  .suite-detail .well .col-xs-12,
  .component-search .well .col-xs-6,
  .component-search .well .col-xs-12 {
    width: 100%;
    padding: 0 10px;
  }

  #component-filter-form .select-ctn.col-xs-6 {
    width: 100%;
  }

  #component-filter-form .checkbox.col-xs-6 {
    width: 50%;
  }

  #component-filter-form .checkbox.col-xs-6 label {
    font-size: 14px;
    line-height: 16px;
    padding: 9px 0 8px 50px;
  }

  .blog .sticky-container {
    width: 100%;
  }

  .category_filter_ctn,
  .dropdown {
    max-width: 100%;
  }

  .search_component_input .btn {
    width: 50px;
  }

  .search_component_input .form-group {
    padding-left: 50px;
  }

  .search_component_input .form-control {
    font-size: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 900px) and (max-height: 680px) {
  /* Navigation */

  #nav {
    padding: 20px 20px 20px;
    width: 100%;
  }

  #nav ul.menu {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-column-span: all;
    -moz-column-span: all;
         column-span: all;
  }

  #nav ul.menu ul li.nav-item,
  #nav ul.menu li.menu-item {
    margin-bottom: 10px;
    text-align: left;
    display: block;
    padding: 0 30px 0 0;
    vertical-align: top;
  }

  #nav ul.menu ul li.nav-item li,
  #nav ul.menu li.menu-item li {
    margin-top: 5px;
  }

  #nav ul.menu ul li.nav-item li a.nav-link,
  #nav ul.menu li.menu-item li a.nav-link {
    font-size: 16px;
    line-height: 18px;
  }

  #nav ul.menu ul li.nav-item li a.nav-link .nav-link-mask-text,
  #nav ul.menu li.menu-item li a.nav-link .nav-link-mask-text {
    top: 4px;
  }

  #nav a.nav-link {
    display: initial !important;
    font-size: 18px;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #nav .nav-link-mask-text {
    top: 5px;
  }

  #nav #main-navigation {
    text-align: center;
  }

  #nav ul.nav-bottom-links li {
    line-height: 20px;
  }

  #nav ul.nav-bottom-links li a,
  #nav ul.nav-bottom-links li span {
    font-size: 14px;
  }

  #searchbar h5 {
    margin: 15px auto;
  }

  #searchbar .dropdown dd {
    max-height: 150px !important;
  }

  #searchbar a.btn {
    height: 40px;
  }

  #searchbar a.btn .btnTxt {
    padding: 7px 10px;
    letter-spacing: 0px;
  }

  #searchbar a.btn .btnTxt span {
    margin-left: 5px;
  }

  #searchbar .dropdown {
    max-width: 260px;
  }

  #searchbar .dropdown dt a {
    height: 40px;
  }

  #searchbar .dropdown dt a > span {
    padding: 12px 10px;
    height: 40px;
    letter-spacing: 0px;
  }

  #searchbar .dropdown dd {
    top: 41px;
  }
}

.list-default {
  list-style: disc;
}

.list-default li {
  list-style: inherit;
}

.text-small {
  font-size: 14px;
  line-height: 24px;
}

.text-300 {
  font-weight: 300;
}

.project-categories {
  margin: 0 0 0 0;
  padding: 0;
  display: block;
  text-wrap: nowrap;
  min-height: 94px;
}

.project-categories .drag-icon {
  height: 94px;
  margin-bottom: 2px;
}

.project-categories .drag-icon::before {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, white 100%);
  background: linear, to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, white 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#11ffffff',GradientType=1 );
  right: 0;
  top: 0;
  display: block;
  width: 140px;
  height: 48px;
  z-index: 1050;
  pointer-events: none;
}

.project-categories .drag-icon::after {
  content: 'Drag for more';
  position: absolute;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 77px -522px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 153%;
  color: #158b92;
  padding-right: 50px;
  right: 0;
  bottom: 10px;
  display: block;
  width: 166px;
  height: 26px;
  z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .project-categories .drag-icon::after {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.project-categories-filter-label .icon-filter {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  background-image: url(/images/icon-sprite-new.png?a9670b670cb479b3dbc4f06e194db629);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center -981px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .project-categories-filter-label .icon-filter {
    background-image: url(/images/icon-sprite-new@2x.png?a067485d558e545bb262de661fe69b66);
    background-size: 123px 4000px;
  }
}

.project-category {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 4px 6px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #595959;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  z-index: 1;
  font-family: "HelveticaNeueLTStd-Lt", Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}