:root {
    --header-top-bg: #061922;
    --header-top-bg-not-at-top: #061922;
    --header-link-hover-color: #319c74;
    --link-color: #319c74;
    --accent1-color: #319c74;
    --accent1-bg-color: #319c74;
    --accent2-color: #061922;
    --accent2-bg-color: #061922;
}

[class*="col-"].compact-column {
  margin-bottom: 5px
}

.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.s16 { font-size: 16px; }
.s18 { font-size: 18px; }
.s20 { font-size: 20px; }
.s22 { font-size: 22px; }
.s24 { font-size: 24px; }
.s26 { font-size: 26px; }
.s28 { font-size: 28px; }
.s30 { font-size: 30px; }
.normal { font-weight: normal; }
.light { font-weight: 300; }
.lh20 { line-height: 20px }
.lh30 { line-height: 30px }
.lh40 { line-height: 40px }
.lh40 { line-height: 50px }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }

.section-title {
    font-size: 22px;
}

h1.section-title {
  font-size: 32.44px;
  line-height: 130%;
}

.services-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

@media (max-width: 767px) {
    .services-1 {
        grid-template-columns: 1fr;
    }
}

.blocks .block-wrapper {
    padding: 0 20px;
    width: 100%;
    max-width: 290px;
    margin: 0 auto 30px auto;
}
.blocks img {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.blocks h3 {
    font-size: 20px;
}
.blocks .block-content {
    font-size: 18px;
    line-height: 28px;
    color: #222;
}

.progress.plain {
    background: rgba(216,40,69,0.15);
}
.spinner,
#fancybox-loading div,
.tp-loader.spinner0 {
    border-left: 3px solid rgba(216,40,69,.15);
    border-right: 3px solid rgba(216,40,69,.15);
    border-bottom: 3px solid rgba(216,40,69,.15);
    border-top: 3px solid rgba(216,40,69,.8);
}
body {
    color: #222;
}
a {
    color: var(--link-color);
}
a.invert-link {
    color: #222;
}
a.invert-link:hover,
a.invert-link:focus {
    color: var(--link-color);
}
.colored {
    color: var(--link-color);
}
.post-title a:hover {
    color: var(--link-color);
}
.black-wrapper a:hover {
    color: var(--link-color);
}
.color-wrapper {
    background: var(--accent1-bg-color);
}
ul.circled li:before {
    color: var(--accent1-color);
}
.contact-info i {
    color: var(--accent1-color);
}
footer.black-wrapper a:hover {
    color: var(--accent1-color);
}
.subfooter a:hover {
    color: var(--accent1-color);
}

.navbar .dropdown-menu {
    border-top: 2px solid var(--accent1-color) !important;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    /* CLEANUP color: #fff; */
    color: #808080;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    /* CLEANUP color: #fff; */
    color: #808080;
}
.btn,
.btn-submit {
    background: var(--accent1-bg-color);
    border: 1px solid var(--accent1-color) !important;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    /*background: #c5243f;*/
    /*background: var(--accent2-bg-color);*/
    background: transparent;
    color: var(--accent1-bg-color) !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
    background: var(--accent1-bg-color) !important;
}

#SearchBar {
    position: absolute;
    bottom: 0;
    width:100%;
}
#SearchDiv {
    display: none;
    position:absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
}

@media (max-width: 767px) {
	.navbar .navbar-collapse .navbar-nav {
		max-height: 400px !important;
		overflow-y: scroll;
	}
}

#MobileSearchDiv {
	height: 40px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
	margin-bottom: 15px;
}
.ContactPage .btn-search,
.ProductLandingPage .btn-search {
    color: #fff;
    background: var(--accent1-bg-color);
    height: 40px;
    padding: 5px 21px !important;
    border-radius: 0;
}
.ContactPage .btn-search:hover,
.ProductLandingPage .btn-search:hover {
    color: var(--accent1-color);
    background: transparent;
}
#Form_CatalogForm_CatalogID::-webkit-input-placeholder {
    color: #999 !important;
}
#Form_CatalogForm_CatalogID:-moz-placeholder {
    color: #999 !important;
}
#Form_CatalogForm_CatalogID::-moz-placeholder {
    color: #999 !important;
}
#Form_CatalogForm_CatalogID:-ms-input-placeholder {
    color: #999 !important;
}
#Form_CatalogForm_CatalogID {
    box-shadow: none !important;
}
#SearchDiv label,
#MobileSearchDiv label,
#SearchRepresentativeFormDiv label {
    display: none;
}
#SearchDiv fieldset,
#MobileSearchDiv fieldset,
#SearchRepresentativeFormDiv fieldset {
    width: 80%;
    float: left;
}
#SearchDiv #CatalogID input,
#MobileSearchDiv #CatalogID input,
#SearchRepresentativeFormDiv input {
    background: #fff;
    padding: 6px 10px;
    text-transform: uppercase;
    color: #939393;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#SearchDiv .Actions,
#MobileSearchDiv .Actions,
#SearchRepresentativeFormDiv .Actions {
    width: 20%;
    float: right;
}
#SearchDiv .Actions input,
#MobileSearchDiv .Actions input,
#SearchRepresentativeFormDiv .Actions input {
    float: right;
    background: var(--accent1-bg-color);
    height: 40px;
    width: 40px;
    border: 1px solid var(--accent1-bg-color);
    border-left: 1px solid #ccc;
    color: #fff;
}

#SearchDiv .Actions input:hover,
#MobileSearchDiv .Actions input:hover,
#SearchRepresentativeFormDiv .Actions input:hover {
    background: white;
    color: var(--accent1-bg-color);
}

#SearchRepresentativeFormDiv .Actions input {
  width: 100%;
}

#SearchDiv .Actions input[disabled],
#MobileSearchDiv .Actions input[disabled],
#SearchRepresentativeFormDiv .Actions input[disabled] {
  background: #c0c0c0;
  color: #ffffff;
}

#SearchDiv .sub-text,
#MobileSearchDiv .sub-text,
#SearchRepresentativeFormDiv .sub-text {
  font-size: 0.75em;
  color: #c0c0c0;
  margin-top: -10px;
  margin-bottom: 15px;
}



#SearchIcon {
    /*padding: 37px 2px 33px;*/
    font-size: 18px;
    cursor: pointer;
}
#SearchIcon:before {
   display: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
    color: var(--accent1-color)
}
.progress-list li em {
    color: var(--accent1-color);
}
.progress.plain .bar {
    background: var(--accent1-bg-color);
}
.parallax a:hover {
    color: var(--accent1-color)
}
.newsletter-wrapper #mc_embed_signup .button {
    background: var(--accent1-bg-color);
}
.newsletter-wrapper #mc_embed_signup .button:hover {
    /*background: #c5243f;*/
    background: var(--accent2-bg-color);
}
.pricing .plan h4 span {
    color: var(--accent1-color)
}
.post-content .meta a:hover,
.more {
    color: var(--accent1-color)
}
.post-content .meta a:hover
.post-content .footer-meta a:hover {
    color: var(--accent1-color)
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: var(--accent1-color) !important;
}
.sidebox a:hover {
    color: var(--accent1-color)
}
ul.tag-list li a:hover {
    color: var(--accent1-color) !important;
}
select {
    padding: 0 0 0 10px !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    -webkit-box-shadow: 0 1px 0 var(--accent1-bg-color);
    -moz-box-shadow: 0 1px 0 var(--accent1-bg-color);
    box-shadow: 0 1px 0 var(--accent1-bg-color);
}

.divided {
    border-top: 1px solid #656565;
}

.btn-luminis {
    display: inline-block;
    padding: 12px 21px;
    background: var(--accent1-bg-color);
    border: 1px solid  var(--accent1-color);
    color: #fff;
    margin-right: 4px;
    text-transform: uppercase;
    line-height: 24px;
}

.btn-luminis:hover {
    background-color: transparent;
    color: var(--accent1-color);
}

.btn-back {
    display: inline-block;
    padding: 12px 21px;
    border: 1px solid var(--accent1-color);
    margin-right: 4px;
    text-transform: uppercase;
    line-height: 24px;
    background: var(--accent1-bg-color);
    color: #fff;
}

.btn-back:hover {
    cursor: pointer;
    background: transparent;
    color: var(--accent1-color);
}

/* home */
.home-title {
    font-family: ibm-plex-sans,sans-serif;
    color: #222;
    font-size: 46px;
    font-weight: 300;
    padding: 40px 80px;
    line-height: 52px;
    text-transform: none;
}

.HomePage .light-wrapper {
    background: #fff !important;
}

.HomePage .photoset {
    margin: 0 !important;
}
.HomePage .photoset li {
    float: left;
    margin: 0;
    width: 33.33339%;
    padding-left: 0;
    position: relative;
}

.home-dark  .container.inner .row {
    display: flex;
}

.dark-wrapper.home-dark  .container.inner .row {
    position: relative;
}

.dark-wrapper.home-dark .tablewrapper {
    height: auto;
}

@media (min-width: 1024px) {

  .dark-wrapper.home-dark .tablewrapper  {
      position: relative;
      bottom: auto;
  }

  .dark-wrapper.home-dark .col-md-6.col-sm-12 + .col-md-6.col-sm-12 {
      display: flex;
      flex-direction: column;
  }

  .dark-wrapper.home-dark .tablewrapper {
      flex-grow: 200;
      display: flex;
      align-items: flex-end;
  }

}

.home-dark .tablewrapper > div {
    display: table-cell;
    vertical-align: bottom;
}

.home-dark .tablewrapper p {
    font-size: 18px;
}

.home-dark h4 {
    font-size: 46px;
    line-height: 52px;
    font-weight: 300;
    display: block;
    padding-top: 20px;
    background: transparent url('../images/nav2.png') 50 0 repeat-x;
}

.quickshipfield { margin-bottom: 15px; margin-top: 0; }
.quickshipfield > div {
  width:100%;
  padding: 6px 0 6px 0px;
  text-transform: uppercase;
  color: #939393;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 40px;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  border: none;

  resize: none;
  vertical-align: middle;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
}
.quickshipfield label {
    margin-left: 15px;
}
#MySearchForm_SearchForm_action_doSearch {
    width: 160px !important;
}
#comments .info h2 a:hover {
    color: var(--accent1-color)
}
#comments a.reply-link:hover {
    color: var(--accent1-color)
}
.filterwrapper li a:hover,
.filterwrapper li a.active {
    color: var(--accent1-color)
}
.panel-title > a:hover {
    color: var(--accent1-color)
}
.tabs-top .tab a:hover,
.tabs-top .tab.active a {
    color: var(--accent1-color);
}
.tooltip-inner {
    background-color: var(--accent1-color);
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: var(--accent1-color)
}
.tooltip.right .tooltip-arrow {
    border-right-color: var(--accent1-color)
}
.tooltip.left .tooltip-arrow {
    border-left-color: var(--accent1-color)
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--accent1-color)
}

.post .post-content, .box {
    min-height: 217px !important;
}

.about-intro {
    padding-right: 0;
}
.about-intro > div {
    background: var(--accent1-bg-color);
    color: #fff;
    height: 328px;
    margin: 0 4px 4px 0;
    padding: 40px 30px;
    font-size: 18px;
    overflow: hidden;
}
.about-intro > div > h1 {
    display: inline-block;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
}
.about-intro > div > p {
    margin:0;
}
.about-photo {
    padding-left: 0;
}

.about-photo img {
    max-width: 100%;
}
#accordion .panel {
    margin-bottom: 2px;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
#accordion .panel-heading h4 {
    background: #29282d;
}
#accordion .panel-body {
    padding: 30px 15px 15px;
}
#accordion .panel-heading h4 a {
    color: #fefefe !important;
    font-size: 16px;
    font-weight: normal;
}
#accordion .panel-heading h4 a > span {
    float:right;
    color: var(--accent1-color);
    font-size: 28px;
    display: inline-block;
    width: 20px;
    text-align: center;
}
#accordion .panel-heading h4 a > span:before {
    content: "-";
}
#accordion .panel-heading h4 a.collapsed > span:before {
    content: "+";
}
.timeline-content {
    background: none repeat scroll 0 0 #f1f1f1;
}
.timeline-content:before {
    -moz-border-bottom-colors: #fff;
    -moz-border-left-colors: #f1f1f1;
    -moz-border-right-colors: #fff;
    -moz-border-top-colors: #fff;
    border-color: transparent transparent transparent #f1f1f1;
}
.timeline-block:nth-child(2n) .timeline-content:before {
    -moz-border-bottom-colors: #fff;
    -moz-border-left-colors: #fff;
    -moz-border-right-colors: #f1f1f1;
    -moz-border-top-colors: #fff;
    border-color: transparent #f1f1f1 transparent transparent;
}

.ProductPage .view_description,
.ProductPageNew .view_description,
.ProductGlobalPage .view_description {
    clear:both;
    margin-top: 20px;
}
.ProductPage h1,
.ProductPageNew h1,
.ProductGlobalPage h1 {
    color: var(--accent1-color);
}
.ProductPage ul.item-details li:not(:last-child),
.ProductPageNew ul.item-details li:not(:last-child),
.ProductGlobalPage ul.item-details li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.ProductPage ul.item-details li,
.ProductPageNew ul.item-details li,
.ProductGlobalPage ul.item-details li {
    height: 40px;
    line-height: 40px;
    display: inline-table;
    width: 100%;
}

.ProductPage ul.item-details li span.view_left,
.ProductPageNew ul.item-details li span.view_left,
.ProductGlobalPage ul.item-details li span.view_left {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
}
.ProductPage ul.item-details li span.view_right,
.ProductPageNew ul.item-details li span.view_right,
.ProductGlobalPage ul.item-details li span.view_right {
    display: inline-block;
    text-align:right;
    width: 47%;
    text-transform: capitalized;
    vertical-align: top;
}
/* Mounting / distribution tiles.
 *
 * These were Bootstrap 3 float columns, which only line up while every tile is
 * the same height. The images are rendered with SetWidth(), so height follows
 * the source aspect ratio: one landscape override among square photometric
 * plots is enough to make the floats snag and the rest of the grid cascade into
 * one column. A long label that wraps to two lines does the same.
 *
 * CSS grid cannot snag -- every cell in a row shares that row's height -- and
 * the column count no longer depends on the tiles agreeing about theirs.
 *
 * Selected on the bare class rather than the .ProductPage / .ProductPageNew /
 * .ProductGlobalPage list these rules used to carry. That list already missed
 * ProductPageLatest and ProductPageTaggedWith, which extend ProductPage and
 * inherit the controller action that renders the same ProductInfo include, so
 * they were silently left on the old layout. These tiles only ever appear in
 * product-detail markup, so scoping by page class bought nothing and only made
 * the rule easy to miss a subclass with.
 */
/* The tiles sit inside .row, whose Bootstrap clearfix pseudo-elements would
   otherwise be laid out as two empty grid items. */
.view_mountings::before,
.view_mountings::after {
    display: none;
}
.view_mountings {
    margin-bottom: 20px;
    display: grid;
    /* minmax(0, ...) rather than a bare 1fr: a plain fr track is minmax(auto, 1fr)
       and will not shrink below its content's min-content width, so one unbreakable
       label like CROSSWALK widens its own column and squeezes the others. */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* Reproduces the original spacing exactly. The tiles used to be Bootstrap
       columns with 15px of padding a side inside a .row with -15px margins: 30px
       between adjacent images, flush with the container at both edges, and no
       vertical gap at all -- the label's own leading did that work. A column-gap
       of 30px with no row-gap lands on the same geometry, so the block keeps its
       existing rhythm and only the alignment changes. */
    column-gap: 30px;
    row-gap: 0;
    /* .row is still on the markup and its negative gutters would now push the
       grid past its container, since the column padding is dropped below. */
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 992px) {
    .view_mountings {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* Neutralise the col-xs-4 / col-md-3 classes left on the tiles: as grid items
   their float is already ignored, but the percentage width is not, and it would
   shrink each tile inside its own cell. Done here rather than by editing the
   markup so ProductInfo.ss and ProductInfo2-1.ss stay in step. */
.view_mounting {
    float: none;
    width: auto;
    padding-left: 0;
    padding-right: 0;
}
/* A fixed box with contain keeps one tall or wide override from setting the
   height of its whole row, and never crops or distorts the plot. */
.view_mounting img {
    width: 100%;
    /* The template renders these with SetWidth(120), so anything past 120px is
       upscaling a source that does not have the pixels. The old rule got this for
       free from `max-width: 100%` on an auto width; width:100% needs it stated. */
    max-width: 120px;
    height: 120px;
    object-fit: contain;
}
/* The plots are square, and the tiles are narrower than 120px in this column, so
   a fixed height letterboxes every one of them. A square box tracks the column
   width instead. Older browsers keep the fixed height above, which still lines
   the rows up -- it just leaves the padding. */
@supports (aspect-ratio: 1 / 1) {
    .view_mounting img {
        height: auto;
        aspect-ratio: 1 / 1;
    }
}
.view_mounting span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
}
.ProductPage .lp30 h4,
.ProductPageNew .lp30 h4,
.ProductGlobalPage .lp30 h4 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    color: #222;
    font-weight: bold;
}
.ProductPage .item-downloads li,
.ProductPageNew .item-downloads li,
.ProductGlobalPage .item-downloads li {
    height: 30px;
    line-height: 30px;
}
.ProductPage .item-downloads li a,
.ProductPageNew .item-downloads li a,
.ProductGlobalPage .item-downloads li a {
    color: var(--accent1-color);
}
.productawards {
    position: absolute;
    bottom: 30px;
    z-index:99;
}
.productawards-index {
    position: absolute;
    bottom: 3px;
    z-index:99;
}
.productawards-index.productawards-align-left {
  left: 3px;
}
.productawards-index.productawards-align-right {
  right: 3px;
}

.fix-portfolio .items li .productawards-index img {
  display: inline;
}

.fix-portfolio .items li .productawards-index img.awardicon {
  height: 20px;
  width: auto;
}

.product-section h2 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
    text-transform: capitalize;
    margin-top: 20px;
}
.product-top { height: 40px; line-height: 40px; margin-bottom:20px;}
.discontinued {margin-bottom: 30px; }
.product-section img { max-width: 100%; }


/* landingpage */
.ProductLandingPage .productheader {
    margin-top:1px;
}
.ProductLandingPage .productheader img {
    width: 100%;
}

.terior-wrapper {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.ProductLandingPage h4.interior-heading,
.ProductLandingPage h4.exterior-heading {
    display: block;
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-weight: normal;
    margin-bottom: 10px;
}

.ProductLandingPage h4.interior-heading { background: #29282d url('../images/interior.jpg') center center no-repeat; }
.ProductLandingPage h4.exterior-heading { background: #29282d url('../images/exterior.jpg') center center no-repeat; }

.ProductLandingPage .landing_mounting {
    padding-left: 7px;
    padding-right: 7px;
}
.ProductLandingPage .landing_mounting img {
    max-width: 100%;
}
.ProductLandingPage .landing_mounting a span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    color: #222;
    margin-top: 5px;
    min-height: 34px;
}
.ProductLandingPage .landing_mounting a {
    display: inline-block;
    max-width: 100%;
    opacity: 0.7;

}
.ProductLandingPage .landing_mounting a:hover {
    opacity: 1;
}
.ProductLandingPage .landing_mounting a:hover span {
    color: var(--accent1-color) !important;
}

.ProductLandingPage .filtermounting {
    font-weight: bold;
    text-transform: uppercase;
    color: #939393;
    margin-bottom: 10px;

}
.ProductLandingPage .landing-icons {
    margin-bottom: 5px;
    height:150px;
}

.ProductLandingPage .accordion .panel-heading h4 {
    background: #29282d;
}
.ProductLandingPage .accordion .panel-body {
    padding: 30px 15px 15px;
}
.ProductLandingPage .accordion .panel-body h5 {
    background: none repeat scroll 0 0 #ededed;
    clear: both;
    color: var(--accent1-color);
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 10px;
    padding: 0 5px;
}
.ProductLandingPage .accordion .panel-body h6 {
    clear: both;
    padding: 5px;
    border-bottom: 1px solid #999;
    margin: 10px 0 15px;
}
.ProductLandingPage .panel-body > a {
    margin-bottom: 20px;
}
.ProductLandingPage .panel-body > a > span {
    color: #222 !important;
    display: block;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}
.ProductLandingPage .panel-body > a > img {
    max-width: 100%;
}
.ProductLandingPage .accordion .panel-heading h4 a {
    color: #fefefe !important;
    font-size: 16px;
    font-weight: normal;
}
.ProductLandingPage .accordion .panel-heading h4 a > span {
    float:right;
    color: var(--accent1-color);
    font-size: 28px;
    display: inline-block;
    width: 20px;
    text-align: center;
}
.ProductLandingPage .accordion .panel-heading h4 a > span:before {
    content: "+";
}
.ProductLandingPage .accordion .panel-heading h4 a.opened > span:before {
    content: "-";
}

.ProductLandingPage .accordion div > .accordion-group {
    margin-top: 3px;
}
.ProductLandingPage .accordion div > .accordion-group:first-child {
    margin-top: 0;
}
.ProductLandingPage .accordion .panel-body {
    background: #fff;
}
.specification-photometry .subspecs {
    padding-left: 20px;
    text-transform: lowercase;
}

#CatalogID input {
    background: #fff; url('../images/search.png') 5px center no-repeat !important;
    padding: 6px 10px 6px 45px;
    text-transform: uppercase;
    color: #939393;
}
#CatalogID input:focus {
    box-shadow: none !important;
}

#MixIt .mix {
    display: none;
}
.gallery-pagination { height: 49px; }
.gallery-pagination .pager {
    float: left;
    width: 20px;
    text-align: center;
    display: inline-block;
    margin: 0;
    height: 25px;
    line-height: 24px;
    cursor: pointer;
}
.gallery-pagination .disabled {
    cursor: default;
    color: #ccc;
}
.gallery-pagination .active {
    cursor: default;
    color: var(--accent1-color);
}
.gallery-clear {
    height: 49px;
    display: block;
    list-style: none;
    background: #FFF;
    margin: 0 0 19px 0;
    position: relative;
    z-index: 999;
    padding: 12px 19px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(0,0,0,0.11);
    text-align: center;
}
.filterwrapper li a {
    cursor: pointer;
}
.filterwrapper li a.active {
    cursor: default;
}

.ProductPage .grid-portfolio li .box,
.ProductPageNew .grid-portfolio li .box,
.ProductGlobalPage .grid-portfolio li .box {
    min-height: 217px;
}

.PostPage .grid-portfolio li .box {
    min-height: 282px;
}

#MySearchForm_SearchForm .dropdown select {
    width: 100%;
    color: #878787;
}

#MySearchForm_SearchForm input.checkbox  {
    width: 24px;
    margin-left: 0;
}

#MySearchForm_SearchForm .action {
    width: 200px;
}

#MySearchForm_SearchForm_CatalogID::-webkit-input-placeholder {
    color: #999 !important;
}
#MySearchForm_SearchForm_CatalogID:-moz-placeholder {
    color: #999 !important;
}
#MySearchForm_SearchForm_CatalogID::-moz-placeholder {
    color: #999 !important;
}
#MySearchForm_SearchForm_CatalogID:-ms-input-placeholder {
    color: #999 !important;
}

.item-box {
	background: #f1f1f1;
	padding: 20px;
	overflow: auto;
}
ul.item-downloads {
	list-style: none;
	padding-left: 0;
}

ul.item-downloads li a {
	color: #666;
}
ul.item-downloads li a:hover {
	color: var(--accent1-color);
}

.item-details li {
    margin-bottom: 0px !important;
}
.darkgrey {
    color: #3e3e3e;
}
.agents .post {
    margin-bottom: 20px;
}

.agents .post-content {
    min-height:305px;
}
.agents .post-content h4 {
    border-bottom: 1px solid #d9d9d9;
    min-height:40px;
}
#AgentForm_locate .dropdown select,
#LocationForm_filter .dropdown select {
    width: 100%;
   /* max-width: 220px;*/
}

.representative.rsm.rsm-right {
    background-color:  #e0e0e0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.representatives h4 {
  font-size: 16px;
}

.representatives .rsm {
    min-height: 120px;
}

.representatives .agent h3 {
  font-size: 20px;
}

.representatives .agent {
    min-height: 200px;
}
#map { margin: auto; }
.red {
    color: #c5243f;
}
.light-green {
  color: var(--accent1-color);
}
.light-grey {
  color: #c7C8ca;
}
.primary-color {
  color: var(--accent2-color);
}
.secondary-color {
  color: #c7C8ca;
}

.modal {
    top:100px;
}

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

.sidebar h5 {

}

#MySearchForm_filter .Actions {
    margin: 40px 0;
}
.lead {
    font-style: normal;
}
.lead p {
    margin: 0;
}
.owl-posts .post-content {
    min-height: 280px;
}
.owl-posts .post-title {
    min-height: 66px;
}
.owl-posts .post-inner {
    min-height: 96px;
}
img.responsive {
    max-width: 100%;
}

.share-links > a {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.share-links a.st_facebook { background-image: url('../images/socialicons.png') !important; background-position: 0 0;}
.share-links a.st_twitter { background-image: url('../images/socialicons.png') !important; background-position: -16px 0;}
.share-links a.st_pinterest { background-image: url('../images/socialicons.png') !important; background-position: -32px 0;}

#Form_AjaxForm label { display: none; }

.halfbox {
    background: #fff;
    padding: 5px 10px;
    text-align: center;
    height: 54px;
    display: table;
    width:100%;

}
.halfbox h3 {
    margin: 0;
    display: table-cell;
  vertical-align: middle;
}

ul.items li.clear-title {
    min-height: 0 !important;
    width: 100% !important;
    clear: both !important;
    display: block;
    padding-right: 18px;
    overflow: auto;

}

ul.items li.clear-title > div {
    border-bottom: 1px solid #333;
}

ul.items li.clear-title > div > h3 {
    margin-bottom: 0;
}

i.icon-left-open-big,
i.icon-right-open-big {
    color: #808080;
}

.owl-theme .owl-dots .owl-dot span {
    background: rgba(200,200,200,0.3);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(200,200,200,0.6);
}

.GalleryPage #Filters > fieldset {
    padding-left: 0;
    padding-right: 0;
}
.GalleryPage #Filters > fieldset > select {
    width: 100%;
    margin-left:0;
    margin-right: 0;
    height: 49px;
}

.GalleryPage #NoItems {
    margin-bottom: 80px;
}

.GalleryPage #NoItems .container > div {
    background: #333;
    color: #fff;
    padding: 10px 30px;
    width: 400px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.7;
}

.mapholder {
    position: relative;
    margin: 40px 0;
    height: 406px;
    padding-left: 40px;
}

.mapholder #main-world-map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
 }

 .mapholder #main-world-map a {
    display: none;
 }

.mapholder #world-map-trans {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#world-map-trans img {
    position:relative;
}

.mapholder area { position: relative; }
.mapholder a {display:block; position:absolute; z-index:100; outline:none;}
.mapholder img, .country-map img { border:0 !important; padding: 0 !important; max-width: 100%; }
.mapholder > div { max-width: 100%; }

a#map-latin-america {background:url(../images/maps/south-america-hover.gif) left top no-repeat; height: 265px; left: 90px; top: 130px; width: 206px;}
a#map-latin-america span, a#map-north-america span, a#map-africa span, a#map-europe span, a#map-asia span, a#map-oceania span, a#map-middle-east span, a#map-canada span, a#map-usa span { background:#721011; color:#fff; padding:2px 5px; position:relative; top:70px; left:40px; white-space:nowrap; outline:none; text-transform:capitalize;}
a#map-latin-america span { top:120px; left:100px;}

a#map-canada {background:url(../images/maps/canada-hover.gif) left top no-repeat; height:210px; left:90px; top:0px; width:296px;}
a#map-canada span{ top:45px;}

a#map-usa {background:url(../images/maps/usa-hover.gif) left top no-repeat; height:160px; left:0; top:0px; width:230px;}
a#map-usa span {left: 120px; top: 100px;}

a#map-north-america {background:url(../images/maps/north-america-hover.gif) left top no-repeat; height:210px; left:0; top:0px; width:296px;}

a#map-africa {background:url(../images/maps/africa-hover.gif) left top no-repeat; height:291px; left:333px; top:115px; width:202px;}
a#map-africa span{ left:80px;}

a#map-europe {background:url(../images/maps/europe-hover.gif) left top no-repeat; height:130px; left:340px; top:0px; width:153px;}
a#map-europe span {left:60px;}

a#map-asia {background:url(../images/maps/asia-hover.gif) left top no-repeat; height:274px; left:443px; top:0px; width:412px;}
a#map-asia span {left:130px;}

a#map-oceania {background:url(../images/maps/oceania-hover.gif) left top no-repeat; height:176px; left:662px; top:230px; width:193px; z-index:100;}

a#map-middle-east {background:url(../images/maps/middle-east-hover.gif) left top no-repeat; height:84px; left:466px; top:112px; width:70px;}
a#map-middle-east span{ left:10px; top:25px;}


/*----- north america ----*/
.country-map img{ border:none; }
.country-map area { position:absolute; z-index:200; }
.country-map a {z-index:100; outline:none;}

.typography .back-link {background:url(../../themes/luminis/images/back-link.gif) no-repeat 5px center #bebab2; color:#000000; display:block; margin-top:20px; padding:2px 5px 2px 15px; width:30px;}
.typography .country-map a, .typography .country-map a:hover{ outline:none; text-decoration:none;}

.maparea {position:relative;}
.country-active { display:block; width:28px; height:20px; position:absolute; text-indent:-9999em; }

/*----- usa --------*/
#main-usa-map { width: 445px; height: 406px; position: absolute; z-index: 0;}
#usa-map-trans { width: 445px; height: 391px; position: absolute; z-index: 99;  }

/*
#california {background:url(../../themes/luminis/images/ca-active.png) no-repeat left top; left:19px; top:138px;}
#washington {background:url(../../themes/luminis/images/wa-active.png) no-repeat left top; left:39px; top:20px;}
#oregon {background:url(../../themes/luminis/images/or-active.png) no-repeat left top; left:28px; top:53px;}
#idaho {background:url(../../themes/luminis/images/id-active.png) no-repeat left top; left:73px; top:70px;}
#nevada {background:url(../../themes/luminis/images/nv-active.png) no-repeat left top; left:44px; top:107px;}
#utah {background:url(../../themes/luminis/images/ut-active.png) no-repeat left top; left:84px; top:118px;}
#arizona {background:url(../../themes/luminis/images/az-active.png) no-repeat left top; left:74px; top:171px;}
#montana {background:url(../../themes/luminis/images/mt-active.png) no-repeat left top; left: 117px; top:42px;}
#wyoming {background:url(../../themes/luminis/images/wy-active.png) no-repeat left top; left:123px; top:85px;}
#colorado {background:url(../../themes/luminis/images/co-active.png) no-repeat left top; left:133px; top:131px;}
#new-mexico {background:url(../../themes/luminis/images/nm-active.png) no-repeat left top; left:123px; top:178px;}
#alaska {background:url(../../themes/luminis/images/ak-active.png) no-repeat left top; left:32px; top:250px;}
#hawaii {background:url(../../themes/luminis/images/hi-active.png) no-repeat left top; left:109px; top:245px;}
#north-dakota {background:url(../../themes/luminis/images/nd-active.png) no-repeat left top; left: 180px; top:44px;}
#south-dakota {background:url(../../themes/luminis/images/sd-active.png) no-repeat left top; left: 180px; top:75px;}
#nebraska {background:url(../../themes/luminis/images/ne-active.png) no-repeat left top; left:180px; top:107px;}
#kansas {background:url(../../themes/luminis/images/ks-active.png) no-repeat left top; left:192px; top:141px;}
#oklahoma {background:url(../../themes/luminis/images/ok-active.png) no-repeat left top; left:201px; top:174px;}
#texas {background:url(../../themes/luminis/images/tx-active.png) no-repeat left top; left:182px; top:217px;}
#minnesota {background:url(../../themes/luminis/images/mn-active.png) no-repeat left top; left:223px; top:57px;}
#iowa {background:url(../../themes/luminis/images/ia-active.png) no-repeat left top; left:229px; top:102px;}
#missouri {background:url(../../themes/luminis/images/mo-active.png) no-repeat left top; left:240px; top:143px;}
#arkansas {background:url(../../themes/luminis/images/ar-active.png) no-repeat left top; left:240px; top:179px;}
#louisiana {background:url(../../themes/luminis/images/la-active.png) no-repeat left top; left:242px; top:220px;}
#wisconsin {background:url(../../themes/luminis/images/wi-active.png) no-repeat left top; left:259px; top:76px;}
#illinois {background:url(../../themes/luminis/images/il-active.png) no-repeat left top; left:266px; top:122px;}
#michigan {background:url(../../themes/luminis/images/mi-active.png) no-repeat left top; left:300px; top:89px;}
#indiana {background:url(../../themes/luminis/images/in-active.png) no-repeat left top; left:290px; top:122px;}
#ohio {background:url(../../themes/luminis/images/oh-active.png) no-repeat left top; left:316px; top:115px;}
#kentucky {background:url(../../themes/luminis/images/ky-active.png) no-repeat left top; left:308px; top:145px;}
#tennessee {background:url(../../themes/luminis/images/tn-active.png) no-repeat left top; left:297px; top:165px;}
#mississippi{background:url(../../themes/luminis/images/ms-active.png) no-repeat left top; left:267px; top:198px;}
#alabama {background:url(../../themes/luminis/images/al-active.png) no-repeat left top; left:293px; top:198px;}
#west-virginia {background:url(../../themes/luminis/images/wv-active.png) no-repeat left top; left:335px; top:132px;}
#maine {background:url(../../themes/luminis/images/me-active.png) no-repeat left top; left:409px; top:35px;}
#vermont {background:url(../../themes/luminis/images/vt-active.png) no-repeat left top; left:385px; top:57px;}
#new-york {background:url(../../themes/luminis/images/ny-active.png) no-repeat left top; left:373px; top:77px;}
#pennsylvania {background:url(../../themes/luminis/images/pa-active.png) no-repeat left top; left:355px; top:102px;}
#virginia {background:url(../../themes/luminis/images/va-active.png) no-repeat left top; left:359px; top:137px;}
#north-carolina {background:url(../../themes/luminis/images/nc-active.png) no-repeat left top; left:354px; top:159px;}
#south-carolina {background:url(../../themes/luminis/images/sc-active.png) no-repeat left top; left:343px; top:180px;}
#georgia {background:url(../../themes/luminis/images/ga-active.png) no-repeat left top; left:323px; top:196px;}
#florida {background:url(../../themes/luminis/images/fl-active.png) no-repeat left top; top:243px; left:345px;}
#new-hampshire {background:url(../../themes/luminis/images/nh-active.png) no-repeat left top; left:431px; top:66px;}
#massachusetts {background:url(../../themes/luminis/images/ma-active.png) no-repeat left top; left:431px; top:82px;}
#rhode-island {background:url(../../themes/luminis/images/ri-active.png) no-repeat left top; left:428px; top:98px;}
#connecticut {background:url(../../themes/luminis/images/ct-active.png) no-repeat left top; left:430px; top:114px;}
#new-jersey {background:url(../../themes/luminis/images/nj-active.png) no-repeat left top; left:388px; top:107px;}
#delaware {background:url(../../themes/luminis/images/de-active.png) no-repeat left top; left:417px; top:140px;}
#maryland {background:url(../../themes/luminis/images/md-active.png) no-repeat left top; left:418px; top:156px;}
#puerto-rico {background:url(../../themes/luminis/images/pr-active.png) no-repeat left top; left:409px; top:265px;}
*/
/* active---canada  */
#main-canada-map { width: 445px; height: 406px; position: absolute; z-index: 0;}
#canada-map-trans { width: 445px; height: 391px; position: absolute; z-index: 99; top: 15px }
/*
#yukon {background:url(../../themes/luminis/images/yt-active.png) no-repeat left top; left:20px; top:137px;}
#northwest-territories {background:url(../../themes/luminis/images/nt-active.png) no-repeat left top; left:76px; top:159px;}
#nunavut {background:url(../../themes/luminis/images/nu-active.png) no-repeat left top; left:174px; top:159px;}
#british-columbia {background:url(../../themes/luminis/images/bc-active.png) no-repeat left top; left:30px; top:227px;}
#alberta {background:url(../../themes/luminis/images/ab-active.png) no-repeat left top; left:80px; top:242px;}
#saskatchewan {background:url(../../themes/luminis/images/sk-active.png) no-repeat left top; left:125px; top:248px;}
#manitoba {background:url(../../themes/luminis/images/mb-active.png) no-repeat left top; left:172px; top:248px;}
#ontario {background:url(../../themes/luminis/images/on-active.png) no-repeat left top; left:222px; top:279px;}
#quebec {background:url(../../themes/luminis/images/qc-active.png) no-repeat left top; left:303px; top:257px;}
#newfoundland-and-labrador {background:url(../../themes/luminis/images/nl-active.png) no-repeat left top; left:359px; top:232px;}
#prince-edward-island {background:url(../../themes/luminis/images/pe-active.png) no-repeat left top; left:373px; top:277px;}
#new-brunswick {background:url(../../themes/luminis/images/nb-active.png) no-repeat left top; left:355px; top:300px;}
#nova-scotia {background:url(../../themes/luminis/images/ns-active.png) no-repeat left top; left:380px; top:312px;}
*/
#worldselect,
#usaselect,
#canadaselect {
    width: 280px;
}

.newsletter-wrapper {
    background: var(--accent1-bg-color);
    color: #fff;
}

.newsletter-wrapper #mc_embed_signup input[type="email"] {
    border-radius : 0;
    border: 1px solid #fff;
    color: #c5c5c5 !important;
    background: #fff;
}

.newsletter-wrapper #mc_embed_signup input[type="email"]:focus {
    border: 1px solid #fff ;
    color: #c5c5c5;
    background: #fff !important;
}

.newsletter-wrapper #mc_embed_signup .button {
    border-radius : 0;
    border: 1px solid #fff;
    font-weight: 600;
}

.newsletter-wrapper #Form_AjaxForm_Email::-webkit-input-placeholder {
   color: #c5c5c5 !important;
}

.newsletter-wrapper #Form_AjaxForm_Email:-moz-placeholder { /* Firefox 18- */
   color: #c5c5c5 !important;
}

.newsletter-wrapper #Form_AjaxForm_Email::-moz-placeholder {  /* Firefox 19+ */
   color: #c5c5c5 !important;
}

.newsletter-wrapper #Form_AjaxForm_Email:-ms-input-placeholder {
   color: #c5c5c5 !important;
}

.social li a i {
    color: var(--accent1-color);
    font-size: 18px;
}

.social li a:hover i {
    color: #fff;
}

#recently-viewed {
    position: fixed;
    bottom: 2px;
    right: 0px;
    width: 55px;
    height: 120px;
    z-index: 9998;
    background: transparent;
    color: #fff;
}
.tooltip {
    z-index: 9999;
}

#recently-viewed .open-recent {
    background: var(--accent1-bg-color);
    color: #fff;
    font-weight: bold;
    width: 45px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 120px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
}

#recently-viewed .open-recent span {
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    transform: rotate(90deg);
    transform-origin: 41px 41px 0;
    display: block;
    height: 45px;
    width: 120px;
}

#recently-viewed .recent-content {
    padding: 5px 55px 5px 10px;
    position: relative;
    overflow: auto;
    background: #333;
    display: none;
}

#recently-viewed .rv-image {
    width: 107px;
    height: 66px;
    overflow: hidden;
    margin: 10px 10px 10px 0;
    background: #fff;
    background-image: url('../images/texture-option-c-gradient.png');
    background-size: cover;
    float: left;
    border: 1px solid #ccc;
}

#recently-viewed .rv-image:last-child {
    margin-right: 0;
}

footer .widget h4 {
    display: inline-block;
    padding-top: 10px;
    background: transparent url('../images/nav2.png') 0 0 repeat-x;
}

.ContactPage .social .icon-s-pinterest {
    background-color: transparent;
}
.ContactPage .social .icon-s-facebook {
    background-color: transparent;
}
.ContactPage .social .icon-s-twitter {
    background-color: transparent;
}
.ContactPage .social .icon-s-linkedin {
    background-color: transparent;
}
.ContactPage .social .icon-s-gplus {
    background-color: transparent;
}
.ContactPage .btn-luminis {
    width: 180px;
}

.view_description ul li {
    list-style-position: outside;
}

.body-wrapper .tparrows:before {
    x-font-family: 'budicon';
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    font-size: 70px;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /*color: rgba(200,200,200,0.6) !important;*/
    color: white;

}

.body-wrapper .tparrows {
    background: transparent !important;
}

.body-wrapper .tparrows.tp-leftarrow:before {
    content: '\E761'
}

.body-wrapper .tparrows.tp-rightarrow:before {
    content: '\E762';
}

.home .body-wrapper .tparrows {
    visibility: visible !important;
    opacity: 0.75 !important;
}

.home .body-wrapper .tparrows:hover {
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .home .body-wrapper .tparrows {
        visibility: hidden !important;
    }
}

.spinner, #fancybox-loading div, .body-wrapper .tp-loader.spinner0 {
    border-left: 3px solid rgba(216,40,69,.15);
    border-right: 3px solid rgba(216,40,69,.15);
    border-bottom: 3px solid rgba(216,40,69,.15);
    border-top: 3px solid rgba(216,40,69,.8);
}
.body-wrapper .tp-loader.spinner0 {
    background: none !important;
    height: 36px;
    width: 36px;
    -webkit-animation: rotation .8s infinite linear;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-radius: 100%;
    margin: -18px -18px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    position: absolute;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.tp-bullets .tp-bullet {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(200,200,200,0.6) !important;
}

.tp-bullets .tp-bullet.selected,
.tp-bullets .tp-bullet:hover {
    background: rgba(160,160,160,0.6) !important;
}

.tp-bannertimer {
    width: 100%;
    height: 5px;
    background: url('../images/timer.png');
    position: absolute;
    z-index: 200;
    bottom: 0;
    top: auto;
}

.tp-caption.slidelink a span {
    background: url('../images/coloredbg.png') repeat !important;
}
.tp-mute {
    z-index: 9999;
    cursor:pointer;
    position: absolute;
    background: transparent;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    top: 20px;
    right: 20px;
    font-family: 'budicon';
    font-size: 22px;
    text-align: center;
}
.tp-mute:hover {
    color: #ccc;
}
a.muted:before {
    content: "\e126";
}
a.unmuted:before {
    content: "\e124";
}

.nav-tabs>li>a:hover {
    color: #232323 !important;
    font-weight: normal;
}

.product-top .btn-back {
    float: right;
    margin: 0;
}
.ProductLandingPage .last-panel {
    border-bottom: 1px solid #ccc;
}

.rs-background-video-layer .rs-fullvideo-cover {
    display: none;
}

.tp-revslider-mainul div.tp-bullets + div {
    display: none !important;
}

.productpage-products h2 {
    margin: 35px 40px 5px 0px;
    width: 100%;
    float: left;
    padding: 0 !important;
    border-bottom: 2px solid var(--accent1-color);
}

.productpage-products .tab-content {
    margin: 30px 0 100px;
}

.productpage-products .nav-tabs {
    margin-bottom: -30px;
}

.productpage-products  ul.items li.item figure {
  background-color: white;
  background-image: url('../images/texture-option-c-gradient.png');
  background-size: cover;
}

.productpage-products  ul.items li.item figure .product-heading {
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--accent2-bg-color);
}

.productpage-products  ul.items li.item figure .product-heading [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.productpage-products  ul.items li.item figure .product-heading .heading-text {
  color: white;
  font-weight: bold;
  overflow: hidden;
  max-height: 20px;
}

#searchbox #search {
    width: 180px;
    height: 26px;
    border: 1px solid#666;
    margin-bottom: 15px;
    box-shadow:none;
}
#searchbox input[type="submit"] {
    width: 80px;
    height: 28px;
    padding: 0;
}
.landing-icons1 {
    margin-bottom: 60px;
}
.smallitems ul.items .item figure {
    margin-bottom: 20px;
}
ul.items li.clear-title1 {
    min-height: 0 !important;
    width: 100% !important;
    clear: both !important;
    display: block;
    padding-right: 18px;
    overflow: auto;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}

.filtermounting1 {
    font-size: 21px;
    padding-bottom: 15px;
    color: #818181;
}
.filteroutput input {
    width: 100px;
    float: left;
    margin-right: 15px;
    margin-top: 20px;
    border: 1px solid #818181;
    font-size: 13px;
}
.filterfamily input[type="checkbox"], .filterCheckbox input[type="checkbox"] {
    width: 15px;
    display: inline-block;
}
.filterfamily label, .filterCheckbox  label {
    font-size: 13px;
    vertical-align: middle;
    margin-left: 0.5em;
}
.noUi-connect {
    background-color: var(--accent1-color) !important;
}
#lumenslider {
    width: 95%;
    padding-left: 15px;
    padding-right: 10px;
}
#min-lumen,
#max-lumen {
    padding: 0 5px;
}

a.opendisc,
a.closedisc {
    cursor: pointer;
}
.closedisc span,
.opendisc span {
    font-size: 20px;
    vertical-align: bottom;
}
.closedisc span {
    visibility: hidden;
}
.closedisc span:before {
    content: '-';
    visibility: visible;
}
.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.qtip-bootstrap {
    background: red;
}

@media (max-width: 767px) {
    .filterwrapper li a:hover,
    .filterwrapper li a.active {
        color: var(--accent1-color)
    }
    .ProductLandingPage h4.interior-heading,
    .ProductLandingPage h4.exterior-heading {
        font-size: 20px;
    }

    .ProductLandingPage .landing_mounting a span {
        font-size: 10px;
    }
    .mapholder {
        padding-left: 0 !important;
    }

    .ProductPage .item-downloads li,
    .ProductPageNew .item-downloads li,
    .ProductGlobalPage .item-downloads li {
        height: 15px;
        line-height: 15px;
    }

    .product-top {
        height: auto;
        line-height: 1em;
    }

    .product-top .btn-back {
        float: none;
    }

    h1.home-title {
        font-size: 32px;
        padding: 40px 0px;
        line-height: 40px;
    }

    .tp-banner-container .tp-revslider-mainul,
    .tp-banner-container .tp-revslider-mainul li {
        overflow: visible !important;
    }

    .tp-caption a {
        visibility: hidden;
    }

    .home-dark h4 {
      font-size: 36px;
      line-height: 36px;
     }

}

@media (max-width: 991px) {
    .default .nav > li.section > a, .default .nav>li.current>a {
        background: none !important;
    }

    #RecentlyViewed, #RecentlyViewedBox {
        height: 40px;
    }

    #RecentlyViewedBox div.rv-text {
        font-size: 10px;
        padding: 0 3px;
        line-height: 13px;
    }

    #NewsletterFormFrame {
        height: 300px;
    }

}

/* french adjustments */

.fr_FR .about-intro h1 {
    font-size: 22px;
    line-height: 28px;
}

.fr_FR #searchbox input[type="submit"] {
    width: 110px;
}

footer .widget ul li {
    list-style-position: inside;
    text-indent: -0.8em;
    padding-left: 0.8em;
}


/* newsletter modal */
#NewsletterFrame {
    padding: 0 30px;
    font-family: 'Open Sans', sans-serif;
}

#newsLetterModal .modal-body,
#NewsletterFrame{
    background: var(--accent1-bg-color) !important;
    color: #fff;
}

#newsLetterModal .close {
    color: #fff;
    opacity: 1;
}


#NewsletterFrame fieldset label {
    display: none !important;
}

#NewsletterFrame fieldset input[type="text"] {
    background: #fbfbfb;
}

#NewsletterFrame input[type="text"]::-webkit-input-placeholder,
#NewsletterFrame input[type="email"]::-webkit-input-placeholder {
    color: #222 !important;
}

#NewsletterFrame input[type="text"]:-moz-placeholder,
#NewsletterFrame input[type="email"]:-moz-placeholder { /* Firefox 18- */
    color: #222 !important;
}

#NewsletterFrame input[type="text"]::-moz-placeholder,
#NewsletterFrame input[type="email"]::-moz-placeholder {  /* Firefox 19+ */
    color: #222 !important;
}

#NewsletterFrame input[type="text"]:-ms-input-placeholder,
#NewsletterFrame input[type="email"]:-ms-input-placeholder {
    color: #222 !important;
}

#NewsletterFrame #Form_NewsletterForm_action_doSubscribe,
.close-newslettermodal {
    border: 1px solid #fff;
}

.file-download {
    cursor: pointer !important;
}

#tp-banner .btn-primary {
    background-color: #d52027;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px;
    text-transform: lowercase;
}

.navbar-header .navbar-nav .locales {
/*  display: none; */
}

.svg-image, .replaced-svg {
  width: 100%;
  height: auto;
  max-height: 60vh;
}

.geomap .replaced-svg {
  webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
  display: block;
}

.geomap .replaced-svg .regionstate {
  cursor: pointer;
}

.geomap .replaced-svg .regionstatename {
  pointer-events: none;
}

body.home.not-at-page-top .navbar.default, body.home .navbar.default {
    background-color: var(--header-top-bg-not-at-top);
    /*border-bottom: 1px solid #00b66f !important;*/
    /*transition: background-color 450ms, border-bottom 450ms;*/
}

@media (min-width: 990px) {
  body.home .navbar-header {
    background-color: transparent;
  }

  body.home .navbar {
    /* CLEANUP box-shadow: none !important; */
  }

  body.home .navbar.default {
    background-color: var(--header-top-bg);
    /*border-bottom-color: rgba(0,182,111,0.65) !important;*/
    transition: background-color 450ms, border-bottom 450ms;
  }

  body.home .body-wrapper .offset {
    x-disabled-padding-top: 0px !important;
  }
}

/* the image styles for the CMS */

p {
  float: none;
  clear: both;
}

.normal img, img.normal {

}

.full-width img, img.full-width {
  width: 100%;
  height: auto !important;
}

.half-width img, img.half-width {
  width: 50%;
  height: auto !important;
}

.one-third-width img, img.one-third-width {
  width: 33.3333333%;
  height: auto !important;
}

.two-third-width img, img.two-third-width {
  width: 66.66666666%;
  height: auto !important;
}

.half-width img, img.half-width {
  width: 50%;
  height: auto !important;
}

img.right {
  float: right;
  clear: right;
  margin: 0 0 18px 18px;
}
img.left {
  float: left;
  clear: left;
  margin: 0 18px 18px 0px;
}
img.leftAlone {
  margin: 0 18px 18px 0;
  float: none;
  display: block;
  clear: both;
}
img.center {
  display: block;
  margin: 0 auto 18px auto;
  clear: both;
}

@media (min-width: 768px) {
  .col-sm-20pct {
    float: left;
  }
  .col-sm-20pct {
    width: 20%;
  }
}

.project-filters .filter-groups {
  display: flex;
  flex-flow: row wrap;
}

.filter-group:not(:first-child) {
  margin-left: 3em;
}

@media (max-width: 767px) {
  .filter-group:not(:first-child) {
    margin-left: 0em;
  }

  body.ProjectPage .row {
      display:flex;
      flex-flow: column nowrap;
  }

  body.ProjectPage .row aside {
      order: 999;
  }
}

.project-filters fieldset .filter-options {
  display: flex;
  flex-flow: row wrap;
}

body.ProjectPage .post .post-content {
  /*min-height: 314px;  */
  min-height: 0px !important;
}

body.ProjectPage .post .post-content .summary {
  display: none;
}

.footer-link {
  display: inline-block;
  margin-right: 1em;
}

.subfooter div.footer-links {
  clear: both;
}

@media (max-width: 767px) {
  .subfooter div.footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.light-wrapper {
    background-image: linear-gradient(to bottom right, white, #f0f0f0);
}

.product-image-wrapper {
    background-image: url('../images/texture-option-c-gradient.png');
    background-size: cover;
}

.owl-carousel .owl-item figure a, .productpage-products ul.items li.item figure {
    background-image: url('../images/texture-option-c-gradient.png');
    background-size: cover;
}

/* styling of the icons for the product page */
.ProductGlobalPage .landing_mounting {
    border: 1px solid #a0a0a0;
}

.ProductGlobalPage .landing_mounting.active {
    border: 1px solid #00b666;
    -webkit-box-shadow: 0px 0px 3px 1px #00b666;
    box-shadow: 0px 0px 3px 1px #00b666
}

.ProductGlobalPage .landing_distribution {
    border: 1px solid transparent;
}

.ProductGlobalPage .landing_distribution.active {
    border: 1px solid #00b666;
    -webkit-box-shadow: 0px 0px 3px 1px #00b666;
    box-shadow: 0px 0px 3px 1px #00b666
}

/* the animated map */

.geomap-panel .resize-icon {
    display: none;
}
@media (min-width: 992px) {
    .geomap-panel {
        position: relative;
        background: rgba(240,240,240,0);
        border: 1px solid rgba(200,200,200,0);
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: background 450ms, border 450ms, width 400ms, -webkit-box-shadow 450ms;
        transition: background 450ms, border 450ms, width 400ms, -webkit-box-shadow 450ms;
        -o-transition: background 450ms, border 450ms, box-shadow 450ms, width 400ms;
        transition: background 450ms, border 450ms, box-shadow 450ms, width 400ms;
        transition: background 450ms, border 450ms, box-shadow 450ms, width 400ms, -webkit-box-shadow 450ms;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    .geomap-panel:hover {
        background: rgba(240,240,240,1);
        border: 1px solid rgba(200,200,200,1); ;
        width: 300%;
        -webkit-box-shadow: 0px 0px 5px #888888;
        box-shadow: 0px 0px 5px #888888;
        -webkit-transition: background 100ms, border 100ms, width 500ms, -webkit-box-shadow 200ms;
        transition: background 100ms, border 100ms, width 500ms, -webkit-box-shadow 200ms;
        -o-transition: background 100ms, border 100ms, box-shadow 200ms, width 500ms;
        transition: background 100ms, border 100ms, box-shadow 200ms, width 500ms;
        transition: background 100ms, border 100ms, box-shadow 200ms, width 500ms, -webkit-box-shadow 200ms;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    .geomap-panel .resize-icon {
        position: absolute;
        display: block;
        right: 10px;
        bottom: 10px;
        font-size: 1.15em;
    }
}

/* animation of the arrows to see more on the home page */
@media screen and (min-width: 1024px) {
  .see-more-content {
      position: relative;
      width: 0;
      height: 0;
      margin-left: auto;
      margin-right: auto;
      z-index:999;
      animation: see-more-disappear 5s linear 1;
      animation-fill-mode: forwards;
  }

  .see-more-content::after {
    content: " ";
    display: block;
    position: absolute;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    border: solid var(--accent2-color);
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
    animation: see-more-jump .5s linear alternate infinite;
  }

  @keyframes see-more-jump {
    0%   {margin-top: 3px;}
    40%  {margin-top: 15px;}
    100% {margin-top: 5px;}
  }
  @keyframes see-more-disappear {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    90%  {opacity: 0.75;}
    100% {opacity: 0;}
  }
}

/* grid display for regular pages */
p.tight-900px {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.page-content.two-columns {
  display: grid;
  grid-template-columns: 50% 50%;
  overflow: hidden;
}

.cell-1-1 {
  grid-row: 1;
  grid-column: 1;
}
.cell-1-2 {
  grid-row: 1;
  grid-column: 2;
}
.cell-2-1 {
  grid-row: 2;
  grid-column: 1;
}
.cell-2-2 {
  grid-row: 2;
  grid-column: 2;
}
.cell-3-1 {
  grid-row: 3;
  grid-column: 1;
}
.cell-3-2 {
  grid-row: 3;
  grid-column: 2;
}
.cell-4-1 {
  grid-row: 4;
  grid-column: 1;
}
.cell-4-2 {
  grid-row: 4;
  grid-column: 2;
}
.cell-5-1 {
  grid-row: 5;
  grid-column: 1;
}
.cell-5-2 {
  grid-row: 5;
  grid-column: 2;
}
.cell-6-1 {
  grid-row: 6;
  grid-column: 1;
}
.cell-6-2 {
  grid-row: 6;
  grid-column: 2;
}
.cell-7-1 {
  grid-row: 7;
  grid-column: 1;
}
.cell-7-2 {
  grid-row: 7;
  grid-column: 2;
}
.cell-8-1 {
  grid-row: 8;
  grid-column: 1;
}
.cell-8-2 {
  grid-row: 8;
  grid-column: 2;
}
.cell-9-1 {
  grid-row: 9;
  grid-column: 1;
}
.cell-9-2 {
  grid-row: 9;
  grid-column: 2;
}

*[class^="cell-"] {
  padding: 30px;
  width: 100%;
}

*[class^="cell-"].hide-overflow {
  padding: 0px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}


*[class^="cell-"].hide-overflow img {
  position: absolute;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  width: 1px !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .page-content.two-columns {
    display: block;
  }
  *[class^="cell-"] {
    padding: 0px;
  }
  *[class^="cell-"].hide-overflow {
      display: none;
  }
}

.filter-group.filter-location-group {
  display: none;
}

.news .social .icon-s-pinterest {
    background-color: transparent;
}
.news .social .icon-s-facebook {
    background-color: transparent;
}
.news .social .icon-s-twitter {
    background-color: transparent;
}
.news .social .icon-s-linkedin {
    background-color: transparent;
}
.news .social .icon-s-vimeo {
    background-color: transparent;
}
.news .social .icon-s-gplus {
    background-color: transparent;
}
.news .social .icon-s-instagram {
    background-color: transparent;
}



/* Style the magnifying glass*/
.img-magnifier-glass {
  opacity: 1;
  position: absolute;
  background-color: white;
  border: 3px solid rgba(0,0,0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  width: 150px;
  height: 150px;
  animation: show-magnifier-glass 0.75s;
}
.img-magnifier-glass .lense {
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 150px;
}
@keyframes show-magnifier-glass {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media (max-width: 992px) {
  .col-sm-20pct h3 {
      font-size: 1.75vw;
  }
}

@media (max-width: 768px) {
  .col-sm-20pct h3 {
    font-size: 25.63px;
  }
}

.locales ul {
    margin: 0;
    padding: 0;
}
.locales li {
    display: inline;
}
.locales li.en_US:after {
    /*content: "/";*/
    color: #fff;
}
.locales li a{
    display: inline-block;
    padding: 35px 2px;
    text-transform: uppercase;
    font-size: 11px;
}
.locales li.current a {
      cursor: default;
      font-weight: bold;
}
.locales li.current a:hover {
    color: var(--header-link-hover-color) !important;
}
.locales li.link a {
    font-weight: normal;
    color: #fff;
}
.locales li.link a:hover {
    color: #ccc !important;
}



/* ============================
   TrustArc CCM - Cyclone Brand
   ============================ */
#truste-consent-track {
    background-color: #061922 !important;
    border-top: 1px solid #319c74 !important;
}

#truste-consent-text,
#truste-consent-text * {
    color: #ffffff !important;
}

#truste-consent-text a {
    color: #319c74 !important;
}

/* Bouton "Gérer les paramètres" */
#truste-show-consent {
    background-color: transparent !important;
    border: 1px solid #319c74 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
}

#truste-show-consent:hover {
    background-color: #319c74 !important;
}

/* Boutons "Accepter" et "Tout Rejeter" */
#truste-consent-button,
#truste-consent-required {
    background-color: #319c74 !important;
    border: 1px solid #319c74 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
}

#truste-consent-button:hover,
#truste-consent-required:hover {
    background-color: #061922 !important;
    border-color: #319c74 !important;
}