﻿body {
  font: 14px/22px "pragmatica-web", "helvetica neue", "helvetica", "arial", sans-serif;
  color: #333;
  background: #f5f5f5;
}
a {
  color: #d12830;
}
a:hover {
  color: #d12830;
}
h1 {
  font-size: 24px;
  letter-spacing: 5px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.h2 {
  font-size: 22px;
  letter-spacing: 5px;
  font-weight: 700;
  text-transform: uppercase;
}
.h3 {
  font-size: 30px;
  letter-spacing: 1px;
  font-weight: 200;
  text-transform: uppercase;
}
.h4 {
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
.h5 {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}
.h6 {
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
.bold {
  font-weight: 700;
}
.bar:after {
  margin: 16px auto 0;
  background: #d12830;
  display: block;
  height: 4px;
  width: 30px;
  content: '...';
  text-indent: -9999px;
}
.bar.bar-left:after {
  margin: 16px 0;
}
.btn {
  background-color: #f5f5f5;
  border: 1px solid #000000;
  border-radius: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 12px;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
.btn:hover {
  background-color: #000000;
  color: #ffffff;
}
.btn:focus {
  outline: none;
}
.btn.dropdown-toggle {
  border-color: transparent;
}
.btn.dropdown-toggle:hover {
  color: #000000;
}
.btn.no-stroke {
  border-color: transparent;
}
.btn.no-stroke:hover {
  background: #000000;
}
.btn.block {
  display: block;
  clear: both;
}
.btn.btn-link {
  padding-left: 0;
  background: transparent;
  border: none;
}
.btn.btn-link:hover {
  color: #000000;
  text-decoration: underline;
}
.btn.btn-large {
  padding-bottom: 15px;
  padding-top: 15px;
}
.btn.btn-small {
  padding-bottom: 4px;
  padding-top: 4px;
}
.btn.btn-ctrl {
  border-color: #000000;
  background-color: transparent;
  margin-bottom: 10px;
}
.btn.btn-ctrl .fa {
  color: #000000;
}
.btn.btn-ctrl:hover {
  border-color: #000000;
  color: #000000;
}
.btn.white-txt {
  color: #ffffff;
}
.btn.transparent {
  background: transparent;
}
.btn > .fa {
  font-weight: bold;
  margin-left: 6px;
  margin-right: 6px;
  color: #d12830;
}
.btn.quick-view > .fa {
  color: #000000;
  margin-right: 4px;
}
.btn.quick-view:hover > .fa {
  color: #bec0c2;
}
.ctrl-text {
  background-color: transparent;
  margin-bottom: 10px;
  border-radius: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 12px;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1.42857143;
  display: inline-block;
}
.ctrl-text .fa {
  color: #000000;
}
.arrow {
  padding-right: 24px;
  position: relative;
}
.arrow:before {
  color: #d12830;
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
}
.btn-red {
  border-color: #d12830;
}
.btn-red:hover {
  background: #d12830;
  color: #ffffff;
}
.btn-red:hover > .fa {
  color: #000000;
}
.btn-black {
  background: #000000;
  color: #ffffff;
}
.btn-black:hover {
  background: #f5f5f5;
  color: #000000;
}
.btn-black.in-nav {
  border-color: #d12830;
}
.btn-tab {
  background: #fff;
  border-color: #e9ecee;
  position: relative;
  padding: 15px;
}
.btn-tab + .btn-tab {
  margin-left: 20px;
}
.btn-tab.active,
.btn-tab:hover {
  background: #000;
  border-color: #000;
  color: #fff;
}
.btn-tab.active:before {
  background: url(/Content/Baldwin/Img/triangle.png) no-repeat;
  bottom: -7px;
  content: '';
  height: 10px;
  left: 50%;
  margin-left: -9px;
  position: absolute;
  width: 18px;
}
.btn-grouped {
  clear: both;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  height: 38px;
}
.form-control.large {
  height: 54px;
}
.form-control:focus,
.form-control:active {
  border-color: #d12830;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(227, 42, 113, 0.6);
}
.tab-select {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.tab-select option {
  text-transform: capitalize;
}
.required {
  color: #d12830;
  font-weight: bold;
  font-size: 18px;
  vertical-align: bottom;
  margin-left: 3px;
}
.mobile .tab-select,
.mobile select {
  font-size: 16px;
}
@font-face {
  font-family: 'icomoon';
  src: url('/Content/Baldwin/Fonts/icomoon.eot?-efmhh0');
  src: url('/Content/Baldwin/fonts/icomoon.eot?#iefix-efmhh0') format('embedded-opentype'), url('/Content/Baldwin/fonts/icomoon.woff?-efmhh0') format('woff'), url('/Content/Baldwin/fonts/icomoon.svg?-efmhh0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-contact:before {
  content: "\e600";
}
.icon-box:before {
  content: "\e601";
}
.icon-documents:before {
  content: "\e602";
}
.icon-faq:before {
  content: "\e603";
}
.icon-location:before {
  content: "\e604";
}
.icon-speech:before {
  content: "\e605";
}
.icon-download:before {
  content: "\e606";
}
.icon-warranty:before {
  content: "\e607";
}
.link {
  color: #000000;
  padding-left: 26px;
  position: relative;
  text-decoration: none;
}
.link:before {
  content: '\f016';
  position: absolute;
  font-family: 'FontAwesome';
  color: #d12830;
  left: 0;
}
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row-equal-height {
  display: table;
}
.row-equal-height [class*="col="] {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.max-container {
  margin: auto !important;
  max-width: 1400px;
  width: 100%;
  padding-right: 15px !important;
  padding-left: 15px !important;
  clear: both;
}
.text-container {
  margin: auto !important;
  max-width: 960px;
  width: 100%;
  clear: both;
  padding: 0 23px !important;
}
.text-container p {
  margin: 0 0 20px;
}
.full-width-container {
  clear: both;
}
.full-width-container:before,
.full-width-container:after {
  content: " ";
  display: table;
}
.full-width-container:after {
  clear: both;
}
.full-width-container.white {
  background: #ffffff;
}
.full-width-container.gray {
  background: #f5f5f5;
}
.full-width-container.black {
  background: #000;
}
.full-width-container.border-top {
  border-top: 1px solid #e9ecee;
}
.full-width-container.image {
  background: #f5f5f5 url(/Content/Baldwin/Img/bg.jpg) top center no-repeat;
  background-size: 100% auto;
}
.table {
  table-layout: fixed;
}
.table th {
  background: #ddd;
}
#content-wrapper {
  position: relative;
  z-index: 3;
}
.page-content {
  position: relative;
  z-index: 1;
  background: #f5f5f5 url("/Content/Baldwin/Img/bg.jpg") top center no-repeat fixed;
  background-size: cover;
}
.page-sub-header {
  background: #fff;
  clear: both;
  margin-bottom: 15px;
  padding: 8px 0;
  text-align: center;
}
.page-sub-header h2 {
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 10px;
}
.page-sub-header-wrap {
  max-width: 960px;
  overflow: hidden;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.page-sub-header-wrap h2 {
  text-align: center;
}
.page-sub-header-wrap .btn {
  display: inline-block;
  margin-top: 3px;
}
.product-header {
  background: #000000;
  clear: both;
  padding: 20px 0;
}
.product-header-wrap {
  max-width: 1400px;
  overflow: hidden;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.product-header-wrap h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 5px 0 0;
}
.product-header-wrap .btn {
  margin: 10px auto 0;
}
.thumbnail-list {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.thumbnail-list > li {
  float: left;
  margin-bottom: 4px;
  margin-right: 4px;
  border: solid 1px transparent;
}
.thumbnail-list > li.selected {
  border: solid 1px #000000;
}
.search-result-thumbnail {
  clear: both;
  list-style: none;
  margin: 0 13px;
  padding: 0;
  overflow: hidden;
}
.search-result-thumbnail > li {
  float: left;
  margin-bottom: 4px;
  margin-right: 4px;
  border: solid 1px transparent;
}
.search-result-thumbnail > li.selected {
  border: solid 1px #000000;
}
.finishes-thumbnail {
  width: 45px;
  height: 45px;
}
.item-list {
  background: #f5f5f5;
  overflow: hidden;
  padding-bottom: 2px;
  padding-top: 2px;
  clear: both;
}
.item-list.wish-list {
  margin-bottom: 20px;
}
.item-list.wish-list .item {
  padding: 0 20px 20px;
  min-height: 600px;
}
@media screen and (max-width: 400px) {
  .item-list.wish-list .item {
    width: 100%;
  }
}
.item-list.wish-list .item .btn {
  margin-bottom: 15px;
  width: 100%;
  white-space: normal;
}
.item-list.wish-list .item:hover {
  border-color: #f5f5f5;
}
.item-list.literature .item {
  text-align: center;
  display: block;
}
.item-list.literature .item h2 {
  padding-top: 20px;
}
.item-list.literature .item img {
  max-height: 350px;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #c6c6c6;
}
.item-list.products .item {
  height: 340px;
}
.item-list.products .search-result-item {
  height: 500px;
}
.item-list .item-details {
  margin-bottom: 15px;
}
.item-list .item-details > img {
  float: left;
  margin-right: 12px;
  overflow: hidden;
}
.item-list .item-details > p {
  margin: 0;
  overflow: hidden;
}
.item-list .item,
.item-list .search-result-item {
  background: #ffffff;
  border: 2px solid #f5f5f5;
  display: table;
  height: 280px;
  padding: 20px 8px;
  position: relative;
  -transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  z-index: 1;
}
.item-list .item h2,
.item-list .search-result-item h2 {
  font-size: 20px;
  font-weight: 200;
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
}
.item-list .item > img,
.item-list .search-result-item > img {
  margin: 20px auto;
  height: auto;
  max-width: 240px;
  width: 100%;
}
.item-list .item dl,
.item-list .search-result-item dl {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.item-list .item dd,
.item-list .search-result-item dd {
  font-weight: 400;
  font-size: 16px;
  bottom: 0;
}
.item-list .item dt,
.item-list .search-result-item dt {
  margin-bottom: 20px;
}
.item-list .item dt img,
.item-list .search-result-item dt img {
  margin-left: auto;
  margin-right: auto;
}
.item-list .item .item-title,
.item-list .search-result-item .item-title {
  color: #000;
  letter-spacing: 0;
}
.item-list .item .quick-view,
.item-list .search-result-item .quick-view {
  display: none;
}
.item-list .item:hover,
.item-list .search-result-item:hover {
  border-color: #000000;
}
.item-list .item:hover .quick-view,
.item-list .search-result-item:hover .quick-view {
  display: block;
  margin: auto;
  position: absolute;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 50px;
}
.search-result-item dd {
  font-weight: 400;
  font-size: 16px;
  bottom: 0;
  padding-bottom: 10px;
  height: 100px;
}
.search-result-item dl {
  vertical-align: top!important;
}
.wishlist-btn-group {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
}
.results-container {
  background: #ffffff;
  clear: both;
}
.results-container ul {
  margin: 2% 1%;
}
.results-container .page-nav {
  margin: 20px 0;
}
.image-text-row-overflow > div {
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  float: none;
  height: 100%;
}
.image-text-row-overflow > div:first-child img {
  width: 100%;
}
.image-text-row-overflow > div:last-child {
  vertical-align: middle;
  padding: 5% 10%;
  font-size: 16px;
  line-height: 24px;
}
.image-text-row-overflow > div:last-child h3 {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .image-text-row-overflow {
    width: 100%;
    display: table;
  }
  .image-text-row-overflow > div {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
  .image-text-row-overflow > div.column1 {
    vertical-align: top;
  }
  .image-text-row-overflow > div.column2 {
    padding: 2em;
  }
  .image-text-row-overflow.img-right > div.column1 {
    float: right;
  }
  .image-text-row-overflow.img-right > div.column2 {
    float: left;
  }
}
.or {
  background: #d12830;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  height: 46px;
  margin: 6px 10px 10px 18px;
  text-align: center;
  width: 46px;
}
.or span {
  line-height: 46px;
  text-align: center;
}
/*REFACTOR INTO A BOOTSTRAP OVERRIDE LESS*/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #ffffff;
}
.header {
  display: table;
  min-height: 188px;
}
.header.no-title {
  min-height: 0;
  margin-bottom: 12px;
  margin-top: 8px;
}
.header .header-container {
  display: table-cell;
  padding: 3% 3% 1%;
  text-align: center;
  vertical-align: middle;
}
.header .header-container > h1 {
  display: block;
}
.header h1 {
  color: #000000;
  display: table-cell;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.header h1 span {
  background: #d12830;
  display: block;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
}
.header p {
  margin: 2% auto;
  max-width: 600px;
}
.header p .btn + .btn {
  margin-top: 10px;
}
.header-tabs {
  padding: 15px 0 5px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.mobile-nav {
  margin: 0;
}
.btn-white-txt {
  color: #fff;
}
.home section {
  text-align: center;
}
.home section.showcase:before,
.home section.news:before {
  width: 83.3333%;
  display: block;
  margin: 0 auto;
  height: 1px;
  background: #000;
  content: '';
}
.home section .max-container {
  padding: 40px 0;
  border-bottom: 1px solid #bec0c2;
  overflow: hidden;
}
.home section .max-container:before,
.home section .max-container:after {
  content: " ";
  display: table;
}
.home section .max-container:after {
  clear: both;
}
.home section:last-of-type .max-container {
  border-bottom: none;
}
.home .section-title {
  display: block;
  font-size: 22px;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}
.bar:after {
  margin: 16px auto 0;
  background: #d12830;
  display: block;
  height: 4px;
  width: 30px;
  content: '...';
  text-indent: -9999px;
}
.bar.bar-left:after {
  margin: 16px 3px;
}
.hero-wrap:before,
.hero-wrap:after {
  content: " ";
  display: table;
}
.hero-wrap:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .hero-wrap {
    height: 645px;
  }
}
.home-slideshow {
  height: 430px;
  padding-left: 0;
  padding-right: 0;
}
.home-slideshow a {
  color: #000;
}
.home-slideshow a:hover .btn {
  background: #fff;
  color: #000;
}
@media screen and (min-width: 970px) {
  .home-slideshow {
    height: 100%;
    max-width: 1600px;
  }
}
.slideshow-wrap {
  position: relative;
  height: 100%;
}
.slide {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.slide-image {
  height: auto;
  max-width: 100%;
  position: relative;
}
@media screen and (min-width: 970px) {
  .slide-image {
    max-width: none;
  }
}
.slide-info {
  padding: 20px;
  background: rgba(238, 238, 238, 0.9);
  top: 34%;
  left: 5%;
  width: 90%;
  position: absolute;
  z-index: 2;
}
.slide-info .btn {
  position: absolute;
  bottom: -42px;
  left: 0;
  background: #000;
  color: #fff;
  font-weight: normal;
  letter-spacing: 2px;
  width: 120px;
  margin-top: 30px;
}
@media screen and (min-width: 970px) {
  .slide-info {
    bottom: 70px;
    left: 30px;
    right: auto;
    padding: 42px;
    width: auto;
    top: auto;
  }
  .slide-info .btn {
    width: 180px;
  }
}
.slide-title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (min-width: 970px) {
  .slide-title {
    font-size: 48px;
    line-height: 50px;
  }
}
.slide-subtext {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.slideshow-index-wrap {
  text-align: center;
  z-index: 101;
  position: relative;
  top: -30px;
}
@media screen and (min-width: 970px) {
  .slideshow-index-wrap {
    bottom: 15px;
    right: 15px;
    top: auto;
    position: absolute;
  }
}
.slideshow-index-wrap > span {
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  text-indent: -9999em;
  margin-left: 5px;
  cursor: pointer;
  width: 11px;
  height: 10px;
  background: #191919;
}
.slideshow-index-wrap > span.cycle-pager-active,
.slideshow-index-wrap > span:hover {
  background: #d12830;
}
@media screen and (min-width: 970px) {
  .slideshow-index-wrap > span {
    background: rgba(213, 213, 213, 0.9);
    border: 1px solid #fff;
    height: 17px;
    width: 17px;
  }
  .slideshow-index-wrap > span.cycle-pager-active,
  .slideshow-index-wrap > span:hover {
    background: #ffffff;
  }
}
.feature-1 {
  height: 450px;
}
@media screen and (min-width: 992px) {
  .feature-1 {
    height: 100%!important;
    background-position: center center;
    border-left: 1px solid #fff;
  }
}
.feature-2 {
  height: 450px;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .feature-2 {
    height: 350px;
  }
}
@media screen and (min-width: 992px) {
  .feature-2 {
    height: 50%!important;
    background-position: center center;
    border-left: 1px solid #fff;
  }
}
.feature-1,
.feature-2 {
  padding: 3% 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.feature-1 a,
.feature-2 a {
  color: #ffffff;
  text-decoration: none;
}
.feature-1 a :hover,
.feature-2 a :hover,
.feature-1 a :visited,
.feature-2 a :visited {
  color: #ffffff;
}
.feature-1 .align-bottom,
.feature-2 .align-bottom {
  width: 80%;
  z-index: 1000;
  position: absolute;
  left: 10%;
  bottom: 10%;
}
.feature-1 .align-bottom a,
.feature-2 .align-bottom a {
  width: 100%;
}
.feature-1 .btn,
.feature-2 .btn {
  background-color: transparent;
  width: 100%;
  margin-top: 30px;
}
.feature-1 .btn:hover,
.feature-2 .btn:hover {
  background: #d12830;
}
.feature-lock-designer {
  background-image: url(/Content/Baldwin/Images/Home/home-lock-designer-bg.jpg);
}
.feature-lock-designer img {
  margin: 0 auto;
}
.feature-lock-designer img.lock-designer-knob {
  width: 100%;
  max-width: 250px;
  margin-top: -90px;
}
.feature-lock-designer .btn {
  background-color: transparent;
  width: 100%;
  margin-top: 30px;
}
.feature-lock-designer .btn:hover {
  background: #d12830;
}
@media screen and (min-width: 992px) {
  .feature-lock-designer {
    background-position: center center;
    border-left: 1px solid #fff;
  }
  .feature-lock-designer img.lock-designer-knob {
    width: auto;
    margin-top: -90px;
    max-width: 350px;
  }
}
.feature-2.feature-lock-designer {
  height: 350px;
}
@media screen and (min-width: 992px) {
  .feature-2.feature-lock-designer img.lock-designer-knob {
    margin-top: -75px;
    max-width: 200px;
  }
}
.feature-2.feature-design-council {
  height: 250px;
  background-image: url(/Content/Baldwin/Images/Home/home-design-council-bg.jpg);
}
.feature-2.feature-design-council img {
  max-width: 80%;
  margin: 60px auto 0 auto;
}
@media screen and (min-width: 400px) {
  .feature-2.feature-design-council {
    height: 350px;
  }
}
.feature-2.feature-design-competition {
  height: 350px;
  background-image: url(/Content/Baldwin/Images/Home/home-design-competition-spotlight-bg.jpg);
  padding-left: 5%;
  padding-right: 5%;
}
.feature-2.feature-design-competition h4 {
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 4px;
}
.feature-2.feature-design-competition h3 {
  font-size: 28px;
}
@media screen and (min-width: 992px) {
  .feature-2.feature-design-competition {
    padding-left: 1%;
    padding-right: 1%;
  }
  .feature-2.feature-design-competition h3 {
    font-size: 24px;
  }
}
.portfolio-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.portfolio-thumb img {
  width: 100%;
}
.portfolio-thumb .content {
  position: absolute;
  padding: 0 6% 6%;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.portfolio-thumb .content h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  position: relative;
}
.portfolio-thumb .btn {
  border-color: #fff;
  background-color: transparent;
}
@media screen and (min-width: 970px) {
  .portfolio-thumb {
    background: #000;
  }
  .portfolio-thumb h3 {
    top: 60px;
    transition: top .3s;
  }
  .portfolio-thumb span.btn,
  .portfolio-thumb p {
    opacity: 0;
    transition: all .3s;
    top: 30px;
    position: relative;
  }
  .portfolio-thumb p {
    margin: 0;
    padding-top: 10px;
  }
  .portfolio-thumb .content {
    z-index: 100;
  }
  .portfolio-thumb img {
    transition: all .3s;
  }
  .portfolio-thumb .btn {
    margin-top: 30px;
  }
  .portfolio-thumb:hover img {
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    opacity: .3;
  }
  .portfolio-thumb:hover .content h3 {
    top: 0;
  }
  .portfolio-thumb:hover .content span.btn,
  .portfolio-thumb:hover .content p {
    opacity: 1;
    top: 0;
    transition-delay: .1s;
    transition-duration: .6s;
  }
  .portfolio-thumb:hover .content a {
    transition-delay: .3s;
  }
  .portfolio-thumb .btn:hover {
    background: #fff;
    color: #000;
  }
}
.showcases {
  overflow: hidden;
}
.showcases.showcases-home {
  background: #000;
}
.showcases.showcases-home .showcase-wrap {
  margin-bottom: 0;
}
.showcases .showcase-wrap {
  position: relative;
  background: #000;
  margin-bottom: 15px;
}
.showcases .showcase-img-wrap {
  padding: 0;
  overflow: hidden;
  display: block;
}
.showcases .showcase-img-wrap img {
  width: 100%;
  height: auto;
}
.showcases .showcase-content-child {
  width: 70%;
  margin: 0 auto;
}
.showcases .showcase-info-wrap {
  padding: 0;
  color: #fff;
  position: relative;
  z-index: 10;
  text-align: left;
  display: block;
  padding: 5% 0;
  vertical-align: middle;
}
.showcases .showcase-info-wrap:before {
  display: block;
  content: '<';
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: #000;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.showcases .showcase-info-wrap strong {
  font-weight: 100;
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 36px;
  position: relative;
  margin-top: 0;
}
.showcases .showcase-info-wrap em {
  color: #d12830;
  font-style: normal;
  display: block;
  margin: 3px 0 10px;
  font-size: 16px;
}
.showcases .btn {
  background-color: transparent;
  margin-top: 30px;
}
.showcases .btn:hover {
  background: #fff;
  color: #000;
}
@media screen and (min-width: 970px) {
  .showcases .showcase-wrap {
    display: table;
  }
  .showcases .showcase-wrap:before {
    display: block;
    content: '<';
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    background: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
  }
  .showcases .showcase-wrap .showcase-img-wrap {
    width: 50%;
    display: table-cell;
  }
  .showcases .showcase-wrap .showcase-info-wrap {
    width: 50%;
    display: table-cell;
  }
  .showcases .showcase-wrap .showcase-info-wrap:before {
    display: none;
  }
  .showcases .showcase-wrap .showcase-info-wrap strong:before {
    display: none;
  }
  .showcases .showcase-wrap .showcase-info-wrap > .showcase-content-child {
    padding-left: 10%;
    padding-right: 10%;
    width: auto;
    margin: 0;
  }
}
.showcase-nav {
  display: table;
  width: 100%;
  margin-top: 1px;
}
.all-showcase-wrap {
  display: table-cell;
  width: 20%;
  vertical-align: middle;
  text-align: center;
}
.showcase-thumbnails {
  list-style: none;
  margin: 1px 0 0 0;
  padding: 0;
  text-align: left;
  width: 80%;
  width: 100%;
  display: none;
}
@media screen and (min-width: 970px) {
  .showcase-thumbnails {
    display: table-cell;
  }
}
.showcase-thumbnails > li {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  text-align: left;
  margin: 0;
  padding: 0;
  border-left: 1px solid #fff;
}
.showcase-thumbnails > li .title {
  position: absolute;
  font-weight: 100;
  color: #ffffff;
  bottom: 10px;
  left: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  z-index: 1;
}
.showcase-thumbnails > li:first-child {
  border-left: none;
}
.showcase-thumbnails > li:hover {
  cursor: pointer;
}
.showcase-thumbnails > li:after {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent url('/Content/Baldwin/Images/Home/showcase-rotator-bg.png') left bottom repeat-x;
  position: absolute;
  left: 0;
  top: 0;
}
.showcase-thumbnails > li.cycle-pager-active img {
  border: 2px solid #000000;
}
.showcase-thumbnails > li img {
  width: 100%;
  height: auto;
}
.news-wrapper {
  position: relative;
  margin-bottom: 30px;
}
.news-wrapper .news-main {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 100%;
}
.news-wrapper .news-main a {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-wrapper .news-main a img {
  width: 100%;
  height: 100%;
}
.news-wrapper .news-sub {
  position: relative;
  top: 0;
  right: 0;
}
.news-wrapper .news-article-summary {
  z-index: 10;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #000;
  color: #fff;
  padding: 6% 10%;
  text-align: left;
}
.news-wrapper .news-article-summary h4 {
  font-weight: 100;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
}
.news-wrapper .news-article-summary:before {
  display: block;
  content: '<';
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  background: #000;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin: -20px 0 0 -20px;
}
.news-wrapper .news-article-summary .btn {
  background-color: transparent;
}
.news-wrapper .news-article-summary .btn:hover {
  background: #fff;
  color: #000;
}
.news-wrapper .news-twitter {
  /*margin-top:6%;*/
  position: relative;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #00abed;
  padding: 55% 0 0;
}
.news-wrapper .news-twitter a {
  color: #fff;
}
.news-wrapper .news-twitter .v-aligner-container {
  top: 30%;
  padding: 0 6%;
  position: absolute;
}
.news-wrapper .news-instagram {
  margin-top: 6%;
  position: relative;
  bottom: 0;
  left: 0;
}
.news-wrapper .news-instagram .instagram-photo {
  width: 100%;
  height: auto;
}
.news-wrapper .news-badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 30%;
}
.news-wrapper .news-date {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
@media screen and (min-width: 970px) {
  .news-wrapper {
    padding-top: 50%;
  }
  .news-wrapper .news-main {
    position: absolute;
    width: 50%;
    height: 100%;
    padding-top: 0;
  }
  .news-wrapper .news-sub {
    position: absolute;
    width: 50%;
    height: 100%;
  }
  .news-wrapper .news-article-summary {
    position: absolute;
    padding: 0 10%;
  }
  .news-wrapper .news-article-summary h4 {
    font-size: 1.6vw;
    line-height: 32px;
  }
  .news-wrapper .news-article-summary:before {
    left: 0;
    top: 50%;
  }
  .news-wrapper .news-instagram {
    margin-top: 0;
    position: absolute;
    width: 50%;
    height: 50%;
  }
  .news-wrapper .news-twitter {
    margin-top: 0;
    position: absolute;
    width: 50%;
    height: 50%;
    padding: 0;
  }
  .news-wrapper .news-twitter .v-aligner-container {
    position: static;
  }
}
.v-aligner-container {
  display: table;
  width: 100%;
  height: 100%;
}
.v-aligner-container .v-aligner {
  vertical-align: middle;
  height: 100%;
  display: table-cell;
}
#products #results-container ul {
  margin: 2% 1%;
}
#products #results-container .page-nav {
  margin: 20px 0;
}
.sub-nav {
  background: #000000;
  color: #ffffff;
  min-height: 85px;
  clear: both;
}
.sub-nav .nav {
  padding: 1%;
}
.sub-nav .nav li {
  padding-right: 4%;
  padding-left: 4%;
}
.sub-nav .right-sub-nav {
  text-align: center;
}
.sub-nav .right-sub-nav #or {
  color: #bec0c2;
  padding: 0 3% 0 1%;
  font-size: 11px;
}
.sub-nav .right-sub-nav #compare {
  color: #ffffff;
  display: inline-block;
}
.sub-nav .right-sub-nav #compare:hover {
  color: #e9ecee;
}
.sub-nav .btn-black.in-nav {
  display: block;
  margin: 10px;
}
.p-nav {
  text-align: center;
  border-bottom: 1px solid #252525;
  padding: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
}
.p-nav > li {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 33.33333%;
  border-bottom: solid 3px transparent;
  border-right: solid 1px #252525;
  text-align: center;
}
.p-nav > li:last-child {
  border-right: none;
}
.p-nav > li:hover,
.p-nav > li.active {
  border-bottom: solid 3px #d12830;
}
.p-nav > li > a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 25px 5px 20px;
  width: 100%;
  height: 100%;
  display: block;
}
.p-nav > li > a:hover {
  text-decoration: none;
}
.main-filter {
  margin-top: 4px;
  width: 100%;
}
.main-filter .btn {
  background: #ffffff;
  font-size: 16px;
  height: 56px;
  text-align: left;
  border-color: transparent;
  width: 100%;
}
.main-filter .btn:hover {
  background: #ffffff;
  color: #000000;
}
.main-filter .btn .d-arrow {
  float: right;
}
.main-filter .dropdown-menu {
  min-width: 302px;
  width: 100%;
}
#filter-nav #filter-container label {
  font-weight: 300;
}
#filter-nav #filter-container h6 {
  font-weight: 700;
}
#filter-nav #filter-container .filter-container {
  clear: both;
  margin-top: 12px;
  background: #fff;
  padding: 8px;
}
#filter-nav #filter-container .filter-container h6 {
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 0 0;
  margin: 0;
}
#filter-nav #filter-container #clear-results button {
  float: none;
  font-weight: 700;
  margin: 0;
  text-align: center;
  width: 100%;
}
#filter-nav #filter-container .form-group {
  text-align: left;
}
#filter-nav #filter-container .form-group .btn {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 42px;
  height: 42px;
  text-align: left;
  font-weight: 300;
  text-transform: none;
}
#filter-nav #filter-container .form-group .btn span:after {
  display: inline-block;
  content: '\203A';
  margin-left: 8px;
}
#filter-nav #filter-container .form-group label {
  text-align: left;
}
#filter-modals {
  height: 0;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
#filter-modals .overlay {
  background: rgba(0, 0, 0, 0);
  transition: background .6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#filter-modals header {
  height: 10%;
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #bec0c2;
  text-align: center;
}
#filter-modals header h5 {
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
}
#filter-modals header .close-modal {
  width: 10%;
  height: 10%;
  background-size: cover;
}
#filter-modals .filter-modal {
  max-height: 80%;
  overflow-y: auto;
  padding: 0 5%;
}
#filter-modals footer {
  text-align: center;
  padding: 14px 0;
  border-top: 1px solid #bec0c2;
}
#filter-modals .modal-wrapper {
  z-index: 2;
  opacity: 0;
  transition: opacity .6s;
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  position: absolute;
}
#filter-modals .modal-wrapper .description {
  text-align: center;
  margin: 14px 0;
}
#filter-modals .modal-wrapper ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#filter-modals .modal-wrapper li {
  display: inline-block;
  list-style: none;
  padding: 10px;
  width: 50%;
  vertical-align: top;
}
#filter-modals .modal-wrapper li a {
  color: #000;
  display: block;
  border: 1px solid #ffffff;
  -webkit-transition: border-color 0.6s;
  transition: border-color 0.6s;
}
#filter-modals .modal-wrapper li a img {
  width: 100%;
  height: auto;
}
#filter-modals .modal-wrapper li a span {
  display: block;
  padding-left: 5%;
  vertical-align: top;
  font-size: 16px;
  margin: 12px 0;
}
#filter-modals .modal-wrapper li a span i {
  margin-right: 5px;
}
#filter-modals .modal-wrapper li a:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #bec0c2;
}
#filter-modals .modal-wrapper li.selected a {
  border-color: #000;
}
#filter-modals.show-modal {
  height: 100%;
  width: 100%;
  z-index: 1000;
}
#filter-modals.show-modal .overlay {
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=80);
}
#filter-modals.show-modal .modal-wrapper {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  #filter-modals .modal-wrapper {
    width: 74%;
    max-height: 80%;
    height: auto;
    left: 13%;
    top: 10%;
  }
  #filter-modals .modal-wrapper.modal-wrapper-lockType {
    width: 50%;
    left: 25%;
  }
  #filter-modals .modal-wrapper.modal-wrapper-lockType footer {
    height: 10%;
  }
  #filter-modals .modal-wrapper.modal-wrapper-lockType header {
    height: 14%;
  }
  #filter-modals .modal-wrapper .filter-modal {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 76%;
    padding: 0 8%;
  }
  #filter-modals .modal-wrapper li {
    width: 20%;
    padding: 1%;
  }
  #filter-modals .modal-wrapper li a {
    padding: 2%;
  }
  #filter-modals .modal-wrapper #finish-modal li {
    width: 16.6%;
  }
  #filter-modals .modal-wrapper #type-modal {
    overflow: hidden;
    padding: 0 8%;
  }
  #filter-modals .modal-wrapper #type-modal li {
    width: 46%;
    margin: 0 2%;
  }
  #filter-modals .modal-wrapper footer {
    height: 12%;
    min-height: 70px;
    background: #ffffff;
  }
  #filter-modals .modal-wrapper header {
    height: 64px;
  }
}
@media screen and (min-width: 1500px) {
  #filter-modals .modal-wrapper {
    width: 70%;
    left: 15%;
  }
  #filter-modals .modal-wrapper .filter-modal {
    max-height: 82%;
    padding: 0 5%;
  }
  #filter-modals .modal-wrapper li {
    text-align: center;
  }
  #filter-modals .modal-wrapper li a img {
    width: 88%;
  }
  #filter-modals .modal-wrapper li a span {
    text-align: left;
    padding-left: 14%;
  }
}
body.filter-modal-showing {
  overflow: hidden;
}
.faq-header {
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
}
.faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-list-item {
  border-bottom: 1px solid #bec0c2;
}
.faq-list-item:last-child {
  border-bottom: none;
}
.faq-list-item .question {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 10px 10px 30px;
  cursor: pointer;
}
.faq-list-item .question:before {
  content: '\f055';
  color: #d12830;
  position: absolute;
  font-size: 18px;
  left: 0;
  font-family: 'FontAwesome';
  transition: color 0.2s ease-in;
}
.faq-list-item .question.expanded:before {
  content: '\f056';
  color: #000000;
}
.faq-list-item .answer {
  overflow: hidden;
  display: none;
}
.faq-list-item .answer-wrap {
  margin: 10px 20px 20px 30px;
}
.support-container .item {
  background: #ffffff;
  display: table;
  font-size: 16px;
  float: left;
  margin: 8px 0 0 8px;
  padding: 0 5px;
  min-height: 168px;
  width: 47%;
  z-index: 1;
  text-decoration: none;
  color: #000000;
}
.support-container .item .h4 {
  font-size: 15px;
}
.support-container .item dl {
  display: table-cell;
  margin-bottom: 20px !important;
  text-align: center;
  vertical-align: middle;
}
.support-container .item dt {
  font-weight: bold;
  margin-bottom: 20px;
}
.support-container .item dd {
  font-size: 14px;
  font-weight: normal;
}
.support-container .item [class^="icon-"],
.support-container .item [class*=" icon-"] {
  font-size: 40px;
  margin-bottom: 5%;
  display: block;
}
.support-container .item .btn-default {
  background-color: #ffffff;
  border-color: transparent;
  font-size: 12px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  width: 200px;
}
.support-container .item:hover {
  background: url("/Content/Baldwin/Img/black-panel.jpg") repeat;
  color: #ffffff;
}
.support-container .item:hover .btn-default {
  background-color: transparent;
  border: 1px solid #d12830;
  color: #ffffff;
}
@media screen and (min-width: 480px) {
  .support-container .item {
    min-height: 178px;
    width: 31.5%;
    padding: 0 10px;
  }
  .support-container .item dt {
    font-size: 14px;
  }
  .support-container .item [class^="icon-"],
  .support-container .item [class*=" icon-"] {
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) {
  .support-container .item {
    min-height: 288px;
    width: 48%;
  }
  .support-container .item .h4 {
    font-size: 20px;
  }
  .support-container .item dd {
    margin: 10px auto;
    padding: 0 20%;
    min-height: 40px;
  }
}
@media screen and (min-width: 992px) {
  .support-container .item {
    width: 32.5%;
  }
  .support-container .item [class^="icon-"],
  .support-container .item [class*=" icon-"] {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .support-container .item {
    height: 330px;
    width: 32.5%;
  }
  .support-container .item dt {
    font-size: 18px;
  }
}
.results-list {
  clear: both;
  list-style: none;
}
.result-list-item {
  clear: both;
  overflow: hidden;
}
.result-list-item h3 {
  font-size: 14px;
  font-weight: 700;
}
.result-list-item .img-responsive {
  margin-bottom: 20px;
}
.result-list-item .type {
  color: #d12830;
}
.result-list-item .dSkus li {
  float: left;
  margin-right: 15px;
}
.contact .h2 {
  letter-spacing: 1px;
}
.contact #location {
  background: #ffffff;
  margin: auto;
  padding: 5% 2%;
}
.contact #location span {
  color: #000000;
  font-size: 40px;
}
.contact #location address,
.contact #location ul {
  margin-top: 4%;
}
.contact #options {
  background: url("/Content/Baldwin/Img/black-panel.jpg") repeat;
  color: #ffffff;
  padding: 5% 2%;
}
.contact #options span {
  font-size: 40px;
}
.contact #options h2 {
  margin-bottom: 30px;
}
.contact #options label {
  margin-bottom: 10px;
}
.contact #options .form-control {
  max-width: 600px;
  margin: 0 auto;
}
.contact #contact-container {
  margin-bottom: 10px;
}
.contact #contact-container .form-group {
  padding: 10px;
}
#blog-entry {
  background: #ffffff url("/Content/Baldwin/Img/bg.jpg") top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#blog-entry p {
  margin: 2% 0;
}
#tech-specs .product {
  padding: 1%;
  background: #fff;
  margin: 15px 0;
  float: none;
}
#tech-specs .product .collapse {
  position: relative;
  line-height: 16px;
}
#tech-specs .product .collapse:before {
  content: '\f107';
  color: #d12830;
  position: absolute;
  left: 92px;
  top: -34px;
  font-family: 'FontAwesome';
}
#tech-specs .product .collapsed {
  position: relative;
  line-height: 16px;
}
#tech-specs .product .collapsed:before {
  content: '\f104';
  color: #d12830;
  position: absolute;
  right: 0;
  font-family: 'FontAwesome';
}
#tech-specs .product li a {
  line-height: 28px;
}
#tech-specs .product .btn {
  background: transparent;
  border: none;
  margin-top: 10px;
  color: #000000 !important;
}
.result-list {
  background: #f5f5f5;
}
.result-list .media .media-heading {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-left: 3%;
  margin-top: 2%;
}
.result-list .media .media-body {
  border-bottom: 0;
}
.result-list .media .guide-list {
  margin-left: 4%;
}
.result-list .media .discontinued {
  font-weight: bold;
  margin-left: 4%;
}
.result-list .media img {
  max-width: 100px;
}
.result-list .media .panel-group {
  border-color: transparent;
  border-bottom: 0;
}
.result-list .media .panel-group .panel {
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.result-list .media .panel-group .panel-heading {
  background-color: #ffffff;
  letter-spacing: 2px;
}
.result-list .media .panel-group .panel-body {
  border-top: 0;
  border-bottom-color: transparent;
}
.result-list .btn-white {
  border: 0;
}
.result-list .tile-container {
  max-width: 470px;
}
.result-list .tile {
  background: #bec0c2;
  float: left;
  height: 55px;
  margin: 0 2% 2% 0;
  width: 55px;
}
.result-list .searchfinish {
  height: 30px;
  width: 30px;
}
#tech-search {
  display: block;
}
#tech-search #tech-container {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
#tech-search .form-control {
  margin: 0 0 10px 0;
}
@media (min-width: 991px) {
  #tech-search .form-control {
    margin: 0 10px 10px 10px;
    max-width: 215px;
  }
}
#tech-search #model-number {
  height: 54px;
  line-height: 54px;
  width: 100%;
}
@media (min-width: 991px) {
  #tech-search #p-type {
    margin: 0 0 10px 10px;
  }
}
#tech-search .btn-black {
  height: 50px;
  margin-bottom: 0;
  margin-top: 1px;
  margin-left: 0;
  text-align: center;
}
#tech-search select {
  height: 54px;
  line-height: 54px;
  margin-bottom: 10px;
  margin-right: 0;
}
#tech-search .checkbox {
  font-size: 11px;
  text-align: center;
}
#tech-search .checkbox input {
  height: 14px;
  min-width: 14px;
}
.mobile-nav {
  margin: 0;
}
.floatright {
  float: right;
}
.compare-portfolios {
  width: 100%;
  margin: 2em 0;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 12px;
}
.compare-portfolios .row:before,
.compare-portfolios .row:after {
  height: 0;
}
.compare-portfolios .affix {
  top: 0;
  background: #f5f5f5;
  z-index: 99;
  margin-top: 0;
  position: fixed !important;
  border-bottom: 1px solid #000;
}
.compare-portfolios strong {
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  height: 42px;
}
.compare-portfolios strong:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.compare-portfolios a {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 1em;
  font-weight: bold;
}
.compare-portfolios a:hover {
  color: #d12830;
  text-decoration: none;
}
.compare-portfolios img {
  display: block;
  margin: 0 auto 1em;
  max-width: 100%;
}
.compare-portfolios .compare-estate {
  padding-bottom: 2em;
}
.compare-portfolios .compare-estate .bar:after {
  background: #5ac4eb;
}
.compare-portfolios .compare-reserve {
  padding-bottom: 2em;
}
.compare-portfolios .compare-reserve .bar:after {
  background: #f06c46;
}
.compare-portfolios .compare-prestige {
  padding-bottom: 2em;
}
.compare-portfolios .compare-prestige .bar:after {
  background: #94c748;
}
.compare-portfolios .header-bar {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1em 0.25em;
}
.compare-portfolios .compareEstate {
  border-top: 5px solid #5ac4eb;
  padding: 1em 0 2em;
}
.compare-portfolios .compareReserve {
  border-top: 5px solid #f06c46;
  padding: 1em 0 2em;
}
.compare-portfolios .comparePrestige {
  border-top: 5px solid #94c748;
  padding: 1em 0 2em;
}
.compare-portfolios ul {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.compare-portfolios ul li {
  line-height: 1.3;
  margin-bottom: 0.5em;
}
.compare-portfolios th,
.compare-portfolios td {
  vertical-align: top;
}
.compare-portfolios thead th {
  width: 33.3333%;
  text-align: center;
  padding-bottom: 2em;
}
.compare-portfolios thead img {
  display: block;
  margin: 0 auto 1em;
  max-width: 100%;
}
.compare-portfolios thead strong {
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  height: 55px;
}
.compare-portfolios thead strong:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.compare-portfolios thead a {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  margin-top: 1em;
}
.compare-portfolios thead a:hover {
  color: #d12830;
  text-decoration: none;
}
.compare-portfolios thead th.compare-estate .bar:after {
  background: #5ac4eb;
}
.compare-portfolios thead th.compare-reserve .bar:after {
  background: #f06c46;
}
.compare-portfolios thead th.compare-prestige .bar:after {
  background: #94c748;
}
.compare-portfolios tbody th {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1em 0.25em;
}
.compare-portfolios tbody td {
  margin: 1px;
  text-align: center;
  padding: 1em 0 2em;
  width: 33.3333%;
}
.compare-portfolios tbody td ul {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.compare-portfolios tbody td ul li {
  line-height: 1.3;
  margin-bottom: 0.5em;
}
.compare-portfolios td.compareEstate {
  border-top: 5px solid #5ac4eb;
}
.compare-portfolios td.compareReserve {
  border-top: 5px solid #f06c46;
}
.compare-portfolios td.comparePrestige {
  border-top: 5px solid #94c748;
}
@media (min-width: 435px) {
  .compare-portfolios thead strong {
    position: static;
    height: auto;
  }
  .compare-portfolios thead strong:after {
    position: static;
    bottom: auto;
    left: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .compare-portfolios {
    font-size: 16px;
  }
  .compare-portfolios thead strong {
    font-size: 18px;
  }
}
.sub-nav.compare-portfolios {
  z-index: 1;
  position: relative;
  top: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .sub-nav.compare-portfolios.transparent-bg {
    background: #000;
    border-bottom: 1px solid #333333;
  }
}
@media screen and (min-width: 992px) {
  .sub-nav.compare-portfolios.transparent-bg {
    background: rgba(0, 0, 0, 0.7);
  }
}
.compare-prestige {
  max-width: 400px;
  margin: 0 auto;
}
.bg-header {
  display: table;
  height: 200px;
  background-size: cover;
  background-color: #000;
  background-position: center center;
  position: relative;
  z-index: 0;
}
.bg-header .content {
  display: table-cell;
  vertical-align: middle;
}
.bg-header h1,
.bg-header h2 {
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .bg-header {
    margin-top: -85px;
    height: 500px;
  }
  .bg-header h1,
  .bg-header h2 {
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    margin-top: 85px;
  }
}
#portfolio {
  background: #fff;
}
#portfolio .sub-nav {
  background: #000000;
  color: #ffffff;
  min-height: 85px;
  z-index: 1;
  position: relative;
}
#portfolio .sub-nav .nav {
  padding: 1%;
}
#portfolio .sub-nav .nav li {
  padding-right: 4%;
  padding-left: 4%;
}
#portfolio .sub-nav .right-sub-nav {
  padding: 20px 0 0;
}
#portfolio .sub-nav .right-sub-nav #compare {
  color: #ffffff;
  display: inline-block;
}
#portfolio .sub-nav .right-sub-nav #compare:hover {
  color: #e9ecee;
}
#portfolio .sub-nav .p-nav {
  height: 45px;
  padding: 35px 0 0 0;
}
#portfolio .sub-nav .p-nav > li {
  display: inline-block;
  height: 100%;
  width: auto;
  border-bottom: solid 3px transparent;
  text-align: center;
}
@media screen and (min-width: 480px) {
  #portfolio .sub-nav .p-nav > li {
    margin-right: 25px;
    width: auto;
    border-bottom: none;
  }
}
#portfolio .sub-nav .p-nav > li:hover {
  border-bottom: solid 3px #d12830;
}
@media screen and (min-width: 480px) {
  #portfolio .sub-nav .p-nav > li:hover {
    border-bottom: none;
  }
}
#portfolio .sub-nav .p-nav > li > a {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 1;
  padding: 15px 5px 0 5px;
}
#portfolio .sub-nav .p-nav > li > a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #portfolio .sub-nav.transparent-bg {
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #333333;
  }
}
.portfolio-intro {
  background: #f5f5f5;
  text-align: center;
  color: #000000;
  font-size: 16px;
  padding: 8% 2%;
}
.portfolio-intro .content {
  max-width: 800px;
  margin: 0 auto;
}
.portfolio-intro .content p {
  padding: 0 4%;
}
.portfolio-intro h2 {
  font-size: 28px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 0;
}
.portfolio-intro p {
  margin: 30px 0;
}
.portfolio-intro ul {
  margin: 30px 0;
  padding: 0 4%;
  list-style: none;
}
.portfolio-intro ul strong {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.portfolio-intro ul li {
  margin: 0 0 16px;
}
.portfolio-intro .sub-categories strong {
  text-transform: uppercase;
  display: block;
  margin: 48px 0 16px;
  letter-spacing: 2px;
}
.portfolio-intro .sub-categories .btn {
  margin: 0 0 16px;
  width: 70%;
}
@media screen and (min-width: 768px) {
  .portfolio-intro {
    padding: 85px 0;
  }
  .portfolio-intro h2 {
    font-size: 48px;
  }
  .portfolio-intro .content p {
    padding: 0;
  }
  .portfolio-intro .sub-categories .btn {
    width: auto;
    margin: 0 8px;
  }
}
.portfolio-spotlights {
  clear: both;
}
.portfolio-spotlight-row > div {
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  float: none;
  height: 100%;
}
.portfolio-spotlight-row > div:first-child img {
  width: 100%;
}
.portfolio-spotlight-row > div:last-child {
  vertical-align: middle;
  padding: 5% 10%;
  font-size: 16px;
  line-height: 24px;
}
.portfolio-spotlight-row > div:last-child h3 {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .portfolio-spotlight-row {
    width: 100%;
  }
  .portfolio-spotlight-row > div {
    width: 50%;
  }
  .portfolio-spotlight-row > div.column1 {
    float: left;
  }
  .portfolio-spotlight-row > div.column2 {
    float: right;
    position: relative;
    padding: 0;
  }
  .portfolio-spotlight-row > div.column2:before {
    padding-bottom: 100%;
    content: '';
    height: 0;
    display: block;
  }
  .portfolio-spotlight-row > div.column2 > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    font-size: 0;
    height: 100%;
  }
  .portfolio-spotlight-row > div.column2 > div:before {
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  .portfolio-spotlight-row > div.column2 > div > div {
    padding: 0 0 0 10%;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
  }
  .portfolio-spotlight-row.img-right > div.column1 {
    float: right;
  }
  .portfolio-spotlight-row.img-right > div.column2 {
    float: left;
  }
}
.portfolio-estate .bg-header {
  background-image: url(/Content/Baldwin/Img/portfolio/portfolio-estate-header.jpg);
}
.portfolio-reserve .bg-header {
  /*background-image: url(/Content/Baldwin/Img/portfolio/portfolio-reserve-header.jpg);*/
  background-image: url(/Content/Baldwin/Img/portfolio/Reserve_Crystal_top.jpg);
}
.portfolio-prestige .bg-header {
  background-image: url(/Content/Baldwin/Img/portfolio/portfolio-prestige-header.jpg);
}
.portfolio-estate .bg-header,
.portfolio-reserve .bg-header,
.portfolio-prestige .bg-header {
  background-repeat: no-repeat;
  background-position: 8%;
}
.portfolio-estate .bg-header .content,
.portfolio-reserve .bg-header .content,
.portfolio-prestige .bg-header .content {
  vertical-align: top;
}
@media screen and (min-width: 480px) {
  .portfolio-estate .bg-header .content,
  .portfolio-reserve .bg-header .content,
  .portfolio-prestige .bg-header .content {
    vertical-align: middle;
  }
}
.portfolio-estate .bg-header .content h1,
.portfolio-reserve .bg-header .content h1,
.portfolio-prestige .bg-header .content h1,
.portfolio-estate .bg-header .content h2,
.portfolio-reserve .bg-header .content h2,
.portfolio-prestige .bg-header .content h2 {
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  float: right;
  margin-left: 55%;
}
@media screen and (min-width: 480px) {
  .portfolio-estate .bg-header .content h1,
  .portfolio-reserve .bg-header .content h1,
  .portfolio-prestige .bg-header .content h1,
  .portfolio-estate .bg-header .content h2,
  .portfolio-reserve .bg-header .content h2,
  .portfolio-prestige .bg-header .content h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 992px) {
  .portfolio-estate .bg-header .content h1,
  .portfolio-reserve .bg-header .content h1,
  .portfolio-prestige .bg-header .content h1,
  .portfolio-estate .bg-header .content h2,
  .portfolio-reserve .bg-header .content h2,
  .portfolio-prestige .bg-header .content h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .portfolio-estate .bg-header .content h1,
  .portfolio-reserve .bg-header .content h1,
  .portfolio-prestige .bg-header .content h1,
  .portfolio-estate .bg-header .content h2,
  .portfolio-reserve .bg-header .content h2,
  .portfolio-prestige .bg-header .content h2 {
    float: none;
  }
}
.portfolio-estate .bg-header .content .bar,
.portfolio-reserve .bg-header .content .bar,
.portfolio-prestige .bg-header .content .bar {
  max-width: 185px;
}
@media screen and (min-width: 768px) {
  .portfolio-estate .bg-header .content .bar,
  .portfolio-reserve .bg-header .content .bar,
  .portfolio-prestige .bg-header .content .bar {
    max-width: 400px;
  }
}
#productPortfolio div {
  display: none;
}
.showcase-gallery {
  padding-bottom: 4em;
}
.showcase-gallery .col-sm-3 {
  padding-left: 2px;
  padding-right: 2px;
}
.showcase-gallery .col-sm-3 > div {
  margin-bottom: 4px;
}
.showcase-gallery .col-sm-3 > div:last-child {
  margin: 0;
}
.showcase-gallery .col-sm-6 {
  padding-left: 2px;
  padding-right: 2px;
}
.showcase-gallery .col-sm-12 {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 4px;
}
.showcase-gallery .col-sm-12 img {
  width: 100%;
}
.showcase-gallery .slick-prev,
.showcase-gallery .slick-next {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.showcase-gallery .slick-prev {
  left: 0;
}
.showcase-gallery .slick-prev:before {
  content: '\f104';
  font-family: FontAwesome;
}
.showcase-gallery .slick-next {
  right: 0;
}
.showcase-gallery .slick-next:before {
  content: '\f105';
  font-family: FontAwesome;
}
@media (min-width: 768px) {
  .showcase-gallery .col-sm-12 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .showcase-gallery .slick-prev,
  .showcase-gallery .slick-next {
    width: 50px;
    height: 50px;
  }
  .showcase-gallery .slick-prev:before,
  .showcase-gallery .slick-next:before {
    font-size: 40px;
  }
}
.showcase-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  margin-top: 1.5em;
}
.showcase-detail h2 {
  font-weight: 100;
  text-transform: uppercase;
}
.showcase-detail h3 {
  color: #d12830;
  font-style: normal;
  margin: 3px 0 10px;
  font-size: 16px;
}
.showcase-detail .item-list {
  background: #fff;
}
.showcase-detail .item-list .item {
  border-color: transparent;
}
.showcase-detail .item-list .item img.img-responsive {
  border: 1px solid #f2f2f2;
}
.showcase-detail .item-list .item:hover {
  border-color: #000;
}
.black .showcase-title {
  color: #fff;
}
.showcase-video {
  padding: 2em 0;
  max-width: 600px;
  margin: 0 auto;
}
.showcase-video img,
.showcase-video iframe {
  margin: 0 auto;
  display: block;
}
.showcase-video .parent-wrapper {
  height: 0;
  position: relative;
  padding-bottom: 60%;
  margin: 0 auto;
}
.showcase-video .parent-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#modal-container {
  background: #f5f5f5;
  position: relative;
}
#modal-container .product-close {
  font-size: 30px;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
#modal-container dl {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
#modal-container dl dt {
  text-align: left;
}
#modal-container .btn-black {
  font-size: 10px;
}
#modal-container h1 {
  font-weight: 100;
  margin-top: 16%;
  max-width: 350px;
}
#modal-container #view {
  margin: 2%;
}
.mfp-content {
  background-color: #fff;
  max-width: 820px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
button.mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/Content/Baldwin/Images/colorbox/close.png) no-repeat !important;
  width: 62px;
  opacity: 1;
  height: 62px;
  text-indent: -9999px;
  text-align: left;
}
.mfp-image-holder .mfp-close:active,
.mfp-iframe-holder .mfp-close:active,
button.mfp-close:active {
  top: 0 !important;
}
.quick-look {
  padding: 47px;
}
.quick-look h1 {
  font-size: 30px;
  letter-spacing: 1px;
  margin-top: 0;
}
.quick-look h2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.quick-look h6 {
  font-size: 12px;
  font-weight: 700;
}
.quick-look .btn-grouped .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.quick-look .thumbnail-list.bordered > li a > img {
  border: 2px solid #ebedef;
  transition: border-color 0.2s ease-out;
  cursor: pointer;
}
.quick-look .thumbnail-list.bordered > li:hover a > img {
  border-color: #000;
}
.quick-look .thumbnail-list.bordered .selected a > img {
  border-color: #000;
}
.modal-contact {
  padding: 17px 37px;
}
.modal-contact p {
  margin-bottom: 20px;
}
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
#news-wrapper {
  background: #f5f5f5;
}
#news-wrapper h2 {
  margin-bottom: 20px;
}
#news-wrapper h2 span {
  background: #d12830;
  display: block;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
}
#news-wrapper #news-dropdown {
  height: 50px;
}
#news-wrapper #news-menu {
  height: 80px;
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}
#news-wrapper #news-menu li {
  margin: 2% 0;
}
#news-wrapper #news-menu button {
  border: 1px solid #f5f5f5;
  min-height: 50px;
  min-width: 200px;
  padding: 10px 12px;
}
#news-wrapper #news-menu button:hover {
  background-color: #000000;
  color: #ffffff;
}
#news-wrapper #news-menu .active button {
  background-color: #000000;
  color: #ffffff;
}
#news-wrapper #article-container .article {
  float: left;
  margin: 0 0 20px 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#news-wrapper #article-container .article > a {
  text-decoration: none;
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
}
#news-wrapper #article-container .article img {
  height: auto;
  width: 100%;
}
#news-wrapper #article-container .article .article-content {
  background: #ffffff;
  padding: 20px;
}
#news-wrapper #article-container .article .base {
  z-index: 1;
}
#news-wrapper #article-container .article .overflow {
  position: relative;
}
#news-wrapper #article-container .article h4 {
  color: #d12830;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}
#news-wrapper #article-container .article h3 {
  color: #000000;
  font-weight: 100;
  margin-top: 5px;
  text-transform: capitalize;
}
#news-wrapper #article-container .article p {
  color: #000000;
}
#news-wrapper #article-container .article .image-wrapper {
  position: relative;
}
#news-wrapper #article-container .article .image-wrapper .fa-instagram {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 24px;
  padding: 6px;
  text-decoration: none !important;
}
#news-wrapper #article-container .article.newsType-instagram > a:hover {
  text-decoration: none;
}
#news-wrapper #article-container .article.newsType-tweet > a {
  padding: 12% 8%;
  color: #fff;
  background: #0897cf;
  font-size: 22px;
  line-height: 30px;
  vertical-align: middle;
  display: block;
  height: 100%;
  position: relative;
}
#news-wrapper #article-container .article.newsType-tweet > a:hover {
  text-decoration: none;
}
#news-wrapper #article-container .article.newsType-tweet > a .date {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
}
#news-wrapper #article-container .article.newsType-tweet > a .fa-twitter {
  display: block;
  text-align: center;
  font-size: 60px;
  margin: 16px 0 26px;
  text-decoration: none;
}
#news-wrapper #article-container .article.newsType-tweet > a a {
  color: #00f6f5;
}
#news-wrapper #article-container .article.newsType-tweet > a p,
#news-wrapper #article-container .article.newsType-tweet > a h4 {
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
}
#news-wrapper #article-container .article.newsType-tweet > a h4 {
  text-align: right;
}
.news-item-wrapper h1 {
  text-align: center;
  margin: 0 0 16px;
  padding: 60px 0 0;
}
.news-item-wrapper .date {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin: 0 0 16px;
}
.info-list-item {
  background-color: #fff;
  padding: 15px;
  min-height: 212px;
  border: 3px solid #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}
#product-details .product-details-nav {
  font-size: 12px;
  text-transform: uppercase;
}
#product-details #productHighlights ul {
  margin-bottom: 0;
}
#product-details #mobile-product-name {
  line-height: 24px;
  font-size: 30px;
  letter-spacing: 1px;
  font-weight: 200;
  text-transform: uppercase;
}
#product-details #mobile-product-name strong {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
#product-details .dd-container {
  background: #ffffff;
}
#product-details .dd-container label {
  font-weight: normal;
  line-height: 42px !important;
  margin-bottom: 0;
  color: #000;
}
#product-details #item-details-container {
  background: #ffffff;
  border-bottom: 1px solid #bec0c2;
}
#product-details #item-details-container h1 {
  letter-spacing: 3px;
}
#product-details #item-details-container h6 {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
#product-details #item-details-container #main-img-container {
  max-width: 528px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#product-details #item-details-container #main-img-container img {
  height: auto;
  width: 100%;
}
#product-details #item-details-container h5 {
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
#product-details #item-details-container #mobile-product-list {
  margin-top: 3%;
}
#product-details #item-details-container #details-container {
  margin-top: 3%;
}
#product-details #item-details-container #details-container .btn {
  margin-bottom: 12px;
}
#product-details #item-details-container #details-container #rating-container,
#product-details #item-details-container #details-container #finishes-container,
#product-details #item-details-container #details-container #recommended-container {
  margin-top: 3%;
}
#product-details #item-details-container #details-container #rating-container h5,
#product-details #item-details-container #details-container #finishes-container h5,
#product-details #item-details-container #details-container #recommended-container h5 {
  font-weight: 600;
}
#product-details #item-details-container #details-container #recommended-container {
  margin-bottom: 4%;
}
#product-details #item-details-container #details-container #recommended-container a {
  color: #000000;
}
#product-details #item-details-container #details-container #recommended-container .btn-link {
  padding-top: 0;
  padding-bottom: 0;
}
#product-details #item-details-container #details-container #recommended-container .details-wrap {
  padding-top: 10px;
}
#product-details #item-details-container #details-container #finishes-container h5.pull-left {
  margin: 0 15px 10px 0;
}
#product-details #item-details-container #details-container #finishes-container h5.right {
  text-align: right;
}
#product-details .p-section {
  background: #f5f5f5;
  border-bottom: 1px solid #bec0c2;
  padding-bottom: 20px;
}
#product-details .p-section:last-child {
  border-bottom: none;
}
#product-details .p-section h2 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 20px;
  letter-spacing: 3px;
  font-weight: 700;
  text-transform: uppercase;
}
#product-details .p-section h2 span {
  background: #d12830;
  display: block;
  height: 4px;
  margin-left: 2px;
  width: 20px;
}
#product-details .p-section li {
  font-weight: 500;
  line-height: 30px;
  font-size: 16px;
}
#product-details .p-section #documents ul {
  margin-bottom: 10px;
}
#product-details .p-section #documents ul,
#product-details .p-section #documents p {
  margin-left: 10px;
}
#product-details .p-section #documents p {
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
}
#product-details .p-section .expand {
  border: 0;
  margin-left: 10px;
}
#product-details #estate h5 {
  font-weight: 800;
}
#related-products {
  background-color: #ffffff;
  color: #000000;
  padding: 30px 0;
}
#related-products h2 {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 20px;
  letter-spacing: 3px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
}
#related-products h2 span {
  background: #d12830;
  display: block;
  height: 4px;
  margin-left: 2px;
  width: 20px;
}
#related-products .item {
  border: 2px solid transparent;
  display: table;
  height: 150px;
  position: relative;
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  text-align: center;
  z-index: 1;
}
#related-products .item a {
  display: block;
  width: 100%;
  height: 100%;
}
#related-products .item a:hover {
  text-decoration: none;
}
#related-products .item img {
  margin: auto;
  height: auto;
  max-width: 240px;
  width: 100%;
}
#related-products .item:hover {
  border-color: #000000;
}
#related-products .item .productTitle {
  color: #000000;
  font-size: 14px;
  padding: 8px 0;
  display: block;
}
#related-products li {
  margin: 1%;
}
#related-products li dl {
  height: auto;
  width: 100%;
}
#productThumbList img {
  cursor: pointer;
  margin-bottom: 20px;
}
#product-details .dd-container label {
  line-height: 30px !important;
  display: inline;
  font-size: 13px;
}
.finishes-mobile .dd-select,
.finishes-mobile .dd-options li {
  height: 38px;
  box-sizing: border-box;
}
.finishes-mobile .dd-selected,
.finishes-mobile .dd-option {
  padding: 2px;
  box-sizing: border-box;
}
.finishes-mobile .dd-option {
  height: 37px;
}
.finishes-mobile .dd-selected-image,
.finishes-mobile .dd-option-image {
  border: 1px solid #c1c3c5;
}
.additionalFunctions th:first-child {
  width: 150px;
}
.additionalFunctions th {
  padding: 3px 10px;
  text-align: left;
  background: #000000;
  color: white;
}
.additionalFunctions td {
  padding: 3px 10px;
  border-top: 1px solid #000000;
}
@media (min-width: 480px) {
  #product-details .dd-container label {
    line-height: 42px !important;
    font-size: 14px;
  }
  .finishes-mobile .dd-select,
  .finishes-mobile .dd-options li {
    height: 48px;
  }
  .finishes-mobile .dd-selected,
  .finishes-mobile .dd-option {
    padding: 4px 5px;
  }
  .finishes-mobile .dd-option {
    height: 47px;
  }
  .finishes-mobile .dd-selected-image,
  .finishes-mobile .dd-option-image {
    width: 38px;
    height: 38px;
    border: 1px solid #c1c3c5;
    margin-right: 24px;
  }
}
.mini-active {
  border-bottom: 2px solid #d12830;
}
.mini-nav {
  margin: 0;
  padding: 12px 0;
  text-align: right;
}
.mini-nav li {
  display: inline-block;
  margin-left: 18px;
}
.mini-nav li a {
  color: #000;
  font-size: 12px;
}
.mini-nav li a:hover {
  color: #777;
  text-decoration: none;
}
.navbar {
  display: none;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  min-height: inherit;
}
.nav-search {
  position: relative;
  height: 38px;
}
.nav-search .fa {
  bottom: 13px;
  right: 8px;
  position: absolute;
  z-index: 2;
}
.nav-search input {
  border: 1px solid #000000;
  border-radius: 0;
  font-size: 12px;
  position: relative;
  width: 166px;
  z-index: 1;
  padding-right: 24px;
}
.menu-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.main-nav {
  background: #ffffff;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.main-nav .navbar-brand {
  background: url("/Content/Baldwin/Img/logo.png") center no-repeat;
  /*margin: 5%;*/
  height: 24px;
  width: 224px;
  text-indent: -9999px;
}
.mobile-nav {
  color: #000000;
  background: #ffffff;
  height: 54px;
  line-height: 54px;
  list-style: none;
  margin: 0 -15px;
  padding: 0;
  position: relative;
  z-index: 10;
}
.mobile-nav > li {
  float: left;
  height: 100%;
  text-align: center;
}
.mobile-nav > li > a {
  color: #444;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 54px;
}
.mobile-nav > li > a:hover {
  text-decoration: none;
}
.mobile-brand-logo {
  width: 64%;
  border-left: solid 1px #e9ecee;
  border-right: solid 1px #e9ecee;
  border-bottom: solid 1px #e9ecee;
}
.mobile-brand-logo > a {
  background: url("/Content/Baldwin/Img/mobile-logo.png") center center no-repeat;
  height: 19px;
  width: 144px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}
.nav-toggle {
  cursor: pointer;
  font-size: 14px;
  width: 18%;
  border-bottom: 1px solid #e9ecee;
}
.nav-toggle:hover,
.nav-toggle.open {
  background: #333;
  border-color: #333;
  color: #fff;
}
.nav-toggle:hover > a,
.nav-toggle.open > a {
  color: #ffffff;
}
.nav-mobile-search {
  width: 18%;
  border-bottom: solid 1px #e9ecee;
}
.nav-mobile-search > .fa {
  font-size: 24px;
}
.nav-mobile-search:hover,
.nav-mobile-search.active {
  background: #333;
}
.nav-mobile-search:hover > a,
.nav-mobile-search.active > a {
  color: #fff;
}
.menu {
  list-style: none;
  padding: 0;
}
.menu ul {
  list-style: none;
}
.mobile .navbar {
  display: block;
}
.mobile .navbar .menu {
  margin: 0 -15px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
}
.mobile .navbar .menu.open {
  z-index: 1001;
}
.mobile .navbar .menu > li {
  position: relative;
  line-height: 40px;
}
.mobile .navbar .menu > li a {
  color: #bbb;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  display: block;
  position: relative;
  font-size: 15px;
}
.mobile .navbar .menu > li a.menu-link {
  color: #fff;
}
.mobile .navbar .menu > li ul > li > a {
  line-height: 40px;
}
.mobile .navbar .menu > li ul > li > a:hover {
  color: #ffffff;
}
.mobile .navbar .menu .mini-nav {
  margin: 0;
  padding: 0;
  text-align: left;
}
.mobile .navbar .menu .mini-nav .fa {
  display: none;
}
.mobile .navbar .menu .mini-nav li {
  clear: both;
  display: block;
  background: #333;
  line-height: 24px;
  font-weight: 700;
  padding: 15px;
  margin: 0;
}
.mobile .navbar .menu .mini-nav li a {
  color: #bbbbbb;
  font-size: 15px;
}
.mobile .navbar .menu-dropdown {
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
}
.mobile .navbar .menu-dropdown-title {
  color: #fff;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.mobile .navbar .menu-dropdown-links {
  color: #ffffff;
  width: 100%;
  padding: 20px 40px;
}
.mobile .navbar .menu-header {
  background: #333;
  color: #fff;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 15px;
  cursor: pointer;
}
.mobile .navbar .menu-header > a {
  color: #fff;
}
.mobile .navbar .menu-header:before {
  color: #ffffff;
  content: '\f068 ';
  font-family: 'FontAwesome';
  font-size: 10px;
  position: absolute;
  right: 24px;
  top: 15px;
}
.mobile .navbar .menu-header.collapsed:before {
  content: '\f067';
}
.mobile .navbar .menu-header.no-expand:before {
  display: none;
}
.mobile .navbar .menu-header:hover a {
  color: #fff;
  text-decoration: none;
}
.desktop .navbar {
  display: block;
}
.desktop .navbar .menu {
  float: right;
  margin: 0 ;
  opacity: 1 !important;
}
.desktop .navbar .menu > li {
  float: left;
  height: auto;
}
.desktop .navbar .menu > li.selected > .menu-header {
  color: #d12830;
}
.desktop .navbar .menu-header {
  font-weight: 700;
  color: #000000;
  padding: 0 14px 10px;
  font-size: 14px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  line-height: 40px;
  cursor: pointer;
}
.desktop .navbar .menu-header:hover {
  color: #d12830;
}
.desktop .navbar .menu-link {
  color: #000000;
  text-decoration: none;
}
.desktop .navbar .menu-dropdown {
  background: #333;
  min-width: 230px;
  display: none;
  padding: 24px 36px 24px;
  position: absolute;
  height: auto !important;
  top: 50px;
}
.desktop .navbar .menu-dropdown.menu-dropdown-large {
  min-width: 400px;
}
.desktop .navbar .menu-dropdown:after {
  background: url(/Content/Baldwin/Img/menu-nib.png) no-repeat;
  width: 18px;
  height: 9px;
  content: '';
  left: 50px;
  position: absolute;
  top: -8px;
}
.desktop .navbar .menu > li.active > .menu-dropdown {
  z-index: 1000;
}
.desktop .navbar .menu-dropdown-title {
  font-size: 12px;
  margin-bottom: 18px;
  padding-left: 0;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.desktop .navbar .menu-dropdown-title:before {
  position: absolute;
  background: #d12830;
  content: '';
  width: 28px;
  height: 5px;
  bottom: -5px;
}
.desktop .navbar .menu-dropdown-links + .menu-dropdown-links {
  margin-left: 70px;
}
.desktop .navbar .menu-dropdown-links > li > a:after {
  content: '\f105';
  color: #333;
  display: inline-block;
  margin-left: 4px;
  font-family: 'FontAwesome';
}
.desktop .navbar .menu-dropdown-links > li:hover > a:after {
  color: #d12830;
}
.navbar-header .menu-dropdown {
  display: none;
}
.menu-dropdown-links {
  color: #ffffff;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.menu-dropdown-links a {
  color: #ccc;
  position: relative;
  padding-right: 10px;
  display: block;
  line-height: 28px;
}
.menu-dropdown-links a:hover {
  color: #fff;
  text-decoration: none;
}
.mobile-search {
  left: 0;
  right: 0;
  height: 65px;
  -webkit-transition: 0.2s margin-top;
  transiton: 0.2s margin-top;
  margin-top: -65px;
  z-index: 5;
  position: absolute;
  background: #fff;
  padding: 10px 15%;
  border-bottom: 1px solid #e9e9e9;
}
.mobile-search.active {
  margin-top: 0;
}
.mobile-search .nav-search {
  position: relative;
}
.mobile-search .nav-search input {
  font-size: 16px;
}
.mobile-search .nav-search .fa {
  position: absolute;
  top: 15px;
  right: 14px;
}
.mobile-search .nav-search .twitter-typeahead {
  width: 100% !important;
}
.mobile-search .nav-search .form-control {
  height: 45px;
  width: 100%;
}
#nav-breadcrumbs {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px 0;
  display: block;
}
#nav-breadcrumbs a {
  color: #010101;
  font-weight: normal;
}
#nav-breadcrumbs .breadcrumb-separator {
  padding-right: 5px;
  padding-left: 2px;
  font-size: 10px;
}
.pg-detail {
  overflow: hidden;
}
.pg-detail .photogallery-Detail {
  display: block !important;
}
.mobile .photoGallery-wrapper .photoGallery-filters select {
  font-size: 16px;
}
.photoGallery-wrapper {
  min-height: 700px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .photoGallery-wrapper {
    padding-top: 40px;
  }
}
.photoGallery-wrapper.title {
  min-height: 80px;
}
.photoGallery-wrapper h1 {
  text-align: center;
}
.photoGallery-wrapper.content {
  padding-top: 0;
}
.photoGallery-wrapper .photoGallery-filters {
  padding: 20px 0;
}
@media screen and (min-width: 992px) {
  .photoGallery-wrapper .photoGallery-filters {
    padding: 50px 0 30px;
  }
}
.photoGallery-wrapper .photoGallery-filters .photoGallery-label {
  padding: 0 30px 0 15px;
  width: 100%;
  float: left;
}
@media screen and (min-width: 768px) {
  .photoGallery-wrapper .photoGallery-filters .photoGallery-label {
    width: auto;
  }
}
.photoGallery-wrapper .photoGallery-filters h2 {
  font-size: 15px;
  margin: 14px 0;
  text-transform: uppercase;
  font-weight: 700;
}
.photoGallery-wrapper .photoGallery-filters strong {
  display: block;
  margin-bottom: 10px;
}
.photoGallery-wrapper .photoGallery-filters select,
.photoGallery-wrapper .photoGallery-filters .selected-filter {
  padding: 13px 8px;
  font-size: 14px;
  border: 1px solid #bec0c2;
  width: 100%;
  margin-bottom: 14px;
}
.photoGallery-wrapper .photoGallery-filters .selected-filter {
  position: relative;
}
.photoGallery-wrapper .photoGallery-filters .selected-filter span {
  position: absolute;
  right: 10px;
}
.photoGallery-wrapper .photoGallery-filters .or {
  margin: 0 0 16px 16px;
}
.photoGallery-wrapper .photoGalleryThumb {
  width: 48%;
  padding-top: 48%;
  background: #eee;
  display: block;
  margin-bottom: 4%;
  overflow: hidden;
  position: relative;
}
.photoGallery-wrapper .photoGalleryThumb:hover {
  cursor: pointer;
}
.photoGallery-wrapper .photoGalleryThumb.large {
  width: 100%;
  padding-top: 100%;
}
.photoGallery-wrapper .photoGalleryThumb a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photoGallery-wrapper .photoGalleryThumb img {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .6s;
}
.photoGallery-wrapper .photoGalleryThumb img.loaded {
  opacity: 1;
}
.photoGallery-wrapper .grid-sizer {
  width: 48%;
}
.photoGallery-wrapper .gutter-sizer {
  width: 4%;
}
@media screen and (min-width: 768px) {
  .photoGallery-wrapper .grid-sizer {
    width: 23%;
  }
  .photoGallery-wrapper .gutter-sizer {
    width: 2.5%;
  }
  .photoGallery-wrapper .photoGalleryThumb {
    width: 23%;
    padding-top: 23%;
    margin-bottom: 2.5%;
  }
  .photoGallery-wrapper .photoGalleryThumb.large {
    width: 48.5%;
    padding-top: 48.5%;
  }
}
.photoGallery-wrapper .photogallery-Detail {
  display: none;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  overflow-y: auto;
}
.photoGallery-wrapper .photogallery-Detail #photogalleryDetailClose {
  background: #000000;
  color: #ffffff;
  font-size: 36px;
  padding: 14px;
  position: absolute;
  top: 54px;
  right: 0;
  font-weight: 300;
  z-index: 2;
}
.photoGallery-wrapper .photogallery-Detail #photogalleryDetailClose:hover {
  text-decoration: none;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .photoGallery-wrapper .photogallery-Detail #photogalleryDetailClose {
    top: 0;
  }
}
.photoGallery-wrapper .photogallery-Detail .photo-wrapper {
  width: 100%;
  text-align: center;
  background: #000;
}
.photoGallery-wrapper .photogallery-Detail .photo-wrapper img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 992px) {
  .photoGallery-wrapper .photogallery-Detail .photo-wrapper {
    padding-top: 100%;
  }
  .photoGallery-wrapper .photogallery-Detail .photo-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.photoGallery-wrapper .photogallery-Detail .photo-details {
  background: #f5f5f5;
  padding: 20px 20px 80px;
  text-align: left;
}
.photoGallery-wrapper .photogallery-Detail .photo-details h2 {
  margin-bottom: 20px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.photoGallery-wrapper .photogallery-Detail .photo-details strong,
.photoGallery-wrapper .photogallery-Detail .photo-details span {
  display: inline-block;
  margin-bottom: 16px;
  width: 49%;
}
.photoGallery-wrapper .photogallery-Detail .photo-details .btn {
  margin-top: 40px;
}
@media screen and (min-width: 992px) {
  .photoGallery-wrapper .photogallery-Detail {
    background: none;
    overflow-y: hidden;
  }
  .photoGallery-wrapper .photogallery-Detail .photo-wrapper {
    width: 100%;
    height: 100%;
    padding-right: 400px;
    padding-top: 0;
  }
  .photoGallery-wrapper .photogallery-Detail .photo-wrapper img {
    width: auto;
    height: 100%;
    position: static;
  }
  .photoGallery-wrapper .photogallery-Detail .photo-details {
    width: 400px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f5f5f5;
    padding: 40px;
    text-align: left;
  }
}
#notify {
  position: fixed;
  top: -40px;
  width: 100%;
  background: #000000;
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  color: #ffffff;
  border-bottom: 1px solid #c8c8c2;
}
.notify-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  position: relative;
}
#notify-message {
  display: inline-block;
  margin: 10px;
}
#notify-message a {
  color: #ffffff;
}
#notify-message a:hover {
  text-decoration: underline;
}
#notify-close {
  font-size: 18px;
  display: inline-block;
  color: #ffffff;
  margin-left: 8px;
  cursor: pointer;
}
#notify-close:hover {
  color: #d12830;
}
.vertical-align {
  display: table;
}
.vertical-align dl {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.cloudzoom-lens {
  border: 5px solid #888;
  width: 150px;
  height: 150px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  cursor: crosshair;
  z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
  border: 1px solid #888;
  width: 500px;
  height: 200px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  z-index: 999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none;
  z-index: 999;
}
/* CSS for captions */
.cloudzoom-caption {
  display: none;
  /* CSS captions should be hidden initially */
  text-align: left;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-family: sans-serif;
  font-size: 11px;
}
/* A blank image */
.cloudzoom-blank {
  background-image: url(/Content/Common/Images/blank.png);
}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {
  background-image: url(/Content/Common/Images/ajax-loader.gif);
  width: 32px;
  height: 32px;
}
.typeahead,
.tt-query,
.tt-hint {
  /* width: 210px; */
  /* height: 17px; */
  /*padding: 7px 3px 6px 12px;*/
  /*font-size: 12px;*/
  /*line-height: normal;*/
}
.typeahead {
  background-color: #fff;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px #000000;
  -moz-box-shadow: inset 0 1px 1px #000000;
  box-shadow: inset 0 1px 1px #000000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999;
}
.tt-dropdown-menu {
  width: 280px;
  text-align: left;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 10px #000000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}
.tt-suggestion P {
  margin: 0;
}
.tt-suggestion P > a {
  color: #000000;
}
.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #333;
}
.tt-suggestion.tt-is-under-cursor P {
  margin: 0;
}
.tt-suggestion.tt-is-under-cursor P > a {
  color: #ffffff;
  text-decoration: none;
}
@media print {
  .main-nav {
    display: none;
  }
  .wishlist-btn-group {
    display: none;
    height: 0;
    overflow: hidden;
  }
  .social-footer {
    display: none;
  }
  .footer {
    display: none;
  }
  .item .btn {
    display: none;
  }
  .header {
    min-height: 0;
  }
  .header-container .btn {
    display: none;
  }
  .item-list.wish-list .wish-list-wrap {
    min-height: 0;
  }
  .item-list.wish-list .item {
    min-height: 0;
    page-break-inside: avoid;
    height: 540px;
    border: 0;
  }
  .page-break-before {
    display: block;
    page-break-before: always;
  }
  .page-break-after {
    display: block;
    page-break-after: always;
  }
  /*#cboxClose{display:none}*/
}
/***START The Baldwin Story***/
.story-grid.max-container {
  padding: 0 !important;
}
.story-grid.max-container img {
  width: 100%;
}
.story-block {
  color: white;
  text-align: center;
  margin: 15px 0;
}
.story-block h2 {
  font: 60px/60px "helvetica neue", "helvetica", "arial", sans-serif;
  font-weight: bold;
  color: white;
}
.story-block .note {
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.story-block .story-inner {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 479px) {
  .story-block .story-inner {
    font-size: 14px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .story-block .story-inner {
    font-size: 20px !important;
  }
  .story-block .note {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .story-block .note {
    display: none;
  }
  .story-block h2 {
    font-size: 48px;
  }
}
@media (min-width: 1024px) {
  .story-block .story-inner {
    font-size: 14px !important;
  }
}
/***END The Baldwin Story***/
/***START How It's Made***/
#explore {
  clear: both;
  text-align: center;
  display: none;
}
#explore .btn {
  padding: 12px 25px 0 25px;
  margin: 30px 0 50px 0;
}
.arrow-down {
  position: relative;
}
.arrow-down:before {
  color: red;
  content: '\f107';
  font-family: 'FontAwesome';
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.evolution {
  font: 14px/22px "pragmatica-web", "helvetica neue", "helvetica", "arial", sans-serif;
  color: #333;
}
.evolution a,
.evolution a:visited {
  color: #333;
}
.evolution a:hover {
  text-decoration: none;
}
.evolution span {
  display: block;
  width: 90%;
  max-width: 155px;
  margin: 0 auto;
}
.cols-5-list {
  list-style: none;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1200px;
}
.cols-5-list li {
  position: relative;
  width: 47%;
  margin: 0 1.5% 20px 1.5%;
  float: left;
  min-height: 335px;
  padding: 0;
  text-align: center;
}
.cols-5-list img {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  #explore {
    display: block;
  }
  .cols-5-list li {
    width: 23%;
    margin: 0 1% 20px 1%;
    min-height: 318px;
  }
}
.portfolio-spotlight-row .step {
  display: none;
}
@media (min-width: 768px) {
  .cols-5-list li {
    width: 18%;
    max-width: 210px;
    margin: 0 1% 20px;
    min-height: 335px;
  }
}
@media (min-width: 1400px) {
  .cols-5-list {
    max-width: 1230px;
  }
  .cols-5-list li {
    width: 210px;
    max-width: 210px;
    margin: 0 15px 20px 15px;
  }
  .portfolio-spotlight-row .step {
    display: inline;
  }
}
/***END HowIt's Made***/
/***START Finishes***/
.finish-spotlight img {
  display: inline;
}
.finish-spotlight div {
  text-align: center;
}
.finish-spotlight p {
  text-align: center;
  padding: 30px 0 0 0;
  margin-bottom: 20px;
}
.finish-spotlight h4 {
  font-weight: bold;
  padding: 25px 0;
}
.finish-wrap div.group {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1200px;
}
.finishesCollection h2 {
  text-align: center;
  clear: both;
  padding-top: 40px;
}
.finishesCollection h2:after {
  background: #d12830;
  display: block;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
}
.finishesCollection .finishPair {
  position: relative;
  width: 47%;
  margin: 0 1.5% 20px 1.5%;
  float: left;
  min-height: 245px;
  padding: 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.finishesCollection .finishPair > img {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
}
.finishDetail {
  padding: 30px;
  display: none;
}
.finishDetail img {
  width: 50% !important;
  padding: 0 30px 30px 0;
  float: left;
}
.finishDetail span {
  padding-bottom: 30px;
  width: 50% !important;
  margin: 0;
  float: left;
}
.finishDetail span strong {
  display: block;
  width: 75%;
}
@media (max-width: 320px) {
  .finishDetail strong {
    min-height: 94px;
  }
}
@media (min-width: 480px) {
  .finishesCollection .finishPair {
    width: 23%;
    margin: 0 1% 20px 1%;
    min-height: 235px;
  }
}
@media (min-width: 768px) {
  .finish-spotlight p {
    padding: 30px;
  }
  .finishesCollection .finishPair {
    width: 18%;
    max-width: 210px;
    margin: 0 1% 20px;
    min-height: 275px;
  }
}
@media (min-width: 1400px) {
  .finishesCollection .finishPair {
    width: 210px;
    max-width: 210px;
    margin: 0 15px 20px 15px;
  }
  .finish-wrap div.group {
    max-width: 1230px;
  }
}
/***END Finishes***/
/***START Beauty Inside And Out***/
.beauty-bottom {
  display: table;
  vertical-align: top;
}
.beauty-bottom img {
  width: 100%;
}
.beauty-bottom .beauty-bottom-left,
.beauty-bottom .beauty-bottom-right {
  width: 100%;
  vertical-align: top;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 480px) {
  .beauty-bottom .left-content {
    width: 60%;
    display: table-cell;
    vertical-align: top;
  }
  .beauty-bottom .right-content {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  .beauty-bottom .beauty-bottom-left,
  .beauty-bottom .beauty-bottom-right {
    width: 50%;
    display: table-cell;
    padding-left: 10%;
  }
}
/***END Beauty Inside And Out***/
/***START Social Responsibility***/
.social-responsibility-wrap .font10 {
  font-size: 10px;
}
.social-responsibility-tabs .page-sub-header,
.social-responsibility-wrap {
  display: table;
  padding: 20px 0 40px 0 !important;
}
.social-responsibility-tabs .columnOne,
.social-responsibility-tabs .columnTwo,
.social-responsibility-wrap .columnOne {
  display: block;
  vertical-align: middle;
  float: none;
}
.social-responsibility-wrap .columnTwo {
  display: none;
}
.social-responsibility-tabs .columnOne {
  text-align: left;
}
.social-responsibility-tabs .columnTwo img {
  width: 100%;
  max-width: 360px;
}
@media (min-width: 768px) {
  .social-responsibility-tabs .columnOne,
  .social-responsibility-tabs .columnTwo,
  .social-responsibility-wrap .columnOne,
  .social-responsibility-wrap .columnTwo {
    display: table-cell;
  }
}
/***END Social Responsibility***/
#search-result-pages {
  padding-left: 0;
}
#search-result-pages ul {
  padding-left: 0;
}
#search-result-pages li {
  background-color: white;
  border-bottom: 1px solid #e9ecee;
  padding: 1%;
  list-style-type: none;
}
#search-result-pages a {
  color: #d12830;
  text-decoration: none;
}
#search-result-pages a:hover {
  text-decoration: underline;
}
#search-result-pages h3 {
  color: black;
  text-decoration: none;
}
#search-result-pages strong {
  color: #d12830;
}
.copyright-footer {
  font-size: 12px;
  color: #747474;
  padding: 10px 0;
}
.copyright-footer .menu-dropdown-links {
  float: right;
}
.social-footer {
  background: #000000;
  color: #ffffff;
  padding: 1.5% 0;
  clear: both;
  text-align: center;
}
.social-footer a {
  color: #ffffff;
}
.social-footer a:hover {
  border-bottom: 2px solid #d12830;
  text-decoration: none;
}
.social-footer .input-group {
  margin: auto;
  max-width: 300px;
}
.social-footer .input-group-addon {
  background: #000000;
  border-radius: 0;
  color: #ffffff;
}
.social-footer .social a {
  font-size: 22px;
}
.social-footer .social li {
  padding: 0 10px;
}
#mail-text {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 0 0;
}
#stay-connected-text {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 0;
}
.footer {
  background: #111111;
  clear: both;
  color: #9f9f9f;
  padding: 40px 0;
  /*.collapse {
    position:relative;
    line-height: 16px;
    width: 100%;

    img {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg); 
      transform: rotate(90deg);
    }


    &:before {
      content: '\f068 ';
      color: @white;
      position: absolute;
      right: 24px;
      top: -27px;
      font-family: 'FontAwesome';
    }
  }
  /*.collapsed {
    display: inline-block;
    position:relative;
    width: 100%;

    &:before {
      content: '\f067';
      color: @white;
      position: absolute;
      right: 10px;
      font-family: 'FontAwesome';
    }
  }*/
  /*.row {
    margin: auto;
  }*/
}
.footer #contact-us h2 {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  position: relative;
  padding-bottom: 8px;
  line-height: 22px;
}
.footer #contact-us h2:before {
  background: #d12830;
  content: '';
  height: 4px;
  width: 30px;
  position: absolute;
  bottom: 0;
}
.footer #contact-us h3 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
}
.footer #contact-us .phone-link {
  font-size: 22px;
  color: #9f9f9f;
  margin-bottom: 20px;
  display: block;
}
.footer .panel {
  background-color: #111111;
  border: 0;
  color: #bec0c2;
}
.footer .panel span {
  background: none;
  display: block;
}
.footer .panel-default > .panel-heading {
  background-color: #111111;
  border: 0;
  color: #bec0c2;
}
.footer .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.copy-footer {
  clear: both;
  overflow: hidden;
  padding: 8px 0;
  background: #000000;
  color: #747474;
  font-size: 11px;
}
.footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav > li {
  float: left;
  width: 25%;
  list-style: none;
}
.footer-nav .menu-header {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
.footer-nav .menu-header:before {
  background: #d12830;
  content: '';
  height: 4px;
  width: 30px;
  position: absolute;
  bottom: 0;
}
.footer-nav .menu-dropdown-title {
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
}
.footer-nav .menu-dropdown-links {
  margin-bottom: 12px;
}
.footer-nav .menu-dropdown-links a {
  color: #9f9f9f;
}
.footer-nav a {
  color: #9f9f9f;
  line-height: 28px;
}
.mobile #contact-us {
  margin-bottom: 40px;
}
.mobile #contact-us h2 {
  font-size: 16px;
}
.mobile #mail-text {
  padding: 22px 0 12px;
}
.mobile .footer-nav .menu-header {
  font-size: 16px;
  cursor: pointer;
}
.mobile .footer-nav .menu-header:before {
  display: none;
}
.mobile .footer-nav .menu-header:after {
  color: #ffffff;
  content: '\f068 ';
  font-family: 'FontAwesome';
  font-size: 14px;
  position: absolute;
  right: 24px;
  top: 4px;
}
.mobile .footer-nav .menu-header.collapsed:after {
  content: '\f067';
}
.mobile .footer-nav .menu-header.no-expand:after {
  display: none;
}
.mobile .footer-nav .menu-dropdown {
  height: 0;
  overflow: hidden;
}
.mobile .footer-nav .menu-dropdown-links {
  float: none;
}
.mobile .footer-nav .menu-dropdown-links > li:first-child {
  padding-top: 0;
}
.sf_cols.tech-video-section {
  padding-bottom: 50px;
}
.tech-video {
  position: relative;
  width: 100%;
  max-width: 841px;
  margin: 0 auto 30px auto;
}
.tech-video .parent-wrapper,
.tech-video img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.tech-video .parent-wrapper iframe {
  width: 100%;
  height: 100%;
}
.tech-video:after {
  padding-top: 56.6%;
  display: block;
  content: ' ';
}
.technology-tabs {
  display: block;
  margin: 0 auto;
}
.technology-tabs h4 {
  text-transform: uppercase;
  text-align: left;
}
.technology-tabs ul {
  text-align: left;
  padding-left: 22px;
}
.technology-tabs tab-section {
  padding-top: 30px;
}
.technology-tabs .tab-section,
.technology-tabs .page-sub-header {
  margin: 0 auto;
  display: table;
}
.technology-tabs .capabilities .columnOne {
  width: 100%;
}
.technology-tabs .capabilities .columnTwo {
  display: none;
}
.technology-tabs .overview .columnOne,
.technology-tabs .overview .columnTwo {
  width: 100%;
  display: block;
}
.technology-tabs img.floatRight {
  float: right;
}
.technology-tabs .resources {
  width: 100%;
  text-align: left;
}
.technology-tabs .transcript {
  text-align: left;
}
.technology-tabs .tech-spotlight-header {
  text-align: center;
  margin-top: 30px;
}
ul.red-numbered-list {
  list-style: decimal;
  color: red;
  font-weight: bold;
}
ul.red-numbered-list li span {
  color: #333;
  font-weight: normal;
}
.tech-spotlights .col-sm-4 {
  text-align: center;
  background-color: white;
  padding: 20px 15px;
  margin-bottom: 30px;
}
.tech-spotlights .col-sm-4 .inner {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
.tech-spotlights ul {
  text-align: left;
  padding: 30px 0 0 15px;
}
.tech-spotlights img {
  width: 80%;
  max-width: 200px;
}
.keying-table {
  display: table;
  margin: 0 auto;
  text-align: left;
  padding: 10px 0;
  background: white;
}
.keying-table .keying-row {
  display: block;
  padding: 5px 15px;
}
.keying-table img {
  margin-right: 5px;
}
.sf_cols.tech-featured-in {
  padding-bottom: 80px;
}
.sf_cols.tech-featured-in .col-sm-6 {
  padding-top: 30px;
}
.sf_cols.tech-featured-in img {
  width: 100%;
  margin: 20px auto;
  max-width: 230px;
  display: block;
}
.sf_cols.tech-featured-in p {
  display: block;
  padding-right: 15%;
}
@media (min-width: 768px) {
  .technology-tabs .overview .columnOne,
  .technology-tabs .overview .columnTwo {
    width: 50%;
    display: table-cell;
  }
  .technology-tabs .capabilities .columnOne,
  .technology-tabs .capabilities .columnTwo {
    width: 50%;
    vertical-align: middle;
    display: table-cell;
  }
  .technology-tabs .capabilities .columnTwo img {
    width: 100%;
  }
  .tech-spotlights {
    border-spacing: 15px;
    border-collapse: separate;
    display: table;
    padding-top: 15px;
  }
  .tech-spotlights:before,
  .tech-spotlights:after {
    display: none;
  }
  .tech-spotlights .col-sm-4 {
    display: table-cell;
    float: none;
  }
  .keying-table {
    padding: 10px 20px;
  }
  .keying-table .keying-row {
    display: table-cell !important;
  }
}
body {
  font: 14px/22px "pragmatica-web", "helvetica neue", "helvetica", "arial", sans-serif !important;
}
.reviews #ldHeader {
  /*text-align: center;*/
  height: 589px;
}
.reviews #ldHeader h1 {
  font-size: 53px;
}
.reviews #ldHeader .right {
  padding-top: 6%;
}
.reviews #ldHeader a {
  margin-top: 6%;
}
.reviews .bazaar-wrap h1 {
  text-align: center;
  padding-bottom: 4%;
}
.reviews .bazaar-wrap .section-how-to-enter .col-md-6 {
  margin: 0 auto;
  text-align: center;
}
.reviews .bazaar-wrap .section-how-to-enter .col-md-6 img {
  width: 100%;
}
.reviews .bazaar-wrap .section-how-to-enter .col-md-6 .list-how-to-enter {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.reviews #ldFeatures .feature {
  text-align: center;
}
.reviews #ldFeatures .feature img {
  display: block;
  margin: 0 auto;
}
.reviews #ldFeatures .feature strong {
  display: block;
  margin: 4% 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
}
.reviews #ldFeatures .feature p {
  color: #bbb;
  line-height: 20px;
  font-size: 14px;
  margin: 0 auto;
  width: 85%;
}
.reviews #ldFeatures .feature li {
  width: 50%;
}
.reviews .ld-style-list li {
  border: 2px solid transparent;
  padding: 5px;
}
.reviews .ld-style-list li a {
  color: #000;
}
.reviews .ld-style-list li .feature {
  bottom: 0;
  top: 46.5%;
}
.reviews .ld-style-list li:hover {
  border: 2px solid #000;
}
.reviews .ld-style-list li:hover a {
  text-decoration: none;
}
.reviews .search-section {
  text-align: center;
}
.reviews .search-section .search-wrap {
  padding: 2%;
}
.reviews .search-section .search-wrap h3,
.reviews .search-section .search-wrap .input-wrap {
  display: inline-block;
  text-transform: uppercase;
  margin: 6px;
}
.reviews .search-section .search-wrap .search-box {
  position: relative;
  width: 300px;
}
.reviews .search-section .search-wrap .fa {
  bottom: 0;
  right: 0;
  height: 38px;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  font: inherit;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .reviews #ldHeader {
    height: auto;
  }
  .reviews #ldHeader .right {
    padding-top: 0;
  }
  .reviews #ldHeader h1,
  .reviews #ldHeader h2 {
    font-size: 25px;
    text-align: center;
  }
  .reviews .ld-style-list li {
    border-bottom: 1px solid black;
    margin-bottom: 10%;
  }
  .reviews .ld-style-list li .bg {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 400px) {
  .header p .btn + .btn {
    margin-top: 0;
    margin-left: 4px;
  }
}
@media screen and (max-width: 400px) {
  .header-container > h1 {
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 480px) {
  /*###NAV###*/
  .main-nav {
    margin-bottom: 0;
  }
  .sub-nav .btn-black.in-nav {
    display: inline-block;
  }
  /*###NEWS###*/
  #news-wrapper #article-container .article {
    width: 42%;
    height: 488px;
    margin: 10px 15px;
  }
  /*###PRODUCT DETAILS###*/
  #product-details #item-details-container #main-img-container {
    min-height: 380px;
  }
  .form-control {
    font-size: 16px;
  }
  /*###SUPPORT###*/
  .contact #location {
    min-height: 342px;
  }
  .contact #location address,
  .contact #location ul {
    margin-top: 4%;
  }
  .contact #options {
    min-height: 342px;
  }
  #result-list .media img {
    max-width: 100px;
  }
  #tech-search {
    /*#tech-container{width: 440px;}*/
  }
  #tech-search select {
    margin-right: 0;
    max-width: 100%;
  }
  #tech-search #model-number {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /*###GENERAL/SHARED/GLOBALS###*/
  h1 {
    font-size: 48px;
  }
  .page-sub-header-wrap h2 {
    float: left;
    text-align: left;
  }
  .product-header-wrap h2 {
    float: left;
    text-align: left;
  }
  .product-header-wrap .btn {
    float: right;
    margin: auto;
  }
  .page-sub-header-wrap .btn {
    float: right;
  }
  /*###FORM###*/
  .form-inline .form-group {
    display: block;
    margin-bottom: 15px;
  }
  /*###PRODUCT DETAILS###*/
  #product-details #item-details-container #main-img-container {
    min-height: 300px;
  }
  /*##NEWS###*/
  #news-wrapper #article-container .article {
    width: 29%;
  }
  #news-wrapper #article-container .article.newsType-instagram a {
    background: #fff;
    display: block;
  }
  /*###PHOTO GALLERY###*/
  /*.photoGallery-wrapper{
        padding-top:40px;
        
        .photoGallery-filters{
            .photoGallery-label{
                width:auto;
            }
        }

        .grid-sizer { width: 23%; }
        .gutter-sizer { width: 2.5%; }
        .photoGalleryThumb {
            width: 23%;
            padding-top: 23%;
            margin-bottom: 2.5%;

            &.large {
                width: 48.5%;
                padding-top: 48.5%;
            }
        }
    }*/
  /*###SUPPORT###*/
  .contact #location {
    min-height: 442px;
  }
  .contact #options {
    min-height: 442px;
  }
  #result-list .media img {
    max-width: 200px;
  }
  /*#tech-search{
        #tech-container{width: 800px;}
    }*/
}
@media screen and (min-width: 992px) {
  /*###GENERAL/SHARED/GLOBALS###*/
  .item-list.products .item {
    height: 400px;
  }
  .item-list.products .search-result-item {
    height: 520px;
  }
  .item-list .item {
    height: 320px;
  }
  .item-list .item h2 {
    font-size: 24px;
  }
  /*###NAV###*/
  .sub-nav .right-sub-nav {
    float: right;
    width: 50%;
    margin: 22px 0 0;
    padding-right: 15px;
    text-align: right;
  }
  .sub-nav .btn-black.in-nav {
    margin: 0;
  }
  .p-nav {
    text-align: left;
    border-bottom: 0;
    margin: 32px 0 0;
    display: block;
    width: 50%;
    float: left;
    padding-left: 15px;
  }
  .p-nav > li {
    margin-right: 40px;
    width: auto;
    float: left;
    display: inline-block;
    border-right: none;
  }
  .p-nav > li > a {
    padding: 0;
  }
  .main-filter {
    max-width: 302px;
    float: left;
  }
  /*###FORM###*/
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
  }
  /*###PRODUCT FILTER*/
  #filter-nav #filter-container .filter-container {
    clear: none;
    float: right;
    margin-top: 0;
    background: none;
    padding: 0;
  }
  #filter-nav #filter-container .filter-container h6 {
    padding: 0;
    margin: 0;
  }
  #filter-nav #filter-container #filter-by {
    margin-left: 8px;
    margin-top: 0;
  }
  #filter-nav #filter-container .form-group {
    margin-left: 10px;
    margin-top: 10px;
    text-align: right;
  }
  #filter-nav #filter-container .form-group .btn-small {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: normal;
    height: auto;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
  }
  #filter-nav #filter-container .form-group label {
    text-align: right;
  }
  #filter-nav #filter-container #clear-results {
    margin-left: 5px;
    margin-top: 10px;
  }
  #filter-nav #filter-container #clear-results h6 {
    margin: 10px 0;
  }
  #filter-nav #filter-container #clear-results button {
    font-weight: 700;
    text-align: center;
    width: 100%;
    float: right;
    margin: -10px 0 0 10px;
    background: transparent;
    color: #000;
    border: none;
    outline: none;
    text-decoration: underline;
  }
  /*###PRODUCT DETAILS###*/
  #product-details #item-details-container #main-img-container {
    min-height: 400px;
  }
  #product-details .p-section h2 {
    margin-top: 60px;
  }
  /*###PHOTO GALLERY###*/
  /*.photoGallery-wrapper{        
        .photoGallery-filters{padding: 50px 0 30px;}

        .photoGallery-Detail{
            background: none;
            overflow-y: hidden;
            .photo-wrapper {
                width: 100%;
                height: 100%;
                padding-right: 400px;
                padding-top: 0;
                img {
                    width: auto;
                    height: 100%;
                    position: static;
                }
            }
            .photo-details {
                width: 400px;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                background: @light-gray;
                padding: 40px;
                text-align: left;
            }
        }
    }*/
  /*###NEWS###*/
  #news-wrapper #article-container .article {
    width: 21.5%;
  }
  #news-wrapper #article-container .article .overlay {
    bottom: 0;
    left: 14px;
    position: absolute;
    right: 0;
    top: -12px;
    z-index: 2;
  }
  /*###SUPPORT###*/
  .contact #location address,
  .contact #location ul {
    margin-top: 5.5%;
  }
  #tech-search {
    /*#tech-container{width: 1000px;}*/
  }
  #tech-search .btn-black {
    margin-left: 2px;
    min-width: 140px;
  }
  #tech-search select {
    margin-right: 10px;
    max-width: 200px;
  }
  #tech-search .checkbox {
    text-align: right;
  }
  #tech-search #model-number {
    max-width: 250px;
  }
  /*###FOOTER###*/
  #stay-connect-text {
    text-align: right;
  }
  #mail-text {
    text-align: right;
  }
  .social-footer .social li {
    padding: 8px 10px 0;
  }
}
@media screen and (max-width: 992px) {
  .footer-nav > li {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  /*###GENERAL/SHARED/GLOBALS###*/
  .item-list.literature {
    /*.item{
                height:490px;
            }*/
  }
  .item-list.products .item {
    height: 400px;
  }
  .item-list.products .search-result-item {
    height: 520px;
  }
  .item-list.wish-list .item {
    min-height: 640px;
  }
  /*###NAV###*/
  .navbar-nav > li.nav-search {
    margin-left: 20px;
  }
  /*###PRODUCT DETAILS###*/
  #product-details #item-details-container #main-img-container {
    min-height: 440px;
  }
  /*###NEWS###*/
  /*###SUPPORT###*/
  .contact #location {
    min-height: 542px;
  }
  .contact #location address,
  .contact #location ul {
    margin-top: 7%;
  }
  .contact #options {
    min-height: 542px;
  }
  #result-list .media img {
    max-width: 250px;
  }
  #tech-search {
    /*#tech-container{width: 1200px;}*/
  }
  #tech-search .form-control {
    margin: 0 10px 10px 20px;
  }
  #tech-search #p-type {
    margin: 0 10px 10px 20px;
  }
  #tech-search .btn-black {
    margin-left: 0;
    min-width: 158px;
  }
  #tech-search select {
    margin-right: 20px;
    max-width: 200px;
    width: 100%;
  }
  #tech-search #model-number {
    max-width: 400px;
    width: 100%;
  }
  /*###FOOTER###*/
  .social-footer .social {
    text-align: left;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1092px) {
  .desktop .navbar .menu-header {
    padding: 0 10px 16px;
    font-size: 13px;
  }
  img.top-mininav {
    width: 217px;
  }
}