/*Global Styles*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	font-smooth: auto;*/
}

html,
body {
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  padding-top: 165px;
}

body.Home.Page {
  padding-top: 0px;
}

h1 {
  font-family: "Cooper Hewitt Light", sans-serif;
  font-size: 36px;
  line-height: 36px;
}

h1 em {
  font-family: "Cooper Hewitt Light Italic", sans-serif;
  font-style: italic;
  font-weight: initial;
}

h2,
h3 {
  font-family: "Cooper Hewitt Light", sans-serif;
  font-size: 40px;
  line-height: 36px;
}

h1 strong,
h2 strong,
h3 strong,
.contact #features h1 strong {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
}

h4 {
  margin-bottom: 0px;
  font-family: "Open Sans Bold";
  font-size: 16px;
}

h2 p,
button p {
  margin: 0px;
}

img {
  border: none;
}

em {
  color: #333333;
}

strong {
  font-weight: bolder;
  font-family: "Open Sans Bold";
}

p a,
.umb-details ul a,
a.uk-accordion-title,
.fabric-modal .uk-modal-dialog a {
  color: #333f48;
  border-bottom: 1px dashed #333f48;
  text-decoration: none;
}

p a:hover,
.umb-details ul a:hover,
a.uk-accordion-title:hover,
.fabric-modal .uk-modal-dialog a:hover {
  color: #333f48;
  background-color: #e5e5e5;
  text-decoration: none;
}

.max-width-none {
  max-width: none;
}

.uk-breadcrumb li a,
.subBackground .uk-breadcrumb li {
  font-family: "Cooper Hewitt Book Italic", sans-serif;
  font-size: 11px;
}

.uk-breadcrumb> :nth-child(n + 2):not(.uk-first-column)::before {
  margin: 0 10px;
}

.uk-position-fixed {
  top: 0px;
}

.offset-bottom-20 {
  bottom: -20px;
}

.uk-padding-right {
  padding-right: 20px;
}

.uk-navbar-dropdown {
  left: 0px !important;
}

.uk-sticky-fixed {
  z-index: 100;
}

.three-inline-links {
  text-align: center;
}

.three-inline-links a {
  font-size: 20px;
  margin: 0px 20px;
}

.three-images {
  margin-bottom: 10px;
}

.three-images img {
  width: 33.333333%;
}

.three-images img:nth-of-type(2) {
  padding: 0px 10px;
}

.cooper-hewitt p {
  font-family: "Cooper Hewitt Book", sans-serif !important;
}

.open-sans p {
  font-family: "Open Sans" !important;
}

a.bigLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.subBackground .imgText p,
.imgText p {
  margin: 15px 0px;
}

.uk-animation-kenburns {
  animation-duration: 20s;
}

.productOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(51, 63, 72, 0.8);
  display: none;
  z-index: 2;
}

@keyframes uk-scale-kenburns {
  0% {
    -webkit-transform: scale(1) translateX(0px);
    -moz-transform: scale(1) translateX(0px);
    transform: scale(1) translateX(0px);
  }

  100% {
    -webkit-transform: scale(1.2) translateX(-75px);
    -moz-transform: scale(1.2) translateX(-75px);
    transform: scale(1.2) translateX(-75px);
  }
}

/*--Back to top*/
.backToTop {
  position: fixed;
  bottom: 50px;
  right: 0px;
  width: auto;
  padding: 0px 17px 0px 0px;
  z-index: 101;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.backToTop.show {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.backToTop img.icon {
  border: 2px solid #ffffff;
}

.backToTop.bottomTouch {
  position: absolute;
  bottom: auto;
  top: -230px;
}

/*--Blackbox Heading*/
.blackBox {
  width: 300px;
  height: 300px;
  background: #333f48;
}

.blackBox>div {
  border: 1px solid white;
  padding: 10px;
}

.blackBox h1 {
  font-size: 38px;
  line-height: 40px;
}

.blackBox h2 {
  font-size: 36px;
}

.blackBox h1,
.blackBox h2 {
  text-transform: uppercase;
}

.blackBox h1:last-of-type,
.blackBox h2:last-of-type {
  margin: 0px;
}

.blackBox p,
.designerPromo .blackBox p {
  margin: 0px;
  color: #ffffff;
  font-family: "Cooper Hewitt Light", sans-serif;
}

.blackBox sub,
.promo.dark sub {
  bottom: 0px;
  line-height: normal;
  font-size: 50%;
  font-weight: initial;
}

.collections .blackBox img {
  height: auto;
  width: 20px;
}

/*--Buttons*/
.uk-button,
.uk-offcanvas-bar .uk-button-default {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #333f48;
  line-height: 36px;
  background: #ffffff;
  border: 2px solid #333f48;
  padding-top: 3px;
  width: 100%;
  max-width: 300px;
  -webkit-appearance: none;
  appearance: none;
}

.uk-button:hover,
.uk-button:focus,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default:focus,
.uk-button-default.option.uk-active {
  border-color: #333f48;
  background: #333f48;
  color: #ffffff;
}

/*--Cards*/
.uk-card-default {
  box-shadow: none;
  background: none;
}

.uk-card-default img {
  margin-bottom: 0px;
}

.uk-card-body {
  padding: 5px;
}

/*--Lists*/
.uk-list {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #333333;
}

.uk-list-bullet>li {
  padding-left: 15px;
}

.uk-list>li:nth-child(n + 2) {
  margin-top: 20px;
}

.uk-list-bullet>li::before {
  content: "•";
  font-family: "Open Sans", sans-serif;
  color: #333333;
  background: none;
}

/*--Sliders*/
.uk-slidenav-previous {
  left: -50px;
}

.uk-slidenav-next {
  right: -80px;
}

.uk-slidenav-previous a:hover,
.uk-slidenav-next a:hover {
  text-transform: none;
}

.uk-slidenav-previous svg,
.uk-slidenav-next svg {
  display: none;
}

.collectionsHome .uk-grid>* {
  padding-left: 70px;
}

.collectionsHome .uk-slider {
  padding: 45px 70px 35px 40px;
}

/*--Tables*/
.uk-table {
  text-align: center;
  table-layout: fixed;
}

.uk-table td {
  border: 1px solid #e5e5e5;
  padding: 10px;
  vertical-align: middle;
}

.uk-table.no-border {
  margin-bottom: 0px;
}

.uk-table.no-border td {
  border: none;
}

.uk-table caption,
.tertiaryAlt.bassesMounts span {
  font-family: "Cooper Hewitt Light", sans-serif;
  font-style: italic;
  font-size: 14px;
  color: #333f48;
  padding: 5px;
}

/*Accordion Title*/
.uk-accordion {
  margin-bottom: 15px;
}

.uk-accordion-title {
  font-size: 14px;
  display: inline-block;
}

.uk-accordion-title:before {
  display: none;
}

/*Switcher/Tabs*/
.uk-subnav li {
  padding: 20px 35px 10px 35px;
}

.uk-subnav li.uk-active {
  padding-bottom: 0px;
}

.uk-subnav li a {
  margin-bottom: 5px;
}

.uk-subnav li.uk-active a {
  padding-bottom: 5px;
  border-bottom: 5px solid #333e48;
}

/*---Dots*/
.dot {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  display: inline-block;
}

.dot.blue {
  background-color: #0f5d9a;
}

.dot.red {
  background-color: #c05131;
}

.dot.green {
  background-color: #669933;
}

.dot.gray {
  background-color: #333f48;
}

/*Tooltips*/
.uk-tooltip,
.uk-tooltip.uk-dropdown.uk.open,
.filters .uk-tooltip.uk-dropdown.uk.open {
  background: #ffffff !important;
  border: 1px solid #b0afad;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #666666;
  max-width: 300px;
}

.tooltip-icon {
  width: 27px;
  height: 27px;
  background: url("../images/tooltip_icon.png") 0px 0px no-repeat;
}

.sizes .tooltip-icon {
  position: absolute;
  top: 0px;
  right: -10px;
  z-index: 1;
}

.filters .tooltip-icon {
  margin-bottom: 7px;
}

.uk-tooltip.uk-dropdown p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #666666;
  text-transform: initial;
}

.uk-tooltip.uk-dropdown p:last-of-type {
  margin-bottom: 0px;
}

/*Header*/
.header {
  background: #ffffff url(../images/headerBack.jpg) top right no-repeat;
  border-top: 5px solid #333f48;
}

.header.minimal {
  background: none;
  border-top: 0px solid #333f48;
}

.header .uk-navbar-container {
  background: none;
}

.header .uk-button {
  font-size: 14px;
  width: 150px;
  line-height: 36px;
  padding: 1px 10px 0px 10px;
}

.header .shade-designer-button {
  background: #333f49;
  color: #ffffff;
  margin-right: 10px;
}

.header .shade-designer-button:hover {
  background: #ffffff;
  color: #333f49;
  margin-right: 10px;
}

.header .shade-portal-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}

.header .shade-portal-icon img {
  height: 100%;
}

.shade-portal-icon-mobile {
  width: 100%;
  height: 45px;
  display: block;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  color: #333f48 !important;
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 0px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.shade-portal-icon-mobile img {
  height: 100%;
}

.uk-button,
.uk-offcanvas-bar .shade-designer-button-mobile {
  background: #333f49;
  color: #ffffff;
  margin-top: 10px;
}

.uk-button,
.uk-offcanvas-bar .shade-designer-button-mobile:hover {
  background: #ffffff;
  color: #333f49;
  margin-right: 10px;
}

.header .shade-designer-button {
  background: #333f49;
  color: #ffffff;
  margin-right: 10px;
}

.header .shade-designer-button:hover {
  background: #ffffff;
  color: #333f49;
  margin-right: 10px;
}

.uk-button,
.uk-offcanvas-bar .shade-designer-button-mobile {
  background: #333f49;
  color: #ffffff;
  margin-top: 10px;
}

.uk-button,
.uk-offcanvas-bar .shade-designer-button-mobile:hover {
  background: #ffffff;
  color: #333f49;
  margin-right: 10px;
}

.header .mainLogo img {
  position: relative;
  top: 8px;
  -webkit-transition: top 0.25s;
  -moz-transition: top 0.25s;
  transition: top 0.25s;
}

.header.smallHeader .mainLogo img {
  position: relative;
  top: 0px;
  -webkit-transition: top 0.25s;
  -moz-transition: top 0.25s;
  transition: top 0.25s;
}

@media screen and (min-width:1099PX) {
  .header .mainLogo img {
    margin-left: 15px;
  }
}

@media screen and (min-width:1200px) {
  .header .mainLogo img {
    margin-left: -50px;
  }
}

@media screen and (min-width:1400px) {
  .header .mainLogo img {
    margin-left: 0px;
  }
}

@media screen and (min-width:1099PX) {
  .header .mainLogo img {
    margin-left: 15px;
  }
}

@media screen and (min-width:1200px) {
  .header .mainLogo img {
    margin-left: -50px;
  }
}

@media screen and (min-width:1400px) {
  .header .mainLogo img {
    margin-left: 0px;
  }
}

/*--Navbar*/
.uk-navbar-nav>li>a {
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #333f48;
  min-height: 70px;
  padding-top: 10px;
}

.stickyNavBar .uk-navbar-nav>li>a {
  line-height: 15px;
  padding-top: 0px;
}

.uk-navbar-nav>li>a span {
  padding-bottom: 5px;
  line-height: 26px;
  letter-spacing: 0.5px;
}

.uk-navbar-nav>li>a:hover {
  color: #333f48;
}

.uk-navbar-nav>li>a:hover span {
  border-bottom: 5px solid #333f48;
  padding-bottom: 0px;
}

/*----NavBar Dropdowns*/
.uk-navbar-dropbar,
.uk-navbar-dropdown {
  background: #333f48;
}

.uk-navbar-dropdown {
  /*max-width: 1200px;*/
  left: 0;
  right: 0;
  margin: 0 auto;
}

.uk-navbar-dropdown.search-drop {
  max-width: none;
  top: 153px !important;
}

.uk-navbar-dropdown-nav>li {
  padding: 0px 20px;
}

.uk-navbar-dropdown-nav>li>a {
  color: #cccccc;
}

.uk-navbar-dropdown-nav>li>a:hover {
  color: #ffffff;
}

/*Mobile Nav*/
.mobileSlideMenu ul {
  list-style: none;
  padding: 0px;
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  will-change: transform;
  transition: all 0.5s ease;
  opacity: 0;
  padding: 30px;
  margin: 0px;
}

.mobileSlideMenu ul.menu-show {
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 999;
}

.mobileSlideMenu>ul {
  padding: 147px 30px 30px 30px;
}

.mobileSlideMenu ul>li>a,
.mobileSlideMenu ul>li>ul>li>a.topLevel {
  color: #333f48;
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 0px;
}

.mobileSlideMenu ul>li>a:hover {
  color: #333f48;
  text-decoration: none;
}

.mobileSlideMenu ul>li>ul>li>a {
  font-size: 14px;
  padding-left: 30px;
  display: block;
}

.mobileSlideMenu ul>li {
  margin-bottom: 15px;
}

.mobileSlideMenu a.back {
  margin-bottom: 90px;
  display: block;
  font-size: 14px;
  padding-left: 0px;
}

.mobileSlideMenu .mobileSearch {
  z-index: 1000;
}

.mobileSlideMenu .mobileSearch .uk-input::-webkit-input-placeholder {
  color: #999999;
}

.mobileSlideMenu .mobileSearch .uk-input::-moz-placeholder {
  color: #999999;
}

.mobileSlideMenu .mobileSearch .uk-input:-ms-input-placeholder {
  color: #999999;
}

.mobileSlideMenu .mobileSearch .uk-input:-moz-placeholder {
  color: #999999;
}

.uk-offcanvas-bar .mobileSearch .uk-button,
.ccm-search-block-submit.uk-button {
  max-width: 40px;
  padding: 0px 7px;
  margin-left: 10px;
  height: 40px;
}

@media (max-width:959px) {

  .uk-offcanvas-bar .mobileSearch .uk-button,
  .ccm-search-block-submit.uk-button {
    margin-top: 0px;
  }
}

@media (max-width:959px) {

  .uk-offcanvas-bar .mobileSearch .uk-button,
  .ccm-search-block-submit.uk-button {
    margin-top: 0px;
  }
}

.uk-offcanvas-bar .mobileSearch .uk-button:hover a.search,
.ccm-search-block-submit.uk-button:hover {
  background-image: url("../images/search_RO.svg");
}

.mobileSlideMenu .uk-input,
.mobileSlideMenu .uk-input:focus {
  border: 0px;
  background: #ebecec;
  color: #333f48;
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 4px;
}

.transform-view {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition: all 0.5s ease;
}

.transform-right {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.5s ease;
}

.transform-left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 0.5s ease;
}

.uk-offcanvas-bar {
  background: #ffffff;
  padding: 80px 30px 30px 30px;
}

.uk-offcanvas-overlay::before {
  background: rgba(51, 63, 72, 0.8);
}

.uk-offcanvas-bar .uk-offcanvas-close span {
  background: #333f48;
  height: 5px;
  width: 30px;
  display: block;
  position: absolute;
  left: -20px;
  top: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.uk-offcanvas-bar .uk-offcanvas-close span:last-of-type {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.uk-offcanvas-bar .uk-offcanvas-close svg {
  display: none;
}

.uk-offcanvas-bar .uk-button-default {
  max-width: 175px;
  padding: 3px 10px 0px 10px;
}

/*--Header Shrink*/
.header {
  -webkit-transition: top 0.75s, border 0.25s;
  -moz-transition: top 0.75s, border 0.25s;
  transition: top 0.75s, border 0.25s;
  z-index: 102;
}

.header>div {
  padding-bottom: 0px;
}

.smallLogo {
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -500px;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.smallSearchBar {
  margin-top: 15px;
  right: 50%;
  margin-right: -885px;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.landing-smallHeader.smallHeader {

  top: -130px !important;
}

.smallHeader {
  top: -87px;
  border-bottom: 5px solid #333f48;
  -webkit-transition: top 0.75s, border 0.25s;
  -moz-transition: top 0.75s, border 0.25s;
  transition: top 0.75s, border 0.25s;
}

.smallHeader .smallLogo,
.smallHeader .smallSearchBar {
  opacity: 1;
  -webkit-transition: opacity 0.75s;
  -moz-transition: opacity 0.75s;
  transition: opacity 0.75s;
}

/*--Search*/
a.search,
a.searchSmall,
.ccm-search-block-submit.uk-button {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/search.svg") 0px 0px no-repeat;
  display: block;
}

.ccm-search-block-submit.uk-button {
  width: 40px;
  height: 40px;
  background: url("../images/search.svg") center center no-repeat;
  background-size: 25px;
}

.ccm-search-block-submit.uk-button:hover {
  background-color: #333f48;
}

#toggle-search,
#search-drop {
  position: absolute;
  left: -170px;
  width: 100%;
  z-index: -1;
}

#toggle-search,
#toggle-search:focus,
#search-drop,
#search-drop:focus {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #333f48;
  background: transparent;
  color: #333333;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding: 15px 35px 0px 0px;
}

#search-drop,
#search-drop:focus {
  border-color: #ffffff;
  color: #ffffff;
  position: static;
  background: url("../images/search_RO.svg") bottom 5px right 5px no-repeat;
  background-size: 20px;
}

#toggle-search::-webkit-input-placeholder {
  color: #333333;
}

#toggle-search::-moz-placeholder {
  color: #333333;
}

#toggle-search:-ms-input-placeholder {
  color: #333333;
}

#toggle-search:-moz-placeholder {
  color: #333333;
}

#search-drop::-webkit-input-placeholder {
  color: #ffffff;
}

#search-drop::-moz-placeholder {
  color: #ffffff;
}

#search-drop:-ms-input-placeholder {
  color: #ffffff;
}

#search-drop:-moz-placeholder {
  color: #ffffff;
}

@media screen and (min-width: 960px) and (max-width: 1650px) {
  .smallSearchBar {
    display: none;
  }

  .header {
    height: 158px !important;
    top: 0px;
  }

  .hideSmallHeader {
    display: block;
  }
}



/*Catalog Icon*/
.catalogIcon {
  width: 30px;
  height: 30px;
  background: url("../images/catalog_icon.png") 0px 0px no-repeat;
  background-size: cover;
}

/*Footer*/
.footer {
  background: #333f48 url("../images/footerBack.jpg") top right no-repeat;
  background-size: cover;
}

.footer h2,
.footer h3,
.footer h4 {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 2px;
}

.footer p {
  margin: 0px 0px 2px 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #ffffff !important;
}

.footer a {
  color: #d5c9be;
  font-size: 14px;
  font-weight: 300;
}

.footer a:hover {
  background: none;
  color: #ffffff;
  border-bottom: none;
  text-decoration: underline;
}

.footer .subscribe-footer-link {
  margin: 0px;
}

.footer .subscribe-footer-link p {
  text-align: center;
}

.footer .subscribe-footer-link a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 22px;
  background: url("../images/white-mail-icon.png") 0px 0px no-repeat;
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.footer .footer-logo>img {
  margin: 0 auto 5px;
  display: block;
}

.footer .newh-logo img {
  margin-bottom: 20px;
}

/*--Social Media*/
.socialMeida {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-left: 10px;
}

.social-wrap>div:first-of-type .socialMeida {
  margin-left: 0px;
}

.socialMeida.facebook {
  background: url("../images/facebook.svg") 0px 0px no-repeat;
}

.socialMeida.facebook:hover {
  background: url("../images/facebook_RO.svg") 0px 0px no-repeat;
}

.socialMeida.twitter {
  background: url("../images/twitter.svg") 0px 0px no-repeat;
}

.socialMeida.twitter:hover {
  background: url("../images/twitter_RO.svg") 0px 0px no-repeat;
}

.socialMeida.linkedin {
  background: url("../images/linkedin.svg") 0px 0px no-repeat;
}

.socialMeida.linkedin:hover {
  background: url("../images/linkedin_RO.svg") 0px 0px no-repeat;
}

.socialMeida.youtube {
  background: url("../images/youtube.svg") 0px 0px no-repeat;
}

.socialMeida.youtube:hover {
  background: url("../images/youtube_RO.svg") 0px 0px no-repeat;
}

.socialMeida.instagram {
  background: url("../images/instagram.svg") 0px 0px no-repeat;
}

.socialMeida.instagram:hover {
  background: url("../images/instagram_RO.svg") 0px 0px no-repeat;
}

.socialMeida.pinterest {
  background: url("../images/pinterest.svg") 0px 0px no-repeat;
}

.socialMeida.pinterest:hover {
  background: url("../images/pinterest_RO.svg") 0px 0px no-repeat;
}

.socialMeida.houzz {
  background: url("../images/houzz.svg") 0px 0px no-repeat;
}

.socialMeida.houzz:hover {
  background: url("../images/houzz_RO.svg") 0px 0px no-repeat;
}

/*Home Page*/
/*--Hero Image*/
.heroImage {
  height: 1000px;
}

.heroImage .uk-width-1-1 {
  max-width: 100%;
}

.heroImage .inner {
  padding-left: 300px;
}

.heroImage .inner p,
.mobileHeroStatment .inner p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
}

.heroImage .uk-overlay {
  margin-bottom: 0px;
  padding: 40px;
  background: rgba(51, 63, 72, .12);
}

.heroImage .inner p {
  margin: 0px;
}

.heroImage .inner .uk-button {
  position: absolute;
  left: 50%;
  margin-left: -150px;
  margin-top: 19px;
}

.mobileHeroStatment {
  display: none;
}

/* SD LAUNCH HERO */
.hero-bg {
  background: url(/application/files/6116/7604/6936/sd_bg_v2.jpg);
  min-height: 769px;
  background-size: cover !important;
  background-position: 50% !important;
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 6px solid #333f48;
}

.hero-bg .hero-bg-content {
  padding: 40px;
  text-align: left;
  max-width: 780px;
}

.hero-bg .hero-bg-content h1 {
  font-size: 75px;
  margin-bottom: 30px;
}

.hero-bg .hero-bg-video {
  padding-right: 40px;
}

.sd-promo {
  border-top: 6px solid #333f48;
  margin-bottom: 10px;
}

.hero-bg .hero-bg-content p {
  color: #000000;
}

/* AUTO ROTATING HERO SLIDESHOW */
.hero-auto-rotating {
  border-bottom: 5px solid #333f48;
  position: relative;
  overflow: hidden;
}

.hero-auto-rotating .uk-label {
  top: 45px;
  left: -80px;
  background-color: #333F48;
  color: #fff;
  padding: 5px 10px;
  width: 420px;
  text-transform: uppercase;
  rotate: -26deg;
  font-size: 26px;
  font-family: "Cooper Hewitt Book", sans-serif;
}

.hero-auto-rotating .overlay {
  background: rgba(255, 255, 255, .8);
  transform: translateY(10%);
  top: 20%;
  padding: 75px 80px 70px 115px;
}

.hero-auto-rotating .overlay h1 {
  font-size: 58px;
  color: #333f48;
  font-family: "Cooper Hewitt Semibold", sans-serif;
}

.hero-auto-rotating .overlay h3 {
  font-size: 26px;
  color: #333f48;
  font-family: "Cooper Hewitt Book", sans-serif;
  text-transform: uppercase;
}

.hero-auto-rotating .overlay h3 span {
  font-size: 33px;
  color: #333f48;
}

.hero-auto-rotating .overlay p {
  margin-top: 15px;
  margin-bottom: 15px;
}

.hero-auto-rotating .uk-button {
  border: 2px solid #333f48;
  background: #ffffff;
  color: #333f48;
  margin-top: 0px;
}

.hero-auto-rotating .uk-button:hover {
  border-color: #333f48;
  background: #333f48;
  color: #ffffff;
}

.hero-auto-rotating .uk-slideshow-items {}

@media screen and (max-width: 1459px) {
  .hero-bg {
    background: url(/packages/frankford_theme/themes/frankford/images/sd_hero_bg_mobile.png) !important;
    background-size: cover !important;
    background-position: 50% !important;
    flex-direction: column-reverse;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
  }

  .hero-bg .hero-bg-content {
    text-align: center;
    padding: 40px 0px 20px 0px;
  }

  .hero-bg .hero-bg-content h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .hero-bg .hero-bg-video {
    padding-right: 0px;
  }

  .hero-auto-rotating .uk-label {
    top: 25px;
    left: -130px;
  }

}

@media screen and (max-width: 959px) {
  .hero-auto-rotating .overlay {
    background: rgb(51 63 72);
    transform: translateY(0%) !important;
    top: 0% !important;
    padding: 40px;
    margin: 0 auto;
    display: block;
    position: relative !important;
  }

  .hero-auto-rotating .overlay h1 {
    font-size: 58px;
    color: #ffffff;
    font-family: "Cooper Hewitt Semibold", sans-serif;
  }

  .hero-auto-rotating .overlay h3 {
    font-size: 26px;
    color: #ffffff;
    font-family: "Cooper Hewitt Book", sans-serif;
    text-transform: uppercase;
  }

  .hero-auto-rotating .uk-button {
    border: 2px solid #ffffff;
    background: #333f48;
    color: #ffffff;
    margin-top: 0px;
  }

  .hero-auto-rotating .overlay h3 span {
    font-size: 33px;
    color: #ffffff;
  }

  .hero-auto-rotating .uk-button {
    border: 2px solid #ffffff;
    background: #333f48;
    color: #ffffff;
    margin-top: 0px;
  }

  .hero-auto-rotating .uk-button:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #333f48;
  }

  .hero-auto-rotating .uk-label {
    top: 25px;
    left: -130px;
    font-size: 20px;
  }
}

@media screen and (max-width: 569px) {
  .hero-bg .hero-bg-video {
    width: 269px;
    height: 150px;
  }

  .hero-bg .hero-bg-video p {
    margin: 0px;
  }

  .hero-bg .hero-bg-video iframe {
    max-width: 100%;
    width: 100%;
    height: 100%;
  }
}

.hero-bg .hero-bg-content a {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  line-height: 36px;
  background: #333f48;
  border: 2px solid #333f48;
  padding-top: 3px;
  width: 100%;
  max-width: 300px;
  -webkit-appearance: none;
  appearance: none;
}

.hero-bg .hero-bg-content a:hover {
  background: #ffffff;
  color: #333f48;

}

/*--Collections Slider*/
.collectionsHome {
  margin-bottom: 20px;
}

.collectionsHome>div:first-of-type {
  padding-top: 30px;
}

.collectionsHome>div:last-of-type {
  padding-bottom: 30px;
}

.collectionsHome h2,
.contact .collectionsHome h2 {
  font-family: "Open Sans Semibold", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #333f48;
  text-transform: uppercase;
  margin: 0px;
  font-style: normal;
}

.collectionsHome p,
.collectionsHome p em {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 16px;
  line-height: 36px;
  color: #000000;
}

.collectionsHome p strong {
  font-family: "Cooper Hewitt Bold", sans-serif;
}

.collectionsHome .uk-slider p {
  line-height: normal;
  margin-top: 5px;
}

.contact #features h1 strong {
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
}

/*--Image Overlay*/
.imageOverlay h2 {
  color: #333f48;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: normal;
}

.imageOverlay p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: #000000;
}

/*--Card Tiles*/
.cardTiles {
  background: #e7e7e7;
  margin: 10px;
}

.cardTiles .cards h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 30px;
}

.cardTiles p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: #000000;
}

.cardTiles .cards p {
  font-family: "Cooper Hewitt Book Italic", sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  text-transform: uppercase;
  margin: 0px;
}

.cardTiles .uk-button {
  margin-top: 20px;
  border: none;
}

.secondary .cards h3 {
  font-family: "Cooper Hewitt Medium Italic", sans-serif;
  font-size: 20px;
  color: #333f48;
  font-style: italic;
  margin: 5px 0px 15px;
  font-weight: 400;
}

.secondary .cards img {
  width: 100%;
}

.secondary .cards a.bigLink {
  z-index: 1;
}

.secondary .cards a.bigLink:hover+.uk-overflow-hidden {
  border: 4px solid #333f48;
}

/*--Designer Promo*/
.designerPromo {
  margin-top: 200px;
  margin-bottom: 200px;
  position: relative;
}

.designerPromo:after {
  content: "";
  width: 100%;
  height: 25px;
  position: absolute;
  left: 0px;
  bottom: -25px;
  z-index: -1;
  background: url(../images/swatchHome.jpg) 0px 0px repeat-x;
}

.designerPromo .inner {
  padding-left: 350px;
}

.designerPromo a {
  margin-bottom: 0px;
}

.designerPromo p {
  font-family: "Open Sans Italic", sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.designerPromo>.uk-container:before,
.designerPromo>.uk-container>img.uk-position-absolute {
  content: "";
  width: 594px;
  height: 520px;
  position: absolute;
  left: -300px;
  top: -50%;
  margin-top: -150px;
  z-index: 1;
  background: url(../images/umbrellaNoshadow.png) 0px 0px no-repeat;
}

.designerPromo>.uk-container>img.uk-position-absolute {
  background: url(../images/umbrellaShadow.png) 0px 0px no-repeat;
  transform-origin: 55px 428px;
}

.designerPromo.edit>.uk-container:before {
  display: none;
}

/*--Why Frankford*/
.why-frankford p {
  margin: 0px;
}

.why-frankford h3,
.why-frankford h6 {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-size: 16px;
  color: #000000;
  margin: 0px;
  text-transform: uppercase;
  text-align: right;
}

.why-frankford span {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000000;
  margin: 0px 15px;
}

/*Sub Pages Global*/
.subBackground {
  background: url("../images/productBack.jpg") right -340px top no-repeat;
}

.umbrellaBackground {
  background: url("../images/umbrellaBack.png") right top no-repeat;
}

.subBackground p,
.umbrellaBackground p {
  margin: 0px;
  font-family: "Open Sans";
  font-size: 16px;
  color: #333333;
}

.umbrellaBackground.contact p,
.umbrellaBackground p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  color: #000000;
}

.umbrellaBackground ul li,
.subBackground ul li {
  margin: 0px;
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  color: #000000;
}

.heading h1 {
  font-family: "Open Sans Semibold", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #333f48;
  text-transform: uppercase;
}

.heading h1 em {
  font-family: "Open Sans Light Italic", sans-serif;
  font-style: italic;
  color: #333f48;
  font-size: 26px;
  text-transform: uppercase;
  padding: 0px 10px;
  font-weight: initial;
}

.secondary .contact ul {
  list-style-type: square;
  margin-top: 5px;
  padding-left: 50px;
}

.secondary .contact .big-bullets ul {
  list-style: none;
}

.secondary .contact .big-bullets ul li {
  position: relative;
  margin-bottom: 5px;
}

.secondary .contact .big-bullets ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000000;
  top: 6px;
  left: -20px;
}

.umb-details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.umb-details,
.uk-container>.umb-details:last-child {
  margin: 20px 0px 75px !important;
}

.umb-details h3,
.umb-details h5 {
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}

.umb-details ul li,
.umb-details ul a {
  font-size: 14px;
}

/*Products Page*/
/*--Product Image*/
.productWrapper p {
  font-size: 14px;
  color: #999fa3;
  text-transform: uppercase;
}

.productWrapper .description p {
  font-family: "Cooper Hewitt Book Italic", sans-serif;
  font-style: italic;
  font-size: 18px;
  line-height: 36px;
  color: #333333;
  text-transform: none;
}

.productWrapper .description h2,
.productWrapper .description h3,
.productWrapper .description h4 {
  font-family: "Open Sans Bold", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom: 5px;
}

.productWrapper .description p.small {
  font-size: 16px;
  line-height: 26px;
}

/*----Product Markers*/
.uk-marker {
  background: transparent;
  border: 3px solid #e5e5e5;
  width: 75px;
  height: 75px;
  z-index: 2;
}

.uk-marker:hover {
  border-color: #333333;
}

.uk-marker svg {
  display: none;
}

/*----Rollover Images*/
.altImgs img {
  width: 300px;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  z-index: 1;
}

.altImgs img.current {
  z-index: 2;
}

.altImgs span {
  color: #ffffff;
  cursor: pointer;
}

.altImgs p {
  text-transform: none;
  font-size: 12px;
}

/*--Product NavBar*/
.stickyNavBar {
  background: rgba(163, 169, 172, 0.9);
}

.stickyNavBar .uk-navbar-container {
  background: transparent;
}

.stickyNavBar .uk-navbar-container>div {
  width: 100%;
}

.stickyNavBar.gallery .uk-navbar-container>div {
  width: auto;
}

.stickyNavBar li a,
.stickyNavBar p {
  min-height: 50px;
  color: #ffffff;
  font-family: "Open Sans";
  position: relative;
  font-size: 14px;
}

.stickyNavBar p {
  min-height: auto;
}

.stickyNavBar li a em,
.stickyNavBar li a strong {
  text-transform: none;
  color: inherit;
}

.uk-navbar-nav>li>a:focus {
  color: #333f48;
}

.stickyNavBar li a:after,
.uk-navbar-nav>li>a:hover:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 5px;
  background: #333f48;
  bottom: -5px;
  left: 25%;
  display: none;
}

.stickyNavBar li a:hover:after,
.stickyNavBar li.uk-active a:after,
.stickyNavBar .uk-navbar-nav>li>a:focus:after {
  display: block;
}

/*--Sub Sticky Bar*/
.stickyNavBar.subNavBar {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 5px 0px;
  border-bottom: 1px solid #e5e5e5;
  z-index: 1;
}

.stickyNavBar.subNavBar .uk-navbar-nav>li>a {
  font-size: 16px;
  color: #333f48;
  text-transform: uppercase;
}

.stickyNavBar.subNavBar li.uk-active a:after,
.stickyNavBar.subNavBar li a:hover:after {
  display: none !important;
}

.stickyNavBar.subNavBar li a:hover,
.stickyNavBar.subNavBar li a:focus,
.stickyNavBar.subNavBar li.uk-active a {
  font-family: "Open Sans Bold";
}

.stickyNavBar h2,
.stickyNavBar h3 {
  font-family: "Cooper Hewitt", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 10px 0px 7px;
  text-align: center;
}

/* Marella */
.marellaProductPage .blackBox h1 {
  font-size: 48px;
  line-height: 55px;
}

.marellaProductPage .blackBox h2 {
  font-size: 26px;
}

.marellaProductPage .blackBox h2 span {
  font-size: 33px;
}

.marella-comparison-container {
  position: relative;
  width: 600px;
  /* Set your desired width */
  height: 400px;
  /* Set your desired height */
  margin-bottom: 30px;
}

/* Styling for the before and after images */
.marella-before-image,
.marella-after-image {
  width: 100%;
  min-width: 600px;
  /* Ensure the images are always fully visible */
  height: 100%;
  object-fit: cover;
  position: absolute;
  /* Both images are absolutely positioned to stay aligned */
  top: 0;
  left: 0;
}

/* Outer wrapper for revealing the after image */
.marella-after-outer-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  /* Start with 0 width and progressively reveal based on mouse movement */
  height: 100%;
  overflow: hidden;
  /* This wrapper hides the image progressively */
}

/* Inner wrapper to ensure the after image stays fully sized */
.marella-after-inner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* Always ensure the after image is fully sized */
  height: 100%;
}

/* Styling for the after image */
.marella-after-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* Vertical bar to indicate mouse position */
.marella-vertical-bar {
  position: absolute;
  top: 0;
  width: 5px;
  /* Width of the vertical bar */
  height: 100%;
  background-color: #333f48;
  /* Set the color of the vertical bar */
  pointer-events: none;
  /* Allow mouse events to pass through */
}

.marella-vertical-bar::after {
  position: absolute;
  top: 50%;
  transform: translate(-46%, -50%);
  /* Vertically center the arrows */
  height: 50px;
  width: 50px;
  content: "";
  background-color: #333f48;
  /* Set the color of the vertical bar */
  border-radius: 50%;
}

@media screen and (max-width: 959px) {
  .marella-comparison-container {
    width: 300px;
    height: 200px;
    /* Set your desired height */
  }

  .marella-before-image,
  .marella-after-image {
    min-width: 300px;
  }
}

/* Arrow Styling */
.marella-arrow-left,
.marella-arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* Vertically center the arrows */
  color: #ffffff;
  /* Set the color of the arrows */
  stroke-width: 2px;
  /* Makes the chevrons bolder */
  fill: none;
  /* Ensures the arrows are outlined, not filled */
  stroke: #ffffff;
  /* Set the chevron color */
  z-index: 2;
}

.marella-arrow-left {
  left: -18px;
  /* Position the left arrow just outside the bar */
}

.marella-arrow-right {
  right: -18px;
  /* Position the right arrow just outside the bar */
}

/* Override for UIkit SVG stroke color and size */
.marella-arrow-left svg polyline,
.marella-arrow-right svg polyline {
  stroke: #ffffff;
  /* Set the stroke color of the chevrons */
  stroke-width: 2px;
  /* Make the chevrons bolder */
}

.marellaProductPage .add-on-options p {
  font-size: 20px;
  font-family: "Cooper Hewitt Book", sans-serif;
  font-style: normal;
}

.marella-add-ons img {
  width: 300px;
  max-width: 100%;
}

.marella-add-ons .marella-addons-display-name p {
  font-size: 20px;
  font-family: "Cooper Hewitt Book", sans-serif;
  font-style: normal;
}

.marella-add-ons .marella-addons-model-name strong {
  font-size: 20px;
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-style: normal;
}

.marella-add-ons .marella-addons-description p {
  font-size: 16px;
  font-family: "Cooper Hewitt Book", sans-serif;
  font-style: normal;
}

.marella-images {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 40px;
  gap: 40px;
}

/* MARELLA SPACES */
.marella-spaces {
  max-width: 800px;
  margin: 0 auto;
}

.marella-spaces-addons img {
  opacity: .5;
}

/* What's New */
.release-notes-wrapper {
  max-width: 100%;
  width: 700px;
  margin: 0 auto;
  display: block;
}

.release-notes-wrapper .uk-card-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;

  color: #333f48;
  padding: 10px 10px 10px 0px;
  margin-bottom: 0px;
}

.release-notes-wrapper .ccm-block-page-list-date {
  font-size: 14px;
  color: rgba(71, 82, 93, 0.4);
  margin-bottom: 10px;
  display: block;
  position: absolute;
  text-align: right;
  width: 100vw;
  top: 20px;
  right: 720px;
  margin: 0px 30px 0px 0px;
}

.release-notes-wrapper .release-note-topic {
  display: inline-block;
  background: #333f48;
  color: #ffffff;
  padding: 4px 10px;
  margin: 5px 0;
  font-size: 12px;
  border-radius: 50px;
}

.release-notes-wrapper .read-more {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #333f48;
  text-decoration: none;
  display: inline-block;
}

.release-notes-wrapper .read-more:hover {
  text-decoration: none;
}

.release-notes-wrapper .uk-card-default img {
  margin-top: 15px;
  border: #ccc 1px solid;
}

.release-notes-thumbnail img {
  border: #ccc 1px solid;
}

.release-notes-wrapper .uk-card {
  margin-bottom: 40px;
}

.release-notes-post-wrapper {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}

.release-notes-post-wrapper .uk-article-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #333f48;
  padding: 10px 10px 10px 0px;
  margin-bottom: 0px;
}

.release-notes-post-wrapper .uk-article-meta {
  color: rgba(71, 82, 93, 0.4);
}

.release-notes-post-wrapper .uk-text-lead p {
  font-size: 24px;
}

.release-notes-post-wrapper {
  margin-bottom: 50px;
}

.release-notes-post-wrapper .release-note-topic {
  display: inline-block;
  background: #333f48;
  color: #ffffff;
  padding: 4px 10px;
  margin: 5px 0;
  font-size: 12px;
  border-radius: 50px;
}

.release-notes-post-title .read-more {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #333f48;
  text-decoration: none;
  display: inline-block;
  padding: 0px 10px;
}

.release-notes-post-title .read-more:hover {
  text-decoration: underline;
}

/*--Fabric Filters*/

.hide-element {
  display: none;
}

#content-container.fade {
  opacity: 1;
  transition: opacity 1s;
}

#content-container {
  opacity: 0;
}

.pinterest-hidden {
  position: absolute;
  padding: 10px;
  z-index: 1;
  display: none;
}

.swatch-wrapper:hover {
  cursor: pointer;
}

.swatch-wrapper:hover .pinterest-hidden {
  display: block;
}

.filters {
  width: 100%;
  margin-top: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filters.uk-container-small {
  max-width: 980px;
}

.filters label {
  color: #666666;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 400;
}

.filters .uk-button.uk-button-primary {
  line-height: 34px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.filters .contact>div {
  padding-right: 15px;
  margin-bottom: 15px;
}

.filters .contact>div:last-of-type {
  padding-right: 0px;
}

.filters .contact:last-of-type {
  /*To line up the widths between the first and second row*/
  margin-right: 113px;
}

.filters .contact:last-of-type>div:last-of-type {
  padding-right: 15px;
}

.filters .uk-select {
  text-align: left;
  overflow: hidden;
}

.filters .uk-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 12px;
}

.filters .uk-input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
}

.filters .uk-input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
}

.filters .uk-input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px;
}

.filters .uk-dropdown.uk-open {
  background: rgba(153, 159, 163, 0.9);
}

.filters .uk-dropdown-nav>li>a {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
}

.filters .uk-dropdown-nav>li>a:hover {
  color: #333f48;
}

.filters button {
  cursor: pointer;
}

.fabric-modal .img-wrap img {
  margin-top: 70px;
  min-width: 400px;
  max-width: 400px;
  max-height: 400px;
}

.fabric-modal .uk-modal-dialog p {
  font-family: "Open Sans", sans-serif;
  color: #333333;
  font-size: 18px;
}

.swatch-grade-name {
  margin-top: 0px;
  font-size: 0.85em;
  display: block;
}

.download {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.download p {
  position: relative;
  padding-right: 50px;
}

.download p:after {
  content: "";
  width: 33px;
  height: 36px;
  display: inline-block;
  background: url("../images/download_pdf.jpg") 0px 0px no-repeat;
  position: absolute;
  right: 10px;
  top: -8px;
}

.current-catalog {
  order: 2
}

#no-results>div {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  background-color: #A3A9AC;
  color: #ffffff;
  text-align: center;
  padding: 40px;
  max-width: 820px;
}

.js-filter #no-results>div {
  max-width: 900px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.js-filter #no-results {
  width: 100%;
}

.swatchViewer #no-results p {
  font-family: "Open Sans", sans-serif;
  text-shadow: none;
}

/*--Product Details*/
#features h2,
#features h2 em,
#finishes h2,
#finishes h2 em,
#chart h2,
#chart h2 em,
#mounting h2 em,
#mounting h2,
#finialstyle h2,
#finialstyle h2 em,
#flexible-ribs h2,
#flexible-ribs h2 em {
  font-size: 36px;
  text-transform: uppercase;
  color: #333f48;
  line-height: 42px;
}

.contact #features #fabrics h2 strong {
  color: #ffffff;
}

/*----Fabrics and Bases*/
#fabrics {
  background: url("../images/water_repellent_fabric_magnified.jpg") 0px 0px no-repeat;
  background-size: cover;
}

#fabrics h2,
#fabrics h2 em {
  text-transform: uppercase;
}

#bases {
  background: url("../images/basesBack.jpg") 0px 0px no-repeat;
  background-size: cover;
}

.promo {
  height: 350px;
}

.promo.dark h2,
.promo.dark h2 em,
#features .promo.dark h2,
#features .promo.dark h2 em {
  color: #ffffff;
}

.promo.dark .inner {
  background: rgba(255, 255, 255, 0.75);
}

.promo .inner>div {
  padding: 40px;
}

.promo p {
  font-size: 16px;
}

.promo p strong {
  font-family: "Open Sans Semibold", sans-serif;
  font-weight: 700;
}

.promo .blackBox span {
  display: block;
  margin-bottom: -45px;
}

.promo.assistance {
  background-size: 80% !important;
}

.promo.assistance .uk-button {
  max-width: 200px;
  transform: none;
  left: 0px;
}

.promo.assistance .inner>div {
  padding: 0px 40px 40px 0px;
  margin-left: 30px;
}

.promo.assistance h2 {
  margin-left: 30px;
  text-align: left;
}

.tertiaryAlt #fabrics {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  z-index: -1;
}

/*----Mounting Options*/
#mounting .products p,
#mounting .products strong {
  color: #333f48;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
}

#mounting .products strong {
  font-family: "Cooper Hewitt Bold", sans-serif;
  font-style: italic;
}

#mounting .new-tag {
  color: #fff;
  border-radius: 0 !important;
  font-style: italic;
  margin: 20px 0px 0px 20px !important;
}

/*----Sizes*/
.sizes p,
.sizes strong,
.sizes span {
  color: #333f48;
  font-size: 14px;
  font-family: "Cooper Hewitt Medium Italic", sans-serif;
  font-style: italic;
}

.sizes p {
  position: relative;
  top: 4px;
  min-height: 20px
}

.sizes span {
  color: #999fa3;
  padding-right: 10px;
  font-family: "Cooper Hewitt Light Italic", sans-serif;
  font-weight: initial;
}

.sizes span b {
  font-family: "Open Sans", sans-serif;
  color: #333f48;
  font-style: normal;
}

@media screen and (max-width: 490px) {
  .sizes span {
    font-weight: bold;
    color: #333f48;
  }
}

.sizes strong {
  font-family: "Cooper Hewitt Heavy Italic", sans-serif;
  font-style: italic;
  font-size: 16px;
  margin-bottom: -9px;
  display: block;
}

.sizes img {
  padding: 15px 0px;
}

/*Finishes*/
#finishes p,
#finialstyle p {
  color: #333f48;
  font-size: 14px;
  font-family: "Cooper Hewitt Light Italic", sans-serif;
}

#finishes p strong,
#finialstyle p em {
  font-family: "Cooper Hewitt Medium Italic", sans-serif;
}

#finishes img,
#finialstyle img {
  margin-bottom: 5px;
}

/*Finial Style*/
#finialstyle p em {
  text-transform: uppercase;
}

#finialstyle p em strong {
  font-size: 16px;
}

/* Flexible Ribs Section (On Monterey Pages */
#flexible-ribs .video-thumbnail {
  max-width: 440px;
}

#flexible-ribs .flexible-ribs-content {
  width: 390px;
  margin-left: -30px;
  margin-top: 20px;
  padding: 25px 20px;
  background: #353F47;
}

#flexible-ribs .flexible-ribs-content h3,
#flexible-ribs .flexible-ribs-content h4 {
  font-family: "Cooper Hewitt Medium", sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 10px;
}

#flexible-ribs .flexible-ribs-content p {
  font-family: "Open Sans Light", sans-serif;
  color: #ffffff;
  margin-bottom: 10px;
}

#flexible-ribs .flexible-ribs-content a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  border: 2px solid #ffffff;
  height: 55px;
  width: 270px;
  max-width: 100%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#flexible-ribs .flexible-ribs-content a:hover {
  border: 2px solid #ffffff;
}


@media screen and (max-width: 1199px) {
  #flexible-ribs .flexible-ribs-container {
    flex-wrap: wrap;
    flex-direction: column;
  }

  #flexible-ribs .flexible-ribs-content {
    height: unset;
    max-width: 405px;
    width: 95%;
    margin-left: 3%;
    margin-top: -25px;
  }

  #flexible-ribs .flexible-ribs-content a {
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  #flexible-ribs .flexible-ribs-container {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 100%;
  }

  #flexible-ribs .flexible-ribs-content {
    height: unset;
    width: 90%;
    max-width: 430px;
    margin-left: 5%;
    margin-top: -5%;
  }

  #flexible-ribs .flexible-ribs-content h4 {
    font-size: 18px !important;
  }

  #flexible-ribs .flexible-ribs-content a {
    font-size: 16px;
    height: 43px;
  }

  #flexible-ribs .video-thumbnail {
    width: 100%;
    max-width: 440px;
  }

  #flexible-ribs .flexible-ribs-content-container {
    max-width: 100%;
  }
}

/*Collections Page*/
.collectionGrid>div {
  padding-right: 10px;
  padding-bottom: 10px;
}

.collections .blackBox {
  z-index: 1;
}

.collections .blackBox.uk-position-bottom-left {
  bottom: 10px;
}

.collectionGrid .blackBox .hover,
.collectionGrid .blackBox:hover>div {
  display: none;
}

.collectionGrid .blackBox:hover .hover {
  display: flex;
  border-color: #333f48;
}

.collectionGrid .blackBox:hover {
  background: rgba(255, 255, 255, 0.75);
}

.collectionGrid .blackBox:hover h2 {
  color: #333f48;
}

.collectionGrid h2 {
  font-size: 36px;
  line-height: 36px;
}

.collectionGrid h2 em {
  font-family: "Cooper Hewitt Light Italic", sans-serif;
  font-style: italic;
  font-weight: initial;
}

/*Category Page*/
.categories h2 {
  margin-bottom: 0px;
  font-size: 36px;
}

.categories h2 strong {
  text-transform: uppercase;
  display: block;
}

.categories h2 em {
  color: #333f48;
  text-transform: uppercase;
  display: block;
  font-weight: initial;
}

.categories>div img.arrow,
.categories>div {
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.categories>div:hover img.arrow {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.categories p strong {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-size: 20px;
  color: #333f48;
  text-transform: uppercase;
}

/*Discover page*/

.discover .uk-overlay {
  width: 33%;
  background: rgba(255, 255, 255, 0.85);
  padding: 50px 50px 50px 150px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.discover>div:hover .uk-overlay {
  width: 35%;
  padding: 50px 50px 50px 177px;
  -webkit-transition: all 0.5s 0.2s ease;
  -moz-transition: all 0.5s 0.2s ease;
  transition: all 0.5s 0.2s ease;
}

.discover em,
.discover h2 {
  margin: 0px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
  font-size: 32px;
}

.discover em {
  font-weight: initial;
}

.discover em,
.discover p {
  font-family: "Cooper Hewitt Light Italic", sans-serif;
  font-style: italic;
  font-size: 22px;
  color: #333f48;
  padding-right: 10px;
  font-weight: initial;
}

.discover p {
  font-size: 16px;
  padding-right: 0px;
  text-transform: uppercase;
}

/*Catalog Pagelist*/
#cat_alt {
  background: rgba(255, 255, 255, 0.85) url("../images/altCatalogDarkArrowRight.png") center right 13px no-repeat;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#cat_alt:hover {
  background: rgba(255, 255, 255, 0.75) url("../images/altCatalogDarkArrowRight.png") center right 13px no-repeat;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.discover .uk-overlay.catalog {
  padding: 35px 0px 10px 0px;
}

.discover>div:hover .uk-overlay.catalog {
  padding: 50px 0px 0px 0px;
}

.discover .language {
  margin-top: 30px;
}

.discover .language>div {
  background: #333f49 url("../images/arrowWhiteRight.png") center right 13px no-repeat;
  background-size: 16px;
  border-right: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.discover .language a {
  color: #ffffff;
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.discover .language a:hover {
  text-decoration: none;
}

.discover .language a span {
  font-family: "Cooper Hewitt Light", sans-serif;
}

.discover .language>div:hover {
  background: #7e868b url("../images/arrowWhiteRight.png") center right 13px no-repeat;
  background-size: 16px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.discover .language>div:last-of-type {
  border-right: none;
}

/*About Page*/
.about p {
  margin: 15px 0px;
}

.about .icon-wrap img {
  margin: 0 auto 40px;
  display: block;
}

.about .bottom-image img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/*Secondary Pages*/
.secondary .hero img {
  width: 100%;
  height: auto;
}

.secondary .hero .uk-overlay {
  padding: 60px;
  background: rgba(255, 255, 255, 0.85);
}

.secondary .productsGrid {
  background: #ffffff;
}

.secondary .uk-overlay {
  background: rgba(255, 255, 255, 0.5);
}

.secondary .uk-overlay p {
  font-size: 20px;
  color: #000000;
  font-family: "Cooper Hewitt Book", sans-serif;
}

.secondary .productsGrid h2 {
  text-transform: uppercase;
}

.secondary .productsGrid h2 strong,
.secondary .productsGrid h2 em {
  display: block;
  color: #333f48;
}

.secondary .productsGrid h2.uk-inline strong,
.secondary .productsGrid h2.uk-inline em {
  display: inline-block;
}

.secondary .productsGrid h2.uk-inline em {
  padding-right: 10px;
}

.secondary .productsGrid .productName img {
  margin: 0 auto;
  display: table;
}

.secondary .productsGrid .productName>div {
  margin-top: 5%;
}

.secondary .productsGrid .productName,
.secondary .productsGrid .productName h2 {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.secondary .productsGrid .productName:hover h2 {
  line-height: 46px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.Beach .secondary .productsGrid .productName h2 {
  font-size: 32px;
}

.secondary .productsGrid p {
  font-family: 'Cooper Hewitt Book';
  font-size: 16px;
  color: #000000;
  padding: 10px 50px 0px;
}

.secondary .productsGrid .title-below {
  margin: 0px;
}

.secondary .productsGrid .title-below h2 {
  margin-bottom: 20px;
}

.secondary .productsGrid .productName:hover .title-below h2 {
  line-height: 40px;
}

/*--Swtach Viwer*/
ul.js-filter.swatchViewer {
  margin-top: 10px !important;
}

.swatchViewer img {
  cursor: pointer;
  width: 100%;
}

.swatchViewer img:hover {
  cursor: pointer;
}

.swatchViewer>div {
  margin-bottom: 35px;
}

.swatchViewer p {
  font-family: "Open Sans Bold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}

.swatchViewer span {
  font-family: "Open Sans Bold", sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}

.swatchViewer .uk-position-center {
  pointer-events: none;
}

/*--Video*/
.video {
  background: #333f48;
}

/*Dealer Locator*/
.locator .sidebar {
  background: #ffffff;
  border: 3px solid #333f48;
}

.sidebar .searchFeild {
  background: #333f48;
  padding: 10px 20px;
}

.sidebar .searchFeild .uk-input {
  height: 50px;
  font-size: 14px;
}

.sidebar .searchFeild .uk-button {
  width: 100%;
  border: none;
  height: 50px;
  padding: 10px 15px;
}

.sidebar .searchFeild .uk-button:hover,
.sidebar .searchFeild .uk-button:focus {
  background: #ffffff;
  color: #333f48;
}

.sidebar .searchFeild .uk-button .search {
  position: relative;
  top: 5px;
  left: 5px;
}

.sidebar .searchFeild .radius {
  padding: 15px 0px 0px;
}

.sidebar .searchFeild .radius label {
  padding: 0px 10px;
}

.sidebar .searchFeild .radius,
.sidebar .searchFeild .radius label {
  color: #ffffff;
  font-size: 14px;
  font-family: "Cooper Hewitt Book", sans-serif;
}

.sidebar .searchFeild .uk-radio:checked,
.sidebar .searchFeild .uk-radio:focus {
  background-color: transparent;
  border-color: #ffffff;
}

.sidebar .results {
  padding: 5px;
}

.sidebar .results p,
.sidebar .results {
  color: #313d46;
  font-size: 14px;
  font-family: "Cooper Hewitt Book", sans-serif;
}

.sidebar .results strong {
  color: #313d46;
  font-size: 16px;
  font-family: "Cooper Hewitt Medium", sans-serif;
}

.sidebar .results img {
  width: 35px;
  height: 35px;
  margin-right: 20px;
}

.sidebar .results>div {
  padding: 10px;
}

.sidebar .results>div:hover {
  background: #ebecec;
}

/*Bases and Mounts*/
.tertiaryAlt.bassesMounts p em {
  color: #333333;
  font-size: 16px;
  font-family: "Cooper Hewitt Book Italic", sans-serif;
  line-height: 36px;
}

.tertiaryAlt.bassesMounts p {
  font-family: "Open Sans", sans-serif;
  color: #333f48;
  font-size: 14px;
}

.tertiaryAlt.bassesMounts .content p em {
  margin-bottom: 30px;
  margin-left: 120px;
  font-size: 18px;
  display: block;
}

.tertiaryAlt.bassesMounts p strong,
.tertiaryAlt.bassesMounts h3 {
  font-family: "Cooper Hewitt Semibold Italic", sans-serif;
  font-size: 16px;
  color: #333f48;
}

.tertiaryAlt.bassesMounts h3 {
  font-size: 18px;
  margin: 0px;
}

.tertiaryAlt.bassesMounts span {
  padding: 0px;
}

.tertiaryAlt.bassesMounts .legend {
  margin: 10px 0px 60px 0px;
}

.tertiaryAlt.bassesMounts .legend p em {
  font-size: 14px;
  line-height: normal;
}

.tertiaryAlt.bassesMounts .legend p strong {
  text-transform: uppercase;
  font-family: "Cooper Hewitt Semibold", sans-serif;
}

.tertiaryAlt.bassesMounts .disclaimer {
  margin-bottom: 60px;
}

.tertiaryAlt.bassesMounts .disclaimer p {
  color: #333333;
  margin-bottom: 15px;
}

/*Contact*/
.contact strong {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-size: 18px;
  color: #000000;
  text-transform: uppercase;
}

.contact p,
.contact .collectionsHome p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  color: #000000;
}

.contact form>div,
.contact form.twoColumn>div>div {
  padding: 0px 15px;
}

.contact form.twoColumn>div {
  padding: 0px;
}

.contact form .uk-input.uk-form-width-small {
  width: 85px;
}

.contact label.uk-form-label,
.contact label.uk-form-label-radio {
  color: #666666;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
}

.contact label.uk-form-label-radio {
  font-size: 16px;
  color: #000000;
}

.contact .uk-input,
.contact .uk-textarea,
.contact .uk-select {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  border-color: #ccc;
}

.contact .uk-input:focus,
.contact .uk-textarea:focus,
.contact .uk-select:focus {
  border-color: #e5e5e5;
  border-bottom-color: #333f48;
  border-bottom-width: 5px;
}

.contact .uk-radio:checked {
  background-color: #333f48;
}

.contact h2 {
  font-family: "Cooper Hewitt Light Italic";
  font-size: 36px;
  font-style: italic;
  text-transform: uppercase;
}

.contact h2 strong {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  font-size: 36px;
  font-style: normal;
}

.contact h6 {
  color: #993333;
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 20px;
  padding: 50px 15px;
}

.contact ul {
  padding-left: 0px;
}

/*Search Results*/
#searchResults h2,
#searchResults h4 {
  margin: 0px;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-family: "Open Sans Bold", sans-serif;
  text-transform: none;
}

#searchResults h2 a,
#searchResults h4 a {
  color: #333f48;
  margin-top: 15px;
  display: block;
}

#searchResults h2 a:hover,
#searchResults h4 a:hover {
  text-decoration: none;
}

#searchResults a.pageLink {
  display: table;
  margin-top: 5px;
  word-break: break-all;
}

/*Pagination*/
.pagination {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.subBackground ul.pagination li {
  margin-right: 10px;
  color: #999999;
}

.subBackground ul.pagination li a {
  color: #333f48;
}

/*404 Page not found*/
.pageNotFound strong {
  font-family: "Cooper Hewitt Semibold", sans-serif;
  color: #000000;
  font-size: 18px;
}

.pageNotFound p {
  font-family: "Cooper Hewitt Book", sans-serif;
  font-size: 18px;
  color: #000000;
}

.pageNotFound a {
  color: #990000;
  border: none;
}

.pageNotFound a:hover {
  background: none;
  color: #fd0303;
}

/*Subscribe Promo*/
.subscribe-promo {
  padding: 115px 40px 40px 40px;
  background: #e7e7e7;
}

.subscribe-promo img.umbrella-img {
  position: absolute;
  top: 0px;
  max-width: none;
  margin: 0 auto;
}

.subscribe-promo h1,
.subscribe-promo h2 {
  font-family: "Open Sans Semibold", sans-serif;
  font-weight: 700;
  font-size: 48px !important;
  text-transform: uppercase;
  padding-right: 35px;
  margin: 0px;
  text-align: center;
}

.subscribe-promo h1 em,
.subscribe-promo h2 em {
  font-size: 26px !important;
  font-family: "Cooper Hewitt Light Italic", sans-serif;
  font-style: italic;
  font-weight: initial;
}

.subscribe-promo .uk-button {
  width: 300px;
  position: relative;
  display: block;
  margin: 0 auto;
}

.subscribe-promo .uk-button:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 18px;
  background: url("../images/blue-mail-icon.png") 0px 0px no-repeat;
  top: 10px;
  left: 75px;
}

.subscribe-promo .uk-button:hover:before {
  background: url("../images/white-mail-icon.png") 0px 0px no-repeat;
  background-size: cover;
}

/*Subscribe Page*/
.subscribe-template>div {
  background: url(../images/turquoise_umbrella_top.png) right -70px top no-repeat;
}

.subscribe-template p {
  font-family: "Cooper Hewitt Book";
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}

.subscribe-template strong {
  font-size: 22px;
  font-family: "Cooper Hewitt Semibold";
}

ul.reset-button,
ul.js-filter {
  list-style-type: none !important;
  margin: 0px !important;
}

/*Modals*/
.uk-modal-dialog h3 {
  font-size: 32px;
}

.uk-modal-dialog p {
  color: #000000;
  font-family: "Cooper Hewitt Book";
  font-size: 16px;
  text-align: center;
}

.uk-modal-dialog.default p {
  text-align: left;
}

.uk-modal-dialog .uk-modal-close-default svg {
  display: none;
}

.uk-modal-dialog .uk-modal-close-default {
  width: 31px;
  height: 31px;
  background: url("../images/closeModal.jpg") 0px 0px;
  top: 45px;
  right: 50px;
}

#buy-now-modal .uk-modal-dialog {
  width: 560px;
}

#buy-now-modal .uk-padding-large {
  padding: 60px;
}

#buy-now-modal .uk-modal-close-default {
  top: 20px;
  right: 20px;
}

#buy-now-modal .uk-button {
  margin-top: 0px;
}

#buy-now-modal .uk-modal-dialog p {
  margin-bottom: 16px;
}

@media (max-width: 1200px) {
  #buy-now-modal .uk-modal-close-default {
    top: 20px;
    right: 20px;
  }
}

@media (max-width: 469px) {
  #buy-now-modal .uk-modal-close-default {
    top: 20px;
    right: 20px;
  }

  #buy-now-modal .uk-padding-large {
    padding: 60px 20px;
  }
}

/*Spaces*/
.spaces p {
  color: #333333;
  font-family: "Cooper Hewitt Book";
  font-size: 16px;
}

.spaces h2 {
  margin-bottom: 35px;
  line-height: 40px;
}

.spaces h3 {
  font-family: 'Open Sans Semibold';
  font-size: 24px;
  color: #333f48;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.spaces .spaces-grid {
  margin-top: 20px;
}

.spaces .spaces-grid p {
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
}

.spaces .why-frankford {
  margin: 40px auto 35px;
}

/* Chart */
#chart .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10px;
}

#chart .right-column {
  width: 66%;
  background-color: rgba(237, 229, 217, .28);
  padding: 20px;
  box-sizing: border-box;
}

#chart .rich-text p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #343E47;
}

#chart .sizes {
  background: #e7e8e9;
  border-top: 10px solid #353F47;
  padding: 20px 30px;
}

#chart table {
  width: 100%;
  max-width: 860px;
  background: #E7E8E9;
  border-collapse: collapse;
  margin: 0 auto;
}

#chart th,
td {
  font-family: "Open Sans", sans-serif;
  padding: 10px;
  text-align: left;
  border: unset !important;
  border-top: 1px solid #BEC1C4 !important;
  border-bottom: 1px solid #BEC1C4 !important;
  color: #343E47;
  border-left: none !important;
  border-right: none !important;
  font-size: 16px;
  /* Set the default font-size for all cells */
}

#chart th {
  font-family: "Open Sans Bold", sans-serif;
  background-color: unset !important;
  font-weight: bold;
  font-size: 20px;
  /* Set the font-size for table headers */
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  border: 0px !important;
  padding-top: 0px;
  padding-bottom: 20px;
}

#chart td.bold {
  min-width: 230px;
  padding-left: 40px !important;
}

#chart td.bold h3 {
  font-family: "Open Sans Bold", sans-serif;
  border-left: none !important;
  font-size: 18px;
  /* Set the font-size for the first column */
  text-align: left;
  text-transform: uppercase;
}

/* Add this new style */
#chart td:not(.bold) {
  font-size: 16px;
  /* Set the font-size for the rest of the cells, excluding table headers and the first column */
}

#chart table {
  box-shadow: unset !important;
}

@media (max-width: 767px) {
  #chart .container {
    flex-direction: column;
  }

  #chart .left-column,
  #chart .right-column {
    width: 100%;
  }

  #chart .left-column {
    margin-bottom: 20px;
  }

  /* Make the table responsive */
  #chart table,
  #chart thead,
  #chart tbody,
  #chart th,
  #chart td,
  #chart tr {
    display: block;
  }

  #chart thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #chart td.bold {
    padding-left: unset !important;
  }

  #chart td.bold h3 {
    text-align: center;
    margin-bottom: 0px;
  }

  #chart tr {
    border-bottom: 1px solid #BEC1C4;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }

  #chart td {
    border-top: none !important;
    border-bottom: none !important;
    position: relative;
    text-align: center;
  }

  #chart td.bold {
    border-left: none !important;
  }

  #chart td:before {
    content: attr(data-label);
    display: inline-block;
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
  }
}

/*Testimonials*/

.testimonial {
  background-color: #333f48;
  padding: 45px 0px 30px;
  margin: 50px 0px 80px;
}

.frankford-testimonial {
  min-height: 310px;
}

.testimonial-paragraph {
  position: relative;
  padding: 0px 120px 20px 0px;
  width: 67%;
}

.testimonial-text {
  padding-left: 40px;
}

.testimonial-paragraph:before {
  content: '';
  width: 29px;
  height: 20px;
  background-image: url('../images/leftQuote.png');
  position: absolute;
  left: -50px;
  top: -3px;
}

.testimonial-paragraph:after {
  content: '';
  width: 29px;
  height: 20px;
  background-image: url('../images/rightQuote.png');
  position: absolute;
  right: 70px;
  bottom: 20px;
}

.testimonial-paragraph p {
  font-family: 'Cooper Hewitt Light Italic';
  font-style: italic;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
}

.testimonial-name {
  font-family: 'Cooper Hewitt Medium Italic';
  font-style: italic;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
}

.testimonial-position {
  font-family: 'Cooper Hewitt Light Italic';
  font-style: italic;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
}

.testimonial-image {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -190px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.testimonial-image img {
  border: 3px solid #ffffff;
}

/* Catalog Promo 2021 */
.promo.catalog {
  background-color: #333F48;
  padding: 55px;
  height: auto;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-smooth: auto;
}

.promo.catalog .catalog-inner {
  /* border: 1px solid #ffffff; */
  padding: 60px;
  position: relative;
}

.promo.marella-catalog .catalog-inner {
  border: unset;
}

.promo.marella-catalog {
  height: 550px;
  display: flex;
  align-items: center;
  background-position: center center;
  margin-bottom: 0px !important;
}

.promo.marella-catalog .uk-button.uk-button-primary {
  background-color: transparent !important;
}

.promo.marella-catalog .uk-button.uk-button-primary:hover {
  background-color: white !important;
  color: #333f48 !important;
}

@media screen and (max-width:1330px) {
  .promo.catalog .catalog-inner {
    justify-content: center;
  }

  .catalog-inner h1,
  .catalog-inner h2 b,
  .catalog-inner p {
    text-shadow: 2px 2px 30px black;
  }

  .promo.marella-catalog {
    height: unset;
  }
}

.catalog-inner h1,
.catalog-inner h2,
.catalog-inner h2 b {
  font-size: 75px;
  color: #ffffff;
  margin-bottom: 20px;
  margin: 0px;
  line-height: 100px;
  font-family: 'Cooper Hewitt Medium';
}

.catalog-inner p {
  font-size: 50px;
  color: #ffffff;
}

@media screen and (max-width: 959px) {
  .heroImage {
    height: 440px !important;
  }

  .catalog-inner h1,
  .catalog-inner h2 b {
    font-size: 55px;
    line-height: 90px;
  }
}



.promo.catalog h6 {
  font-family: 'Cooper Hewitt Semibold';
  font-size: 117px;
  line-height: 81px;
  color: #ffffff;
  opacity: 0.23;
}

.promo.catalog h6 span {
  font-family: 'Cooper Hewitt Light Italic';
  font-size: 80px;
}

.promo.catalog p {
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  margin: 0px;
}

.promo.catalog p em,
.promo.catalog p strong {
  font-family: 'Cooper Hewitt Light Italic';
  font-size: 37px;
  line-height: 60px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-top: -5px;
}

.promo.catalog p strong {
  font-family: 'Cooper Hewitt Semibold';
  margin-bottom: 25px;
}

.promo.catalog a {
  margin-top: 25px;
}

.promo.catalog .uk-button.uk-button-primary {
  background-color: #333f48;
  border-color: #ffffff;
  color: #ffffff;
}

.promo.catalog .uk-button.uk-button-primary:hover {
  background-color: #ffffff;
  color: #333f48;
}

.promo.catalog img.catalog-img {
  position: absolute;
  width: 536px;
  height: auto;
  top: -63px;
  left: 50%;
  margin-left: -268px;
  z-index: 1;
}

/* Beach Promo */
.beach-promo {
  min-height: 750px;
  background-position: 50% 90%;
  display: flex;
  align-items: flex-start;
}

.beach-inner .content {
  max-width: 650px;
  background: rgb(255 255 255 / 60%);
}

.beach-inner .content>p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #333f48;
  margin: 0px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  padding: 20px 40px 0px 40px;
}

.beach-inner .content-header {
  background: #006B8D;
  padding: 8px;
}

.beach-inner .content-header>p {
  color: #ffffff;
  font-size: 20px;
  font-style: italic;
  text-align: center;
}

.beach-inner .content a {
  margin-bottom: -20px;
  margin-top: 30px;
}

@media (max-width: 959px) {
  .beach-promo {
    min-height: 400px;
  }

  .beach-inner .content {
    background: rgba(255, 255, 255, .8);
  }
}

/* Gallery */
h2.gallery-header,
h3.gallery-header {
  font-size: 18px;
  font-family: "Open Sans Bold", sans-serif;
  text-transform: uppercase;
}

.gallery-wrap {
  margin: 0px -10px;
}

.gallery-wrap>div {
  overflow: hidden;
  padding: 0px 10px 20px;
}

.gallery-wrap img {
  width: 100%;
  height: auto;
}

.gallery-wrap.video {
  background-color: white;
}

.gallery-wrap.video>div {
  overflow: visible;
}

.gallery-wrap.video .uk-slideshow-items {
  margin-bottom: 20px;
}

.gallery-wrap.video .uk-slider-items li {
  margin-right: 20px;
}

.uk-slider .uk-slidenav-previous {
  left: -60px;
  background: transparent url('../images/gallery-thumb-prev.png') 0px 0px no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
}

.uk-slider .uk-slidenav-next {
  right: -60px;
  left: auto;
  background: transparent url('../images/gallery-thumb-next.png') 0px 0px no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
}

/* Gallery Hover Effect */
.gallery-item {
  position: relative;
  overflow: hidden;
}

.image-wrap {
  position: relative;
  padding-bottom: 100%;
  /* 1:1 aspect ratio */
  overflow: hidden;
}

.image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* This will make the image cover the entire area of the div, cropping it as needed */
}

.video-gallery-wrap .image-wrap {
  padding-bottom: unset;
}

.video-gallery-wrap .image-wrap img {
  position: relative;
}

.video-gallery-wrap h3,
.video-gallery-wrap h4,
.video-gallery-wrap h6 {
  font-family: "Open Sans Semibold";
  font-size: 16px;
  margin-top: 10px;
  text-transform: capitalize;
}

.uk-lightbox iframe {
  width: 800px;
  height: 450px !important;
  max-width: 100% !important;
}

.video-caption {
  font-size: 16px;
  text-align: center;
  margin: 10px;
  padding-bottom: 10px;
}

.video-gallery-lightbox .uk-modal-body {
  padding: 0px !important;
}

.video-gallery-lightbox .uk-modal-dialog {
  max-width: 800px !important;
  width: 100% !important;
}

.video-gallery-lightbox .uk-modal-dialog .uk-modal-close-default {
  top: 0px !important;
  right: 0px !important;
}

.uk-lightbox .uk-lightbox-caption {
  opacity: 1;
}

.uk-lightbox .uk-lightbox-caption {
  position: absolute !important;
  left: 50%;
  bottom: 47%;
  transform: translate(-50%, 370%) !important;
  width: 100%;
  max-width: 800px;
  background-color: #ffffff;
  padding: 25px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}



.uk-lightbox:hover .uk-lightbox-caption,
.uk-lightbox:focus .uk-lightbox-caption {
  opacity: 1;
  transform: translate(-50%, 370%) !important;
}

.Photo .uk-lightbox .uk-lightbox-caption,
.Shared .uk-lightbox .uk-lightbox-caption {
  position: absolute !important;
  width: 100%;
  background-color: #ffffff;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 75px;
  padding-top: 25px;
  transform: unset !important;
  left: unset;
  max-width: unset;
}

.Photo .uk-lightbox:hover .uk-lightbox-caption,
.Photo .uk-lightbox:focus .uk-lightbox-caption,
.Shared .uk-lightbox:hover .uk-lightbox-caption,
.Shared .uk-lightbox:focus .uk-lightbox-caption {
  opacity: 1;
  transform: unset !important;
}

.Photo .uk-lightbox-items>*>:not(iframe),
.Shared .uk-lightbox-items>*>:not(iframe) {
  max-height: 635px;
}

/* Shared Gallery */
.shared-gallery-wrap {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
}

.shared-gallery-promo {
  background: rgb(51, 63, 72, .10);
  padding: 40px 70px;
  max-width: 1140px;
}

.shared-gallery-promo>div {
  gap: 20px;
}

.shared-gallery-promo>div>.image {
  max-width: 452px;
  width: 100%;
}

.shared-gallery-promo h2 {
  font-family: "Open Sans Semibold";
  font-size: 26px !important;
  text-transform: uppercase;
  color: #333f48;
  margin-bottom: 10px;
}

.shared-gallery-promo p {
  font-family: "Open Sans Semibold";
  font-size: 16px;
  color: #333f48;
  line-height: 24px;
}

.shared-gallery-promo .uk-button {
  margin-top: 20px;
}

@media (max-width: 959px) {
  .shared-gallery-wrap {
    width: 100%;
  }

  .shared-gallery-promo {
    padding: 40px 20px;
  }

  .shared-gallery-promo>div {
    display: flex;
    flex-direction: column;
  }

  .shared-gallery-promo>div>.image {
    margin: 0 auto;
  }

  .shared-gallery-promo .content {
    text-align: center;
  }
}

@media (max-width: 559px) {
  .uk-lightbox iframe {
    width: 90%;
    height: 250px !important;
  }

  .uk-lightbox .uk-lightbox-caption {
    width: 90%;
    transform: translate(-50%, 240%) !important;
  }

  .uk-lightbox:hover .uk-lightbox-caption,
  .uk-lightbox:focus .uk-lightbox-caption {
    opacity: 1;
    transform: translate(-50%, 240%) !important;
  }
}


.image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.88);
  color: #333f48;
  padding: 10px;
  text-align: center;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.3s ease;
  font-family: 'Open Sans Bold', sans-serif;
  font-size: 16px;
}

.expand-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

.expand-icon img {
  width: 27px;
  height: 27px;
}

.gallery-item:hover .image-title,
.gallery-item:hover .expand-icon {
  opacity: 1;
  transform: translateY(0);
}

.gallery-item:hover .expand-icon {
  width: 27px;
  height: 27px;
}

/* -- Light Box */
.uk-lightbox {
  background: rgba(51, 63, 72, 0.9)
}

.uk-lightbox-toolbar {
  background-color: transparent;
}

.uk-lightbox-caption {
  background-color: #ffffff;
  font-size: 16px;
  font-family: "Open Sans Bold", sans-serif;
  color: #212121;
}

.uk-lightbox-toolbar .uk-close-large {
  width: 48px;
  height: 48px;
  background: url('../images/lightbox-close.png') 0px 0px no-repeat;
  background-size: cover;
}

.uk-lightbox-toolbar .uk-close-large:hover {
  background: url('../images/lightbox-close-hover.png') 0px 0px no-repeat;
  background-size: cover;
}

.uk-lightbox-toolbar .uk-close-large svg {
  display: none;
}

.uk-lightbox .uk-slidenav-previous {
  left: 0px;
  background: transparent url('../images/lightbox-prev.png') 0px 0px no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
}

.uk-lightbox .uk-slidenav-next {
  right: 0px;
  background: transparent url('../images/lightbox-next.png') 0px 0px no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
}



/* Slider Promo */
.slider-promo {
  background: #333f48;
}

.slider-promo .border-wrap {
  padding: 50px;
}

.slider-promo .border {
  padding: 25px;
  border: 1px solid #ffffff;
  height: 100%;
  text-align: center;
}

.slider-promo .border p,
.slider-promo .border strong,
.slider-promo .border ul,
.slider-promo .border ol,
.slider-promo .border em {
  color: #ffffff;
  font-size: 20px;
}

.slider-promo .border p {
  font-weight: normal;
}

.slider-promo .uk-slider-items img,
.slider-promo .uk-slidenav-previous,
.slider-promo .uk-slidenav-next {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.slider-promo h3,
.slider-promo h4,
.slider-promo h6 {
  font-family: 'Cooper Hewitt Semibold';
  font-size: 28px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

.slider-promo .uk-button {
  background-color: #333f48;
  border: 2px solid #ffffff;
  color: #ffffff;
  margin-top: 50px;
}

.slider-promo .uk-button:hover {
  background-color: #ffffff;
  color: #333f48;
}

.slider-promo .uk-slidenav-previous {
  left: -2px;
  background: transparent url('../images/promo-slider-prev.png') 0px 0px no-repeat;
  background-size: cover;
  width: 80px;
  height: 80px;
  margin-left: 0px;
  opacity: 0.75;
}

.slider-promo .uk-slidenav-next {
  right: -2px;
  background: transparent url('../images/promo-slider-next.png') 0px 0px no-repeat;
  background-size: cover;
  width: 80px;
  height: 80px;
  margin-right: 0px;
  opacity: 0.75;
}

.slider-promo .uk-slidenav-previous:hover,
.slider-promo .uk-slidenav-next:hover {
  opacity: 1;
}

/* Slider Promo - Gallery */
.slider-promo-gallery .border-wrap {
  max-width: 822px;
  width: 44%;
}

@media(max-width: 960px) {
  .slider-promo-gallery .border-wrap {
    max-width: 100%;
    width: 100%;
  }
}

/*----125 years page---------*/

body.page-id-498 .ccm-block-page-title {
  display: none;
}

.timeline-background {
  background-image: url(../packages/frankford_theme/themes/frankford/images/125YearBackgroundTexture.png);
}

.timeline-container {
  width: 100%;
  max-width: 1600px;
  position: relative;
  margin: 0 auto;

}

.timeline-container::before {
  content: "";
  position: absolute;
  top: -5.8vw;
  bottom: 0;
  left: 50%;
  width: 0;
  z-index: 10;
  border-left: 1px dashed #000;
}

.timeline-entry {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 50px;
  padding: 0 25px;
  position: relative;
  width: 100%;
  gap: 50px;
}

.timeline-info,
.timeline-image {
  width: 50%;
}

.timeline-entry:nth-child(even) {
  flex-direction: row-reverse;

}

.timeline-entry::after {
  content: "";
  position: absolute;
  top: 75px;
  left: 50%;
  width: min(max(2vw, 15px), 30px);
  /* Minimum 30px, maximum 60px */
  height: min(max(2vw, 15px), 30px);
  /* Minimum 30px, maximum 60px */
  border: min(max(1vw, 2px), 5px) solid #F7C46D;
  /* Minimum 2px, maximum 5px */
  background-color: #FCD086;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;

}

.timeline-info {
  margin-top: 50px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  max-width: 500px;
  width: 100%
}

.timeline-info p {
  font-family: "Cooper Hewitt Book Italic", sans-serif;
  font-size: 18px;
  text-align: left;
  line-height: 36px;
}



.timeline-year {
  font-size: 40px;
  text-align: left;
  font-weight: bold;
  color: #333F48;


}

.timeline-description {
  font-size: 1em;
  z-index: 11;

}

.timeline-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 500px;
  width: 100%;
}

.timeline-image img {
  max-width: 500px;
  width: 100%;
  z-index: 11;
  height: auto;
}

@media (max-width: 760px) {
  .timeline-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-left: 1px dashed #000;
  }

  .timeline-entry {
    flex-direction: column;
    align-items: center;
  }

  .timeline-entry:nth-child(even) {
    flex-direction: column;
  }

  .timeline-entry:nth-child(even) .timeline-info {
    margin-left: 0;
  }

  .timeline-entry .timeline-info {
    order: 2;
    margin-top: 15px;
    margin-left: 0;
  }

  .timeline-entry .timeline-image {
    order: 1;
    margin-bottom: 15px;
  }

  .timeline-entry::after {
    display: none;
  }

  .timeline-info {
    margin: 0;
  }

  .timeline-info p {
    background-color: #FFFDF5;
  }

  .timeline-year {
    font-size: 22px;
  }
}






/*Mobile*/
@media only screen and (max-width: 1600px) {
  .secondary .hero.uk-container.uk-container-large {
    padding: 0px;
    max-width: none;
  }
}

@media only screen and (max-width: 1500px) {
  .subscribe-template>div {
    background: url(../images/turquoise_umbrella_top.png) right -370px top no-repeat;
  }
}

@media only screen and (max-width: 1450px) {
  .promo.catalog img.catalog-img {
    margin-left: 0px;
    left: 150px;
  }
}

@media only screen and (max-width: 1400px) {
  .discover .uk-overlay {
    padding: 20px 20px 20px 50px;
  }

  .discover>div:hover .uk-overlay {
    width: 35%;
    padding: 20px 20px 20px 77px;
    -webkit-transition: all 0.5s 0.2s ease;
    -moz-transition: all 0.5s 0.2s ease;
    transition: all 0.5s 0.2s ease;
  }

  .swatchViewer>div {
    margin-bottom: 10px;
  }

  .productWrapper .blackBox {
    width: 275px;
    height: 275px;
  }

  .productWrapper .blackBox h2 {
    font-size: 1.917em;
  }

  .shrink-margin {
    margin-right: 50px !important;
    margin-left: 0px !important;
  }
}

@media only screen and (max-width: 1330px) {

  #toggle-search,
  #toggle-search:focus {
    width: 180px;
    left: -150px;
  }

  .promo.catalog .heading {
    display: none;
  }

  .promo.catalog img.catalog-img {
    right: 0px;
    left: auto;
    top: -30px;
    width: 360px;
  }

  .promo.catalog .catalog-inner {
    padding: 80px;
  }
}

@media only screen and (max-width: 1300px) {
  .subscribe-template>div {
    background: url(../images/turquoise_umbrella_top.png) right -600px top no-repeat;
  }

  .uk-slider .uk-slidenav-previous {
    left: 20px;
  }

  .uk-slider .uk-slidenav-next {
    right: 20px;
  }
}

@media only screen and (max-width: 1200px) {

  /*	.smallSearchBar{
		margin-right: -470px;
	}*/
  .smallSearchBar .uk-button {
    padding-left: 5px;
    padding-right: 5px;
  }

  .discover .uk-overlay {
    width: 50%;
  }

  .discover>div:hover .uk-overlay {
    width: 53%;
  }

  .productWrapper .description {
    position: static !important;
    transform: none;
    width: auto;
    max-width: none !important;
    padding: 0px;
  }

  .productWrapper.alt .description {
    margin-top: 0px;
  }

  .hideSmallHeader a.search,
  #toggle-search {
    display: none;
  }

  .hideSmallHeader a.searchSmall {
    display: block;
  }

  .subBackground {
    background: none;
  }

  .shrink-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
  }

  .remove-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .testimonial-paragraph {
    position: relative;
    padding: 0px 0px 20px 0px;
    width: 100%;
  }

  .testimonial {
    margin-top: 70px;
  }

  .testimonial-text {
    padding: 0px 50px 0px 50px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .testimonial-paragraph:before {
    left: -40px;
  }

  .testimonial-paragraph:after {
    right: -40px;
    bottom: 20px;
  }

  .testimonial-image {
    position: static;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0px;
  }

  .testimonial-image img {
    margin: -100px auto 30px;
    display: block;
    width: 200px;
    height: auto;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
  .padding-top {
    padding-top: 100px !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {
  .smallHeader .uk-navbar .uk-navbar-nav {
    -webkit-transform: translateX(-70px) translate3d(0px, 0px, 0px);
    -moz-transform: translateX(-70px) translate3d(0px, 0px, 0px);
    -ms-transform: translateX(-70px) translate3d(0px, 0px, 0px);
    -o-transform: translateX(-70px) translate3d(0px, 0px, 0px);
    transform: translateX(-70px) translate3d(0px, 0px, 0px);
    transition: all 0.5s ease;
  }

  .smallHeader .uk-navbar-dropdown {
    -webkit-transform: translateX(70px) translate3d(0px, 0px, 0px);
    -moz-transform: translateX(70px) translate3d(0px, 0px, 0px);
    -ms-transform: translateX(70px) translate3d(0px, 0px, 0px);
    -o-transform: translateX(70px) translate3d(0px, 0px, 0px);
    transform: translateX(70px) translate3d(0px, 0px, 0px);
  }

  .uk-navbar .uk-navbar-nav {
    transition: all 0.5s ease;
  }

  .smallLogo {
    margin-left: -460px;
  }

  .smallSearchBar {
    margin-right: -469px;
  }

  .header .uk-navbar {
    z-index: 999;
  }

  .smallHeader #searchdropdown {
    left: -140px !important;
  }

  .secondary .productsGrid h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .smallHeader .uk-navbar-nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 1349px) {
  .slider-promo .border-wrap {
    padding: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .subscribe-promo .uk-button {
    margin-top: 20px;
  }

  .slider-promo .border p,
  .slider-promo .border strong,
  .slider-promo .border ul,
  .slider-promo .border ol,
  .slider-promo .border em {
    font-size: 16px;
  }

  .slider-promo .uk-button {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .video iframe {
    height: 600px;
  }

  .stickyNavBar li a {
    font-size: 12px;
  }

  .footer>.uk-container:last-child {
    padding: 0px;
  }

  .productWrapper .blackBox {
    width: 225px;
    height: 225px;
  }

  .productWrapper .blackBox h1 {
    font-size: 29px;
    line-height: 32px;
  }

  .productWrapper .blackBox h2 {
    font-size: 27px;
    line-height: 30px;
  }

  .subscribe-template>div {
    background: url(../images/turquoise_umbrella_top.png) right -600px top -30px no-repeat;
  }

  .umb-details {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: 33.33333333333%;
  }
}

@media only screen and (max-width: 959px) {
  body {
    padding-top: 110px;
  }

  .footer {
    text-align: center;
  }

  .video iframe {
    height: 400px;
  }

  .uk-padding-right {
    padding-right: 0px;
  }

  .header>div {
    padding-bottom: 15px;
  }

  .heroImage .inner p {
    font-size: 16px;
    line-height: 28px;
  }

  .footer h2,
  .footer h3,
  .footer h4,
  .footer .newh-logo img {
    margin-top: 30px;
  }

  .sizes {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .productWrapper .uk-button {
    max-width: none;
  }

  .collectionGrid>div {
    padding-right: 0px;
  }

  .heading h1 em {
    display: block;
    padding: 0px;
  }

  .discover .imgWrap img {
    display: none;
  }

  .discover .imgWrap {
    height: 230px;
    min-height: 230px;
    max-height: 230px;
  }

  .discover .uk-overlay {
    padding: 20px;
    position: static !important;
    width: 100%;
    transform: none;
  }

  .discover>div:hover .uk-overlay {
    width: 100%;
    padding: 20px;
  }

  .secondary .uk-overlay {
    position: static !important;
    display: block;
    background: #ffffff;
  }

  .altImgs {
    z-index: 3;
    display: none;
  }

  .tertiary .stickyNavBar,
  .tertiaryAlt .stickyNavBar {
    overflow-x: auto;
  }

  .tertiary .stickyNavBar a,
  .tertiaryAlt .stickyNavBar a {
    white-space: nowrap;
  }

  .stickyNavBar li a:after,
  .uk-navbar-nav>li>a:hover:after {
    bottom: 0px;
  }

  .uk-navbar a.uk-navbar-toggle {
    font-family: "Cooper Hewitt Medium", sans-serif;
    font-size: 14px;
    color: #333f48;
    line-height: normal;
    text-transform: uppercase;
    min-height: 35px;
  }

  .uk-navbar a.uk-navbar-toggle span {
    width: 37px;
    height: 5px;
    background-color: #333f48;
  }

  .uk-navbar a.uk-navbar-toggle span:first-of-type {
    margin-bottom: 3px;
  }

  .smallLogo {
    position: static;
    margin: 0px;
    opacity: 1;
    padding: 0px 15px;
  }

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

  .productWrapper>div>div {
    padding: 0px;
  }

  .tertiaryAlt.bassesMounts .content p em {
    margin-left: 0px;
    margin-top: 10px;
  }

  .header .mainLogo img {
    top: 0px;
  }

  .altImgs img {
    width: 100%;
  }

  .altImgs p {
    font-size: 18px;
    color: #ffffff;
  }

  @keyframes uk-scale-kenburns {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.2);
    }
  }

  .blackBox {
    width: 300px;
    height: 300px;
  }

  .blackBox h2 {
    font-size: 40px;
  }

  .footer .subscribe-footer-link p {
    text-align: center;
  }

  .three-inline-links a {
    display: table;
    margin: 20px auto;
  }

  .three-images {
    margin-bottom: 0px;
  }

  .three-images img {
    width: 100%;
    margin-bottom: 10px;
  }

  .three-images img:nth-of-type(2) {
    padding: 0px;
  }

  .heroImage .blackBox {
    top: auto;
    bottom: 8px;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }

  .promo.assistance {
    background-size: auto !important;
  }

  .secondary .hero .uk-overlay {
    padding: 60px 30px;
  }

  .promo.catalog .catalog-inner {
    padding: 40px;
  }

  .gallery-wrap.video .uk-slider-items li img {
    width: 200px;
    height: auto;
  }

  .uk-slider .uk-slidenav-previous {
    left: 10px;
  }

  .uk-slider .uk-slidenav-next {
    right: 10px;
  }
}

@media only screen and (max-width: 880px) {
  .promo.catalog img.catalog-img {
    right: -65px;
    width: 310px;
  }
}

@media only screen and (max-width: 768px) {
  .promo.catalog .heading {
    display: block;
  }

  .promo.catalog h6 {
    font-size: 98px;
    line-height: 68px;
    margin: 80px 0px;
    text-align: right;
  }

  .promo.catalog h6 span {
    font-size: 67px;
  }

  .promo.catalog .catalog-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .promo.catalog img.catalog-img {
    right: 50%;
    margin-right: -150px;
  }
}

@media only screen and (max-width: 730px) {
  .promo.catalog .heading {
    text-align: center;
  }

  .promo.catalog h6 {
    font-size: 72px;
    line-height: 56px;
    display: inline-block;
  }

  .promo.catalog h6 span {
    font-size: 56px;
  }
}

@media only screen and (max-width: 639px) {
  .heroImage {
    height: 0px !important;
  }

  .blackBox {
    width: 250px;
    height: 250px;
  }

  .blackBox+.inner {
    padding-left: 260px;
  }

  .blackBox h1,
  .collectionGrid h2 {
    font-size: 31px;
    line-height: 33px;
  }

  .blackBox+.inner {
    padding-left: 0px;
  }

  .blackBox {
    position: static !important;
    transform: none;
    margin: 0 auto 20px;
  }

  .collections .blackBox {
    position: absolute !important;
    bottom: 0px;
    margin-bottom: 0px;
  }

  .mobileHeroStatment {
    display: block;
  }

  .heroImage {
    height: 440px;
  }

  .heroImage>.uk-overlay {
    display: none;
  }

  .mobileHeroStatment .inner .uk-button {
    margin: 0 auto;
    display: block;
  }

  .video iframe {
    height: 300px;
  }

  .logo,
  .logo img {
    width: 200px;
  }

  .designerPromo {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 40px;
    margin-top: 150px;
  }

  .designerPromo>.uk-container:before {
    display: none;
  }

  .designerPromo>.uk-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .designerPromo .mobileBackground:before {
    content: "";
    width: 594px;
    height: 520px;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    right: 0;
    top: -180px;
    bottom: 0;
    z-index: 1;
    background: url(../images/umbrellaHome.png) 0px 0px no-repeat;
    background-size: contain;
  }

  .promo {
    height: auto;
    padding: 20px 20px 80px 20px;
  }

  .promo .inner>div {
    padding: 30px;
  }

  .promo .uk-button {
    margin-bottom: -40px;
  }

  .tertiaryAlt #fabrics {
    height: 300px;
  }

  .categories h2,
  .secondary .productsGrid h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .designerPromo>.uk-container>img.uk-position-absolute {
    display: none;
  }

  .About .heading {
    margin-bottom: 0px !important;
  }

  .uk-table td {
    padding: 5px;
  }

  .tertiaryAlt.bassesMounts p em {
    font-size: 14px;
  }

  .dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
  }

  .tertiaryAlt.bassesMounts .legend {
    margin-bottom: 0px;
  }

  .umbrellaBackground {
    background: none;
  }

  .uk-marker {
    width: 45px;
    height: 45px;
  }

  .collectionGrid .blackBox h2 {
    font-size: 18px;
    line-height: 21px;
  }

  .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover.uk-slidenav-next:not(:focus-within),
  .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover.uk-slidenav-previous:not(:focus-within) {
    width: auto !important;
    height: auto !important;
    padding: 5px 10px !important;
    margin: 10px !important;
  }

  .discover .language>div {
    border-right: none;
    border-bottom: 2px solid #ffffff;
  }

  .discover .language>div:last-of-type {
    border-left: none;
    border-bottom: none;
  }

  .socialMeida {
    width: 60px;
    height: 60px;
    margin: 0px;
  }

  .social-wrap {
    margin: 20px auto 0;
    width: 80%;
  }

  .why-frankford h3,
  .why-frankford h6 {
    text-align: left;
  }

  .umb-details {
    width: 50%;
  }

  .promo.assistance .inner>div {
    padding-bottom: 0px;
  }

  .cards.uk-padding {
    padding: 30px 15px;
  }

  .uk-modal-dialog .uk-modal-close-default {
    top: 10px;
    right: 10px;
  }

  .uk-subnav {
    margin: 0px;
  }

  .fabric-modal .img-wrap img {
    margin-top: 25px;
    max-width: 100%;
    min-width: 0px;
    max-height: none;
  }

  .filters .contact>div,
  .filters .contact:last-of-type>div:last-of-type {
    padding-right: 0px;
  }

  .promo.catalog {
    padding: 20px;
  }

  .promo.catalog .uk-button {
    margin-bottom: 0px;
  }

  .promo.catalog h6 {
    font-size: 62px;
    line-height: 46px;
    margin: 80px 0px 95px 0px;
  }

  .promo.catalog h6 span {
    font-size: 46px;
  }

  .slider-promo .uk-slidenav-previous {
    width: 40px;
    height: 40px;
  }

  .slider-promo .uk-slidenav-next {
    width: 40px;
    height: 40px;
  }

  .gallery-wrap.video .uk-slider-items li img {
    width: 150px;
    height: auto;
  }
}

@media only screen and (max-width: 479px) {
  body {
    padding-top: 80px;
  }

  .designerPromo .mobileBackground:before {
    margin-left: -200px;
  }

  .mobileBackground {
    width: 0px;
  }

  .collections .promo.catalog .blackBox {
    width: 250px;
    height: 250px;
  }

  .collections .blackBox {
    width: 50%;
    height: 50%;
  }

  .collectionGrid h2 {
    font-size: 17px;
    line-height: 22px;
  }

  .collectionGrid .blackBox .hover img {
    display: none;
  }

  .heading h1 {
    font-size: 36px;
  }

  .heading h1 em {
    font-size: 21px;
  }

  .uk-open>.uk-offcanvas-reveal {
    width: 75%;
  }

  .uk-offcanvas-bar {
    width: 100%;
  }

  .header .mainLogo img {
    width: 200px;
    height: auto;
  }

  .smallLogo {
    width: 65px;
    height: autol;
  }

  .backToTop {
    right: -10px;
  }

  .backToTop.bottomTouch {
    top: -190px;
  }

  .backToTop img {
    width: 25px;
    height: auto;
  }

  .blackBox h2 {
    font-size: 32px;
  }

  .social-wrap {
    width: 100%;
  }

  .promo.catalog h6 {
    font-size: 52px;
    line-height: 36px;
    margin: 35px 0px 100px 0px;
  }

  .promo.catalog h6 span {
    font-size: 36px;
    margin-top: 25px;
  }

  .promo.catalog img.catalog-img {
    width: 240px;
    top: -24px;
    margin-right: -120px;
  }

  .promo.catalog p {
    font-size: 16px;
    line-height: 32px;
  }

  .promo.catalog p em,
  .promo.catalog p strong {
    font-size: 24px;
    line-height: 32px;
  }

  .promo.catalog p strong {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 400px) {
  .promo.catalog .catalog-inner {
    padding: 20px;
  }

  .promo.catalog h6 {
    margin: 25px 0px 120px 0px;
  }
}

@media only screen and (max-width: 360px) {
  .collectionGrid h2 {
    font-size: 16px;
  }

  .blackBox>div {
    padding: 5px;
  }

  .subscribe-promo .uk-button {
    width: 100%;
  }

  .subscribe-promo .uk-button:before {
    left: 30px;
  }

  .promo.catalog h6 {
    font-size: 42px;
    line-height: 26px;
    margin: 25px 0px 100px 0px;
  }

  .promo.catalog h6 span {
    font-size: 26px;
  }

  .promo.catalog img.catalog-img {
    width: 200px;
    margin-right: -100px;
  }
}

/*--Extra responsive classes for flex direction*/
@media (min-width: 640px) {
  .uk-flex-row\@s {
    flex-direction: row;
  }

  .uk-flex-column\@s {
    flex-direction: column;
  }

  .uk-flex-top\@s {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .uk-flex-middle\@s {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .uk-flex-bottom\@s {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .uk-flex-start\@s {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

@media (min-width: 960px) {
  .uk-flex-row\@m {
    flex-direction: row;
  }

  .uk-flex-column\@m {
    flex-direction: column;
  }

  .uk-flex-top\@m {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .uk-flex-middle\@m {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .uk-flex-bottom\@m {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .uk-flex-start\@m {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

@media (min-width: 1200px) {
  .uk-flex-row\@l {
    flex-direction: row;
  }

  .uk-flex-column\@l {
    flex-direction: column;
  }

  .uk-flex-top\@l {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .uk-flex-middle\@l {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .uk-flex-bottom\@l {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .uk-flex-start\@l {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

@media (min-width: 1600px) {
  .uk-flex-row\@xl {
    flex-direction: row;
  }

  .uk-flex-column\@xl {
    flex-direction: column;
  }

  .uk-flex-top\@xl {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .uk-flex-middle\@xl {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .uk-flex-bottom\@xl {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .uk-flex-start\@xl {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

/* ORDERING SYSTEM */
.uk-input {
  font-family: inherit;
}

.ordering .uk-input,
.ordering .uk-textarea,
.ordering .uk-select {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  border-color: #ccc;
}

.ordering .uk-input:focus,
.ordering .uk-textarea:focus,
.ordering .uk-select:focus {
  border-color: #e5e5e5;
  border-bottom-color: #333f48;
  border-bottom-width: 5px;
}

.ordering .uk-radio:checked {
  background-color: #333f48;
}

/*PRODUCT PAGE VIDEO */

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* MINIMAL TEMPLATE */
.minimal h1 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  border-bottom: black 1px solid;
  font-family: 'Open Sans', sans-serif !important;
}

.minimal h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.minimal .narrow-column {
  padding-top: 60px;
  width: 70%;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  .minimal.uk-padding {
    padding: 0 0 0 0;
  }

  .minimal.uk-margin-top {
    margin: 0px !important;
  }
}

body.Complete,
body.Retailer.Survey {
  padding-top: 0px !important;
}


/* ------ Nav Menu Media Query------------*/


@media (max-width: 959px) {
  .smallHeader {
    top: 0;
  }

  .landing-smallHeader.smallHeader {
    top: 0;
  }
}