@font-face {
	font-family: "Icons";
	src: url('clientlibs-site/style/icons/Icons.eot');
	src: url('clientlibs-site/style/icons/Icons.eot?#iefix') format('eot'),
		url('clientlibs-site/style/icons/Icons.woff2') format('woff2'),
		url('clientlibs-site/style/icons/Icons.woff') format('woff'),
		url('clientlibs-site/style/icons/Icons.ttf') format('truetype'),
		url('clientlibs-site/style/icons/Icons.svg#Icons') format('svg');
}

.icon:before {
	font-family: "Icons";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
	text-decoration: none;
	text-transform: none;
}


.icon-360:before {
	content: "\E001";
}

.icon-bag:before {
	content: "\E002";
}

.icon-cc-amex:before {
	content: "\E003";
}

.icon-cc-master:before {
	content: "\E004";
}

.icon-cc-visa:before {
	content: "\E005";
}

.icon-chat:before {
	content: "\E006";
}

.icon-checkbox-check:before {
	content: "\E007";
}

.icon-close:before {
	content: "\E008";
}

.icon-dismiss-selected-filter:before {
	content: "\E009";
}

.icon-email:before {
	content: "\E00A";
}

.icon-facebook:before {
	content: "\E00B";
}

.icon-favorites-mobile:before {
	content: "\E00C";
}

.icon-favorites:before {
	content: "\E00D";
}

.icon-filter-icon:before {
	content: "\E00E";
}

.icon-filter:before {
	content: "\E00F";
}

.icon-full-screen:before {
	content: "\E010";
}

.icon-home:before {
	content: "\E011";
}

.icon-info-mobile:before {
	content: "\E012";
}

.icon-info:before {
	content: "\E013";
}

.icon-instagram:before {
	content: "\E014";
}

.icon-large-carat:before {
	content: "\E015";
}

.icon-menu:before {
	content: "\E016";
}

.icon-minus:before {
	content: "\E017";
}

.icon-phone:before {
	content: "\E018";
}

.icon-pinterest:before {
	content: "\E019";
}

.icon-plus:before {
	content: "\E01A";
}

.icon-profile-mobile:before {
	content: "\E01B";
}

.icon-profile:before {
	content: "\E01C";
}

.icon-reset-filters:before {
	content: "\E01D";
}

.icon-ribbon-selected:before {
	content: "\E01E";
}

.icon-ribbon:before {
	content: "\E01F";
}

.icon-search:before {
	content: "\E020";
}

.icon-share:before {
	content: "\E021";
}

.icon-small-carat:before {
	content: "\E022";
}

.icon-sort:before {
	content: "\E023";
}

.icon-star-empty:before {
	content: "\E024";
}

.icon-star-full:before {
	content: "\E025";
}

.icon-support:before {
	content: "\E026";
}

.icon-thin-arrow:before {
	content: "\E027";
}

.icon-twitter:before {
	content: "\E028";
}

.icon-up-arrow:before {
	content: "\E029";
}

.icon-upload-image:before {
	content: "\E02A";
}

.icon-youtube:before {
	content: "\E02B";
}
@font-face {
    font-family: "ApercuPro2";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "ApercuPro2";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-italic-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-italic-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-italic-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-bold-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: "ApercuProSemBd";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "ApercuProSemBd";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-italic-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-italic-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-italic-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-medium-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: "ApercuPro";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-regular-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-regular-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-regular-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "ApercuPro";
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-italic-pro.eot');
    src: url('../../../includes/style/web_fonts/apercu_pro/apercu-italic-pro.eot?#iefix') format('embedded-opentype'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-italic-pro.woff') format('woff'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-italic-pro.woff2') format('woff2'),
         url('../../../includes/style/web_fonts/apercu_pro/apercu-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

/*//////////////////////////////////////////////////
	Boilerplate
//////////////////////////////////////////////////*/
.clearfix:after, .container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix, .container {
    display: block;
}

.container {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 980px;
 	padding-top: 20px;
}

.articleWrapper, div.articleWrapper {
    margin-bottom: 20px;
}
.span-6, div.span-6 {
    margin: 0;
    width: 980px;
}
.articleWrapper, div.articletWrapper {
    margin-bottom: 20px;
}
.span-6, div.span-6 {
    margin: 0;
    width: 980px;
}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6 {
    float: left;
    margin-right: 22px;
}

.leftNavigation {
    margin-top: 43px;
}
.leftNavigation div {
    background-color: #F6F6F6;
    padding: 22px 20px;
    border-bottom-right-radius: 6px;
    margin-bottom: 8px;
}
.span-1 {
    width: 250px;
}
.span-5 {
    width: 700px;
}
.last {
    margin-right: 0;
}
.articleWrapper div.last {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
h1.pageTitle {
	color: #336699;
	font-size: 2.6em;
    float: left;
    font-weight: 500;
    font-style: inherit;
    line-height: 30px;
    margin-bottom: 13px;
    margin-top: 0;
}
#product b {
  font-weight: bold;
}
.richtextcontent .description {
    color: #336699;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-weight: normal;
    font-style: inherit;
    vertical-align: baseline;
    border: 0 none;
}
.richtextcontent b,strong {
	font-weight:bold;
}
.richtextcontent p {
	font-size: 12px;
}
.richtextcontent h1 {
	color: #336699;
	font-size: 2.6em;
    line-height: 21px;
    margin-bottom: .5em;
}
.richtextcontent h2 {
	color: #336699;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 10px;
}
.richtextcontent h3 {
	color: #336699;
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
	height:1.25em;
}
.imageright {
    float:right;
    padding: 10px;
}
.imageleft {
    float:left;
    padding: 10px;
}
.articleImageCaption {
    font-size: 12px;
    font-style: italic;
}
hr {
    background-image: url("../../../includes/img/dotted_hr.gif");
    background-repeat: repeat-x;
    line-height: 1px;
    border: medium none;
    clear: both;
    float: none;
    height: 0.1em;
    margin: 0;
    width: 100%;
}
/*news article end*/
.imagecaption {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.imagecaption-left {
    float: left;
    margin-right: 20px;
    width: 315px;
}

.imagecaption-right {
    float: left;
    width: 315px;
}


#deliveryStatus {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.3);
    left: 0;
    opacity: 0;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    top: -40px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 9999;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio[controls], canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
a:link,
a:visited {
  color: #437a94;
	text-decoration:none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	color: #000;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: normal;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
/*hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}*/
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre, code, kbd, samp {
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content:"";
	content: none;
}
small {
	font-size: 85%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
span {
	display:block;
}
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
ul.unstyled {
  list-style: none;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}
label {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input {
	line-height: normal;
	*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
	background-color: #f0dddd;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.input-button-container {
	display: flex;
	align-items: center;
}

@media (max-width: 1024px) {
	.input-button-container {
		flex-direction: column;
	}	
}

:focus {
  outline: none;
}
/*//////////////////////////////////////////////////
	Typography
//////////////////////////////////////////////////*/
h1 {
	color: #252525;
  font-family: "ApercuProSemBd";
	font-size: 27px;
	font-weight: normal;
	line-height: 1.15;
}

h2 {
	color: #252525;
  font-family: "ApercuPro2";
	font-size: 18px;
	font-weight: normal;
	line-height: 1.28;
}

h3 {
	color: #437a94;
  font-family: "ApercuProSemBd";
	font-size: 17px;
	font-weight: normal;
  line-height: 1.29;
}

h4 {
	color: #2c2a29;
	font-family: "ApercuProSemBd";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
}

h5 {
  color: #437a94;
  font-family: "ApercuPro2";
  font-size: 11px;
  font-weight: normal;
  line-height: 1.45;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

p {
  color: #2c2a29;
  font-family: "ApercuPro";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.79;
}

p.small {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
}

p.grey {
  color: #8c8c8c;
}

@media (min-width: 769px) {

  h1 {
    font-size: 30px;
    line-height: 1.03;
  }

  h2 {
    font-size: 24px;
    line-height: 1.12;
  }
  
  .homepagepar h2 {
    font-size: 30px;
    line-height: 1.12;
  }
  
  p {
    font-size: 15px;
    line-height: 1.8;
  }

}

@media (min-width: 1025px) {

  h3 {
    font-size: 20px;
    line-height: 1.1;
  }

}
/*//////////////////////////////////////////////////
	Base
//////////////////////////////////////////////////*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
 body {
	background-color: #F6F6F6;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
	color:#757575;
	font-family: 'ApercuPro', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body.scroll-lock {
	overflow-y: hidden;
	position: fixed;
}
body.scroll-lock nav.open-nav {
	/*overflow: scroll;*/
}
html, body {
	width: 100%;
	/*height: 100%;*/
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
#wrap {
	max-width: 2560px;
	margin: 0 auto;
	background-color: #fff;
	max-width: 2560px;
	margin: 0 auto;
}
#wrap.grey-background {
	background-color: #FAFAFA;
}
.wrapper {
	width: 100%;
	box-sizing: border-box;
	margin: auto;
}
.fullWidthWrapper {
	margin: auto;
}
.margin {
	padding-top: 30px;
}

img {
	width: 100%;
	height: auto;
}

#logo a {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#logo a img {
    height: auto;
    width: 100%;
    max-width: 250px;
}

@media (min-width: 769px) {
	#logo a img {
	    max-width: 168px;
	}
}

@media (min-width: 900px) {
	#logo a img {
	    max-width: 220px;
	}
}

@media (min-width: 1305px) {
	#logo a img {
	    max-width: 190px;
	}
}

.textimage .cq-dd-image {
	width: auto;
}

/*//////////////////////////////////////////////////
	Header
//////////////////////////////////////////////////*/

/*//IE11 specify styles start*/
@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
    #logo {
        padding-top: 17.5px;
    }

    #popular-products ul {
        width: 80% !important;
    }
}
/*//IE11 specify styles end*/
header {
	width: 100%;
	height: 70px;
	margin: 0 auto;
	padding: 0 15px;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 768px) {
  body.scroll-lock header {
    /*background-color: #fff;
    position: fixed;
    z-index: 999999;*/
  }
}

@media (min-width: 1025px) {
  .globalheader {
    overflow: hidden;
  }
	header {
		height: 111px;
		padding: 18px 20px 18px 40px;
	}
}
header .wrapper {
	height: 100%;
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	align-items: flex-start;
}

header .wrapper .left-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {

	header .wrapper {
		align-items: center;
	}

  header .wrapper .btn-menu {
    width: 24px;
  }

  header .wrapper .left-header {
    margin-right: 20px;
  }
}

header .wrapper .btn-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  color: #252525;
  border: 0;
  outline: 0;
  padding: 0;
}

header .wrapper .btn-menu i {
  font-size: 18px;
  line-height: 1;
}

header .wrapper .btn-menu label {
  display: none;
  font-size: 11px;
  font-family: 'ApercuPro2', sans-serif;
  float: none;
}

@media (max-width: 1024px) {

  .globalheader nav {
    width: 100%;
    max-height: 0;
    background-color: #ffffff;
    opacity: 0;
    transition: all .3s ease;
    z-index: -1;
    position: fixed;
    top: 70px;
    left: 0;
	}
	
	.notification-bar-visible .globalheader nav {
    top: 126px;
  }

  .globalheader nav.open-nav {
    max-height: 100%;
    height: 100%;
    opacity: 1;
    z-index: 9999;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 1025px) {
  header .wrapper .btn-menu i {
    font-size: 20px;
    margin-right: 12px;
  }
	header .wrapper .btn-menu label {
    display: block;
  }
}

.globalheader nav.open #menu li > div {
	width: auto;
	display: block;
	position: relative;
	top: initial;
	left: initial;
}

@media (max-width: 667px) {

	.globalheader nav.open #menu li > div {
		display: none;
		padding: 0;
	}

	.globalheader nav #menu li > div .subnav {
		background-color: #fff;
		padding: 30px 15px;
	}

	.globalheader nav.open #menu li > div.open {
		background-color: #fff;
	}

}

.globalheader nav.open #menu li > div img {
	display: none;
}

#account-search {
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
}
header #account-search span a {
	text-decoration: none;
	color: #252525;
  font-family: 'ApercuPro2', sans-serif;
  font-size: 12px;
}

header #account-search .icon-phone,
header #account-search .account.parbase span.label {
	display: none;
}

header #account-search .search.parbase fieldset {
  width: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

header #account-search .fa-bars {
	font-size: 24px;
	cursor: pointer;
}

@media (min-width: 769px) {

	header #account-search span a {
	  font-size: 12px;
	}

	header #account-search .account.parbase {
		display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	}

  header #account-search .icon-phone {
    display: block;
  }

	header #account-search .fa-bars {
		display: none;
	}
}

@media (min-width: 841px) {

	.globalheader nav {
		/*width: 100%;
    /*background-color: #ffffff;*/
    /*position: absolute;*/
	}
}
@media(min-width:320px) and (max-width:767px)  {
	header #account-search .icon-phone, header #account-search .account.parbase span.label  {
		display: block;
	  }	
}

@media (min-width: 1025px) {

  header #account-search .search.parbase fieldset {
    width: 90px;
  }

  header #account-search .account.parbase span.label {
    display: block;
  }

	header #account-search span a {
	  font-size: 12px;
	}
}

header #account-search .icon-search {
  width: 100%;
  text-align: center;
}

header #account-search .icon-phone,
header #account-search .icon-search,
header #account-search .icon-profile {
	font-size: 20px;
	color: #252525;
	cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

header #account-search .icon-phone {
  width: 22px;
  height: 22px;
  border: 2px solid #252525;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
}

header #account-search .icon-phone {
  /*width: 66px;
  text-align: center;*/
}

header #account-search .account span a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

@media (min-width: 1025px) {
  header #account-search .icon-search:after,
  header #account-search .icon-phone:after {
    width: 40px;
    content: 'SEARCH';
    color: #437a94;
    font-family: 'ApercuPro2', sans-serif;
    font-size: 8px;
    font-style: normal;
    letter-spacing: 2px;
    margin: 0 auto;
    padding-bottom: 22px;
    border-bottom: 2px solid #437a94;
    position: absolute;
    transform: translateY(60px);
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease;
  }

  header #account-search .icon-phone {
    transition: border-color 0.3s ease;
  }

  header #account-search .icon-phone:after {
    width: 68px;
    content: 'CONTACT US';
    left: -24px;
  }

  header #account-search .icon-search:hover:after,
  header #account-search .icon-search.open:after,
  header #account-search .icon-phone:hover:after {
    transform: translateY(45px);
    opacity: 1;
  }

  header #account-search .icon-phone:hover:after {
    transform: translateY(19px);
  }

  header #account-search .icon-phone:hover,
  header #account-search .icon-search:hover,
  header #account-search .icon-search.open,
  header #account-search .icon-profile:hover
  {
    color: #437a94;
  }

  header #account-search .icon-phone:hover {
    border-color: #437a94;
  }
}

header #account-search .icon-profile {
  margin-right: 7px;
  vertical-align: middle;
}
header #account-search #site-search .search-input-container {
	width: 100%;
	height: 65px;
	display: none;
	background: #ffffff;
	border-top: 1px solid #e2e2e2;
	padding: 0 30px;
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 999;
}
.notification-bar-visible header #account-search #site-search .search-input-container {
	top: 127px;
}
@media(min-width: 1025px) {
	header #account-search #site-search .search-input-container {
		height: 120px;
		top: 111px;
	}

	.notification-bar-visible header #account-search #site-search .search-input-container {
		top: 156px;
	}
}
header #account-search #site-search .search-input-container .search-input {
	height: 100%;
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header #account-search #site-search .search-input-container input.searchbox {
	font-size: 14px;
  color: #737373;
	background: #ffffff;
  border: 1px solid #d8d8d8;
	box-shadow: none;
	text-indent: 0;
	border-radius: 0;
	padding: 13.5px 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
@media (max-width: 768px) {
  header #account-search #site-search .search-input-container .search-input .btn {
    padding: 7px 16px;
  }

  header #account-search #site-search .search-input-container .search-input .btn i {
    color: #ffffff;
  }
}
@media (min-width: 769px) {
  header #account-search #site-search .search-input-container input.searchbox {
    margin-right: 25px;
  }
}
header #account-search #site-search .search-input-container input.searchbox::-ms-reveal,
header #account-search #site-search .search-input-container input.searchbox::-ms-clear {
	display: none;
	width : 0;
	height: 0;
}
header #account-search #site-search .search-input-container .icon-close {
	font-size: 24px;
	color: #757575;
	cursor: pointer;
}
.logout-icon, .myaccount-icon {
	margin: 0 5px 0 0;
}
.logout-icon {
	margin-left: 20px;
}
.search-submit {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	margin-left: -8px;
}
#site-search-submit {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow:inset -1px 1px 2px 0px #dbdbdb;
	-webkit-box-shadow:inset -1px 1px 2px 0px #dbdbdb;
	box-shadow:inset -1px 1px 2px 0px #dbdbdb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff));
	background:-moz-linear-gradient(center top, #ffffff 5%, #ffffff 100%);
	background: #fff url('clientlibs-site/img/layout/site_search_button.png') no-repeat center center!important;
	text-indent: -4000px;
	border: none;
	width:32px;
	height: 30px;
	padding: 0 8px;
}
#site-search {

}
input:focus {
	outline:none;
}
/*//////////////////////////////////////////////////
	Navigation
//////////////////////////////////////////////////*/
header .center-header {
	margin-top: 4px;
}
nav.util-nav ul#menu li {
	padding: 0 19px;
	margin: 0;
	border-right: 1px solid #437A94;
}

nav.util-nav ul#menu li:last-child {
	border-right: 0;
}

nav.util-nav ul#menu li a,
nav.util-nav ul#menu li a:link,
nav.util-nav ul#menu li a:visited {
	font-family: 'ApercuPro', sans-serif;
	font-size: 12px;
	color: #437A94;
	padding: 0;
}

nav div#ie7_message {
	display:none;
}
.ie6 nav div#ie7_message, .ie7 nav div#ie7_message, nav.author div#ie7_message {
	display: block!important;
	text-align: center;
	margin-top: 20px;
	font-size:14px;
}

nav ul.utility-menu {
  background-color: #f2f2f2;
  padding: 0 30px;
}

nav ul.utility-menu li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

nav ul.utility-menu li .account a {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

nav ul.utility-menu li i {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  color: #437a94;
}

nav ul.utility-menu li span:not(.label),
nav ul.utility-menu .account {
  width: 100%;
}

nav ul.utility-menu li a {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 17px;
  color: #252525;
  padding: 20px 0;
}

nav ul.utility-menu li a .label {
  margin-left: 12px;
}

nav ul#menu {
  width: 100%;
  margin: 0 auto;
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 30px;
}

@media (min-width: 1025px) {

  nav ul#menu {
    padding: 0;
    /*border-bottom: 1px solid #e2e2e2;*/
  }
}

@media (min-width: 1025px) {
  nav ul#menu {
    /*width: 90%;*/
  }
}

@media (min-width: 1110px) {
  nav ul#menu {
    /*width: 80%;*/
  }
}

@media (max-width: 1024px) {

	nav ul#menu {
	  -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	}

	nav ul#menu > li {
	  width: 100%;
	}

}
.ie7 nav ul#menu, .ie6 nav ul#menu, nav.author ul#menu {
	filter: alpha(opacity=99);
	margin: 0 0 0 10px!important;
}
nav ul#menu > li {
  font-weight: normal !important;
}
@media (min-width: 1025px) {
	nav ul#menu > li {
    margin: 0 8px;
    z-index: 9003;
  }
}

@media (min-width: 1200px) {
  nav ul#menu > li {
    margin: 0 22px;
  }
}
nav ul#menu li h2 {
	font-size: 12px;
	font-weight: normal;
	margin:0;
}
@media (max-width: 1024px) {
	nav ul#menu li h2 {
		padding: 0;
	}

	nav ul#menu li h2,
	nav ul#menu li h2 a,
	nav ul#menu.util-nav li a {
		padding: 20px 0;
		font-size: 17px;
    border-bottom: 1px solid #e2e2e2;
	}

	nav ul#menu.util-nav {
		padding: 0;
	}

	nav ul#menu.util-nav li a {
		background-color: #F2F2F2;
		padding: 20px 30px;
	}

	nav ul#menu li h2 a {
    border-bottom: none;
	}

	nav ul#menu li h2:after,
	nav ul#menu .nav-items .nav-item > a:after,
  nav ul#menu .nav-items .nav-item ul li a:after {
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #252525;
    content: '';
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    transform: rotate(45deg);
  }

  nav ul#menu li:last-child h2 {
    border-bottom: 0;
  }
}

nav ul#menu > div {
	display:none;
}

@media (min-width: 1025px) {

  nav ul#menu li[class*="mega"] > div {
    width: 100%;
    height: auto;
    display: none;
    background-color: #ffffff;
    padding-top: 55px;
    position: absolute;
    top: 59px;
    left: 0;
    transition: all 0.3s ease;
    z-index: 999999;
  }

  nav ul#menu li.active > div {
    display: block;
  }
}

nav ul#menu .nav-items {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

nav ul#menu .nav-items.center-items {
  justify-content: space-around;
}

@media (max-width: 1024px) {

  nav ul#menu li[class*="mega"] > div,
  nav ul#menu li[class*="mega"] > div .nav-item > ul {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 100%;
    transition: all 0.3s ease;
    z-index: 1;
  }

  nav ul#menu li.active > div,
  nav ul#menu li[class*="mega"] > div .nav-item.active > ul {
    left: 0;
  }

  nav ul#menu .nav-items,
  nav ul#menu .horizontal-subnav {
    background-color: #ffffff;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 30px;
    position: relative;
    margin-bottom: 100px;
  }

  nav ul#menu .nav-item > ul {
    padding: 0 30px;
  }
}

@media (min-width: 1025px) {

  nav ul#menu .nav-items {
    width: 100%;
    max-width: 1088px;
  }
}

nav ul#menu .horizontal-subnav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

nav ul#menu .nav-items .nav-item {
  width: 25%;
	margin-bottom: 25px;
}

@media (min-width: 1025px) {
	nav ul#menu .nav-items .nav-item {
		width: auto;
		position: relative;
	}	
}

nav ul#menu .nav-items .nav-item a,
nav ul#menu .horizontal-subnav a {
  font-family: 'ApercuPro', sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #252525;
	transition: color 0.3s ease;
	padding: 0;
}

@media (min-width: 1025px) {
  nav ul#menu .nav-items .nav-item h4 {
    position: relative;
  }
  nav ul#menu .nav-items .nav-item h4,
  nav ul#menu .nav-items .nav-item h4 a {
    font-family: 'ApercuPro2', sans-serif;
    font-size: 16px;
    color: #437a94;
    margin-bottom: 13px;
    text-transform: uppercase;
  }

  nav ul#menu .horizontal-subnav a {
    text-align: center;
  }

  nav ul#menu .nav-items .nav-item li:hover a,
  nav ul#menu .horizontal-subnav li:hover a {
    color: #437a94;
  }
}

@media (max-width: 1024px) {

  nav ul#menu .back-button--third-level {
    width: 100%;
    position: absolute;
    left: 0;
    top: -58px;
  }

  nav ul#menu .back-button,
  nav ul#menu .back-button--third-level {
    background-color: #f2f2f2;
    padding: 20px 30px;
  }

  nav ul#menu .back-button button,
  nav ul#menu .back-button--third-level button {
    background-color: transparent;
    outline: 0;
    border: 0;
    font-family: 'ApercuProSemBd',sans-serif;
    font-size: 11px;
    line-height: 1;
    color: #437a94;
    padding-left: 12px;
    position: relative;
  }
  nav ul#menu .back-button button:before,
  nav ul#menu .back-button--third-level button:before {
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #437a94;
    content: '';
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    transform: rotate(-135deg);
  }
  nav ul#menu .nav-items .nav-item {
    width: 100%;
    text-align: left;
    margin: 0;
  }

  nav ul#menu .nav-items .nav-item h4 {
    margin: 0;
    position: relative;
  }

  nav ul#menu .nav-items .nav-item h4,
  nav ul#menu .nav-items .nav-item h4 a,
  nav ul#menu .nav-items .nav-item ul li a,
  nav ul#menu .horizontal-subnav a {
    padding: 20px 0;
    color: #252525;
		font-family: 'ApercuProSemBd', sans-serif;
		font-weight: normal;
    font-size: 17px;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
  }

  nav ul#menu .horizontal-subnav a:after {
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #252525;
    content: '';
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    transform: rotate(45deg);
  }
}

nav ul#menu li[class*="mega"] > div ul:not(.horizontal-subnav) {
  /*display: none;*/
}

@media (min-width: 1025px) {
  nav ul#menu li[class*="mega"] > div ul:not(.horizontal-subnav) {
    float:left;
    width: 100%;
    color:#ccc;
    line-height:.9em;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

nav ul#menu li.with-pic ul {
	/*min-height: 200px;*/
}
nav ul#menu li[class*="mega"] > div ul li {
	float:none;
	padding: 0;
	border: none;
	-ms-flex-negative: 1;
	min-width: 40px;
}
@media (max-width: 1024px) and (min-width: 769px) {
	nav ul#menu li[class*="mega"] > div ul.image-row-wrap {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: flex-start;
        -ms-flex-pack: start;
	}
 	nav ul#menu li[class*="mega"] > div ul.image-row-wrap li {
		width: 20%;
    	margin: 0 2.5% 10px 2.5%;
	}
}
@media (min-width: 1025px) {

	nav ul#menu li[class*="mega"] > div {
		padding-top: 19px;
		padding-bottom: 55px;
    top: 110px;
	}

  .notification-bar-visible nav ul#menu li[class*="mega"] > div {
    top: 155px;
	}
	
	nav ul#menu li[class*="mega"].no-pic > div {
		padding-bottom: 35px;
  }

	nav ul#menu li[class*="mega"] > div ul li {
		margin: 0 20px;
		margin-bottom: 10px;
		margin-left: 0;
	}

	nav ul#menu li[class*="mega"] > div ul.horizontal-subnav li {
		width: auto;
		margin: 0;
		margin-bottom: 10px;
		padding: 0 2%;
	}

	nav ul#menu li[class*="mega"] > div ul li.view-all {
		position: absolute;
		bottom: -50px;
		left: 0;
		margin-right: 0;
	}

	nav ul#menu li[class*="mega"] > div ul li.view-all a {
		color: #252525;
		font-family: 'ApercuProSemBd', sans-serif;
		font-size: 14px;
	}

}
nav ul#menu li[class*="mega"] > div ul li.sub-title {
	color: #999;
	padding-left:0;
	background:none;
	margin: 8px 10px 5px 15px;
	border-bottom: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
li.sub-title h3 {
	display:block;
	margin:0;
	padding:5px 0;
}
nav ul li img {
	float:right;
	width:140px;
	height:170px;
}
nav ul li p.subnav-img-title {
	width: 100%;
}
@media (min-width: 1025px) {

	nav ul li p.subnav-img-title {
		text-align: center;
	}

  nav ul#menu li.active, nav ul#menu li:hover {
    /*border-bottom: 2px solid #437a94;*/
  }
}
ul#menu li.active > div {
	display:block;
}
nav ul li.active div img {
	display: block;
}
nav ul li div p {
	display: block;
	width: 100%;
	margin: 0;
	color: #616161;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
}
@media (max-width: 1024px) {
	nav ul li div p {
		font-size: 16px;
	}
}
@media (min-width: 1025px) {
	nav ul li div p {
		text-align: center;
	}
}
nav ul li a,
nav ul li a:link,
nav ul li a:visited {
	text-decoration:none;
	display: block;
	color: #252525;
  font-family: 'ApercuProSemBd', sans-serif;
	font-size: 14px;
	position: relative;
  transition: color .3s ease;
}

nav ul li h2 {
  font-family: 'ApercuProSemBd', sans-serif;
  color: #252525;
  cursor: pointer;
  position: relative;
}

nav ul li h2 span {
  font-size: 11px;
  display: none;
  margin-right: 5px;
  color: #aaaaaa;
}

nav > ul#menu > li h2 a {
	padding: 0;
}

@media (min-width: 1025px) {

	nav ul li h2, nav ul li h2,
	nav ul li h2 a {
		position: relative;
  }

	nav ul li h2::after {
		width: 100%;
		height: 2px;
		content: '';
		display: block;
		background-color: #437A94;
		opacity: 0;
		position: absolute;
		bottom: 15px;
		left: 0;
		transition: opacity ease 0.3s;
  }

	nav ul li.active h2::after, nav ul li h2:hover::after,
	nav ul li h2:hover a::after {
    opacity: 1;
  }

  nav ul li h2 span {
    display: inline-block;
  }

	nav ul li a, nav ul li a:hover, nav ul li a:visited, nav ul li a:active, nav ul li a:link {
		font-size: 18px;
		padding: 6px 12px;
	}

  nav > ul#menu > li h2 {
    font-size: 16px;
    padding: 50px 8px;
  }
}

@media (min-width: 1025px) {
  nav > ul#menu > li h2 {
    font-size: 18px;
    padding: 25px 0;
  }
}

nav ul li a:focus {
	outline: 0;
}

nav ul li p.subnav-img-title {
	text-decoration: none;
}
nav ul li div ul li {
	display:block;
}
nav ul li.mega div ul.subnav li a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
}
nav ul li.mega div ul.subnav li a img, nav ul li.mega div ul.subnav li a p {
	border-radius: 0;
}
@media (max-width: 667px) {
	nav ul li.mega div ul.subnav li a img, nav ul li.mega div ul.subnav li a p {
		font-size: 18px;
		color: #757575;
		margin: 10px 0;
	}
}
@media (min-width: 668px) and (max-width: 1024px) {
	nav ul li.mega div ul.subnav li a img, nav ul li.mega div ul.subnav li a p {
		font-size: 18px;
		color: #757575;
		margin: 5px 0;
	}
}
nav ul li.mega div ul.subnav li a img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	float: none;
}
nav ul li.with-pic div ul.subnav {
	min-height: 202px;
}
nav ul li a.currentPage::after {
	width: 80%;
}
#main {
	margin: 0 auto;
	clear:both;
	background-color: #ffffff;
}

.content-info {
  padding: 50px 30px 0;
}

@media (min-width: 769px) {

  .content-info {
    padding: 50px 30px 20px;
  }
}

.content-info .description {
  font-size: 15px;
  color: #2c2a29;
  margin-top: 15px;
}

#main .page-content {
	padding: 0 15px;
}
#main.generic .page-content {
	padding: 0;
}
@media (min-width: 769px) {
	#main .page-content {
		padding: 0 30px;
	}
}
#main.contract{
	display:flex;
	display:-ms-flexbox;
	justify-content: flex-start;
  -ms-flex-pack: center;
	padding-bottom: 5em;
}
#product #main,
#main.searchresults{
	background-color: #fff;
}

.productlistingmain{
	background-color: #FAFAFA;
}
@media (max-width: 1024px) and (min-width: 769px){
	.productlistingmain aside.left-side {
	    padding: 50px 30px 30px 30px;
	}
	.productlistingmain aside.right-side {
    	padding: 20px 30px 80px 30px;
	}
}
@media (max-width: 1024px) {
	.productlistingmain aside.right-side .productlisting {
    	padding: 20px 0;
	}
}

.ie8 #main {
	text-align: left;
}
/*//////////////////////////////////////////////////
	Footer
//////////////////////////////////////////////////*/
 #footer-container {
 	background-color: #f2f2f2;
}
.globalfooter #columns-container,
.globalfooter #bottom-footer-container {
	border-top: 1px solid #E0E0E0;
}
.globalfooter #columns,
.globalfooter #bottom-footer {
	max-width: 1024px;
	width: 100%;
  	margin: 0 auto;
}
.globalfooter #bottom-footer {
	display: flex;
    display: -ms-flexbox;
	flex-direction: column;
    -ms-flex-direction: column;
	justify-content: space-between;
    -ms-flex-pack: justify;
	padding: 30px 15px;
	text-align: center;
	align-items: center;
}
.globalfooter #bottom-footer > * {
	margin-bottom: 25px;
}
.globalfooter #bottom-footer > #social a {
	text-decoration: none;
	margin-right: 13px;
    margin-left: 13px;
}
.globalfooter #bottom-footer > #social a:hover i {
	color: #000;
}
.globalfooter #bottom-footer > #social i {
	font-size: 20px;
	color: #757575;
}
@media (min-width: 1025px) {
	.globalfooter #bottom-footer {
		flex-direction: row;
        -ms-flex-direction: row;
		padding: 30px 30px;
		text-align: left;
	}
	.globalfooter #bottom-footer > * {
		margin-bottom: 0;
	}
}
.globalfooter #columns .company-info img,
.globalfooter #columns .company-info .address-2 {
  margin-bottom: 30px;
}
.globalfooter #columns .company-info ul {
  margin: 0;
}
.globalfooter #columns .company-info ul,
.globalfooter #columns .company-info span {
    font-size: 16px;
	font-weight: 300;
	color: #95989A;
	line-height: 24px;
}
ul#footer-links {
	margin: 0;
	padding: 0;
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 35px 0 10px;
}
ul#footer-links li {
	list-style: none;
	color:#2c2a29;
	font-size:13px;
	font-weight: normal;
	margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #e2e2e2;
}
ul#footer-links li a {
  color:#2c2a29;
}
ul#footer-links li:last-child {
	margin-right: 0;
  border-right: 0;
}
.copy-right {
	color:#2c2a29;
	font-size:13px;
	font-weight: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}
.ie7 globalfooter ul {
	filter:alpha(opacity=99);
}
.globalfooter #columns {
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
	padding: 60px 30px 70px;
}
@media (max-width: 768px) {
	.globalfooter #columns {
		justify-content: flex-start;
        -ms-flex-pack: start;
	}
}
@media (min-width: 769px) {
	.globalfooter #columns {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
		padding: 85px 30px 75px;
	}
}
@media (min-width: 1025px) {
    .globalfooter #columns {
        display: grid;
        grid-template-columns: repeat(7, minmax(100px, 1fr));
        gap: 18px;
    }
}
.globalfooter #columns > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.globalfooter #columns .company-info ul {
	width: 100%;
}
.globalfooter #columns > *:not(.company-info) {
	width: 50%;
  margin-bottom: 35px;
}
.globalfooter #columns > .company-info {
	text-align: center;
}
@media (min-width: 668px) {
	.globalfooter #columns > .company-info {
		text-align: left;
	}
	.globalfooter #columns > *:not(.company-info) {
		display: block;
	}
}
.globalfooter #columns .company-info-container {
   width: 100%;
}
@media (min-width: 769px) {
  .globalfooter #columns > .company-info {
    margin-bottom: 90px;
  }
  .globalfooter #columns > *:not(.company-info) {
    width: 33%;
  }
}
@media (min-width: 1025px) {
	.globalfooter #columns > *:not(.company-info) {
    width: auto;
  }
	.globalfooter #columns .company-info-container {
	   width: 100%;
     margin-top: 60px;
	 grid-column: 1 / 8;
	}
}
@media (max-width: 768px) {
	.globalfooter #columns > .company-info {
		width: 100%;
	}
	.globalfooter #columns > .company-info img {
		max-width: 190px;
		width: 100%;
	}
}
.ie7 globalfooter #columns ul {
	margin-right: 30px;
}
.ie7 globalfooter #columns #social {
	margin-right: 0;
}
.ie8 globalfooter #columns ul {
	margin-right:35px;
}
.ie8 globalfooter #columns #social {
	margin-right:0;
}
.globalfooter #columns ul, .globalfooter #columns #social {
	*display: inline;
}
.globalfooter #columns > ul li {
  font-family: 'ApercuPro', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2c2a29;
	line-height: 28px;
}

.globalfooter #columns > ul li:first-child {
	margin-bottom: 20px;
  font-family: 'ApercuPro2', sans-serif;
	font-size: 11px;
  letter-spacing: 1px;
  color: #437a94;
  text-transform: uppercase;
}
.globalfooter #columns > ul li a:link, footer #columns > ul li a:visited {
	text-decoration: none;
	color: #2c2a29;
}

.globalfooter #columns ul li a {
  transition: color 0.3s ease;
}
.globalfooter #columns ul li a:hover {
	color: #437a94;
}
.globalfooter #columns #social {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.globalfooter #columns .company-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}
.globalfooter #columns #social .socialmedialinks {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.globalfooter #columns #social a {
  width: 44px;
  height: 44px;
  background-color: transparent;
  color: #777778;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  margin: 0 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.globalfooter #columns #social a i {
  font-size: 20px;
}
footer #social iframe {
	width:190px !important;
	margin-bottom:20px;
}
#twit-social {
	width: 76px;
	float: left;
	margin: 0 0 10px 0;
}
#fb-social {
	width: 84px;
	height: 24px;
	float: left;
	margin: 0 0 10px 0;
}
#google-social {
	width: 76px;
	float: left;
}
#pin-social {
	width: 84px;
	float: left;
}
.globalfooter .logo-img img {
	max-width: 190px;
}
/*//////////////////////////////////////////////////
	Global Components
//////////////////////////////////////////////////*/
.richtext {clear: both;}
/* ==================
   Marquee Styles
   ================== */
 #marquee {
	width: 100%;
	background-position: top center!important;
	background-repeat: no-repeat!important;
}
.marquee-full {
	width: 100%;
  height: 150px;
	margin: 0 auto;
	background-position: top center!important;
	background-repeat: no-repeat!important;
	position: relative;
	overflow: hidden!important;
}

.marquee-full.small {
  height: 150px;
}

.marquee-full.medium {
  height: 250px;
}

.marquee-full.large {
  height: 500px;
}

#home .marquee-full,
#product .marquee-full{height: 510px;}
#product .banner-wrapper .marquee-full {
  height: auto;
}
#home .round,
.portal .round {
	width: 100% !important;
	height: auto !important;
	margin: 0 auto 20px auto;
	background-position: top center!important;
	background-repeat: no-repeat!important;
	overflow: hidden!important;
	background: url(clientlibs-site/img/marquee-round-corners.png) no-repeat bottom center!important;
}
.round {
	width: 100%!important;
	height: 350px!important;
	margin: 0 auto 0 auto !important;
	background-position: top center!important;
	background-repeat: no-repeat!important;
	overflow: hidden!important;
	background: url(clientlibs-site/img/marquee-round-corners.png) no-repeat bottom center!important;
}

/* ==================
   Marquee Show/Hide
   ================== */
 .hero-caption-wrapper {
	width: 100%;
	position: relative;
	z-index: 1000;
	margin-top: -50px;
}
.hero-caption {
	height: 40px;
	width: 960px;
	padding: 5px 0;
	margin: 0 auto;
}
.hero-caption-wrapper.open {
	background: white;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.85);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}
.hero-caption div.toggler {
	float: left;
	margin: 6px 10px 0 0;
}
.hero-caption div.toggler button {
	background: transparent url(http://www.sitonit.net/includes/img/product-hero-caption.png) no-repeat 0 0;
	display: block;
	height: 25px;
	width: 25px;
	outline: none;
	border: none;
}
.hero-caption-wrapper.open .hero-caption div.toggler button {
	background-position: 0 -24px;
}
/* ==================
   Highlight Module
   ================== */
 .highlight span {
	float: right;
	margin: 2px 0 14px 0;
}
.highlight h2 {
	width: 100%;
	margin: 20px 0 5px 0;
	font-size: 18px;
    color: #212121;
    line-height: 24px;
}
.highlight h4 {
	font-weight: bold!important;
	margin: 14px 0 4px 0!important;
}
.highlight p {
	margin: 0;
	font-size: 18px;
    line-height: 26px;
    font-weight: lighter;
    color: #616161;
    padding-bottom: 10px;
}
.highlight a:link {
	font-size: 18px;
    color: #4fa0c6 !important;
    font-weight: lighter;
}
.highlight i {
	padding-right: 8px;
}
.highlight .header-link{
	padding: 8px 0 5px 0;
}
@media (min-width:768px) and (max-width:1024px){
	.highlight img {
	    float: left;
        width: 40%;
        padding-right: 20px;
    }
}

/* ==================
   Highlight List Module
   ================== */

.leftpar .highlightlistmodule {
  padding: 0px
}

 .highlightlistmodule {
 	width: 100% !important;
  padding: 10px 40px
 }

.highlightlistmodule h2 {
	line-height: 1.3em;
	font-size: 18px;
	color: #212121;
	font-weight: normal;
	margin-bottom: 30px;
 }
.highlightlistmodule i {
	display: table-cell;
}
.highlightlistmodule a:link {
	display: table-cell;
	line-height: 1.3em;
	padding-left: 10px;
	font-size: 18px;
	color: #4fa0c6 !important;
	font-weight: lighter;
	font-family: 'ApercuPro';
}
.highlightlistmodule li {
	list-style-type:none;
}
.highlightlistmodule hr {
	padding-bottom: 8px;
	border-bottom: .5px solid #9e9e9e;
	background-image: none;
	margin-bottom: 20px;
}

@media (max-width: 768px){
  .highlightlistmodule {
    padding: 0px;
  }
}
/* ==================
   Tools Module
   ================== */
 .tools h3 {
	color: #757575;
	margin: 20px 0 14px;
}
.tools .container ul li{
    background-position-y: center;
}
.tools ul li {
	text-decoration: none;
	list-style-type: none;
}
.tools ul li a:link, .tools ul li a:visited, .downloadlisting .downloadcolor {
	color: #8c8c8c;
  font-size: 15px;
}
.tools a:link:hover {
  text-decoration: none;
}
.tools ul li a{
	padding-left: 10px;
}
.tools .textiles, .tools .materials, .tools .compatibility, .tools .contracts, .tools .rep-locator, .tools .orderlit, .tools .downloads{
	padding: 0 0 0 15px;
}
/* ==================
   Our Story Tabs Module
   ================== */
 #ourstory-tabs h2 {
	font-size: 16px;
	text-transform: uppercase;
}
#ourstory-tabs div {
	width: 675px;
	min-height: 280px;
}
#ourstory-tabs div h2 {
	color: #000;
}
#ourstory-tabs div h2, #ourstory-tabs p {
	width: 330px;
}
#ourstory-tabs ul {
	padding-left: 20px;
	width: 290px;
}
ul#ourstory-tab-nav {
	list-style-type: none;
	display: inline-block;
	padding: 0;
}
ul#ourstory-tab-nav li {
	display: inline-block;
	color:#bbbbbb;
	font-size: 14px;
	padding: 0 0 20px 0;
	text-decoration: none;
	float: left;
}
ul#ourstory-tab-nav li:first-child a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #c9c7c7;
}
ul#ourstory-tab-nav li:last-child a {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul#ourstory-tab-nav li.activeSlide {
	background: #ffffff url('clientlibs-site/img/layout/tabs-arrow.png') no-repeat center 26px;
}
ul#ourstory-tab-nav li a {
	color: #000;
	text-decoration: none;
	padding: 10px 18px;
	border-top: 1px solid #c9c7c7;
	border-bottom: 1px solid #c9c7c7;
	border-right: 1px solid #c9c7c7;
	background: #eeeeee;
	/* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(50%, #dddddd), color-stop(100%, #aaaaaa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* IE10+ */
	background: linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa', GradientType=0);
	/* IE6-9 */
}
ul#ourstory-tab-nav li a:focus {
	outline: none;
}
ul#ourstory-tab-nav li.activeSlide a {
	color: #fff;
	border: 1px solid #15426e;
	background: #1c354d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c354d), color-stop(10%, #0d4e87), color-stop(50%, #23507c), color-stop(100%, #15416d), color-stop(100%, #0a3a6b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* IE10+ */
	background: linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c354d', endColorstr='#0a3a6b', GradientType=0);
	/* IE6-9 */
}
#ourstory-tabs div img {
	position: absolute;
	top: 20px;
	right: 0;
	max-height:260px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#ourstory-tabs .parsys {
	padding-left: 20px;
}
#ourstory-tabs .parsys .section {
	position: relative !important;
}
#ourstory-tabs .parsys .section {
	display: none;
	/* keeps content from showing before jQuery loads */
}
#ourstory-tabs .parsys .new {
	display: block !important;
	/* keeps editing tools visible */
}
/* ==================
   Info Carousel Module
   ================== */

 .slideshow-container {
	background: url("clientlibs-site/img/layout/pagination-border.jpg") no-repeat scroll 0 top transparent;
	margin: 0 20px 0 0;
}
.slideshow-container div.slideshow h1 {
	font-size: 19px;
	color: #757575;
	text-transform: uppercase;
	line-height: 24px;
}
.slideshow-container div.slideshow h1 span {
	font-size: 30px;
}
q .slideshow-container h2 {
	padding: 18px 0!important;
	float: left;
	color: #000;
}
.slideshow-container h2 {
	font-size: 16px;
	text-transform: uppercase;
}
.slideshow-container strong {
	font-weight: bolder;
}
.slideshow-container p {
	padding: 0 60px 0 0;
}
.slideshow {
	width: 675px;
	height: 275px;
	clear: both;
}
.slideshow div {
	clear: both;
	background: #FFF;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.slideshow img {
	float: left;
	margin: 0 0 0 20px;
}
.ss-pager {
	width: 200px;
	height: 20px;
	float: right;
	text-align: right;
	padding: 0 15px 0 0;
}
.ss-pager .caption {
	float: right;
}
.ss-pager h4 {
	float: right;
	margin: 0;
}
.ss-pager h4 {
	float: right;
	margin: 0 3px 0 0;
	width: 40px;
	text-align: center;
}
.ss-pager input {
	width: 6px;
	height: 9px;
	color: #43aceb;
	float: right;
	border: none;
	display: block;
	margin: 3px 0 0 0;
}
.ss-pager input.next {
	background: #fff url('clientlibs-site/img/ss-arrow-next.png') no-repeat;
}
.ss-pager input.prev {
	background: #fff url('clientlibs-site/img/ss-arrow-prev.png') no-repeat;
}
.infocarouselnav {
	width: 50%;
	margin: 10px auto 40px auto;
	padding: 0;
	text-align: center;
}
.infocarouselnav a {
	width: 11px;
	height: 11px;
	background-color: #757575;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	list-style: none;
	display: inline-block;
	margin: 0 5px;
	font-size: 0px;
}
.infocarouselnav a:hover {
	cursor: pointer;
}
.infocarouselnav a.activeSlide {
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	background: #56afe4;
	/* Old browsers */
	background: -moz-linear-gradient(top, #56afe4 0%, #2f7aa6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56afe4), color-stop(100%, #2f7aa6));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #56afe4 0%, #2f7aa6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #56afe4 0%, #2f7aa6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #56afe4 0%, #2f7aa6 100%);
	/* IE10+ */
	background: linear-gradient(top, #56afe4 0%, #2f7aa6 100%);
	/* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56afe4', endColorstr='#2f7aa6',GradientType=0 );*/
	/* IE6-9 */
}
.infocarouselnav a:focus {
	outline: none;
}
.infocarouselnav img {
	border: none;
	display: block;
	float: left;
}
/* ==================
   Text Title Module
   ================== */
 .titleTextModule {
	font-size: 16px;
	width: 575px;
	margin: 25px 0;
	display: inline-block;
}
.right-side .titleTextModule {
	margin-top: 0;
}
.titleTextModule .product-title {
	font-size: 24px;
	font-weight: normal;
	color: #000;
}

/* ==================
   Column Control Module
   ================== */

@media (min-width: 600px) {
	.parsys_column {
        margin: 0;
    }
    .cq-colctrl-lt0-c0,
    .cq-colctrl-lt0-c1 {
        float: left;
        width: 48%;
    }
    .cq-colctrl-lt0-c0 {
        margin-right: 2%;
    }
    .cq-colctrl-lt0-c1 {
        margin-left: 2%;
    }

    .cq-colctrl-lt0-c0 div {
    	float: right;
    }
    .cq-colctrl-lt0-c1 div {
    	float: left;
    }
}

/* ==================
   Navigation Link
   ================== */
 li.navigation-link {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 12px;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat 0 4px;
}

/* ==================
   Thumb Title Teaser Button
   ================== */
.titletextmodule h2 {
	color: #000000;
	font-size: 14px;
	margin: 0 20px 0 0 !important;
	padding: 0 0 10px;
}
.resources-container, .tttcontainer {
	width: 695px;
	float: left;
	margin: 0;
}
ul.title-teaser {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	float: right;
}
ul.title-teaser li {
	width: 196px;
	display: inline-block;
	padding: 20px 0 20px 20px;
	margin: 0 0 0 19px;
	background-color: #eee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	min-height: 182px;
	vertical-align: top;
	position: relative;
}
ul.title-teaser li:first-child {
	margin-left: 0;
}
ul.title-teaser a {
	position: absolute;
	bottom: 10px;
}
ul.title-teaser h3 {
	margin: 0 0 5px 0!important;
}
ul.title-teaser p {
	width: 126px;
	min-height:100px;
}
ul.title-teaser img {
	float: right;
}
.thumbtitleteaserbutton a.button {
	font-size: 12px;
	color: #ffffff!important;
	padding: 6px 20px;
	border: none;
	text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.thumbtitleteaserbutton a {
	position: absolute;
	bottom: 10px;
}
.thumbtitleteaserbutton h4 {
	font-weight: bold!important;
	margin: 0 0 5px 0!important;
	color: #000!important;
}
.thumbtitleteaserbutton p {
	width: 126px;
	min-height:100px;
}
.thumbtitleteaserbutton img {
	float: right;
}
/* ==================
   Wide Thumb Title Teaser Button
   ================== */
 .widethumbtitleteaserbutton .product-title {
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
.wide-title-teaser {
	width: 660px;
	padding:10px 0 0 0;
	margin-bottom: 60px;
	position: relative;
	min-height: 260px;
}
.wide-title-teaser img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.wide-title-teaser .info {
	width: 660px;
	margin: 0;
	float: left;
}
.wide-title-teaser .info-wrapper {
	width: 430px;
	float: left;
	background: transparent url("clientlibs-site/img/layout/content-divider.gif") repeat-y 200px 0;
}
.wide-title-teaser .image-wrapper {
	width: 230px;
	float: right;
}
.wide-title-teaser p {
	width: 170px;
	float: left;
	margin: 0 40px 20px 0;
}
.wide-title-teaser ul {
	width: 160px;
	float: left;
	margin: 0 40px 20px 20px;
	padding: 0;
}
.wide-title-teaser ul li {
	margin: 0 0 10px 0;
}
.wide-title-teaser .info a {
	clear: both;
	display: block;
	float: left;
}
.wide-title-teaser h2 {
	color:#757575;
	font-size:16px;
	font-weight:normal;
	margin:15px 0;
}
.wide-title-teaser a.button {
	font-size: 12px;
	color: #ffffff!important;
	padding: 6px 20px;
	border: none;
	text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
}
a.arrow {
	margin: 0 0 0 0;
	padding: 3px 0 3px 10px;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat 0 7px;
	text-decoration: none;
}
.filter-sort {
  width: 100%;
	padding: 0;
  margin: 0;
  font-size: 18px;
}
.sort-by {
  min-width: 156px;
  position: relative;
}
.sort-by .btn {
  width: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.custom-select {
  width: 130%;
  display: none;
  background-color: #f2f2f2;
  padding: 55px 30px 20px;
  margin: 0;
  list-style: none;
  position: absolute;
  top: -20px;
  left: -11%;
  z-index: 1;
}
.custom-select li {
  position: relative;
  font-size: 14px;
  color: #2c2a29;
  padding: 15px 0;
  border-top: 1px solid #d7d7d7;
  cursor: pointer;
}
.custom-select li.selected:after {
  width: 14px;
  height: 12px;
  content: "\E007";
  font-family: 'Icons';
  font-size: 14px;
  color: #417995;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 768px) {
  .custom-select {
    width: 138%;
    padding: 65px 30px 30px;
    top: -25px;
    left: -19%;
  }
}
select.product-sort {
  display: none;
}
/**********
Product Listing
***********/
@media (max-width: 768px) {
	.productlisting .productItem {
	    width: 30% !important;
        height: auto !important;
        margin: 0 5% 5% 0 !important;
     }
    .productlisting img{
 	   padding-bottom: 10px;
    }
    .productlisting .per-page{
        position: relative !important;
        width: 210px !important;
        margin: 0 auto !important;
    }
    .productlisting .panme{
        display: none !important;
    }
    .productlisting .productItem:nth-child(3n) {
        margin: 0 0 5% 0 !important;
    }
    .productlisting .simplepagination{
	    padding-bottom: 15px;
    }


}
#productlisting{
	display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.productlisting img{
	width: 80%;
	cursor: pointer;
}

.productlisting .panme{
	color: #212121;
	font-size: 18px;
	margin-bottom: 17px;
}
.productlisting .sub{
	display: none;
    color: #616161;
    font-size: 16px;
    font-weight: lighter;
    position: absolute;
    height: auto;
    min-height: 50px;
    z-index: 5;
    top: 100%;
    background-color: white;
    line-height: 20px;
    white-space: normal;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0 0 6px 6px;
    -moz-box-shadow: 0 5px 6px 2px #c9c9c9;
    -webkit-box-shadow: 0px 4px 2px 2px #c9c9c9;
    box-shadow: 0px 4px 2px 2px #c9c9c9;
    word-wrap:break-word;
}
.productlisting .subcontent{
	margin:15px;
	margin-top: 0;
}
.productlisting .paginationModule, .productlisting .product-pagination, .productlisting .per-page{
	float: none;
	margin: 0;
	padding-left: 0;
}
.productlisting .paginationModule{
	display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;;
    margin: 0 auto;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
}
.productsort .dk_toggle, .productsort .dk_open .dk_toggle{
	border-radius: 0;
}
.productlisting .filter-sort{
	padding: 0;
    width: 100%;
    margin: 0;
    font-size: 18px;
    padding-bottom: 30px;
}
.productlisting .filter-tags{
	display: none !important;
}
.productlisting .productItem {
	width: 22%;;
	height: auto;
    margin: 0 4% 4% 0;
    background-color: white;
    position: relative;
    border: 0;
 }
 .productlisting .productItem:nth-child(4n) {
    margin: 0 0 4% 0;
 }

.productlisting .productItemHover:hover{
	height: auto;
	border-radius: 0;
}
.productlisting .productItemHover:hover .sub{
	display: block;
}
@media (max-width: 1024px) {
	aside.right-side {
       float: none !important;
       width: 100% !important;
	}
	aside.left-side {
       float: none !important;
       width: 100% !important;
	}
	.productlisting .filter-sort{
       padding-right: 0 !important;
    }
    .productlisting .filter-sort .productsort{
       float:none !important;
    }
    .productlisting .productsort .dk_container{
	   float: none;
       background: none;
       text-align: left;
    }
    .productlisting .dk_toggle{
	   width: 100% !important;
    }
     .productlisting .productItemHover:hover{
	   transform-origin: none !important;
	   transform: none !important;
    }
     .productlisting .productItemHover:hover .sub{
	    display: none !important;
    }
     .productlisting .dk_toggle{
        font-size: 16px;
    }
     .productlisting .panme{
        font-size: 12px;
    }
    .product-result-title{
    	border-bottom: none!important;
    }
    .searchresults.parbase.cq-analyzable{
    	padding:0 2em;
    }
    #productListingModule .productItem:nth-child(odd),#productListingModule .productItem:nth-child(even){
		margin:0 !important;
	}

    .productItem{
    	float:none;
    	width:100%;
    	height: auto;
    	display: flex;
        display: -ms-flexbox;
    	padding: 1em 0;
    }
    .search-product-img{
    	float:left;
	    max-width: 80px;
		margin: 0 1em 0 0 !important;
    }
    .search-product-title{
    	align-self: center;
    	text-align: left;
    	word-break: break-word;
    	font-weight: lighter !important;
    	font-size: 1.45em !important;
    }
    .productItem{
	    position: relative
	}
	.productInfoHover{
		position: absolute !important;
	    top: 50% !important;
	    margin-top: -14px !important;
	    left: 0 !important;
   		 margin-left: 0 !important;
	}
	.other-results-img img{
		max-width: 100px !important;
	}
	.other-results-box .other-result-title,
	.other-results-box .other-result-link a, .other-results-box .result-description{
		font-size: 1.3em !important;
		line-height: 1.2em!important;
	}
	.other-results .target-path{
		border-bottom: 1px solid #95989a;
	}
	.productInfoHover .button{
		left: 0;
	    position: absolute;
	    padding: 5px;
	    font-size: 12px;
	}
	.result-textile-box .result-view-textile{
		display: none !important;
	}
	.searchresults .result-product-title .result-view-textile{
		display: inline-block !important;
		text-align: right !important;
	}
	.result-product-title .result-view-textile a{
		font-size: 1.15em;
		color: #4fa0c6;
	}
	.result-product-title{
		display: flex;
        display: -ms-flexbox;
		justify-content: space-between;
        -ms-flex-pack: justify;
		margin-bottom: 0 !important;
	}

}


.productlisting .filter-sort .productsort{
    position: relative;
}
.productlisting .filter-sort .productsort .sort-by{
    height: 45px;
}
.productlisting .filter-sort .productsort .sort-by i{
    position: absolute;
    z-index: 50;
    top: 13px;
    right: 15px;
    cursor: pointer;
}
.productlisting .filter-sort .productsort .sort-by i:focus{
    outline: none
}

/**********
Filter List Styles
***********/
.productfilter .tag-category, .upholsteryfilter .tag-category {
	margin: 0;
}
.productfilter .tag-category.weight-capacity {
  display: none;
}
li.tag-category {
	font-size: 13px;
	padding: 5px 0 5px 12px;
	background-color: transparent;
	box-shadow: 0 1px #bdbdbd;
}
li.tag-category:hover {
	cursor:pointer;
}
li.tag-category ul.hide-on-load {
  display: none;
}
li.hasselected ul,
li.hasselected ul.hide-on-load {
  display: block;
}
li.tag-category ul.hide {
  display: none;
}
li.tag-category ul:first-child {
  margin-top: 10px;
}
li.tag-category ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
li.tag-category ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
li.tag-category ul {
  max-height: 210px;
  overflow-y: scroll;
}
li.tag-category ul:last-child {
  margin-bottom: 20px;
}
li.tag-category ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	line-height: 1;
  font-family: 'ApercuPro', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #2c2a29;
  border: 0;
  padding: 5px 0;
}
li.tag-category ul li.default-filtered {
  opacity: 0.5;
}
li.tag-category ul li .checkbox {
  width: 22px;
  height: 22px;
  border: 1px solid #d8d8d8;
  margin-right: 10px;
  text-align: center;
  line-height: 1.3;
}
li.tag-category ul li.filtered .checkbox:after,
li.tag-category ul li.default-filtered .checkbox:after {
  content: "\E007";
  font-family: "Icons";
  font-size: 14px;
  color: #437a94;
}
/**********
tags with some filter stuff in here to reduce duplication
***********/
 #productFilterTagsModule, #upholsteryFilterTagsModule {
	width: 710px;
	margin: 0 0 10px 0;
	padding: 60px 0 0 0;
}
#product-tags, #upholstery-tags {
	float: left;
	max-width: 100%;
	font-weight: normal;
}
#product-tags h4 {
  margin-bottom: 10px;
}
#product-tags ul, #upholstery-tags ul {
	margin-top: 0;
	padding-left: 5px;
}
#product-tags ul li, #upholstery-tags ul li {
	display: inline-block;
}
#product-tags a, #upholstery-tags a, aside div .tag-category ul li a {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding:0 3px 1px;
	color:#000;
}
.search-str-filter .searchtag {
	width: 5px;
	height: 15px;
	display: inline-block;
	position: relative;
	top: 3px;
}
.tag-category a.filtered, #product-tags a.filtered, .tag-category li.filtered a, #product-tags li.filtered a {
	width: 15px;
	height: 15px;
	background: url("clientlibs-site/img/layout/removex.jpg") no-repeat;
	display: inline-block;
	margin: 0 3px 0 6px;
	position: relative;
	top: 3px;
	margin-right: 15px;
}
.tag-category a.filtered:hover, #product-tags a.filtered:hover, #upholstery-tags a.filtered:hover, .tag-category li.filtered a:hover, #product-tags li.filtered a:hover, #upholstery-tags li.filtered a:hover {
	background: url("clientlibs-site/img/layout/removex.jpg") no-repeat;
}
#product-tags a img, #upholstery-tags a img, aside div .tag-category ul li a img, li.tag-category ul .filtered img {
	position: relative;
	top: 3px;
}
.filter-label {
	float: left;
	margin: 9px 7px 0 0;
}
.ie7 .paginationModule, .ie7 #productSortModule, .ie7 #upholsterySortModule {
	float: right;
}
.ie7 .paginationModule {
	width: 80px;
}
.ie7 #productSortModule, .ie7 #upholsterySortModule {
	width: 200px;
}
.ie7 #productFilterTagsModule, .ie7 #upholsteryFilterTagsModule {
	float: left;
}
/**********
sort
***********/
 #productSortModule {
	float: right;
	clear: both;
}
.sort-label {
	margin: 6px 0 0 0;
}
#upholsterySortModule #dk_container_upholstery-sort, #productSortModule #dk_container_product-sort {
	margin: 0;
}
.productsort, .upholsterysort {
	float: right;
}
ul.product-pagination {
	padding-left: 20px;
}
.ie9 .productsort {
	right: 260px;
}
/**********
pagination
***********/
.product-pagination, .upholstery-pagination {
	margin-top: 0;
}
.paginationModule, .product-pagination, .upholstery-pagination {
	float: right;
}
.paginationModule {
	display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    -ms-flex-pack: center;
    float: none;
}
.product-pagination li, .upholstery-pagination li {
	display: inline-block;
	zoom: 1;
	margin: 0 5px 0 0;
	font-weight: bold;
}
.product-pagination li a.previous, .upholstery-pagination li a.previous {
	margin: 0;
	background: transparent url("clientlibs-site/img/layout/grey-left-arrow.png") no-repeat left center;
	width: 4px;
	height: 7px;
	display: inline-block;
}
.product-pagination li a.next, .upholstery-pagination li a.next {
	margin: 0;
	background: transparent url("clientlibs-site/img/layout/grey-right-arrow.png") no-repeat right center;
	width: 4px;
	height: 7px;
	display: inline-block;
}
.product-pagination li a, .upholstery-pagination li a {
	color: #43aceb;
	text-decoration: none;
	font-weight: normal;
}
.bottom-paginate {
	margin: 5px 0 60px 0;
	padding-top: 36px;
	font-size: 12px;
	background: url('clientlibs-site/img/layout/pagination-border.jpg') no-repeat scroll -692px top transparent;
}
.per-page {
	position: absolute;
    z-index: 50;
    right: 0px;
    top: 0px;
}
.per-page ul {
	margin: 0;
	padding: 0;
	float: left;
}
.per-page ul li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 1px;
	border-right: 1px solid #000;
}
.per-page ul li.current {
        color: #010101;
}
.per-page ul li a {
	color: #43aceb;
	text-decoration: none;
}
.per-page-label {
	float:left;
	margin: 0 0 0 12px;
	line-height: 35px;
	font-size: 16px;
    font-weight: lighter;
    margin-right: 12px;
    color: #616161;
}
a.first_link, a.previous_link,
a.last_link, span.elipse.less,
ul.product-pagination span {display: none!important;}
#swap_study {
	float:right;
	height:500px;
	overflow:hidden;
	border:1px solid;
	width: 350px;
}
#one, #two, #three {
	height:500px;
}
.advancedpagination {
	margin: 60px 0;
	font-size: 11px;
	position: relative;
}

/*//////////////////////////////////////////////////
	Interior
//////////////////////////////////////////////////*/

/* ==================
   MAIN
   ================== */
.ie7 #main, .ie8 #main {
	behavior: url(../script/libs/PIE/PIE.htc);
}
/* ==================
   Breadcrumbs & Print/Share/Social Wrapper
   ================== */
#top-links {
	margin-top: 0px;
	margin-bottom: 0px;
        height: 25px;
}
#top-links ul {
	margin: 0;
}
/* ==================
   Breadcrumbs
   ================== */
 .breadcrumbs {
	float: left;
	font-size: 12px;
}
.breadcrumbs ul {
	padding: 0;
}
.breadcrumbs ul li {
	list-style-type: none;
	display: inline;
	color: #000;
}
.breadcrumbs ul li a {
	padding: 0 9px 0 0;
	margin: 0;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) right center no-repeat;
	text-decoration: none;
	color: #a8a8a8;
}

/* ==================
   Hero Video Banner
   ================== */
.exem-HeroVideo-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.exem-HeroVideo-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.exem-HeroVideo-title {
	position: absolute;
    top: 12%;
    max-height: 100vh;
}

.exem-HeroVideo-title .h1 {
	font-size: 7rem;
    margin: 0px;
    color: #4D4D4D;
    line-height: 7rem;
    border-top: 5px;
    border-top-style: solid;
}
/* ==================
   Title Link Teaser
   ================== */
.exem-titleLinkTeaser {
	display: flex;
    display: -ms-flexbox;
	flex-direction: column;
    -ms-flex-direction: column;
	justify-content: center;
    -ms-flex-pack: center;
	align-items: center;
}

/* ==================
   Print/Share/Social Wrapper
   ================== */
 .print-share-social {
	float: right;
}
.print-share-social ul {
	padding: 0;
}
.print-share-social ul li {
	list-style-type: none;
	display: inline;
}
.print-share-social ul li a, .print-share-social ul li a:hover, .print-share-social ul li a:active, .print-share-social ul li a:link, .print-share-social ul li a:visited {
	color: #ccc;
}
.print-share-social ul li a {
	padding: 3px 0 3px 20px;
	margin: 0 15px 0 0;
	display: inline-block;
	text-decoration: none;
}
.print-share-social ul li a:hover, .print-share-social ul li a:active {
	text-decoration: underline;
}
a.print-link {
	background: url(clientlibs-site/img/layout/print-icon.png) no-repeat left center;
}
a.share-link {
	background: url(clientlibs-site/img/layout/share-icon.png) no-repeat left center;
}
a.social-link {
	background: url(clientlibs-site/img/layout/fb-icon.png) no-repeat left center;
}
/* ==================
   Left Nav (& Other shared left side-bar styles)
   ================== */
 aside {
	float: left;
}
aside.right-side {
	width: 80%;
	padding: 0 15px 55px;
}
aside.right-side .hide-desktop {
	display: block;
}
@media (min-width: 1025px) {
	aside.right-side .hide-desktop {
		display: none;
	}
}
aside.left-side {
	width: 20%;
	padding: 35px 15px;
}
@media (min-width: 769px) {
	aside.right-side {
		padding: 13px 30px 80px 15px;
	}
	aside.left-side {
		padding: 20px 15px 80px 30px;
	}
}
.contract .right-side {
	width: 80%;
	padding: 30px 0 80px 15px;
}
.contract .left-side {
	width:20%;
	padding: 20px 15px 80px 0;
}
@media (min-width: 768px) and (max-width: 1024px){
	.contract .left-side {
	   padding: 40px 15px 20px 15px
    }
}
@media (max-width:768px){
	.contract .left-side {
       padding: 20px 13px 20px 13px;
    }
    #main.contract {
       padding-bottom: 1em;
    }
}
aside.left-side .top {
	-webkit-border-radius: 6px 0 6px 0;
	-moz-border-radius: 6px 0 6px 0;
	border-radius: 6px 0 6px 0;
}
.ie7 aside.left-side div, .ie8 aside.left-side div, .ie7 aside.left-side .top, .ie8 aside.left-side .top {
	behavior: url(../script/libs/PIE/PIE.htc);
}
aside.left-side div.leftpar {
	width: auto;
	padding: 0;
	background: none;
	margin: 0;
}
aside.left-side div ul {
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
aside.left-side div ul li {
	margin: 10px 0;
	cursor: pointer;
}
aside.left-side div ul li:last-child {
	margin:0;
}
aside.left-side div ul li:first-child {
    margin: 10px 0;
}
aside .leftnav ul li a {
	margin: 0 0 0 0;
	padding: 3px 0 3px 10px;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat 0 7px;
	text-decoration: none;
}
aside .leftnav ul li a:hover, aside .leftnav ul li a:active {
	color: #010101;
	text-decoration: underline;
}
aside .leftnav ul li a.current {
	color: #010101;
	text-decoration: none;
	cursor: default;
}

/*//////////////////////////////////////////////////
	Icon Link Types
//////////////////////////////////////////////////*/
 .zip-file {
	padding: 0 0 0 20px;
	background: url(clientlibs-site/img/layout/zip-file.png ) top left no-repeat;
}
.pdf-file {
	padding: 0 0 0 20px;
	background: url(clientlibs-site/img/layout/pdf-file.png ) top left no-repeat;
}
.email-friend {
	padding: 0 0 0 20px;
	background: url(clientlibs-site/img/layout/email-friend.png ) top left no-repeat;
}
.compatibility {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/compatibility.png ) top left no-repeat;
}
.materials {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/materials.png ) top left no-repeat;
}
.textiles {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/textiles.png ) top left no-repeat;
}
.downloads-container {
	display: flex;
}
.downloads {
	padding: 0;
}

.downloads + .downloads {
	margin-left: 36px;
}
.contracts {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/contracts.png ) top left no-repeat;
}
.rep-locator {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/rep-locator.png ) top left no-repeat;
}
.orderlit {
	padding: 0 0 0 26px;
	background: url(clientlibs-site/img/layout/orderlit.png ) top left no-repeat;
}
a.button {
	font-size: 13px;
	color: white!important;
	padding: 6px 20px;
	background: #488fbf;
	background: -moz-linear-gradient(top, #488fbf 0%, #366b8f);
	background: -webkit-gradient(linear, left top, left bottom, from(#488fbf), to(#366b8f));
	border: none;
	text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button:hover {
	background: #204a73;
	background: -moz-linear-gradient(top, #204a73 0%, #183858);
	background: -webkit-gradient(linear, left top, left bottom, from(#204a73), to(#183858));
}
a.button.flush {
	margin: 0 !important;
	border-radius: 3px;
}

/*//////////////////////////////////////////////////
	Articles
//////////////////////////////////////////////////*/
.articledetail .title{
	display: inline-block;
	width:100%;
}
.articledetail .imageright, .articledetail .imageleft{
    padding:10px 0;
    position: relative;
}
.article-detail-container{
	padding-top: 0;
	margin-bottom: 0 !important;
	position: relative;
}
.article-detail-content {
	position: relative;
}
.article-detail-content .titletextmodule {
	border-bottom: none;
}
.article-detail-content .left-column {
	margin-right: 10%;
}
.article-detail-content .column::before{
	content: '';
	display: table;
}
.article-detail-content .column::after {
	content: '';
	display: table;
	clear: both;
}
.article-detail-content .column .text-col {
	float: left;
	width: 45%;
	margin: 0;
}
.article-detail-content .column .text-col .titletextmodule h1 {
	font-family: 'ApercuPro';
	font-size: 56px;
	line-height: 1;
}
.article-detail-content .column .text-col p {
	font-family: 'ApercuPro';
	font-size: 15px;
	font-weight: 300;
	line-height: 1.63;
}
.article-detail-content .column .text-col p>b {
	font-weight: 500;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
}
.article-detail-content .column .img-col {
	float: left;
	width: 55%;
	margin: 0;
}
@media (min-width: 1025px) {
	.article-detail-content {
		margin: 0 10%;
	}
	.article-detail-content .column {
		margin-top: 60px;
	}
	.article-detail-content .adaptive-image {
		margin-bottom: 75px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.article-detail-content {
		margin:0 40px;
	}
	.article-detail-content .adaptive-image {
		margin-bottom: 25px;
	}
}
@media (max-width: 767px) {
	.article-detail-content {
		margin: 0 10px;
	}
	.article-detail-content .left-column {
		margin-right: 0;
	}
	.article-detail-content .column .text-col,
	.article-detail-content .column .img-col {
		width: 100%;
	}
	.article-detail-content .column .text-col .titletextmodule h1 {
		font-size: 25px !important;
	}
	.article-detail-content .quote {
		margin-bottom: 10px !important;
	}
	.article-detail-content .quote h1 {
		font-size: 20px !important;
	}
	.article-detail-content .column {
		margin-bottom: 10px !important;
	}
	.social-share-container{
		position: absolute;
		left: 0;
		bottom: -90px;
	 }
}
.article-detail-content .quote {
	margin-bottom: 35px;
}
.article-detail-content .quote h1{
	font-family: Didot;
	font-size: 33.5px;
	font-style: italic;
	line-height: 1.49;
	letter-spacing: -0.6px;
	text-align: center;
	color: #000;
	margin: 0;
}
.articledetail {
	width:80%;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
  margin-bottom: 20px;
}
.article-additional-content {
  width:80%;
	margin: 0 auto;
  position: relative;
}
.article-detail-container img{
	margin-bottom: 75;
	border-radius: 0;
}

.article-detail-container .img-col img{
	margin-bottom: 0;
	border-radius: 0;
}
.article-detail-container h1{
	font-size: 22px;
    color: #151515;
    font-weight: normal;
    margin-bottom: 0;
}
.article-detail-container .marquee-full{
	width: 100%;
	height: auto;
	max-height: 950px;
}
.article-detail-container .landscape{
	width:30%;
}
.article-detail-container .portrait{
	width:25%;
}
.article-detail-container h2{
	font-size: 22px;
    font-weight: lighter;
    color: #464646;
    line-height: 32px;
    margin-bottom: 25px;
}
.article-detail-container p{
	font-size: 18px;
    color: #616161;
    font-weight: lighter;
    line-height: 30px;
}
.article-detail-container .article-date{
	color: #151515;
    margin-bottom: 0px;
}
h4.post-date {
	margin:0;
}
h1.article-title {
	margin: 0 0 10px 0;
}
#press-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#press-container #article-list li {
	margin: 30px 0;
}
.article-date {
	margin: 0;
	color: #757575;
	clear:both;
	font-size:13px;
}
.article-title {
	margin: 0;
}

.articlelisting {
    margin-top: 35px;
}

.textile-partner .articlelisting {
    margin-top: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
	.article-detail-container h1{
	   line-height: 40px;
    }
    .article-detail-container .portrait{
	   width:30%;
    }
    .articledetail{
	   width:100%;
       padding: 30px 30px;
    }
    .article-detail-container .marquee-full{
	   max-height:248px;
    }
}
@media (max-width: 768px) {
	.articledetail .imageright, .articledetail .imageleft{
       text-align: center;
       float: none;
	}
	.article-detail-container h1{
	   line-height: 30px
    }
    .article-detail-container .portrait{
	   width:100%;
    }
    .articledetail{
	   width:100%;
       padding: 30px 20px;
    }
    .article-detail-container .marquee-full{
	   max-height:230px;
    }
}
@media (min-width: 769px) {
	.articledetail .imageright{
	    margin-left: 20px;
	}
	.articledetail .imageleft{
	    margin-right: 20px;
	}
}
@media (max-width: 1024px) {
	.article-detail-container .landscape{
	    width:100%;
    }
    .article-detail-container h1{
	   color:#212121;
    }
}
.article-detail-container .addthis_inline_share_toolbox{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 10px 0 30px;
}
.article-detail-container .addthis_inline_share_toolbox .at4-jumboshare .at4-count-container {
    min-width: 53px;
    padding-right: 0;
    border-right: 0;
}

/*//////////////////////////////////////////////////
	Careers
//////////////////////////////////////////////////*/
 .careers a:link, .company a:link {
	font-size: 12px;
}
.careers h2, .company h2 {
	float: left!important;
	width: 140px;
	margin: 0 0 12px 0!important;
}
.careers span {
	float: right;
	margin: 2px 0 14px 0;
}
.careers h4 {
	margin: 14px 0 4px 0!important;
}
#job-listings {
	min-height:400px;
	margin: 0 0 40px 0;
}
#job-listings .paginationModule {
	margin: 0 20px 0 0;
}
#job-listings ul.content {
	list-style-type: none;
	padding: 0;
}
#job-listings ul.content li ul {
	clear: both;
	list-style-type: none;
	padding: 0;
}
#job-listings ul.content li ul li {
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #F1F1F1;
}
li.job-title {
	width: 420px;
}
li.job-city {
	width: 180px;
}
li.job-length {
	width: 80px;
}
.bottom-paginate {
	margin: 5px 0 60px 0;
	padding-top: 36px;
	font-size: 12px;
	background: none!important;
	clear: both;
}
.career-detail-container {
	width: 440px;
	padding: 0 275px 20px 0;
}
.career-detail-container p {
	color: #757575;
}
.careerdetail ul {
	padding: 0 0 0 20px;
	margin: 0;
}
.careerdetail li {
	margin: 8px 0;
}
h4.career-post-date {
	margin:0;
}
h1.job-listing-title {
	margin:0;
	font-size: 16px!important;
}
h1.career-title {
	margin: 0 0 20px 0;
	font-size:24px!important;
}
h2.career-subtitle {
	margin: 30px 0 10px 0!important;
	font-size:16px!important;
	color: #000!important;
}
#apply-now-container {
	margin: 5px 0 60px 0;
	padding-top: 36px;
	font-size: 12px;
	background: url('clientlibs-site/img/layout/pagination-border.jpg') no-repeat scroll -692px top transparent;
}
#apply-now-container h2 {
	color: #000!important;
}
.form-container {
	width:580px;
	margin:25px 0;
}
.form-container.form-hidden #order-tracking {
	display: none;
}
.form-container textarea {
	background-color:#F1F1F1;
	border:none;
	width: 100%;
	min-height:152px;
	margin-bottom:20px;
	padding:5px;
}
.form-container label, .sub-title {
	cursor:default;
	display:block;
}
.form-container input {
	background-color:#F1F1F1;
	width: 100%;
	height:30px;
	border:none;
	margin:5px 0 15px 0;
	padding:0 0 0 5px;
	display:block;
}
#resume {
	background: none!important;
}
.apply-column-half {
	width:272px;
	float:left;
	background:#ffffff;
}
.left-column {
	margin-right:30px;
}
label.error {
	color:#F00000;
	display:none;
	font-size:11px;
}
/*//////////////////////////////////////////////////
	Compatibility
//////////////////////////////////////////////////*/
#textile-filters select.hide{
	display:none;
}
 #textile-filters select {
	width: 100%;
	background-image: url(clientlibs-site/img/layout/icon-arrow-down@2x.png);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 96% center;
	background-color: #fff;
	color: #616161;
	font-size: 18px;
	font-weight: 300;
	padding: 15px;
	margin-bottom: 10px;
	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
 	border: 1px solid #BDBDBD;
 	appearance: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	outline: none;
}
#textile-filters select::-ms-expand {
    display: none;
}
#textile-filters a.button {
	width: 100%;
	height: 60px;
	display: flex;
    display: -ms-flexbox;
	justify-content: center;
    -ms-flex-pack: center;
	align-items: center;
    -ms-flex-align: center;

	background: #6FC176;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
	text-shadow: none;
	border-radius: 0;
	text-decoration: none;
	transition: background 0.3s ease-in-out;
}
#textile-filters a.button:hover {
	background: #62A868;
}
#textile-filters table {
	width: 600px;
	float: left;
	margin-top: 20px;
}
#textile-filters p, #textile-results p {
	font-size: 13px;
	color: #757575;
	margin: 0;
}
#textile-filters a.dk_toggle {
	width: 103px !important;
}
#textile-filters .sory-by {
	display:none;
}

@media (max-width: 1024px) {
	aside.left-side .legend {
		display: none;
	}
}
.legend {
	margin-top: 50px;
}

.legend h2 {
	font-size: 18px;
	color: #212121;
}

#legend {
	background-color: #fff;
	padding: 20px;
}

#legend .legend-item p {
	font-size: 18px;
	font-weight: 300;
	color: #616161;
}

#legend .legend-item p:first-child {
	font-weight: 400;
	color: #212121;
}

#legend .legend-item p.light {
	font-size: 18px;
	font-weight: 300;
	color: #616161;
}

.compatibilitysearch h3 {
	font-size: 16px!important;
	margin: 0;
}
.show-results {
	margin: 12px 0;
}
.show-results .results-showing {
	margin: 0;
	float: left;
	font-size: 11px;
}
#textile-results {
	padding: 0 40px 0 0;
}
#textile-results a, #textile-results th, #textile-results td {
	color: #595959;
	text-decoration: none;
	font-size: 12px;
}
table#textile-results {
	width: 708px;
	margin: 0 0 20px 0;
}
#textile-filters table, table#textile-results th {
	text-align: left;
}
#textile-filters table td {
	padding-bottom: 8px;
}
table#textile-results th {
	font-weight: normal;
	border-bottom: 1px solid #E3E3E3;
	color: #000;
}
table#textile-results td.icon {
	width: 20px;
	text-align: center;
}
#textile-results .rowcolor {
	background-color: #F8F8F8;
}
label.error {
	color: #F00000;
	display: none;
	font-size: 11px;
}
ul.textile-list {
	margin: 0;
	padding: 0;
}
li.list-item {
	clear: both;
}
li.list-item ul {
	list-style-type: none;
}
li.list-item ul li {
	float: left;
	margin: 0 20px 0 0;
}
th.legend-left {
	width: 80px;
}
/* demo styles */
 fieldset {
	border:0;
}
label, select, .ui-select-menu {
	float: left;
	margin-right: 10px;
}
select {
	width: 200px;
}
.wrap ul.ui-selectmenu-menu-popup li a {
	font-weight: bold;
}
/*//////////////////////////////////////////////////
	Contact Us
//////////////////////////////////////////////////*/
#main.contact-container{
	padding:30px 0;
}
#contact .marqueeimageboard {
	height: 350px;
}
 #carousel {
	width: 100%!important;
	overflow:hidden!important;
	height: 350px;
}
#carousel .carousel-bg {
	width: 100%!important;
	height: 350px!important;
	background-position: top center!important;
	background-repeat: no-repeat!important;
	overflow:hidden!important;
}
.contact-tab-container {
	position: relative;
	top: -340px;
	z-index:10;
}
ul#contact-tab-nav {
	text-align: center;
}
ul#contact-tab-nav li {
	display: inline-block;
	margin: 0 -4px 0 0;
}
ul#contact-tab-nav li:first-child a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #c9c7c7;
}
ul#contact-tab-nav li:last-child a {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul#contact-tab-nav li a {
	display: inline-block;
	text-decoration: none;
	padding: 10px 30px;
	color: #000;
	border-top: 1px solid #c9c7c7;
	border-bottom: 1px solid #c9c7c7;
	border-right: 1px solid #c9c7c7;
	background: #eeeeee;
	/* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(50%, #dddddd), color-stop(100%, #aaaaaa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* IE10+ */
	background: linear-gradient(top, #eeeeee 0%, #dddddd 50%, #aaaaaa 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa', GradientType=0);
	/* IE6-9 */
}
ul#contact-tab-nav li a:focus {
	outline: none;
}
ul#contact-tab-nav li.activeSlide a {
	color: #fff;
	border: 1px solid #15426e;
	border: 1px solid #15426e;
	background: #1c354d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c354d), color-stop(10%, #0d4e87), color-stop(50%, #23507c), color-stop(100%, #15416d), color-stop(100%, #0a3a6b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* IE10+ */
	background: linear-gradient(top, #1c354d 0%, #0d4e87 10%, #23507c 50%, #15416d 100%, #0a3a6b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c354d', endColorstr='#0a3a6b');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1c354d', endColorstr='#0a3a6b')";
	/* IE8 */
}
.showroom-info {
	width: 240px;
	background: #fff;
	padding: 20px;
	position: relative;
	margin-top: 190px;
	float: right;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.showroom-info h2 {margin: 0;}
.showroom-info a {
	padding: 0 0 0 10px;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat 0 4px;
}
.left-side-contact {
	width: 69%;
	margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .left-side-contact {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.left-side-contact .col-1,
.left-side-contact .col-2 {
  width: 100%;
}

@media (min-width: 769px) {
  .left-side-contact .col-1,
  .left-side-contact .col-2 {
    max-width: 300px;
    width: 48%;
  }

  .left-side-contact .col-1 {
    margin-right: 100px;
  }
}

@media (max-width: 1024px) {
	.left-side-contact {
		width: 100%;
    padding: 30px;
    margin: 0;
	}
	.contactusform{
    margin: 0 !important;
	}
}
@media (max-width: 768px) {
	.left-side-contact {
		width: 100%;
    padding: 30px 0;
    margin: 0;
	}
}

.left-side-contact .contact-form-container {
  width: 100%;
}

.contact-top,
.contact-bottom {
  width: 100%;
}

.contact-top .toppar .text {
  margin-top: 15px;
}

@media (min-width: 768px) {

  .contact-top .toppar .columncontrol {
    border-bottom: 1px solid #D8D8D8;
  }

  .contact-top .toppar .section:nth-child(2) {
    border-top: 1px solid #D8D8D8;
    margin-top: 40px;
  }

  .contact-top .column-control .percent-33 {
    padding: 20px 0;
  }

  .contact-top .column-control .percent-33:first-child {
    border-right: 1px solid #D8D8D8;
    /* padding-right: 90px; */
  }

  .contact-top .column-control .percent-33:last-child {
    border-left: 1px solid #D8D8D8;
    /* padding-left: 90px; */
  }
}

.contact-top .action-button .btn.btn--contact p {
  margin-bottom: 0;
}

.contact-top .toppar {
  width: 100%;
}

.contact-top .toppar .btn--contact img {
  max-width: none;
  width: auto;
}

/* ===========================
   MAP INFO & CONTACT INFO
   =========================== */
.map-info a, .contact-info a {
	cursor: pointer;
}
.map-info .map-container {
	height: 450px;
}
@media (max-width: 768px) {
	.map-info .map-container {
		height: 250px;
	}
}
.map-info img {
	width: 100%;
	margin: 15px 0;
}
a.map {
	padding:0;
	background:none;
}

.map-info h2 {
	font-size: 18px;
	color: #616161;
	margin: 10px 0!important;
}

.map-info ul li, .contact-info ul li {
	font-size: 18px;
	font-weight: lighter;
	color: #616161;
	margin: 10px 0!important;
}
.map-info ul li, .contact-info ul li span.map-info-span{
	line-height:25px;
}

.map-info ul li.map-url {
	margin-top: 10px !important;
	display: inline;
}
.map-info ul.left-side {
	width: 45%;
	float: left;
}
.map-info ul.right-side {
	width: 45%;
	float: right;
}
@media (max-width: 768px) {
	.map-info ul.left-side {
		width: 100%;
		float: inherit;
	}
	.map-info ul.right-side {
		margin-top: 35px;
		width: 100%;
		float: inherit;
	    margin-bottom: 35px;
	}
	.map-info ul li.map-url {
		display:block;
	}
}
.right-side-contact .contactusinfo h2 {
	font-size: 24px;
	color: #252525;
}
.right-side-contact .contactusinfo ul li {
	font-size: 15px;
	color: #8C8C8C;
	margin: 5px 0 !important;
}
.right-side-contact .contactusinfo ul li.title {
	margin: 30px 0 15px 0 !important;
}
.right-side-contact .contactusinfo a {
	margin-top: 10px !important;
	display: inline;
}
.left-side-contact .highlightmodule {
	font-size: 18px;
	font-weight: lighter;
	color: #616161;
	margin: 45px 0;
}
.left-side-contact .highlightmodule h2 {
	font-size: 18px;
	color: #616161;
	margin: 30px 0 15px 0 !important;
}
.left-side-contact .highlightmodule a {
	margin-top: 10px !important;
	display: inline;
}
.left-side-contact div.par {
	width: 45%;
	clear: both;
}
@media (max-width: 1024px) {
	.left-side-contact div.par {
		width: 100%;
	}
}
/* ========================
   CONTACT US FORM
   ======================== */
.contactusform {
	width: 100%;
}

.generic .contactusform {
	margin-top: 100px !important;
}

@media (min-width: 769px) {
  .generic .contactusform {
  	padding: 0 40px;
  }
}

.contactusform .dk_toggle {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100% !important
}
.contactusform #dk_container_topic {
  width: 100%;
  height: 46px;
	display: block;
	padding: 0;
	background: transparent;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	font-weight: lighter;
}

.contactusform #dk_container_warranty-topic {
    height: 50px;
	width: 100%;
	display: block;
	padding: 0;
	background: transparent;
	border: 1px solid #bdbdbd;
	border-radius: 0;
	font-weight: lighter;
}

.contactusform .select-btn {
	position: relative;
}

.contactusform .select-btn i {
	position: absolute;
  top: 14px;
  right: 15px;
  cursor: pointer;
}
.contactusform .select-btn i:focus {
    outline: none
}

.contactusform .select-btn .dk_open + i {
	transform: rotate(180deg);
}

.contactusform .select-btn .dk_open {
	-moz-box-shadow: 0 0 0 #204a73;
	-webkit-box-shadow: 0 0 0 #204a73;
	box-shadow: 0 0 0 #204a73;
}

.contactusform .select-btn .dk_toggle {
	color: #616161 !important;
  background: -webkit-linear-gradient(top, #fff , #fff );
  background: -o-linear-gradient(top, #fff, #fff);
  background: -moz-linear-gradient(top, #fff, #fff);
  background: -ms-linear-gradient(top, #fff , #fff );
  background: linear-gradient(top, #fff , #fff);
  background: #fff;
  border: 1px solid #fff !important;
	height: 100%;
	font-size: 18px;
}

.contactusform .select-btn {
	margin-bottom: 40px;
	height: 50px;
}

@media (max-width: 1199px) {
  .contactusform .select-btn {
    margin-top: 45px;
  }
  .contactusform .warranty .select-btn {
    margin-top: 0px;
  }
}

.contact-container .contactusform .select-btn {
	margin-top: 45px;
}

.contact-container .contactusform .warranty .select-btn {
	margin-top: 0px;
}

.contactusform .contact-column-state .select-btn {
	margin-top: 0;
}

.contactusform .valid-style {
  margin-top: 32px;
}

.contactusform .contact-submit label {
  margin-top: 30px;
}

.contactusform #dk_container_state {
	height: 46px;
	width: 100%;
	display: block;
	padding: 0;
	background: transparent;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	font-weight: lighter;
}

@media (max-width: 768px) {
	.contactusform #dk_container_state {
		width: 100%;
	}
	.contactusform .valid-style {
    margin-top: 0;
  }
}
.contactusform .select-btn .dk_toggle:after {
	 top: 12px;
	 z-index: 200;
}

.contactusform .select-btn .dk_options {
	color: #616161 !important;
}

.contactusform .select-btn .dk_options:hover {
	color: #616161 !important;
}


.contactusform .select-btn .dk_toggle:hover {
	color: #616161 !important;
    background: -webkit-linear-gradient(top, #fff , #fff );
    background: -o-linear-gradient(top, #fff, #fff);
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -ms-linear-gradient(top, #fff , #fff );
    background: linear-gradient(top, #fff , #fff);
    background: #fff;
    border: 1px solid #fff;
    height: 100%;
    font-size: 18px;
    border-radius: 0;
}
.contactusform .select-btn .dk_toggle .dk_label {
	height: 100%;
	line-height: 30px;
	font-weight: lighter;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contactusform fieldset {
	min-width: 0;
}

.contactusform .select-btn .dk_options {
	width: 100%;
    padding: 0;
    font-weight: lighter;
    margin-bottom: 0;
}

.contactusform .select-btn .dk_options li {
    margin: 1px 0;
    line-height: 30px;
	font-weight: 400;
	font-size: 18px;
}

.contactusform .select-btn .dk_options a {
	height: 100%;
    line-height: 30px;
    font-weight: lighter;
}

.contactusform .select-btn i {
	z-index: 10;
}

/* .contactusform .state .dk_toggle { */
/*     width: 143px !important; */
/* } */

.form-container {
	width: 100%;
  background-color: #F6F6F6;
	margin: 0;
  padding: 55px 40px;
}

html:not([class*="aem-AuthorLayer-"]) .discount-search-main:not(.corporate-discount-search-main) .discount-search-container {
	height: calc(100vh - 156px);
}

.discount-search-container {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.corporate-discount-search-main .discount-search-container {
	justify-content: center;
	padding: 30px 30px 0;
	text-align: center;
}

.discount-search-main .form-container {
	max-width: 580px;
	background-color: #fff;
	padding: 55px;
	display: block;
}

.corporate-discount-search-main .form-container {
	max-width: 730px;
	padding: 0;
}

.corporate-discount-search-main .form-container form {
	max-width: 580px;
	margin: auto;
}

.corporate-discount-search-main .form-container .contact-column-corpcode,
.corporate-discount-search-main .form-container .contact-column-email {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.corporate-discount-search-main .form-container .contact-column-corpcode > *,
.corporate-discount-search-main .form-container .contact-column-email > * {
	width: 33%;
}

.corporate-discount-search-main .form-container .contact-column-email .submit {
	margin: 0;
}

.corporate-discount-search-main .form-container .contact-column-email .submit .discount-search-submit {
	display: flex;
	justify-content: center;
	margin: 0;
}

.corporate-discount-search-main .form-container .contact-column-email .submit .discount-search-submit .btn {
	width: 90%;
	justify-content: center;
	margin: 0;
}

.corporate-discount-search-main .form-container label {
	color: #000;
	font-style: italic;
	font-family: 'ApercuProSemBd', sans-serif;
}

.corporate-discount-search-main .form-container input {
	margin: 0;
	flex: 1;
}

.discount-search-main .logo-img {
	max-width: 200px;
}

.discount-search-main h1 {
	color: #437a94;
	font-size: 52px;
	margin-top: 20px;
}

.corporate-discount-search-main .form-container .form-copy h1 {
	color: #000;
	font-family: "ApercuPro2";
	font-size: 65px;
	margin-top: 0;
	margin-bottom: 20px;
}

.discount-search-main .form-container .form-copy div {
	color: #000;
  font-size: 27px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 22px;
}

.corporate-discount-search-main .form-container div {
	color: #000;
	font-size: 29px;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 22px;
}

.corporate-discount-search-main .form-container label {
	color: #000;
	font-size: 16px;
	margin-top: 0;
}

.discount-search-main .form-container .success-message-container,
.corporate-discount-search-main .form-container .success-message-container {
	font-size: 18px;
	background-color: #2be078;
	padding: 10px;
	margin-top: 20px;
	color: #fff;
	border-radius: 5px;
}

.discount-search-main .form-container .success-message-container p,
.corporate-discount-search-main .form-container .success-message-container p {
	margin: 0;
	color: #fff;
	font-size: 18px;
}

.discount-search-main .form-container .success-message-container a,
.corporate-discount-search-main .form-container .success-message-container a {
	font-size: 18px;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.discount-search-main .form-container .form-error,
.corporate-discount-search-main .form-container .form-error {
	font-size: 18px;
	background-color: red;
	padding: 10px;
	margin-top: 20px;
	color: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.discount-search-main .form-container .form-error i
.corporate-discount-search-main .form-container .form-error i {
	margin-left: 10px;
	cursor: pointer;
}

.discount-result a.btn--primary {
	display: inline-flex;
}

.discount-result .input-button-container {
	margin-bottom: 30px;
}

.form-container .discount-result input {
	width: 70%;
	margin: 0 10px 0 0;
}

.discount-result .btn--orange {
	width: 30%;
}

@media (max-width: 767px) {

	.corporate-discount-search-main .discount-search-container,
	.corporate-discount-search-main .discount-search-container .form-container {
		padding: 0;
	}

	.corporate-discount-search-main .discount-search-container .form-container .form-copy div {
		margin: 0;
	}

	.corporate-discount-search-main .form-container .contact-column-corpcode,
	.corporate-discount-search-main .form-container .contact-column-email {
		flex-direction: column;
	}

	.corporate-discount-search-main .form-container .contact-column-corpcode > *,
	.corporate-discount-search-main .form-container .contact-column-email > * {
		width: 100%;
		margin: 0 0 10px;
	}

	.corporate-discount-search-main .form-container input {
		flex: auto;
	}

	.corporate-discount-search-main .form-container .contact-column-email .submit .discount-search-submit .btn {
		width: 100%;
	}

	.corporate-discount-search-main .form-container div.contact-column-corpcode,
	.corporate-discount-search-main .form-container div.corpcode {
		margin: 0;
	}

	.corporate-discount-search-main .form-container h1 {
		font-size: 32px;
	}
}

@media (max-width: 1024px) {

	.discount-search-container {
		padding: 20px;
	}

	.discount-search-main .form-container {
		padding: 20px;
	}

	.discount-search-main h1 {
		font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px !important;
	}
	
	.discount-search-main .form-container .form-copy div {
    font-size: 16px;
  }

	.form-container .discount-result input {
		width: 100%;
		margin: 0 0 10px;
	}

	.discount-result .btn--orange {
		width: 100%;
	}
}

.order-tracking-container {
	width: 100%;
	margin: 0 auto 40px;
}

.order-tracking-container .submit {
	width: 100%;
	display: flex;
	justify-content: center;
}

.order-tracking-container .order-tracking-submit {
	display: flex;
	align-items: center;
}

.order-tracking-container .field-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}
.order-tracking-container .field-wrapper fieldset {
  max-width: 320px;
}

.order-tracking-container .order-tracking-divider {
  color: #2c2a29;
}

.order-tracking-container .order-tracking-divider::after {
  display: block;
  content: "";
  width: 1px;
  height: 200px;
  background-color: #757575;
}
@media (min-width: 1025px) {
  .order-tracking-container .order-tracking-divider::after {
   margin: 0 50%;
  }
  .order-tracking-container .field-wrapper fieldset {
    margin-top: 35px;
  }
}

@media (max-width: 1024px) {
  .order-tracking-container .field-wrapper {
    display: flex;
    flex-direction: column;
  }
  .order-tracking-container .field-wrapper fieldset {
    max-width: 100%;
  }

  .order-tracking-container .order-tracking-divider {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    margin-bottom: 35px;
    /* margin: none; */
  }

  .order-tracking-container .order-tracking-divider::before,
  .order-tracking-container .order-tracking-divider::after {
    content: '';
    flex: 1;
    height: auto;
    margin-bottom: 1px;
    border-bottom: 1px solid #757575;
  }

  .order-tracking-container .order-tracking-divider:not(:empty)::before {
    margin-right: .5em;
  }

  .order-tracking-container .order-tracking-divider:not(:empty)::after {
    margin-left: .5em;
  }
}

.order-tracking-container .error {
	color: red;
}

.order-tracking-container .form-error-container {
	display: none;
}

.order-tracking-container .form-error-container.show {
	display: block;
}

.order-tracking-container .form-error {
	width: 100%;
	padding: 10px;
	background-color: #ffd6d6;
	border-radius: 5px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-tracking-container .form-error i {
	cursor: pointer;
}

.contact-container .form-container,
.material-landing-main .form-container,
.order-tracking-container .form-container {
  display: block;
}

.form-container .form-copy {
  width: 100%;
}

.order-tracking-container .form-container .form-copy,
.contact-container .form-container .form-copy {
  max-width: none;
  margin-right: 0;
}

.order-tracking-container .form-container .form-copy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 40px;
}

.order-tracking-container .form-container .form-copy h1 {
	line-height: 0;
	margin-bottom: 0;
}

.order-tracking-container .form-container .form-copy .fa-plus-circle,
.order-tracking-container .form-container .form-copy .fa-minus-circle {
	font-size: 26px;
	cursor: pointer;
}

.order-tracking-container .form-container input {
	font-weight: 500;
	color: #000;
}

.shipment-details {
	border-top: 2px solid #ececec;
	padding-top: 30px;
}

.shipment-details > div {
	margin-bottom: 40px;
}

.order-results .collapsible-header h4 {
	font-size: 24px;
}

.order-results .order h3 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
}

.order-results .order .error-message p {
	text-align: center;
	color: #ff2626;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 80px;
}

.order-results .order .error-message ul {
	max-width: max-content;
	color: #ff2525;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.order-results .order .error-message ul {
		padding-left: 10px;
	}	
}

.order-results .order .error-message a {
	color: #ff2626;
}

.order-results .order-info {
	max-width: 80%;
	display: flex;
	flex-wrap: wrap;
	margin: 60px auto;
}

.order-results .order-info h4 {
	font-size: 20px;
}

.order-results .order-info > div {
	width: 50%;
	display: flex;
}

.order-results .order-info > div:nth-child(odd) div:first-child {
	width: 25%;
}

.order-results .order-info > div:nth-child(even) div:first-child {
	width: 50%;
}

.order-status-message {
	text-align: center;
	margin-top: 80px;
	font-size: 24px;
}

.step-tracker {
	width: 100%;
	position: relative;
}

.step-tracker .progress-bar {
	width: 92%;
	height: 5px;
	background: #d2d2d2;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.step-tracker .progress-bar.filled {
	background-color: #437a94;
	right: auto;
	left: 50px;
	z-index: 1;
}

.step-tracker .progress-bar.filled.error {
	background: rgb(67,122,148);
	background: linear-gradient(90deg, rgba(67,122,148,1) 32%, rgba(255,38,38,1) 100%);
}

.step-tracker .progress-bar.filled.step-0,
.step-tracker .progress-bar.filled.step-1 {
	width: 0;
}

.step-tracker .progress-bar.filled.step-2 {
	width: 33%;
}

.step-tracker .progress-bar.filled.step-3 {
	width: 66%;
}

.step-tracker .progress-bar.filled.step-4 {
	width: 92%;
}

@media (max-width: 768px) {

	.order-results .order-info {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.order-results .order-info > div {
		width: 100%;
		margin-bottom: 10px;
	}

	.order-results .order-info > div:nth-child(2) {
		order: 3;
	}

	.order-results .order-info > div:nth-child(4) {
		order: 4;
	}

	.order-results .order-info > div:nth-child(odd) div:first-child,
	.order-results .order-info > div:nth-child(even) div:first-child {
		width: auto;
		margin-right: 10px;
	}

	.order-results .order-info h4 {
		font-size: 18px;
	}

	.step-tracker .progress-bar {
		width: 87%;
	}

	.step-tracker .progress-bar.filled.step-3 {
		width: 62%;
	}
	
	.step-tracker .progress-bar.filled.step-4 {
		width: 82%;
	}
}

.step-tracker .steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	top: 11px;
	z-index: 2;
}

.step-tracker .step {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.step-tracker .step span {
	font-size: 14px;
}

.step-tracker .fa {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #d2d2d2;
	font-size: 18px;
	border-radius: 50%;
	color: #fff;
	margin-bottom: 10px;
}

.step-tracker .fa.complete {
	background-color: #437a94;
	font-size: 20px;
}

@media (min-width: 769px) {
	.step-tracker .fa.current {
		width: 65px;
		height: 65px;
		font-size: 32px;
	}
}

@media (max-width: 768px) {

	.step-tracker .step span {
		font-size: 12px;
	}

	.step-tracker .fa.current + span {
		font-weight: bold;
	}
}

.step-tracker .fa.error {
	background-color: #ff2626;
}

.step-tracker .fa.error + span {
	color: #ff2626;
	font-weight: bold;
}

@media (min-width: 1200px) {
  .form-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .form-container .form-copy {
    max-width: 320px;
    margin-right: 100px;
	}
	
	.discount-search-main .form-container .form-copy {
		max-width: 100%;
		margin-right: 0;
	}
}

.form-container .form-copy h1 {
  margin-bottom: 30px;
}
.form-container .form-copy .sub-title {
  color: #8C8C8C;
  font-size: 15px;
  line-height: 1.6;
}
.form-container .form-elements {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form-container .form-elements .warranty {
  width: 100%;
}
.form-container .form-elements > div {
  width: 100%;
}
@media (min-width: 1025px) {
  .form-container .form-elements > div {
    width: 47%;
  }
}
.form-container .form-elements > div.message,
.form-container .form-elements > div.subject {
  width: 100%;
}
.form-container textarea {
	background-color: #ffffff;
	border: 1px solid #d8d8d8;
	width: 100%;
	min-height:152px;
	margin-bottom:20px;
	padding:5px;
	resize: none!important;
}
.form-container label, .sub-title {
	cursor:default;
	display:block;
}
.form-container input {
	width: 100%;
	margin: 5px 0 35px 0;
	padding: 0 0 0 5px;
	display: block;
	-webkit-box-shadow: none;
	border: 1px solid #D8D8D8;
	height: 46px;
	font-size: 18px;
	font-weight: lighter;
	background-color: #fff;
	text-indent: 3px;
	color: #616161;
}
.form-container input.error {
	border-color: red;
}
.form-container label .error {
	color: red;
}
.form-container input[type="button"] {
    background: slategrey;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: white !important;
    font-size: 13px;
    padding: 6px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3);
}
.form-container #contact-us {
	width: 100%;
	-webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 1 auto;
    -ms-flexbox: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.form-container #contact-us .sub-title {
	font-size: 18px;
	color: #616161;
	margin-bottom: 15px;
	line-height:20px;
}

.form-container #contact-us label,
.form-container #order-tracking label {
  font-family: 'ApercuProSemBd', sans-serif;
	font-size: 13px;
  line-height: 1;
	color: #2C2A29;
	margin-bottom: 8px;
	width: 100%;
}
.form-container #contact-us .form_row_description {
  display: none;
	font-size: 18px;
	color: #616161;
	width: 100%;
}
.form-container #contact-us .form_row_description span{
	margin: 0 0 10px 20px;
	font-weight: lighter;
}


.form-container #contact-us label.error,
.form-container #order-tracking label.error {
	color: #F00000;
	display: none;
	font-size: 14px;
}

.form-container #order-tracking label.error {
	margin: 0 10px 0 0;
}

.contact-column-half {
	width:272px;
	float:left;
	background:#ffffff;
}
.left-column {
	margin-right:30px;
}
.contact-column-state {
  width: 100%;
	float: left;
}
@media (max-width: 768px) {
	.contact-column-state {
		width: 100%;
	}
}
.contact-column-state label{
	width: 100%;
	float: none;
}
.right-side-contact {
	width: 27%;
	margin-top: 110px;
}

.right-side-contact .image {
  margin-bottom: 45px;
}
@media (max-width: 1024px) {
	.right-side-contact {
		width: 100%;
    margin: 0;
    min-height: 0;
    padding: 30px;
	}
}
@media (max-width: 768px) {
	.right-side-contact {
		width: 100%;
    margin: 0;
    min-height: 0;
    padding: 0;
	}
}
.right-side-contact ul {
	list-style-type: none;
	padding: 0;
  margin: 30px 0;
}

.right-side-contact .contactusinfo ul li.title {
  font-family: 'ApercuProSemBd';
  font-size: 16px;
  color: #252525;
  margin-bottom: 10px;
}

input.submit-button {
	width:100px;
	height:26px;
	color:#ffffff;
	background-color:#4c91bc;
	margin:20px auto 0 auto!important;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4c91bc, endColorstr=#37698c);
	background-image:-moz-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-webkit-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-ms-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-o-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%, #4c91bc), color-stop(100%, #37698c));
	border: none!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
a.contact-submit {
	width:100px;
	height:26px;
	color:#ffffff;
	background-color:#4c91bc;
	margin:20px auto 0 auto!important;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4c91bc, endColorstr=#37698c);
	background-image:-moz-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-webkit-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-ms-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-o-linear-gradient(top, #4c91bc 0%, #37698c 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%, #4c91bc), color-stop(100%, #37698c));
	border: none!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 5px 25px;
	text-decoration: none;
}
input.submit-button:hover {
	background: -moz-linear-gradient(top, #204a73 0%, #183858);
	background: -webkit-gradient(linear, left top, left bottom, from(#204a73), to(#183858));
}
label.error {
	color:#F00000;
	display:none;
	font-size:11px;
}

#contactussuccess {
	/* overlay is hidden before loading */
	display: none;
	position: relative;
	left: 11%;
	/* standard decorations */
	width: 400px;
	border: 2px solid #b6b6b6;
	/* for modern browsers use semi-transparent color on the border. nice! */
	border: 2px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#contactussuccess div {
	padding: 10px;
	border: 1px solid #3B5998;
	background-color: #ffffff;
}
.ie7 #contactussuccess,
.ie8 #contactussuccess {
	top: 60%;
}
.contact-main{
  max-width: 1230px;
  width: 100%;
	background-color:white;
	overflow: hidden;
  margin: 0 auto;
  padding: 0 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact-main.order-main {
	flex-direction: column;
	padding: 40px 20px;
}

/*************************************************
Captcha
************************************************/
#captchaDiv .captcha-main{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#captchaDiv .captcha-main .form_rightcol {
	width: 75%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#captchaDiv .captcha-main .form_captcha_img {
  max-width: 72px;
  width: 100%;
  height: 50px;
  display: flex;
  display: -ms-flexbox;
  margin: 0 20px 0 0;
  align-items: center;
}
#captchaDiv .captcha-main #cq_captchaimg {
  margin-right: 8px;
}
#captchaDiv .captcha-main .form_captcha_input{
  width: 64%;
}
#captchaDiv .captcha-main .form_captcha_input input{
    margin: 0px;
}
#captchaDiv .captcha-main .form_leftcol {
  margin-right: 10px;
}
#captchaDiv .captcha-main .form_leftcollabel label{
	margin: 0;
}
#captchaDiv .captcha-main .form_leftcolmark {
  display: none;
}
#captchaDiv .captcha-main .refresh-icon i{
	cursor: pointer;
}
@media(max-width:768px){
	#captchaDiv .captcha-main .form_captcha_input{
	    margin: 5px 0 10px 20px;
        width: 90%;
        float: none;
	}
  .contactusform #dk_container_topic{
      width:100%;
  }
  .contactusform .select-btn i{
      margin:0;
  }
}
@media(max-width:1024px){
	#captchaDiv .captcha-main {
        width: 100%;
    }
}
/*//////////////////////////////////////////////////
	Contracts
//////////////////////////////////////////////////*/
 .grey-column {
	margin: 0 0 30px 0;
	padding: 0 20px 20px 20px;
	background-color: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#contracts-container p {
	color: #757575;
}
#contractDirections {
	color: #757575;
	font-size: 13px;
	margin: 0 0 10px 0;
}
.contract-list-col {
	width: 50%;
	margin:0 auto;
	text-align:left;
	float: left;
}
ul.contract-nav {
	list-style-type:none;
	margin: 0;
	clear: both;
}
ul.contract-nav li {
	width: 166px;
	margin: 0 0 10px 0;
	float: left;
}
ul.contract-nav li.active a {
	color: #000!important;
}
ul.contract-nav li ul li.active a {
	color: #000!important;
}
ul.contract-nav li.header {
	width: 700px;
	margin: 20px 0 10px 0;
}
.contract-list {
	width: 100%;
	padding-bottom: 20px;
	background: url('clientlibs-site/img/layout/pagination-border.jpg') no-repeat scroll -692px bottom transparent;
}
.contract-detail{
	width: 71%;
    margin: 20px 30px 50px 0;
    padding: 0 10px;
    background-color: white;
    float: right;
}
.contracts-container .contractdetail{
	overflow: hidden;
}
.contracts-container .contractdetail .contract-title{
	font-size: 22px;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 0 30px;
    color: #212121;
}
.contract-list h3 {
	color: #000!important;
	padding-bottom: 14px;
	background: url('clientlibs-site/img/layout/pagination-border.jpg') no-repeat scroll -692px bottom transparent;
}
.contract-detail h1{
	color: #151515;
    font-size: 28px;
    margin: 50px 0 30px 20px;
    font-weight: 500;
    line-height: normal;
}
.contract-detail .contract-id{
	font-size: 22px;
	margin-bottom: 20px;
    text-transform: uppercase;
}
.contract-detail .contract-id a {
    color: #666;
}

.contract-small-col a{
    color: #53a0c4;
}
.contract-list p {
	margin: 4px 0 0 0;
	font-size: 13px;
}
.contract-detail h1 span {
	float: right;
	font-size: 13px;
	padding: 0 60px 0 10px;
	background: url('clientlibs-site/img/layout/grey-left-arrow.png') no-repeat center left;
}
.contract-list ul {
	margin: 0;
}
.contract-list ul li {
	padding: 4px 0;
	line-height:20px;
}
.contract-list ul li a {
	margin: 4px 0 0 0;
}
.contract-detail-left {
	width: 80%;
	padding: 0 0 0 20px;
}
.contract-detail-left h4 {
	padding: 0 0 0 20px;
	background: url('clientlibs-site/img/layout/contracts.png') no-repeat center left;
}
.contract-detail-left h5 {
	margin: 10px 0 0 0;
}
.contract-detail-left ul {
	list-style-type: disc;
	padding: 0 0 0 20px;
}
.contract-detail-left ul li ul{
	list-style-type: circle;
}
.contract-detail-left ul li {
	font-size: 18px;
    font-weight: lighter;
    color: #616161;
    line-height: 38px;
}
.contract-detail-left ul li > a {
    color: #616161;
}
.contract-detail-left img {
	width: auto;
}
ul.contract-download-list li, ul.contract-product-list li {
	margin: 10px 0 0 0;
}
.contract-small-col {
	width: 30%;
    margin: 20px 0 0 20px;
    float: left;
}
.contract-small-col a[href^='mailto'] {
    color: #43aceb;
}
.contract-small-col a[href^='mailto']:hover,
.contract-small-col a[href^='mailto']:focus {
    color: #000;
}

.contract-small-col h5 {
	margin: 0;
    color: #616161;
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 20px;
}
.contract-small-col p {
	margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: lighter;
    color: #616161;
    line-height: 38px;
}
.contract-small-col a {
	font-size: 18px;
    display: block;
    margin-bottom: 20px;
    word-wrap: break-word;
}
#contract-downloads {
	width: 24%;
    margin: 20px 20px 0 0;
    min-height: 440px;
    float: left;
}
#contract-downloads h3 {
	margin: 20px 0 0 30px;
    color: #323232;
    font-size: 18px;
    line-height: 28px;
}
#contract-downloads span {
	font-size: 11px;
}
#contract-downloads ul {
	padding: 0 0 20px 0;
	margin-left: 30px;
}
#contract-downloads ul li {
	font-size: 16px;
    text-decoration: none;
    line-height: 50px;
    border-bottom: 0.5px solid #BDBDBD;
    font-weight: lighter;
    list-style-type: none;
}
#contract-downloads ul li i{
	margin-right: 5px;
}
#contract-downloads ul li a:link, #contract-downloads ul li a:visited{
	color:#323232;
}
#contract-downloads ul li:first-child {
    border-top: 0.5px solid #BDBDBD;
}
@media(max-width:1024px){
	.contracts-container .contractdetail{
	   display: flex;
       display: -ms-flexbox;
       flex-direction: column;
       -ms-flex-direction: column;
       margin: 0 30px;
    }
    .contract-detail{
       order: 1;
       width: 100%;
       margin: 0;
    }
    #contract-downloads{
       width: 100%;
       float: none;
       min-height: 0;
       order: 2;
       margin: 20px 0 0 0;
    }
    .other-contract{
       overflow: hidden;
    }
    .contract-small-col{
       float: none;
       width: 100%;
    }
    .contract-small-col a{
       margin-bottom: 0;
    }
    #contract-downloads h3{
       margin: 20px 0 0 0;
    }
    #contract-downloads ul{
       margin: 20px 0 0;
    }
    .contracts-container .contractdetail .contract-title{
       margin: 0;
    }
    .contract-detail-left{
       width: 100%;
    }
}
@media (max-width: 768px){
   .contracts-container .contractdetail {
       margin: 0 20px;
   }
   .contract-detail {
       background-color: initial;
       padding: 0;
    }
    .contract-detail h1{
       margin: 50px 0 30px 0;
    }
    .contract-detail-left{
       padding: 0;
    }
    .contract-small-col{
       margin: 20px 0 0;
    }
}
/*//////////////////////////////////////////////////
	Download Search
//////////////////////////////////////////////////*/

#download-listing-container {
	width: 695px;
	float: left;
	margin: 0;
}
#download-listing-container .product-title {
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
#download-listing-container .bottom-paginate {
	background: none;
	margin-top: 0;
	padding-top: 0;
}
#download-filters {
	padding: 0;
}
#download-filters table {
	width: 600px;
	float: left;
	margin-top: 20px;
}
#download-filters p, #download-results p {
	font-size: 13px;
	color: #757575;
	margin: 0;
}
#download-listing-container h3 {
	font-size: 16px;
	margin: 0;
}
#download-filters .dk_toggle {
	width: 100% !important;
}
.show-results {
	margin: 12px 0;
}
.show-results .results-showing {
	margin: 0;
	float: left;
	font-size: 11px;
}
.show-results .paginationModule {
	margin-top: 0;
}
#download-results {
	padding: 0 40px 0 0;
}
#download-results a:link, #download-results a:visited, #download-results th, #download-results td {
	font-size: 18px;
	height: 50px;
	color: #4fa0c6;
	text-decoration: none;
	font-weight:lighter;
}
#download-results a:hover, #download-results a:active {
	color: #000;
	text-decoration: underline;
}
table#download-results {
	width: 100%;
	margin: 0 0 20px 0;
}
table#download-results i {
	width: auto;
	height: auto;
	padding-left: 12px;
	color: #f05323;
}
.download-results .advancedpagination{
	margin: 20px 0px !important;
}
#download-filters table, table#download-results th {
	text-align: left;
	font-weight: normal;
}
#download-filters table td {
	padding-bottom: 8px;
}
table#download-results th {
	font-weight: normal;
	color: #212121;
}
table#download-results td.icon {
	width: 20px;
	text-align: center;
}
#download-results .rowcolor {
	background-color: #fafafa;
}
#download-results .sizecolor {
	color: #616161;
}
#download-results .downloadth {
	width: 6%;
}
.downloadsearchresultscomponent {
	background-color: #fff;
	padding: 1% 5% 1% 1.5%;
	border-top:1px solid #bdbdbd;
}
.downloadsearchresultscomponent .no-result {
    font-size: 22px;
    padding: 6px;
}
@media (max-width: 769px) {
	.downloadsearchresultscomponent{
		background-color: #fff;
		padding: 2% 1% 2% 1%;
		border-top: 0px;
	}
}
label.error {
	color: #F00000;
	display: none;
	font-size: 11px;
}
ul.download-list {
	margin: 0;
	padding: 0;
}
li.list-item {
	clear: both;
}
li.list-item ul {
	list-style-type: none;
}
li.list-item ul li {
	float: left;
	margin: 0 20px 0 0;
}
/*//////////////////////////////////////////////////
	Home
//////////////////////////////////////////////////*/

/* =============================================================================
   HOME PAGE styles
   ========================================================================== */
 #bottom-bar {
	margin:0 0 0 0;
}
#top-links {
	padding-bottom: 0px;
}
.breadcrumbs ul {
	display: none;
}
/* =============================================================================
   CAROUSEL styles
   ========================================================================== */
.featurecarousel {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#featurecarousel {
        margin-left: auto;
        margin-right: auto;
}
@media (max-width: 767px) {
	.touch #featurecarousel {
		min-height: auto;
    height: auto;
	}

	#featurecarousel [id*="featurecarousel-nav"] {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 769px) {
	.touch #featurecarousel {
    min-height: auto;
    height: auto;
	}

	#featurecarousel [id*="featurecarousel-nav"] {
		display: none;
	}
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.touch #featurecarousel {
		min-height: 75vw;
	}
}
#featurecarousel figure{
    width: 100%;
    display: none;
}
#featurecarousel .carousel-link:hover{
    cursor: pointer;
}
#featurecarousel .carousel-bg {
	background-position: top center !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
  line-height: 0;
}
#featurecarousel img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
#featurecarousel a:not(.btn) {
	display:none;
}
#featurecarousel-nav {
	width: 100%;
	margin: 0 auto;
	padding: 17px 0 0;
	text-align: center;
	position: absolute;
	top: 37vw;
	z-index: 1000;
}
@media (max-width: 768px) {
	#featurecarousel-nav {
		display: none;
	}
}
#featurecarousel-nav li {
	width: 12px;
	height: 12px;
	display:inline-block;
	margin: 0 13px;
	list-style: none;
}
#featurecarousel-nav a {
	width: 12px;
	height: 12px;
	display: block;
	background-color: #C3C0C0;
	border-radius: 50%;
	border: 1px solid #979797;
}
#featurecarousel-nav li.cycle-pager-active a {
	background-color: #437a94;
	border-color: #437a94;
}
#featurecarousel-nav a:focus {
	outline: none;
}

.banner-wrapper {
	position: relative;
	line-height: 0;
}

.banner-wrapper .marquee-full {
	height: auto;
}

.banner-wrapper:not(.typical-banner) #product-top {
	height: 100%;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.bg-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}

.bg-overlay.pdp {
	background-color: rgba(0,0,0,0.35);
}

.typical-banner .bg-overlay.pdp {
	background: rgb(224,224,224);
	background: linear-gradient(120deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
}

.material-landing-main .bg-overlay.pdp {
	display: none
}

.text-overlay {
	width: 100%;
	height: 100%;
	display: flex;
  display: -ms-flexbox;
	flex-direction: column;
  -ms-flex-direction: column;
	padding: 2% 10% 4%;
  overflow: hidden;
}

.portal .text-overlay {
	padding-left: 0;
	padding-right: 0;
}

#product-top .text-overlay {
	padding: 2% 5%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
}

.typical-banner #product-top .text-overlay {
	display: flex;
	justify-content: center;
	position: relative;
}

.typical-banner #product-top .text-overlay .text-container {
	display: flex;
}

.typical-banner #product-top .text-overlay .text-container h2 {
	font-family: 'ApercuPro2', sans-serif;
	font-size: 48px;
	color: #212121;
}

@media (max-width: 768px) {
	.typical-banner #product-top .text-overlay .text-container h2 {
		font-size: 20px;
	}	
}

.typical-banner .configure-price {
	display: none;
}

@media (max-width: 1024px) {
  #product .banner-wrapper > div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-direction: reverse;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #product #product-top {
    height: auto;
    position: relative;
  }
  #product #product-top .text-overlay {
    position: relative;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left;
    padding: 0 30px;
  }
  #product #product-top .text-overlay .text-container {
    width: 100%;
    height: 85px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #product #product-top .text-overlay h2 {
    font-family: 'ApercuProSemBd', sans-serif;
    font-size: 30px;
    color: #252525;
    margin-top: 12.5px;
  }
  #product #product-top .text-overlay p {
    display: block;
    color: #8c8c8c;
    font-size: 17px;
    margin: 5px 0 0;
  }
  #product #product-top .text-overlay .configure-price {
    margin: auto 0;
    align-self: flex-end;
  }
  #product .bg-overlay {
    display: none;
  }
}

@media (max-width: 767px) {
  #product #product-top .text-overlay {
    padding: 0 15px;
  }
  #product #product-top .text-overlay .text-container {
    height: auto;
  }
  #product #product-top .text-overlay h2 {
    margin-top: 30px;
  }
  #product #product-top .text-overlay p {
    max-width: 260px;
    margin: 10px 0 15px;
  }
  #product #product-top .text-overlay .configure-price {
    margin: 10px 0 30px;
    align-self: flex-start;
  }
  #product-top .text-overlay {
    width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
	.text-overlay {
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	#featurecarousel .text-overlay {
		color: #000 !important;
	}

  #featurecarousel .box-overlay {
		background-color: transparent !important;
    padding: 15px 0;
	}
}

@media (min-width: 769px) {
	.bg-overlay:not(.pdp) {
		display: none;
	}

	.text-overlay {
		background-color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 102;
	}

	/*Top Aligned*/
	.text-overlay[data-position*="top-"] {
		justify-content: flex-start;
        -ms-flex-pack: start;
	}

	/*Middle Aligned*/
	.text-overlay[data-position*="middle-"] {
		justify-content: center;
        -ms-flex-pack: center;
	}

	/*Bottom Aligned*/
	.text-overlay[data-position*="bottom-"] {
		justify-content: flex-end;
        -ms-flex-pack: end;
	}

	/*Left Aligned*/
	.text-overlay[data-position*="-left"] {
		align-items: flex-start;
        -ms-flex-pack: start;
	}

	/*Center Aligned*/
	.text-overlay[data-position*="-center"] {
		align-items: center;
        -ms-flex-align: center;
		text-align: center;
	}

	/*Right Aligned*/
	.text-overlay[data-position*="-right"] {
		align-items: flex-end;
    -ms-flex-align: end;
		text-align: right;
	}

  .text-overlay[data-position*="-right"] .btn {
    float: right;
	}
	
	.portal .text-overlay .btn {
		width: 75%;
		justify-content: center;
		background-color: #fff;
		color: #000;
		float: none;
		margin: 0 auto;
	}
	
	.portal .text-overlay .btn i {
		display: none;
	}
}

.text-overlay .text-container.box-overlay {
  padding: 15px 20px;
}

.portal .text-overlay .text-container.box-overlay {
	width: 37.46%;
	height: 100%;
	padding: 0 !important;
	display: flex;
	align-items: flex-end;
}

.text-overlay h2 {
  font-family: 'ApercuProSemBd';
	font-size: 27px;
	line-height: 1;
	color: inherit;
	margin-bottom: 0;
  padding-top: 0;
}

.text-overlay p {
	font-size: 14px;
	line-height: 1.3;
	color: inherit;
}

.text-overlay .btn {
  max-width: 300px;
}

.featurecarousel .text-overlay .text-container.box-overlay p {
  max-width: none;
}

#product-top .text-overlay h2,
.article-aditional-banner .text-overlay h2 {
	font-size: 28px;
	margin: 0;
}

#product-top .text-overlay p,
.article-aditional-banner .text-overlay p {
	display: none;
}

.text-overlay.blackfont {
  color: #252525;
}

.text-overlay.blackfont .text-container.box-overlay {
  background-color: rgba(255,255,255,0.9);
}

.text-overlay.whitefont {
  color: #fff;
}

.text-overlay.whitefont .text-container.box-overlay {
  background-color: rgba(62,62,62,0.9);
}

@media (min-width: 768px) {

  .text-overlay .text-container.box-overlay {
    padding: 30px 60px;
  }

  .featurecarousel .text-overlay .text-container.box-overlay {
    padding: 20px 30px;
  }

	.text-overlay h2 {
		font-size: 38px;
	}

	.portal .text-overlay h2 {
		font-size: 120px;
	}

  .text-overlay h2 small {
    font-size: 50%;
    vertical-align: middle;
    padding-left: 5px;
  }

	.text-overlay p {
		max-width: 45%;
		font-size: 15px;
	}

	.portal .text-overlay p {
		font-size: 42px;
		margin-top: 0;
		margin-bottom: 70px;
		text-align: center;
	}

  #product-top .text-overlay h2,
  .article-aditional-banner .text-overlay h2 {
    font-size: 60px;
  }

  #product-top .text-overlay .text-container.box-overlay h2,
  .article-aditional-banner .text-overlay .text-container.box-overlay h2 {
    font-size: 30px;
  }

  #product-top .text-overlay p,
  .article-aditional-banner .text-overlay p {
    max-width: 550px;
    display: inline-block;
    font-family: 'ApercuPro2', sans-serif;
    font-size: 24px;
    line-height: 1.57;
    margin: 20px 0 0;
  }

  #product-top .text-overlay .text-container.box-overlay p,
  .article-aditional-banner .text-overlay .text-container.box-overlay p {
    max-width: 360px;
    font-family: 'ApercuPro', sans-serif;
    font-size: 14px;
  }

	.text-overlay.whitefont .btn {
		border-color: transparent;
	}

	.text-overlay.whitefont .btn:hover {
		background-color: #fff;
		color: #323232;
	}
}

@media (min-width: 1025px) {
  .text-overlay h2 {
    font-size: 48px;
  }
}

.cycle-prev, .cycle-next {
  position: absolute;
  top: 0;
  width: 10%;
  opacity: 0;
  z-index: 800;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.cycle-prev {
	left: 0;
	background: linear-gradient(
    to right,
    rgba(37, 37, 37, 0.738) 0%,
    rgba(37, 37, 37, 0.541) 19%,
    rgba(37, 37, 37, 0.382) 34%,
    rgba(37, 37, 37, 0.278) 47%,
    rgba(37, 37, 37, 0.194) 56.5%,
    rgba(37, 37, 37, 0.126) 65%,
    rgba(37, 37, 37, 0.075) 73%,
    rgba(37, 37, 37, 0.042) 80.2%,
    rgba(37, 37, 37, 0.021) 86.1%,
    rgba(37, 37, 37, 0.008) 91%,
    rgba(37, 37, 37, 0.003) 95.2%,
    rgba(37, 37, 37, 0.001) 98.2%,
    rgba(37, 37, 37, 0) 100%
  );
}
.cycle-next {
	right: 0;
	background: linear-gradient(
    to left,
    rgba(37, 37, 37, 0.738) 0%,
    rgba(37, 37, 37, 0.541) 19%,
    rgba(37, 37, 37, 0.382) 34%,
    rgba(37, 37, 37, 0.278) 47%,
    rgba(37, 37, 37, 0.194) 56.5%,
    rgba(37, 37, 37, 0.126) 65%,
    rgba(37, 37, 37, 0.075) 73%,
    rgba(37, 37, 37, 0.042) 80.2%,
    rgba(37, 37, 37, 0.021) 86.1%,
    rgba(37, 37, 37, 0.008) 91%,
    rgba(37, 37, 37, 0.003) 95.2%,
    rgba(37, 37, 37, 0.001) 98.2%,
    rgba(37, 37, 37, 0) 100%
  );
}
.cycle-prev:before,
.cycle-prev:after,
.cycle-next:before,
.cycle-next:after {
  width: 40px;
  height: 2px;
  content: '';
  margin: auto;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
}
.cycle-prev:before,
.cycle-prev:after {
  left: 30px;
}
.cycle-next:before,
.cycle-next:after {
  right: 30px;
}
.cycle-prev:before,
.cycle-next:before {
  transform: rotate(45deg) translateY(-30px) translateX(-20px);
}
.cycle-prev:before {
  transform: rotate(-45deg)  translateY(-30px) translateX(20px);
}
.cycle-prev:after,
.cycle-next:after {
  transform: rotate(-45deg) translateY(-1px) translateX(10px);
}
.cycle-prev:after {
  transform: rotate(45deg)  translateY(0px) translateX(-10px);
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: 1;
}

@media (max-width: 768px) {
	.cycle-prev, .cycle-next {
    background-position: center;
    opacity: .7;
    filter: alpha(opacity=70);
	}
}

/* =============================================================================
   TEASER & LINK MODULE styles (Some are shared)
   ========================================================================== */

/*Teaser Module Specific Styles*/
.teasermodule {
	position: relative;
}

.teasermodule a {
	display: block;
}

.teasermodule img {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.teasermodule .overlay {
	width: 100%;
	height: 100%;
	display: flex;
  display: -ms-flexbox;
	flex-direction: column;
  -ms-flex-direction: column;
	justify-content: center;
  -ms-flex-pack: center;
	align-items: center;
  -ms-flex-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

/*Shared Styles*/
.teasermodule {
	display:inline-block;
	min-width: 150px;
}
 .teaser-wrap {
	width: 100%;
  display:inline-block;
	margin:0px;
  overflow: hidden;
}
 #main .teasermodule h2, #main .linkmodule h2 {
	margin: 0 0 8px 0;
	color: #575350;
}
/*Link Module Specific Styles*/
.linkmodule {
	display:inline-block;
	min-width: 150px;
}
.linkmodule div div {
	display: inline-block;
	padding: 14px 0pt;
	width: 165px;
}
.linkmodule .two-col div {
	width: 300px;
}
.linkmodule .two-col {
	margin-right: 0pt;
	width: 300px;
}
.linkmodule .two-col ul {
	width: 140px;
}
.linkmodule .two-col ul.col-2 {
	width:110px;
	margin: 0 0 0 20px
}
.linkmodule ul {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}
.linkmodule ul li {
	margin:0 0 19px 0
}
.linkmodule ul li a {
	margin:0 0 0 0;
	line-height:1em;
}

/*//////////////////////////////////////////////////
	Dropkick 1.3.2
//////////////////////////////////////////////////*/
.dk_container {
    font-size: 12px;
    font-weight: lighter;
    line-height: 14px;
    background: #fff;
    background: -o-linear-gradient(top, #fff, #fff);
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -webkit-linear-gradient(top, #fff , #fff );
    background: -ms-linear-gradient(top, #fff , #fff );
    background: linear-gradient(top, #fff , #fff);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    color: #616161;
}
.dk_container:focus {
    outline: 0;
}
.dk_container a {
    cursor: pointer;
    text-decoration: none;
}

.dk_toggle {
    border: 1px solid #bdbdbd;
    color: #616161;
    padding: 6px 45px 6px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    position: relative;
}
.dk_toggle:hover {
    color: #616161;
    border-color: #8c8c8c;
}
.dk_toggle:hover:after {
     border-top: 5px solid #ffffff;
}
.dk_toggle:after {
    position: absolute;
    top: 25%;
    right: 10px;
    content: '';
    width: 20px;
    height: 20px;
}

/* Applied whenever the dropdown is open */
.dk_open {
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 12;
}
.contactusform .select-btn .dk_open + .fa-chevron-down {
  z-index: 13;
}
.dk_open .dk_toggle {
    color: #616161;
    background: white;
    background: -o-linear-gradient(top, white, white);
    background: -moz-linear-gradient(top, white, white);
    background: -webkit-linear-gradient(top, white , white );
    background: -ms-linear-gradient(top, white , white );
    background: linear-gradient(top, white , white);
}

/* The outer container of the options */
.dk_options {
  background: #fefefe;
  /* Removes transparent background on iOS5+ scroll */
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.dk_options a {
    background-color: #fff;
    padding: 7px 10px;
}
.dk_options a:hover,
.dk_options .dk_option_current a {
    color: #488fbf;
    text-decoration: none;
}
.dk_options li:last-child a {
    border-bottom: none;
}
.dk_options .disabled {
    cursor: default;
}
.dk_options .disabled a {
      color: #aaa;
}
.dk_options .disabled:hover, .dk_options .disabled:hover a {
      cursor: default;
      background-color: #fff;
      border-bottom-color: #999;
      text-shadow: none;
}
/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
    max-height: 250px;
    list-style-type: none;
    border: 1px solid #bdbdbd;
    border-bottom-width: 2px;
    border-bottom-color: #bdbdbd;
    color: #616161;
    text-shadow: #fff 0 1px 0;
    margin: 0;
    padding: 0;
}

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.dk_container {
    display: none;
    float: left;
}
.dk_container a {
    outline: 0;
}

.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.dk_open {
  position: relative;
}
.dk_open .dk_options {
    display: block;
}
.dk_open .dk_label {
    color: inherit;
}

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
.dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block;
}

.dk_options_inner {
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

/* Hides only dropkick <select> instances */
.dk_container select {
    position: absolute;
    top: -99999em;
    visibility: hidden;
}

/*  nativeMobile override */
.dk_mobile {
    position: relative;
}
.dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    visibility: visible;
    opacity: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/***** End Critical to the continued enjoyment of working dropdowns ******/


/*//////////////////////////////////////////////////
	Fancybox
//////////////////////////////////////////////////*/
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

.fancybox-skin {
	position: relative;
	background: #ffffff;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

.fancybox-prev span, .fancybox-next span {
	background-image: url('clientlibs-site/img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('clientlibs-site/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close a {
  width: 79px;
  position: absolute;
  top: 25px;
  right: 18px;
  color:#616161;
  font-size: 16px;
  cursor: pointer;
}

.fancybox-close a:before{
  content: "";
  width: 2px;
  height: 18px;
  display: block;
  background-color: #616161;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  position: absolute;
  top: 0px;
  right: 19px;
}
.fancybox-close a:after {
  content: "";
  width: 2px;
  height: 18px;
  display: block;
  background-color: #616161;
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position: absolute;
  top: 0px;
  right: 19px;
}

.fancybox_open {
	background-color: #95989A !important;
	opacity: .9;
	position: fixed;
	width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
	.fancybox-close a {
		top: 20px !important;
		right: 47px !important;
	}

	.fancybox-opened .fancybox-title {
		padding-top: 20px !important;
	}

	a.lb-download-img {
		top: 20px !important;
	}
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('clientlibs-site/img/blank.gif');
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 14px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-prev {
	left: -50px;
}

.fancybox-next {
	right: -50px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 14px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-prev span {
	left: 20px;
	background-position: -34px -26px;
}
.fancybox-prev span:hover {
	left: 20px;
	background-position: -23px -26px;
}
.fancybox-next span {
	right: 20px;
	background-position: 0 -26px;
}
.fancybox-next span:hover {
	right: 20px;
	background-position: -11px -26px;
}
.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('clientlibs-site/style/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Fancybox Thumbs */
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	height: 27vh;
	display: flex;
	justify-content: center;
	bottom: 2px;
}

@media (max-width: 767px) {
	#fancybox-thumbs.bottom {
		height: 20vh;
	}	
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	width: max-content !important;
	display: flex;
	justify-content: center;
	gap: 20px;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
}

#fancybox-thumbs ul li.active img {
	outline: 6px solid #fff;
	outline-offset: -6px;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
	padding-top: 30px;
	font-weight: lighter;
	line-height: 24px;
	width: 100%;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	font-size: 18px;
	color: #95989A;
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*//////////////////////////////////////////////////
	Markets
//////////////////////////////////////////////////*/
#popular-products {
 	width: 100%;
	padding: 25px 15px;
  border-bottom: 1px solid #e2e2e2;
}
@media (min-width: 769px) {
 	#popular-products {
		padding: 15px 30px;
	}
}
#popular-products .leftnav {
	display: flex;
    display: -ms-flexbox;
	flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
#popular-products h2 {
	color: #252525;
	font-family: 'ApercuPro';
	font-size: 22px;
	line-height: 42px;
	letter-spacing: 2px;
	margin: 0;
  text-transform: uppercase;
}
#popular-products h2:first-child {
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	flex: 1 0 auto;
}
#popular-products h2:last-child {
	display: none;
}
#popular-products ul {
	width: 100%;
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
	padding: 0;
	margin: 0;
}
@media (min-width: 1025px) {
 	#popular-products .leftnav {
		display: flex;
        display: -ms-flexbox;
		flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
		align-items: center;
        -ms-flex-align: center;
	}
	#popular-products h2:first-child {
		width: auto;
		margin-bottom: 0;
	}
	#popular-products h2:last-child {
		display: initial;
	}
	#popular-products ul {
	  justify-content: center;
      -ms-flex-pack: center;
	}
}
#popular-products ul li {
	list-style-type: none;
	margin-right: 3%;
}
#popular-products ul li:last-child {
	margin-right: 0;
}
#popular-products ul li a.left,
#popular-products ul li a.right {
	display: none;
}
@media (max-width: 768px) {
	#popular-products:not(.floor-plan-tabs) ul li:not(.current) {
		display: none;
	}
	#popular-products:not(.floor-plan-tabs) ul li.current {
		width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
		margin-right: 0;
		background-color: #027992;
		text-align: center;
		padding: 15px;
	}
	#popular-products:not(.floor-plan-tabs) ul li.current a {
		color: #ffffff;
	}
	#popular-products:not(.floor-plan-tabs) ul li a.left,
	#popular-products:not(.floor-plan-tabs) ul li a.right {
		display: block;
	}
	#popular-products:not(.floor-plan-tabs) ul li a:not(.left):not(.right):not(#childs) {
		pointer-events: none;
	}
	#popular-products:not(.floor-plan-tabs) ul li a.left {
		float: left;
	}
	#popular-products:not(.floor-plan-tabs) ul li a.right {
		float: right;
	}
	#popular-products:not(.floor-plan-tabs) ul li a.left .left-arrow {
		float: left;
		height: 25px;
		background: url(clientlibs-site/img/layout/grey-left-arrow.png) no-repeat center;
		width: 25px;
	}
	#popular-products:not(.floor-plan-tabs) ul li a.right .right-arrow {
		float: right;
		height: 25px;
		background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat center;
		width: 25px;
	}
}
#popular-products ul li.product {
	background: url("clientlibs-site/img/arrow-right.png") no-repeat scroll left center transparent;
}
#popular-products ul li a {
	color: #252525;
  font-family: 'ApercuPro';
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	position: relative;
}
#popular-products.floor-plan-tabs ul li a::after {
	width: 0;
	height: 2px;
	content: ' ';
	display: block;
	background-color: #027992;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto;
}
#popular-products.floor-plan-tabs ul li a.current::after,
#popular-products.floor-plan-tabs ul li a:hover::after {
	width: 100%;
	transition: width 0.3s cubic-bezier(.4,.01,.1,1);
}
@media (min-width: 769px) {
	#popular-products ul li a::after {
		width: 0;
		height: 2px;
		content: ' ';
		display: block;
		background-color: #252525;
		position: absolute;
		bottom: -5px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#popular-products ul li a.current::after,
	#popular-products ul li a:hover::after {
		width: 100%;
		transition: width 0.3s cubic-bezier(.4,.01,.1,1);
	}
}
#market-info-container {
	width: 100%;
}
#market-info-container .folderlisting {
	padding: 0 15px;
}
@media (min-width: 769px) {
	#market-info-container .folderlisting {
		padding: 0 30px;
	}
}
#market-info-container.right-side {
	width: 75%;
	margin-bottom: 60px;
}
@media (max-width: 1024px) {
	#market-info-container.right-side {
		margin-bottom: 38px;
	}
	.category-landing .highlightlistmodule {
		width: 100% !important;
	}
}
#market-info-container .folderlisting:not(.textilepartnerlisting) > h1 {
	font-size: 22px;
	color: #212121;
	text-align: left;
	padding: 70px 0 30px;
	border-bottom: 1px solid #bdbdbd;
}
#market-info-container .market-item-container {
	display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
@media (max-width: 768px) {
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 49%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 5em;
	}
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(even) {
		margin-right: 0;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 32%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 5em;
	}
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(3n + 3) {
		margin-right: 0;
	}
}
@media (min-width: 1025px) and (max-width: 1170px) {
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 23.5%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 5em;
	}
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(4n + 4) {
		margin-right: 0;
	}
}
@media (min-width: 1171px) {
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 15%;
		margin-right: 2%;
		margin-bottom: 5em;
	}
	#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(6n + 6) {
		margin-right: 0;
	}
}
#market-info-container .folderlisting:not(.textilepartnerlisting) .market-item img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
@media (max-width: 768px) {
	#market-info-container.plp-variation .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 3em;
	}

	#market-info-container.plp-variation .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(2n + 2) {
		margin-right: 0;
	}
}
@media (min-width: 769px) {
	#market-info-container.plp-variation .folderlisting:not(.textilepartnerlisting) .market-item {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 3em;
	}

	#market-info-container.plp-variation .folderlisting:not(.textilepartnerlisting) .market-item:nth-child(4n + 4) {
		margin-right: 0;
	}
}
#market-info-container .folderlisting:not(.textilepartnerlisting) .market-row a {
	color: inherit;
}
#market-info-container .folderlisting:not(.textilepartnerlisting) .market-row .first {
	margin: 0;
}
#market-info-container .folderlisting:not(.textilepartnerlisting) h3 {
	font-size: 15px;
	margin: 3px 0;
}
#market-info-container .folderlisting:not(.textilepartnerlisting) p {
	margin: 0;
}
#market-info-container .folderlisting:not(.textilepartnerlisting) h2 {
	font-size: 18px;
	color: #212121;
	margin: 20px 0 0;
	text-align: left;
}
#market-info-container .folderlisting:not(.textilepartnerlisting) h2.description {
	margin: 20px 0 30px;
	line-height: 25px;
}

.textile-partner .titletextmodule,
.material-articles-main .titletextmodule {
  width: 90%;
  margin: 50px auto 10px;
}

.textile-partner .material-promo-container {
  margin-bottom: 0;
  text-align: left;
  padding-bottom: 50px;
}

.textile-partner .materialspromo .material-promo-container {
  border-bottom: 2px solid #d8d8d8;
}

.textile-partner .material-promo-container .material-promo-header-container {
  width: auto;
  margin: 0;
}

.textile-partner .material-promo-container .material-promo-header-container .material-promo-title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 20px;
  color: #252525;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item {
  width: 100%;
  margin-bottom: 40px;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item:last-child {
  margin-bottom: 0;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item a .promo-content,
.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item .promo-icon,
.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item .listing-icon {
  max-width: 100px;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item .promo-icon + .promo-content-right,
.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item .listing-icon + .listing-details-right {
  margin-left: 35px;
}

#market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details .listing-details-right.full-width {
	width: 100%;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item .item-title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #252525;
  margin: 20px 0 10px;
}

.materialsarticlelisting .material-promo-container .material-promo-item-container .material-promo-item {
	text-align: center;
	margin-bottom: 30px;
}

.textile-partner .material-promo-container .material-promo-item-container .material-promo-item .item-description {
  font-size: 15px;
  color: #2c2a29;
  line-height: 1.8;
}

.textile-partner #market-info-container .textilepartnerlisting {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}

.textile-partner #market-info-container .textilepartnerlisting > h1, .textile-partner .textilepartnerlisting > h2,
.textile-partner .stories-promo-container .stories-promo-header-container .stories-promo-title {
  text-align: left;
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 24px;
  color: #252525;
}

.textile-partner #market-info-container .textilepartnerlisting > h1,
.textile-partner .stories-promo-container .stories-promo-header-container .stories-promo-title {
  padding: 50px 0 0;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container {
  max-width: none;
  margin: 25px auto 0;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item,
.textile-partner .stories-promo-container .stories-promo-item-container .stories-promo-item {
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a img {
  max-width: none;
  margin: 0;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details {
  max-width: none;
  text-align: center;
  margin: 20px 0 10px;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details h3 {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #252525;
  transition: color 0.3s ease;
}

.textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:hover .listing-details h3 {
  color: #437a94;
}

@media (max-width: 767px) {
  .textile-partner .titletextmodule h1,
  .material-articles-main .titletextmodule h1 {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {

  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item .listing-icon + .listing-details-right {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }

  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item .listing-icon + .listing-details-right .btn {
    text-align: center;
  }

  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item .listing-icon,
  .textile-partner .stories-promo-container .stories-promo-item-container .stories-promo-item .btn {
    display: none;
  }
}

@media (min-width: 768px) {
  .textile-partner .material-promo-container .material-promo-item-container .material-promo-item,
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item,
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(odd),
  .stories-promo-container .stories-promo-item-container .stories-promo-item {
    width: 32%;
    margin: 1%;
  }

  .textile-partner .material-promo-container .material-promo-item-container .material-promo-item:nth-child(3n + 1),
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(3n + 1),
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(3n + 1),
  .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 1) {
    margin-left: 0;
  }

  .textile-partner .material-promo-container .material-promo-item-container .material-promo-item:nth-child(3n + 3),
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(3n + 3),
  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(3n + 3),
  .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 3) {
    margin-right: 0;
  }

  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details h3,
  .textile-partner .material-promo-container .material-promo-item-container .material-promo-item .item-title,
  .textile-partner .material-promo-container .material-promo-header-container .material-promo-title {
    font-size: 24px;
  }

  .textile-partner #market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details {
    margin: 20px 0 40px;
  }

  .textile-partner .material-promo-container .material-promo-header-container .material-promo-title {
    margin-bottom: 20px;
  }

  .textile-partner .material-promo-container .material-promo-item-container .material-promo-item .item-title {
    margin: 30px 0;
  }

  .textile-partner .materialsarticlelisting .material-promo-container .material-promo-item-container .material-promo-item .item-title {
    margin: 14px 0 0 0;
  }
}

/* PLP */
.plp-utility-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 30px;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
}

.plp-utility-bar .left-side,
.plp-utility-bar .right-side {
  width: 50%;
}

.plp-utility-bar .right-side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.listing-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 50px;
  position: relative;
}

@media (min-width: 768px) {
  .listing-container {
    min-height: 950px;
  }
}

/*.listing-container .left-side {
  width: 26%;
  margin-right: 40px;
  opacity: 1;
  transition: all 0.3s ease;
}

.listing-container .left-side.hide {
  width: 0;
  margin-right: 0;
  opacity: 0;
}*/

.listing-container .left-side {
  transition: left 0.4s cubic-bezier(0.19, -0.005, 0.45, 0.975) 0.1s;
}

.listing-container .right-side {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  transition: margin-left 0.4s cubic-bezier(0.19, -0.005, 0.45, 0.975);
}

.listing-container .left-side {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

@media (max-width: 767px) {

  .listing-container .left-side {
    height: 100%;
    overflow: scroll;
  }

  .listing-container.hide-filters .left-side {
    display: none;
  }
}

.listing-container.hide-filters .left-side {
  transition: left 0.4s cubic-bezier(0.19, -0.005, 0.45, 0.975);
}

.listing-container.hide-filters .right-side {
  transition: margin-left 0.4s cubic-bezier(0.19, -0.005, 0.45, 0.975) 0.1s;
}

.listing-container.hide-filters .left-side {
  left: -1000px;
}

.listing-container.hide-filters .right-side,
.listing-container.hide-filters .right-side.typicals-container {
  width: 100%;
  margin-left: 0;
}

.listing-container .left-side .filters-header {
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  padding: 25px 30px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.applied-filters-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.applied-filters-header button {
	width: auto;
	padding: 0;
	font-family: 'ApercuProSemBd';
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}

@media (min-width: 768px) {
  .plp-utility-bar {
    padding: 25px 30px;
  }
  .listing-container .left-side .filters-header {
    display: none;
  }
  .listing-container .left-side {
    width: 28.5%;
    display: block;
    position: absolute;
    top: initial;
    left: 30px;
  }

  .listing-container .right-side {
    margin-left: 31%;
	}
	
	.listing-container .right-side.typicals-container {
    margin-left: 33%;
  }
}

@media (min-width: 1025px) {
  .listing-container .left-side {
    width: 17%;
  }

  .listing-container .right-side {
    margin-left: 15%;
	}
	
	.listing-container .right-side.typicals-container {
    margin-left: 19%;
  }
}

@media (min-width: 1350px) {
  .listing-container .left-side {
    width: 14%;
	}

	.listing-container .left-side.typicals-filters-container {
    width: 23%;
	}
	
	.listing-container .right-side.typicals-container {
    margin-left: 25%;
  }
}

/*.filters {
  width: 100%;
  opacity: 1;
  -webkit-transition: width 0.3s ease, opacity 0.3s ease;
  -moz-transition: width 0.3s ease, opacity 0.3s ease;
  -o-transition: width 0.3s ease, opacity 0.3s ease;
  transition: width 0.3s ease, opacity 0.3s ease;
}

.filters-hidden {
  width: 0;
  opacity: 0;
}*/

/*.right-side {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.right-side.full-width {
  width: 100%;
}*/

/*//////////////////////////////////////////////////
	Materials
//////////////////////////////////////////////////*/
 a.favorites {
	background: url(clientlibs-site/img/layout/favorite.png ) no-repeat center left;
}
a.favorites, a.downloads {
	font-size: 11px;
	padding: 1px 0 1px 26px;
	margin: 5px 0;
	display: block;
}
/*------------------------------------
-
- Swatch Info
-
----------------------------------------*/
 #swatch-info-module {
	width:360px;
	font-size: 11px;
	margin: 10px 0 25px 45px;
	float:left;
}
#swatch-info-module tr {
	border-bottom: 1px solid #e3e3e3;
}
#swatch-info-module td {
	width:240px;
	font-size: 13px;
}
#swatch-info-module tr td:first-child {
	width: 110px;
	padding: 2px 10px;
}
#swatch-info-module td ul {
	list-style-type: none;
	padding:0;
}
#swatch-info-module td ul li {
	float:left;
	width:105px;
	margin: 0 5px 8px 0;
}
#swatch-info-module td ul li a {
	padding:3px 0 3px 20px;
	font-size: 11px;
}
#swatch-info-module h1 {
	color: #000;
	font-size: 24px;
	margin: 0 0 1px 10px;
	margin-bottom: 30px;
}
#swatch-info-module h1 span {
	font-size: 16px;
	color: #757575;
	margin: 5px 0 0 15px;
}
#swatch-info-module h3 {
	margin: 0 0 25px 10px;
}
/*------------------------------------
-
- Swatch Hero
-
----------------------------------------*/
 #swatch-hero {
	float: left;
	width: 380px;
	margin: 10px 45px 10px 150px;
}
#swatch-hero h3 {
	font-size: 16px;
	margin: 3px 0 5px 0;
}
#swatch-hero h3 a.download-link {
	float: right;
	text-decoration: none;
	color: #43aceb;
	font-size: 11px;
	padding: 3px 0 3px 20px;
}
/*------------------------------------
-
- Swatch Carousel
-
----------------------------------------*/
 #carousel-wrapper {
	width: 100%;
  position: relative;
}
#carousel-wrapper #product-tab-carousel {
  margin: 20px auto;
}
#carousel-wrapper #product-tab-carousel .carousel-group {
  width: 100%;
}
#carousel-wrapper #product-tab-carousel .items > div {
  width: 24%
}
#carousel-wrapper .prev-swatch, #carousel-wrapper .next-swatch {
	float:left;
	margin: 54px 0 0 0;
	display: none;
	cursor: pointer;
}
#carousel-wrapper h2 {
	margin:0 0 12px 39px;
	color: #757575;
	font-size: 16px;
}
.swatch-carousel {
	float:left;
	width: 855px;
	height: 213px;
	overflow: hidden;
}
.swatch-carousel ul {
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
}
.swatch-carousel ul li {
	margin: 0 2px;
	float:left;
	width: 151px;
    min-height: 197px;
	list-style-type: none;
    padding: 3px 8px 13px 8px;
    overflow: visible;
}
.swatch-carousel ul li img {
	padding: 3px;
	height: 145px;
	width: 145px;
	margin: 0;
}
.swatch-carousel ul li.selected img {
	border: 2px solid #43ACEB;
	padding: 1px;
}
#main .swatch-carousel ul li h4 {
	width: 131px;
	text-align: center;
	margin: 0 auto;
	font-size: 13px;
    margin-bottom: 5px;
    font-weight: normal;
}
.swatch-carousel .upholstery-result {
	background: none;
	display: inline-block;
	margin: 0;
	height: auto;
	position: relative;
	width: 151px;
}
.swatch-carousel .upholstery-result .upholstery-swatch{
        height: auto;
        width: 160px;
        margin-right: 8px;
}
#main .swatch-carousel .upholstery-result .upholstery-title {
	font-size: 13px;
}
.swatch-carousel .upholstery-result dl {
	width: 121px;
    height: 121px;
	background: inherit;
	float: left;
	padding:15px;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 5px 0;;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.swatch-carousel .upholstery-result dt {
        float: left;
	text-align: left;
	font-weight: normal;
}
.swatch-carousel .upholstery-result dd {
	text-align: left;
	margin-bottom: 10px;
	font-weight: normal;
}
.swatch-carousel .upholstery-hovering {
        display: none;
        color: #000000;
        position: absolute;
        right: 0px;
        bottom: 0px;
        background-color: rgb(241,241,241);
	background-color: rgba(241,241,241,0.9);
	width: 151px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 5px 6px 2px #c9c9c9;
	-webkit-box-shadow: 0 5px 6px 2px #c9c9c9;
	box-shadow: 0 5px 6px 2px #c9c9c9;
	z-index: 9000!important;
}
#carousel-wrapper .swatch-carousel .upholstery-hovering a:hover,
#carousel-wrapper .swatch-carousel .upholstery-hovering a:visited,
#carousel-wrapper .swatch-carousel .upholstery-hovering a:link {
        color: #000000;
        text-decoration: none;
}
.swatch-carousel .upholstery-result:hover .upholstery-hovering {
        display: inline-block;
}
.ie7 .swatch-carousel .upholstery-hovering {
	width:270px;
	border: 1px solid #e2e2e2;
}
.ie7 .swatch-carousel .upholstery-result {
	display: inline;
}
.spacer {
	height: 60px;
}

/*//////////////////////////////////////////////////
	Our Story
//////////////////////////////////////////////////*/
 .latestnews h2 {
	float: left!important;
	width: 140px;
	margin: 0 0 12px 0!important;
}
.latestnews span {
	float: right;
	margin: 2px 0 14px 0;
	font-size:12px;
}
.latestnews h4 {
	font-weight: bold!important;
	margin: 14px 0 4px 0!important;
}
.latestnews p {
	margin: 0;
}
.latestnews a {
	color: #5BB8E1;
	text-decoration: none;
}
.careers p {
	margin: 0;
	padding: 10px 0 0 0;
}
.clientlogoblock {
	width: 675px;
	background: url("clientlibs-site/img/layout/pagination-border.jpg") no-repeat scroll 0 top transparent;
	overflow: hidden;
	margin: 0 20px 160px 0;
}
.clientlogoblock h2 {
	padding: 10px 0!important;
	text-align: left!important;
}
.clientlogoblock a {
	display: inline-block;
}
/*//////////////////////////////////////////////////
	Products
//////////////////////////////////////////////////*/
.searchresults{
	padding:0 2em;
}
.result-textile-box{
	display: flex;
    display: -ms-flexbox;
	padding-bottom: 2em;
    align-items: baseline;
    -ms-flex-align: baseline;
}
.result-textile-box .results-textile{
	font-size: 2.5em;
	font-weight: 400;
	color: #323232;
	line-height: 1.2em;
}
.result-textile-box .result-view-textile{
	font-size:1.6em;
	color:#4fa0c6;
	margin-left: 2em;
}
#productListingModule {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.searchresults .result-product-title{
	flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
	align-items: baseline;
    -ms-flex-align: basline;
	border-bottom: 1px solid  #95989A;
    padding-bottom: 1em;
    margin-bottom: 3em;
}
.searchresults .show-result-for {
	flex-basis: 100%;
	-ms-flex-preferred-size: 100%
}
.searchresults .show-result-for span {
    display: inline-block;
    color: #4fa0c6
}
.searchresults .result-product-title .result-view-textile{
	display: none;
}
.searchresults .product-result-title {
    font-size: 1.575em;
    font-weight: normal;
}
.bottom-paginate{
	flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
	padding: 0;
	margin:0;
}
.productItem {
	width: 16.6%;
    display: inline-block;
    text-align: center;
    position:relative;
    margin-bottom: 3em;
}

.search-product-img{
    display: block;
    margin: 0 auto;
    padding: 0 5px;
}
 .productItem .search-product-title{
	 font-size: 1.3em;
    line-height: 1.2em;
    font-weight: normal;
    margin: 1em 0;
}
 .productItem .search-product-title a{
	color:#212121;
 }
 .productItem a.strong-title{
 	margin: 0 10px;
 	font-size: 16px;
 	font-weight: 400;
 	color: #757575;
}
 .productItem a:visited.strong-title, .productItem a:link.strong-title {
 	color: #757575;
    text-decoration: none;
}
.productItemHover:hover {
	cursor:pointer;
	display: inline-block;
	z-index: 9000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 5px 6px 2px #c9c9c9;
    -webkit-box-shadow: 0 5px 6px 2px #c9c9c9;
    box-shadow: 0 1px 6px 2px #c9c9c9;
}
.productInfoHover {
	display:none;
	margin: 0 auto;
	position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -85px;
}
.productItemHover:hover .productInfoHover {
	width: 170px;
    display:block;
}
.productItem strong {
	display: block;
}
.other-results-img img{
	max-width: 158px;
    box-shadow: 0 1px 6px 2px #c9c9c9;
}
.other-results-box{
	margin-left:1em;
	-webkit-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
}
.other-results .target-path{
	display: flex;
    display: -ms-flexbox;
	padding: 1em 0;
}
p.sub {
	width: 170px;
	font-size: 11px;
	overflow: hidden;
	margin: 4px 4px 0 4px;
	white-space: nowrap;
	line-height: 1;
}
p.price {
	width: 170px;
	position: absolute;
	bottom: -100px;
	margin: 60px 0 0 0;
	padding: 10px 0;
	color: #000;
	background-color: #f8f8f8;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
#product-recommendations p.price {
	bottom: -100px;
}
.productItem strong, p.sub, p.price {
	/*position: relative;*/
	/*top: -6px;*/
}
.ie7 .productItemHover:hover {
	border: 1px solid #333;
}
.ie7 .productItem a.button {
	position: relative;
	right: 84px;
}
/*//////////////////////////////////////////////////
	Search
//////////////////////////////////////////////////*/
 #content-search-results {
	padding: 0 40px 0 0;
}
#content-search-results a:link, #content-search-results a:visited, #content-search-results th, #content-search-results td {
	color: #595959;
	text-decoration: none;
}
#content-search-results a:hover, #content-search-results a:active {
	color: #000;
	text-decoration: underline;
}
table#content-search-results {
	width: 692px;
	margin: 0 0 20px 0;
}
#download-filters table, #download-filters th, table#content-search-results th {
	text-align: left;
}
#download-filters table td {
	padding-bottom: 8px;
}
table#content-search-results th {
	font-weight: normal;
	border-bottom: 1px solid #E3E3E3;
	color: #000;
}
table#content-search-results td.icon {
	width: 20px;
	text-align: center;
}
#content-search-results .rowcolor {
	background-color: #F8F8F8;
}
.content-results,
#productListingModule{
	padding-top: 36px;
	font-size: 14px;
	/* background: url('clientlibs-site/img/layout/pagination-border.jpg') no-repeat scroll -692px top transparent; */
}
.content-results {
	width: 100%;
}
.no-content-results {
	padding-top: 0;
}
.content-results h3{
	font-size: 1.575em;
	font-weight: normal;
    padding-bottom: 1em;
    line-height: 1em;
    border-bottom: 1px solid #95989A;
}
.other-results-box .other-result-title {
    font-size: 1.7em;
    line-height: 1.7em;
    font-weight: normal;
    color: #4fa0c6;
    margin-bottom: .5em;
}
.other-results-box .other-result-link a,
.other-results-box .result-description{
	 font-size: 1.7em;
	 font-weight: lighter;
	 color:#263238;
	 line-height: 1.2em;
}
.other-results {
	list-style-type: none;
	padding: 0;
}
.other-results li {
	padding: 5px 0;
	margin: 7px 0;
}
.target-path {
	padding: 5px 10px;
}
.result-description {
	margin: 3px 0 0 0;
}

.search-details-wrapper {
	width: auto;
	padding: 30px 30px 0;
}
.search-details-wrapper img{
	border-radius: 6px;
}
.search-details-wrapper .search-title {
	border-bottom: 1px solid #bdbdbd;
	font-size: 22px;
	margin-bottom: 0;
	padding-bottom: 1em;
}
.search-details-wrapper #swatch-hero {
	width: 23%;
	margin: 0;
	padding-top: 31px;
}
.search-details-wrapper #swatch-hero img{
	max-width: 380px;
}
.search-details-wrapper #swatch-hero .download-link {
	font-size: 14px;
	margin-top: 10px;
    padding-bottom: 12px;
}

.search-details-wrapper #swatch-hero .download-link a {
	text-decoration: underline;
	color: #437a94;
}
.search-details-wrapper #swatch-info-module {
	width: 30%;
	margin: 0;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
}
.search-details-wrapper #swatch-info-module .info-title {
	display: none;
}
.search-details-wrapper .infor-container {
	list-style-type: none;
	padding-left: 0;
}

.search-details-wrapper .infor-container >li {
	border-bottom: 1px solid #bdbdbd;
	display: flex;
    display: -ms-flexbox;
	line-height: 1.5;
}

.search-details-wrapper .infor-container .infor-name {
	color: #212121;
	font-family: NeoGramBold, Helvetica Neue, Arial, sans-serif;
	font-size: 18px;
	padding: 2px 10px;
	width: 40%;
	min-width: 120px;
	overflow: hidden;
    text-overflow: ellipsis;
}

.search-details-wrapper .infor-container .infor-value {
	color: #616161;
	font-size: 18px;
	font-weight: lighter;
	width: 60%;
}

.search-details-wrapper .infor-container .infor-disco {
	color: #212121;
	font-family: NeoGramBold, Helvetica Neue, Arial, sans-serif;
	font-size: 18px;
	padding: 2px 10px;
	width: 100%;
	min-width: 120px;
	overflow: hidden;
    text-overflow: ellipsis;
}

.search-details-wrapper #carousel-wrapper {
	background: none;
	clear: none;
	float: left;
	margin: 0;
	padding:31px 0 0 60px;
	width: 47%;
}
.search-details-wrapper #carousel-wrapper .swatch-carousel {
	width: 100%;
	height: auto;
}
.search-details-wrapper #carousel-wrapper .swatch-carousel ul{
	padding-left: 0;
}
.search-details-wrapper #carousel-wrapper h2{
	color: #212121;
	font-family: NeoGramBold, Helvetica Neue, Arial, sans-serif;
	margin-left: 10px;
}
#carousel-wrapper .swatch-carousel ul li h4 {
	font-size: 15px;
}
#carousel-wrapper .swatch-carousel ul li {
	width: auto;
	margin: 0 10px;
}
#carousel-wrapper .swatch-carousel .upholstery-result dl{
	font-size: 15px;
	width: 100%;
	height: 151px;
}
#carousel-wrapper .swatch-carousel .upholstery-result dd,
#carousel-wrapper .swatch-carousel .upholstery-result dt {
	line-height: inherit;
}
#carousel-wrapper .swatch-carousel ul li img {
	width: 151px;
	height: 151px;
}
/*================
 * tablet view
 * Reset the search texttile detail layout
 ================*/
 @media screen and (min-width: 768px) and (max-width: 1024px) {
 	.search-details-wrapper #swatch-hero,
 	.search-details-wrapper #swatch-info-module,
 	.search-details-wrapper #carousel-wrapper,
 	.search-details-wrapper .infor-container .infor-name,
 	.search-details-wrapper .infor-container .infor-value {
 		width: 100%;
 	}
 	.search-details-wrapper #swatch-info-module {
 		padding-left: 0;
 		padding-right: 0;
	}
	.search-details-wrapper #carousel-wrapper {
		padding-left: 0;
	}
 	.search-details-wrapper .infor-container .infor-name {
 		padding: 0;
 	}
 	.search-details-wrapper #carousel-wrapper h2{
 		margin-left: 0;
 	}
 	.search-details-wrapper #carousel-wrapper .swatch-carousel >ul {
 		margin-left: -10px;
 	}
 	#carousel-wrapper .upholstery-result:hover .upholstery-hovering {
 		display: none;
 	}
 }
/*================
 * mobile view
 * Reset the search texttile detail layout
 ================*/
@media screen and (max-width: 767px) {
	.search-details-wrapper #swatch-hero,
	.search-details-wrapper #swatch-info-module,
	.search-details-wrapper #carousel-wrapper,
	.search-details-wrapper .infor-container .infor-name,
	.search-details-wrapper .infor-container .infor-value {
		width: 100%;
	}
	.search-details-wrapper #swatch-hero img {
		max-width: 60%;
	}
	.search-details-wrapper .infor-container .infor-name {
		padding: 0;
	}

	.search-details-wrapper .infor-container >li {
		flex-wrap: wrap;
        -ms-flex-wrap: wrap;
	}
	.search-details-wrapper #carousel-wrapper,
	.search-details-wrapper #carousel-wrapper .swatch-carousel > ul {
		padding-left: 0;
		margin-left: 0;
	}
	.search-details-wrapper #carousel-wrapper h2{
		margin-left: 0;
	}
	#carousel-wrapper .upholstery-result:hover .upholstery-hovering {
		display: none;
	}
	.search-details-wrapper #swatch-info-module {
		padding-left: 0;
		padding-right: 0;
	}
	#carousel-wrapper .swatch-carousel ul li {
		padding-left: 0;
		padding-right: 0;
		margin: 0 2px;
  }
}


.compatibilitysearchresults h3 {
	font-size: 22px;
	margin-bottom: 25px;
}
.compatibilitysearchresults .no-records-found {
	color: red;
	font-size: 7vw;
	line-height: 1;
}

.info-blurb {
	width: 100%;
	height: 100%;
	display: flex;
    display: -ms-flexbox;
	justify-content: center;
    -ms-flex-pack: center;
	align-items: center;
    -ms-flex-align: center;
	flex-direction: column;
    -ms-flex-direction: column;
	border-top: 1px solid #e2e2e2;
	background-color: #fff;
	padding: 160px 15px;
}

.info-blurb i {
	font-size: 80px;
	color: #212121;
}

.info-blurb p {
	font-size: 24px;
	line-height: 1;
	color: #212121;
	text-align: center;
}
.green-button {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #6FC176;
    background-repeat: repeat-x;
    padding: 7px 20px;
    transition: all .5s;
    display: inline;
    position: relative;
    text-align: center
}
.green-button:hover{
	background-color: #32933A;
    text-decoration: none;
}
#downloadCompatibilityForm input {
	display: none;
}
.textile-compatibility-header {
	display: flex;
	display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.textile-compatibility-description {
  font-size: 18px;
  font-weight: lighter;
  margin: 0;
  line-height: 30px;
  color: #616161;
}
.textile-compatibility-sort {
	display: flex;
	display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 20px;
}
.textile-compatibility-sort .sort-by-label {
	font-size: 16px;
    font-weight: normal;
    color: #757575;
    margin-right: 10px;
    line-height: 30px;
}
.textile-compatibility-sort .sort-by-group {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   -ms-flex-align: center;
   position: relative;
   margin-right: 20px;
}
.textile-compatibility-sort .sort-by-group .sort-item {
   position: relative;
}
.textile-compatibility-sort .sort-by-group .fa-chevron-down {
    position: absolute;
    right: 20px;
    z-index: 400;
    top: 9px;
}
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc {
	margin-right: 5px;
}
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc,
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc {
	font-size: 18px;
	padding: 7px;
	color: #BDBDBD;
	border: 1px solid #EEE;
	cursor: pointer;
}
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc:hover,
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc:hover {
    border-color: #BDBDBD;
}
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc.selected,
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc.selected {
	color: #616161;
	border-color: #bdbdbd;
}
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc.selected:hover,
.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc.selected:hover {
	cursor: auto;
}
.textile-compatibility-sort .sort-by-group .dk_container {
   margin-right: 5px;
}
.textile-compatibility-sort .sort-by-group .dk_toggle {
	width: 170px !important;
}
.textile-compatibility-sort .sort-by-group .dk_toggle:after {
	top: 20%;
	z-index: 500;
}
.textile-compatibility-sort .dk_container {
	font-size: 18px;
    line-height: 19px;
    color: #616161;
}
.textile-compatibility-results
.shipment-results {
	background-color: #fff;
	padding: 40px 40px 50px;
	border-top: 1px solid #BDBDBD;
}

.shipment-packages {
	padding: 20px;
	border: 1px solid #ececec;
	border-top: 0;
}

.textile-compatibility-results .column-title-container,
.shipment-results .column-title-container {
	display: flex;
    display: -ms-flexbox;
	justify-content: space-between;
    -ms-flex-pack: justify;
	padding: 0 20px 25px;
}

.shipment-packages .column-title-container {
	padding: 10px 20px;
	background-color: #4c4c4c;
}

.textile-compatibility-results .column-title-container .column-title,
.shipment-results .column-title-container .column-title {
	width: 12%;
	font-size: 18px;
	color: #212121;
	margin-right: 1%;
	word-break: break-all;
}

.shipment-packages .column-title-container .column-title {
	color: #fff;
}

.textile-compatibility-results .column-title-container .column-title.narrow {
	width: 9%;
}

.textile-compatibility-results .column-title-container .column-title.wide {
	width: 14%;
}

.shipment-results .column-title-container .column-title {
	width: 14%;
	font-weight: bold;
}

.shipment-results .column-title-container .column-title.wide {
	width: 22%;
}

.textile-compatibility-results .column-title-container .column-title:last-child,
.shipment-results .column-title-container .column-title:last-child {
	margin-right: 0;
}

.textile-compatibility-results .results-row,
.shipment-results .results-row {
	display: flex;
    display: -ms-flexbox;
	justify-content: space-between;
    -ms-flex-pack: justify;
	padding: 20px;
}

.shipment-results .results-row {
	align-items: center;
	position: relative;
	border: 1px solid #ececec;
	border-top: 0;
}

.shipment-results .results-row .btn--unstyled {
	width: auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
}

.shipment-results .results-row .btn--unstyled.open i {
	transform: rotate(180deg);
}

.textile-compatibility-results .results-row:nth-child(odd) {
	background-color: #FAFAFA;
}

.shipment-results .results > div:nth-child(odd) .results-row {
	background-color: #ececec;
}

.shipment-results .results-row .btn--primary {
	justify-content: center;
	position: relative;
	z-index: 1;
}

.shipment-results .results-row .btn--primary:visited,
.shipment-results .results-row .btn--primary:link {
	color: #fff;
}

.textile-compatibility-results .results-row > div,
.shipment-results .results-row > div {
	width: 12%;
	font-size: 18px;
	font-weight: 300;
	color: #616161;
	margin-right: 1%;
	word-break: break-all;
}

.textile-compatibility-results .results-row > div.narrow {
	width: 9%;
}

.textile-compatibility-results .results-row > div.wide {
	width: 14%;
}

.shipment-results .results-row > div {
	width: 14%;
}

.shipment-results .results-row > div.wide {
	width: 22%;
}

.textile-compatibility-results .results-row > div:last-child,
.shipment-results .results-row > div:last-child {
	margin-right: 0;
}

.shipment-results .results-row > div .btn--link {
	background-color: transparent;
	font-size: 16px;
}

@media (max-width: 1024px) {
	.compatibility-wrapper {
		position: relative;
	}
	.compatibility-wrapper aside.left-side {
		padding: 50px 5% 20px 5%;
	}
	.compatibility-wrapper aside.left-side .compatibilitysearch {
		margin-top: 40px;
	}
	.compatibility-wrapper aside.right-side {
		padding: 0 5% 20px 5%;
	}
	.textile-compatibility-header {
		flex-direction: column;
		-ms-flex-direction: column;
	}
	.textile-compatibility-header h3 {
	    position: absolute;
	    top: 20px;
	    left: 5%;
	    right: 30px;
	    padding: 15px 0;
	    width: 90%;
	    border-bottom: 1px solid #bdbdbd;
	    margin: 0;
	}
	.textile-compatibility-sort {
		flex-direction: column;
		-ms-flex-direction: column;
		align-items: flex-start;
		-ms-flex-align: start;
		width: 100%;
	}
	.textile-compatibility-sort .sort-by-label {
	    font-size: 18px;
	    color: #616161;
	    margin-bottom: 10px;
	}
	.textile-compatibility-sort .sort-by-group {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.textile-compatibility-sort .sort-by-group .sort-item {
	    width: 80%;
	}
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc,
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc {
		padding: 19px 0;
	    width: 8.5%;
	    margin-left: 1.5%;
	    text-align: center;
	    border-color: #eee;
	}
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc.selected,
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc.selected {
		border-color: #bdbdbd;
	}
	.textile-compatibility-sort .sort-by-group .dk_container {
		width: 100%;
		margin-right: 0;
	}
	.textile-compatibility-sort .sort-by-group .fa-chevron-down {
	    right: 15px;
	    top: 22px;
	}
	.textile-compatibility-sort .sort-by-group .dk_toggle {
		width: 100% !important;
		padding: 18px 15px;
	}
	.textile-compatibility-sort .sort-by-group .dk_toggle:after {
		top: 25%;
	}
	#downloadCompatibilityForm {
		width: 100%;
		margin-bottom: 30px;
	}
	#downloadCompatibilityForm .green-button {
		width: 100%;
		padding: 20px;
	}
	.textile-compatibility-results,
	.shipment-results {
		overflow-x: scroll;
		padding: 20px 20px 30px;
	}

	.shipment-results {
		padding: 20px 0 30px;
	}

	.textile-compatibility-results .column-title-container,
	.textile-compatibility-results .results-row {
		width: 1000px;
	}
}
@media (max-width: 768px) {
	.textile-compatibility-sort .sort-by-group .sort-item {
	    width: 65%;
	}
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-desc,
	.textile-compatibility-sort .sort-by-group .fa-sort-alpha-asc {
		padding: 19px 0;
	    width: 15%;
	    margin-left: 2.5%;
	    text-align: center;
	}

	.shipment-results .column-title-container .column-title.wide,
	.shipment-results .results-row > div.wide {
		width: 40%;
		font-size: 15px;
	}

	.shipment-results .column-title-container .column-title:nth-child(4),
	.shipment-results .results-row > div:nth-child(4) {
		width: 48%;
	}
	
	.shipment-results .results-row > div {
		width: max-content;
	}		

	.shipment-results .column-title-container .column-title {
		width: max-content;
	}
}
/* ==================
   Breadcrumbs
   ================== */
 .resultcrumb {
	padding: 0;
	margin: 0;
}
.resultcrumb li {
	list-style-type: none;
	display: inline;
	color: #000;
}
.resultcrumb li a {
	padding: 0 9px 0 0;
	margin: 0;
	background: url(clientlibs-site/img/layout/grey-right-arrow.png) right center no-repeat;
	text-decoration: none;
	color: #a8a8a8;
}
#product-top {
	width: 100%;
	position: relative;
	margin-top: -510px;
	height: 510px;
}

.typical-banner #product-top {
	height: 219px;
	margin-top: 0;
}

@media (max-width: 1024px) {
	.typical-banner #product-top {
		height: 100px;
	}	
}

.typical-banner #product-top .productherotext {
	height: 100%;
}

aside#product-info {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index:100;
}
.top-tile-text {
	padding: 5px;
}
aside#product-info h3 {
	margin: 0 0 10px 0;
}

.configure-price {
  max-width: 270px;
	margin: 30px auto 0;
}

/* Chair Rotate */
 .chair {
	width: 980px;
	position: relative;
	margin: 0 auto;
}
.chair #chair-rotation {
	position: relative;
	left: 270px;
	width: 520px;
	height: 510px;
}
.ie8 .chair #chair-rotation div img, .ie7 .chair #chair-rotation div img, .ie6 .chair #chair-rotation div img {
	background: transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	/* IE6 & 7 */
}
.chair a:focus {
	outline: none;
}
a#rotate-right {
	position: absolute;
	z-index: 9000;
	top: 435px;
	left: 304px;
	width: 125px;
	height: 66px;
	display: block;
	background: url("clientlibs-site/img/arrow-rotate-right.png");
	background-position: bottom center;
}
a#rotate-right:hover {background-position: top center;}
a#rotate-left {
	position: absolute;
	z-index: 9000;
	top: 435px;
	left: 610px;
	width: 126px;
	height: 65px;
	display: block;
	background: url("clientlibs-site/img/arrow-rotate-left.png");
	background-position: top center;
}
a#rotate-left:hover {background-position: bottom center;}

/*********************************************
PRODUCT TILE TEXT
**********************************************/
 #product-top .top-tile-text h2, #product-top .top-tile-text h3 {
	color: white;
}
#product-top .top-tile-text h1 {
	font-size: 85px;
	margin: 0;
	margin-bottom: 40px;
	color: white;
}
#product-top .top-tile-text h3 {
	margin: 0;
}
#product-top .top-tile-text h3, #product-top .top-tile-text h4 {
	font-size: 18px;
}
#product-top .top-tile-text h4 {
	color: white;
	font-size: 14px;
	line-height: 20px;
}
#product-sub-text {
	color: #878787;
	font-size: 11px;
}
/*********************************************/

/*********************************************
PRODUCT HERO
*********************************************/
 #product-hero {
	height: 510px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#product-hero div {
	display: none;
	width: 100%;
	height: 510px;
}
#product-hero div.first {
	display: block;
}
#hero-nav {
	position: absolute;
	top: 40px;
	right: 265px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index:50;
}
#hero-nav li {
	width: 40px;
	height: 35px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 15px 0;
	position: relative;
}
#hero-nav li a img {
	position: relative;
	right: 61px;
}
#hero-nav li.activeSlide a img {
	position: relative;
	right: 0;
}
#product-hero-caption {
	position: absolute;
	bottom: -8px;
	width: 100px;
	padding: 5px 0px;
	z-index: 100;
}
#product-hero-caption p,
.hero-caption p {
	display: none;
	color: #000;
	font-size: 13px;
	margin: 12px 0 0 0;
}
#product-hero-caption.open {
	width: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .8);
}
#product-hero-caption.open p {
	display: block;
	white-space: nowrap;
}
#product-hero-caption div.toggler,
.hero-caption div.toggler {
	float: left;
	margin: 6px 10px 0 0;
}
#product-hero-caption div.toggler button {
	background: transparent url(../../../includes/img/product-hero-caption.png) no-repeat 0 0;
	display: block;
	height: 25px;
	width: 25px;
	outline: none;
	border: none;
}
#product-hero-caption div.toggler button:hover {
	background-position: -24px 0;
}
#product-hero-caption.open div.toggler button {
	background-position: 0 -24px;
}
#product-hero-caption.open div.toggler button:hover {
	background-position: -24px -24px;
}
/*********************************************/

/*********************************************
TABS
*********************************************/
.author-hover-edit {
	background: none repeat scroll 0 0 #EEEEFF;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	margin: 8px 0 8px 10px;
	padding: 4px;
}
.producttabcontainer {
	padding: 0 15px;
}
@media (min-width: 769px) {
	.producttabcontainer {
		padding: 0 30px;
	}
}
#product-info-container {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	padding-bottom: 50px;
}
@media (min-width: 1025px) {
	#product-info-container {
		padding-bottom: 140px;
	}
}
.product-tab-header {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.product-tab-title{
	font-size: 36px;
	line-height: 1;
	color: #000000;
	margin-bottom: 40px;
	line-height: 1;
}
.product-tabs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#product-tab-nav {
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
    -ms-flex-pack: center;
}
.product-tabs ul li {
	font-family: arial, sans-serif;
	font-size: 13px;
	height: 32px;
	border: 1px solid #DADADA;
	background: #ffffff;
	font-weight: normal;
	text-decoration:none;
	flex: 1;
    -ms-flex-positive: 1;
}
.product-tabs ul li a {
	color: #9E9E9E;
	display: block;
	text-decoration: none;
	height: 100%;
	width: 100%;
	line-height: 32px;
}
.product-tabs li.price {
	border-color: #72C079;
	background: #72C079;
	min-width: 150px;
}
.product-tabs li.price a {
	color: #ffffff;
	font-family: NeoGramLight,"Helvetica Neue",Arial,sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
.product-tabs li.price a:hover {
  background-color: #32933A;
  text-decoration: none;
}
ul#product-tab-nav li a:focus {
	outline: none;
}
ul#product-tab-nav li.activeSlide a:not(.price) {
	color: #5D5D5D;
	background: #F5F5F5;
}
#product-tabs div {
	padding: 0;
}
@media (min-width: 1025px) {
	.price-custom{
	   float: left;
       width: 85%;
	}
}
@media (min-width: 668px) and (max-width: 1024px) {
	#product-info-container {
		display: flex;
        display: -ms-flexbox;
	}
	#product-tab-nav {
		display: inherit;
	}
	.product-tab-header {
		width: 20%;
		min-width: 175px;
		float: left;
	}
	.product-tabs ul {
		margin: 0 auto;
		width: 150px;
	}
	.product-tabs ul li {
		min-width: 150px;
	}
	#product-tabs {
		margin: 60px 0 0 20px;
	}
}
@media (max-width: 667px) {
	#product-tab-nav {
		display: inherit;
	}
	.product-tab-title {
		margin-bottom: 10px;
	}
	.product-tabs ul li {
		width: 100%;
		max-width: none;
	}
	ul#product-tab-nav li:not(.activeSlide):not(.price) {
		display: none;
	}
	.left-arrow {
		float: left;
		height: 100%;
		background: url(clientlibs-site/img/layout/grey-left-arrow.png) no-repeat center;
		width: 25px;
	}
	.right-arrow {
		float: right;
		height: 100%;
		background: url(clientlibs-site/img/layout/grey-right-arrow.png) no-repeat center;
		width: 25px;
	}
}
#product-tabs #tab1 iframe, #product-tabs #tab2 img {
	float: right;
	margin: 40px 0 0 10px;
}

#product-tabs #tab1 .image-tab-layout1 {
  float: right;
  margin: 40px 0 0 10px;
  position: relative;
  width: 100%;
}

#product-tabs .text-content {
	display: inline-block;
	width: 61%;
	text-align: initial;
	vertical-align: top;
	margin-left: 2%;
}
#product-tabs .text-content h2 {
	text-align: center;
}
div.no-spinner {
	font-size: 13px;
	position: relative;
	top: 5px;
	text-align: center;
	color: #757575;
}
div.spinner {
	width: 30%;
	display: inline-block;
	position: relative;
  overflow: hidden;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.text-content {
  width: 100%;
}

.text-content h1 {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .text-content h1 {
    margin: 25px 0 15px;
  }
}

.text-content ul {
  color: #437a94;
  margin: 0;
  padding-left: 17px;
}

.text-content ul li {
  font-size: 15px;
  line-height: 1.7;
  color: #8c8c8c;
}
#product-tabs .description-circle.fa-plus:before {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#product-tabs .description-circle.fa-times:before {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#product-tabs #tab1 .description-circle {
	position: absolute;
	right: -12px;
	top: 28px;
	background: white;
    z-index: 107;
    text-decoration: none;
    text-align: center;
}
#product-tabs #tab1 .description-modal {
	position: absolute;
	right: 0px;
	top: 40px;
    width: 100%;
    padding: 0 30px;
    max-height: 380px;
	overflow: auto;
  z-index: 106;
}
#product-tabs #tab1 .description-modal p {
    font-size: 16px;
    line-height: 28px;
}

@media (min-width: 768px) {
  div.spinner {
    width: 48%;
  }

  .text-content {
    width: 48%;
  }

  .text-content ul li {
    line-height: 1.47;
    margin-bottom: 5px;
  }
}

@media (min-width: 1025px) {
  div.spinner {
    width: 30%;
  }

  .text-content {
    width: 60%;
  }

  .text-content ul li {
    line-height: 2.4;
    margin-bottom: 0;
  }
}

@media (min-width: 668px) and (max-width: 1024px) {
	#product-tabs {
		width: 100%;
	}
	#product-tabs #tab1 iframe {
		float: none;
		margin: 0 0 0 20px;
	}

  #product-tabs #tab1 .image-tab-layout1 {
    float: none;
    margin: 0 0 0 20px;
    position: relative;
  }

	#product-tabs .text-content {
		width: inherit;
		margin: 0 20px 0 20px;
	}
	#product-tabs #tab1 .description-circle {
		right: -33px;
		top: -15px;
	}
	#product-tabs #tab1 .description-modal {
		right: -20px;
		top: 0px;
	}
}
@media (max-width: 767px) {
  div.spinner {
    width: 100%;
  }
}
#product-tabs #tab1 iframe.spinner {
	float: right;
	margin: 0;
	border: 0;
}
.spin-button {
	margin: 0 auto;
	clear: both;
	text-align: center;
	position: relative;
	top: -40px;
}
.view360 {
	border-radius: 3px;
}
#product-tabs #tab2 h1 {
	font-size: 57px;
	color: #757575;
	margin: -10px 0 0 0;
}
#product-tabs {
	height: 100%;
	/* fixes potential height problems in Author */
}
#product-tabs h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
}
#product-tabs .tab-content h2, #product-tabs #tab4 h2 {
	color: #212121;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 10px 30px;
	border-bottom: 1px solid #BDBDBD;
	margin-bottom: 0;
}
#product-tabs .tab-content .imagegallery > h2 {
	position: relative;
	z-index: 2;
	cursor: pointer;
}
#product-tabs ul {
	font-weight: lighter;
    padding: 0;
    font-size: 18px;
    color: #616161;
    line-height: 38px;
    margin-left: 20px;
}
#product-tabs #tab1 p, #product-tabs #tab2 p {
	font-weight: lighter;
    font-size: 18px;
    color: #616161;
    line-height: 30px;
}
#product-tabs #tab1 h2, #product-tabs #tab2 h2 {
    font-size: 22px;
}
.image-right{
	float:right;
	margin-right: 27px;
}
.text-content-right{
	margin-left:0 !important;
}
@media (max-width: 1024px) {
	#product-tabs ul {
		line-height: 30px;
	}
	.image-right{
	    float:left;
    }
}
#product-tabs .parsys .section {
	width: 100%;
	position: relative !important;
}
#product-tabs .parsys .section {
	display: none;
	/* keeps content from showing before jQuery loads */
}
#product-tabs .parsys .new {
	display: block !important;
	/* keeps editing tools visible */
}
#product-tabs #carousel-wrapper {
	position: relative;
	padding: 0 25px;
	width: 100%;
	max-width: 650px;
	margin: 40px auto 0;
}
#product-tabs #product-tab-carousel {
	height: 152px;
	overflow: hidden;
	position: relative;
}
#pt-prev, #pt-next {
	padding: 0;
	position: absolute;
	top: 32px;
	display: block;
	width: 9px;
	height: 14px;
	overflow: hidden;
	background-image: url('clientlibs-site/img/ptcarousel-sprite.jpg');
  border: 0;
  z-index: 4;
}
#pt-prev {
	left: 0;
	background-position: 0 100%;
}
#pt-prev:hover {
	background-position: 0 0;
}
#pt-next {
	right: 0;
	background-position: 100% 100%;
}
#pt-next:hover {
	background-position: 100% 0;
}
.vid-desc {
	margin-top: 0;
}
.hidden-vid-desc {
	display:none;
}
#video-carousel {
	width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
}
#video-carousel iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#product-tabs #video-carousel {
	margin: 20px auto 0;
}
#product-tabs #product-tab-carousel, #product-tabs #product-tab-carousel div {
	padding: 0;
}
#product-tabs #product-tab-carousel .carousel-group {
	width: 100% !important;
}
#product-tab-carousel .carousel-group .items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
	width: 100%;
}
#product-tab-carousel .carousel-group div:not(.items) {
	float: left;
	max-width: 144px;
	padding-left: 4px;
	flex: 1;
    -ms-flex-positive: 1;
}
#product-tab-carousel .carousel-group div a {
	padding: 2px;
	display: block;
}
#product-tab-carousel .carousel-group div a:hover {
	border: 2px solid #43aceb;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 4px 4px #CCC;
	-moz-box-shadow: 0 4px 4px #CCC;
	box-shadow: 0 4px 4px #CCC;
	padding: 0;
}
#product-tab-carousel .carousel-group div.first {
	padding-left: 0;
}
#product-tab-carousel .carousel-group div a img {
	display: block;
}
#product-tab-carousel .carousel-group p {
	color: #757575;
	font-size: 12px;
	line-height: 1.2em;
	padding: 0 2px;
}
ul#pt-carousel-nav {
  width: 100%;
  text-align: center;
	padding: 0;
}
ul#pt-carousel-nav li {
	display: inline-block;
	height: 11px;
	list-style: none outside none;
	margin: 8px 5px;
	width: 11px;
}
ul#pt-carousel-nav li a {
	background: url("clientlibs-site/img/layout/grey-dot.png") no-repeat scroll center center transparent;
	display: block;
	height: 11px;
	padding: 3px;
	width: 11px;
}
ul#pt-carousel-nav li.activeSlide a {
	background: url("clientlibs-site/img/layout/blue-dot.png") no-repeat scroll center center transparent;
}

/*********************************************
PRODUCT DOWNLOAD LIST AND TOOLS
*********************************************/
.page-content .downloadlisting ul {
	padding: 0;
}
.downloadlisting ul li,
.tools ul li {
  cursor: pointer;
  text-decoration: none;
  color: #323232;
  list-style-type: none;
  line-height: 1.8;
}
.downloadlisting ul li {
	font-size: 15px;
	line-height: 2.4;
	align-items: flex-start;
	margin-bottom: 7px;
}
.tools ul li {
	font-size: 18px;
  margin-bottom: 10px;
}
.downloadlisting .filename{
	float: left;
	line-height: 21px;
}
.downloadlisting ul li i{
  color: #231f20;
	float: left;
  line-height: 24px;
  margin-right: 15px;
}
.download-all {
	font-family: "ApercuProSemBd";
	font-size: 15px;
	color: #8C8C8C;
	margin-top: 24px;
	cursor: pointer;
}
@media (max-width: 1024px) {
	.downloadlisting, .tools{
	   float: none;
	   width: 100%;
	}
}
@media (max-width: 768px) {
    .downloadlisting ul li {
      font-size: 16px;
    }
    .tools ul li {
	   font-size: 16px;
    }
}

/*********************************************I
PRODUCT DOWNLOAD LIST
**********************************************/
 #product-downloads {
	width: 100%;
  padding: 65px 30px;
  min-height: 300px;
  background-color: #f2f2f2;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#product-downloads .downloadlisting, #product-downloads .tools{
  width: 40%;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#product-downloads .downloadlisting {
  width: 60%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#product-downloads ul {
	padding: 0;
	margin-top: 40px;
}
#product-downloads ul li, .downloadlisting ul li {
	list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#product-downloads .downloadlisting .container, #product-downloads .tools .container {
  width: auto;
	padding-top: 0;
  margin: 0;
}
@media (max-width: 767px) {
	#product-downloads {
    padding: 40px 0 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
  #product-downloads .tools > div, #product-downloads .downloadlisting > div {
    width: 80%;
  }
  #product-downloads .tools {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
	#product-downloads .downloadlisting, #product-downloads .tools{
	   float: none;
	   width: 100%;
	}
    #product-downloads .downloadlisting .container, #product-downloads .tools .container{
       width: 85%;
       float: none;
       padding-bottom: 10px;
       margin: 0 auto;
    }
    #product-downloads ul{
       margin-top: 25px;
       padding: 0 0 10px 0;
    }
}

/*********************************************
PRODUCT RECOMMENDATIONS
*********************************************/
 #product-recommendations-container {
	width: 80%;
	margin: 0 auto;
  padding: 65px 0 95px;
}
.bottom-content #product-recommendations-container {
	width: 100%;
	padding: 110px 0 160px;
}
.bottom-content #product-recommendations .product-item-container {
	padding-bottom: 20px;
}
#product-recommendations {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#product-recommendations h1 {
    margin-bottom: 30px;
}
#product-recommendations .product-item-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.carousel-direction {
	height: 20px;
	margin: auto;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.carousel-direction.disabled {
	display: none;
}
.carousel-direction--next {
	left: auto;
	right: 0;
}

@media(min-width: 768px) {
	.carousel-direction {
		left: -30px;
	}

	.carousel-direction--next {
		left: auto;
		right: -30px;
	}
}
.carousel-direction i {
	color: #437A94;
	font-size: 20px;
}

#product-recommendations div.productItem {
	width: 24%;
}
#product-recommendations div.productItem a.strong-title {
  font-size: 16px;
  line-height: 1.38;
  color: #2c2a29;
	display: block;
	margin-top: 20px;
}
/**tablet view**/
@media(min-width:768px) and (max-width:1024px) {
	#product-recommendations-container {
		width: 100%;
	}
	#product-recommendations {
		width: 100%;
		max-width: 100%;
	}
	.productItem.tablet-hidden {
		display: none;
	}
	.productItem strong {
		display: block;
	}
}
/**mobile view**/
@media(max-width: 767px) {
	#product-recommendations-container {
		width: 100%;
	}
	#product-recommendations {
		width: 100%;
		max-width: 100%;
	}
	#product-recommendations div.productItem {
		width: 50% !important;
		border: none !important;
		display: block;
		float: left !important;
		margin: 20px 0;
	}
}
/*********************************************
PRODUCT OPTIONS & IMAGE GALLERY SHARED STYLES
*********************************************/
.imagegallery {
	width: 100%;
	position: relative;
}
.imagegallery > .fa {
	position: absolute;
	top: 8px;
	right: 30px;
}
#product-tabs .imagegallery .collapsible-section {
	padding: 20px;
}
#product-tabs .imagegallery .photo-row {
	margin: 20px 0 0 0;
}
#product-tabs .imagegallery .photo-row a {
	margin: 1px;
	display: inline-block;
}
#product-tabs .imagegallery .photo-row a img {
	display: block;
}
#product-tabs .imagegallery .photo-row a.first:hover {
	margin-left: 0;
}
#product-tabs .imagegallery p {
	color: #757575;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
}
#product-tabs .imagegallery ul {
	font-weight: normal;
	padding-top: 0;
}
#product-tabs .imagegallery ul li {
	margin: 0;
	font-size: 18px;
	font-weight: 300;
}
.photo-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.photo-block.square {
	width: 23%;
  margin: 1%;
	text-align: center;
}
.collapsible-header + .collapsible-section .photo-block {
  margin: 1%;
  width: 48%;
}
.photo-block.rectangle {
	width: 48%;
  margin: 1%;
	text-align: center;
}
.layout5 .photo-block {
	margin-right: 0;
}
a.image-download {
	padding: 0 0 0 22px;
	height: 16px;
	display: block;
	clear: both;
	background: url("clientlibs-site/img/layout/zip-file.png") no-repeat scroll left center transparent;
	color: #43ACEB;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin: 30px 0 0 0;
	float: left;
}
a.lb-download-img {
	color: #4FA0C6;
	font-size: 18px;
	display: block;
	margin-top: 20px;
}

a.lb-download-assets {
  color: #4FA0C6;
  font-size: 18px;
  display: block;
}

@media (min-width: 768px) {
  .collapsible-header + .collapsible-section .photo-block.square {
    width: 19%;
    margin: 3%;
  }
  .collapsible-header + .collapsible-section .photo-block.rectangle {
    width: 24%;
    margin: 0.5%;
  }

  .photo-block.square {
    width: 9%;
    margin: 0.5%;
  }

  .photo-block.rectangle {
    width: 19%;
    margin: 0.5%;
  }
}

@media (min-width: 1025px) {

}

/*//////////////////////////////////////////////////
	Rep Locator
//////////////////////////////////////////////////*/
.replocator {min-height: 640px;}
.replocator .dk_container {
    width: 100%;
    height: 50px;
    background: transparent;
}
.replocator .dk_toggle {
    height: 50px;
    width: inherit !important;
    font-weight: lighter;
}
.replocator .dk_open {
    box-shadow: 0 0 5px #bdbdbd;
    -moz-box-shadow: 0 0 5px #bdbdbd;
    -webkit-box-shadow: 0 0 5px #bdbdbd;
}
.replocator .dk_focus .dk_toggle {
    border-color: #bdbdbd;
    box-shadow: 0 0 5px #bdbdbd;
    -moz-box-shadow: 0 0 5px #bdbdbd;
    -webkit-box-shadow: 0 0 5px #bdbdbd;
}
.replocator .dk_open .dk_toggle {
	background: none;
	border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.replocator .dk_toggle:hover {
	background: none;
}
.replocator .dk_toggle:hover:after {
	border-top: 0;
}
.replocator .dk_toggle:after{
	top: 25%;
	z-index: 100;
}
.replocator .dk_toggle span{
    font-size: 18px;
    font-weight: lighter;
    line-height: 20px;
    padding-top: 6px;
    color: #616161;
}
.replocator {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 80px;
}
.replocator .replocator-left {
	width: 30%;
}
.replocator .replocator-left h1 {
  max-width: 300px;
  color: #252525;
  font-size: 24px;
  line-height: 31px;
  margin: 0 0 75px;
}
.replocator .replocator-left .area-select-dropdown {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.replocator .replocator-left .dk_options_inner {
	color: #616161;
  line-height: 40px;
  font-size: 18px;
  font-weight: lighter;
  text-align: left;
  padding-left: 15px;
}
.replocator .replocator-left .dk_options a {
    font-weight: lighter;
}
.replocator .replocator-left .area-select-dropdown .fa-chevron-down {
 	position: absolute;
    top: 16px;
    right: 35px;
}
.replocator .replocator-left .area-select-dropdown .fa-chevron-down:hover {
	cursor: pointer;
}
.replocator .replocator-left .area-select-dropdown .location-dropdown,
.replocator .replocator-left .area-select-dropdown .state-dropdown {
  width: 100%;
	position: relative;
  margin-bottom: 15px;
}
.replocator .replocator-right {
	width: 70%;
}
.replocator .replocator-bottom {
	width: 100%;
}
.replocator .replocator-bottom .content.current {
	display: flex;
	flex-wrap: wrap;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
}
.replocator .content .title {
  width: 100%;
}
.replocator .content .title .state {
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 55px;
}
.replocator .replocator-bottom .content .col-item {
	width: 30%;
	margin-right: 5%;
  margin-bottom: 40px;
}
.replocator .replocator-bottom .content .col-item:nth-child(3n+1) {
  margin-right: 0;
}
.replocator .replocator-bottom .col-item h4 {
	font-size: 17px;
	color: #252525;
	margin-bottom: 0;
	line-height: 22px;
}
.replocator .replocator-bottom .col-item p {
	font-size: 15px;
	color: #8C8C8C;
	line-height: 27px;
}
.replocator .replocator-bottom .col-item a {
  color: #8C8C8C;
	word-break: break-all;
}
.repstate {
	width: 100%;
	overflow: hidden;
}
 #rep-locator h2 {
	background: #fff url('clientlibs-site/img/rep-line.png') no-repeat center 26px;
	padding: 0 0 10px 30px;
	font-weight: bold!important;
	color: #000!important;
}
#rep-locator h4 {
	font-weight: bold!important;
}
#rep-locator #text {
	display: none !important;
}
#rep-locator .col-left {
	width: 300px;
	float: left;
	margin: 0 30px;
}
#rep-locator .col-right {
	width: 300px;
	float: left;
}
.active {
	font-weight: bold;
}
.content {display: none;}
.mapWrapper {
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}
#map {
	float: left;
	clear: both;
	width: 930px;
	height: 590px;
}
.point {
	position: absolute;
	display: none;
	padding: 10px 15px;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #262626;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#text {
	width: 710px;
	margin: 20px 0 0 0;
}
.mapWrapper img {
	float: left;
	padding-right: 5px;
	padding-top: 2px;
}
.mapWrapper ul {
	margin-left: 30px;
}
@media (max-width: 1024px) {
	.replocator {
		flex-direction: column;
	}
	.replocator .replocator-left {
		width: 100%;
    margin-bottom: 50px;
	}
	.replocator .replocator-right .mapWrapper {
		display: none;
	}
	.replocator .replocator-right {
		width: 100%;
	}
	.replocator .dk_container {
		margin: 0 20px 0 0;
	}
}
@media (max-width: 768px) {
	#main.replocator-wrapper {
		background-color: #fff;
	}
	.replocator .replocator-left .area-select-dropdown .location-dropdown {
		margin-bottom: 20px;
	}
	.replocator .replocator-left .area-select-dropdown .fa-chevron-down {
		right: 10px;
	}
	.replocator .replocator-bottom .content .col-item {
		width: 100%;
    margin-right: 0;
	}
	.replocator .dk_container {
		width: 100%;
	}
}

.replocator-container .titletext {
	width: 100%;
	margin-top: 40px;
}

.replocator-container .showroom-content {
	width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    margin-bottom: 50px;
}

.replocator-container .showroom-content .contactinfo2 {
    width: 27%;
}
.showroom-content .contactinfo2 ul {
    list-style-type: none;
    padding: 0;
    margin: 30px 0;
}
.showroom-content .contactinfo2 ul li.title {
  font-family: 'ApercuProSemBd';
  font-size: 16px;
  color: #252525;
  margin-bottom: 10px;
}

.showroom-content .contactinfo2 h2 {
	font-size: 24px;
	color: #252525;
}
.showroom-content .contactinfo2 ul li {
	font-size: 15px;
	color: #8C8C8C;
	margin: 5px 0 !important;
}
.showroom-content .contactinfo2 ul li.title {
	margin: 30px 0 15px 0 !important;
}
.showroom-content .contactinfo2 a {
	margin-top: 10px !important;
	display: inline;
}

.replocator-container .showroom-content .toprightpar {
    width: 39%;
    margin-left: 50px;
}

.replocator-container .showroom-content .toprightpar .image {
	margin-bottom: 44px;
}


/*//////////////////////////////////////////////////
	Tab Info
//////////////////////////////////////////////////*/
 .tabinfomodule {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.tab {
}
/*//////////////////////////////////////////////////
	Upholstery
//////////////////////////////////////////////////*/
aside .left-nav ul {
	margin-top: 0;
}
aside.left-side div ul {
	margin: 0;
}
aside.left-side div.fabricfilter {
	padding: 0;
	background-color: transparent;
}
#upholsterySearchModule {
	clear: both;
}
input#upholstery-search.searchbox {
	background-color: #fff;
	text-indent: 15px;
	border: 1px solid #e2e2e2;
  margin-bottom: 20px;
}
#upholstery-search-form {
	margin: 13px 0 0 0;
}
#upholstery-search input.searchbox {
	background-color: #d0d0d0;
}
#upholstery-search-submit {
	background: url("clientlibs-site/img/layout/site_search_button.png") no-repeat scroll center center #ffffff !important;
	border: none;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	box-shadow: -1px 1px 2px 0 #DBDBDB inset;
	-moz-box-shadow: -1px 1px 2px 0 #DBDBDB inset;
	-webkit-box-shadow: -1px 1px 2px 0 #DBDBDB inset;
	height: 29px;
	padding: 8px;
	text-indent: -4000px;
	width: 32px;
}
.upholstery-result {
	background: none;
	display: inline-block;
	margin: 10px 8px 20px 0;
	height: auto;
	position: relative;
	width: 160px;
}
.upholstery-result .upholstery-swatch{
    height: 160px;
    width: 100%;
}
.upholstery-result img {
	width: 120px;
	margin: 15px 26px 8px 24px;
	z-index: 1;
    border-radius: 5px;
}
.upholstery-result h3 {
	color: #000;
	text-align: center;
	margin: 5px 0 10px 0;
	width: 160px;
	float: right;
}
#main .upholstery-result .upholstery-title {
	font-size: 18px;
}
.upholstery-result dl {
	width: 121px;
	float: left;
	padding:15px;
	font-size: 12px;
	font-weight: normal;
	display: none;
	margin:0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.upholstery-result dt {
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: #212121;
}
.upholstery-result dd {
    margin: 0;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: 200;
    font-size: 16px
}
.upholstery-hovering {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
	background-color: #fff;
	width: 281px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 5px 6px 2px #c9c9c9;
	-webkit-box-shadow: 0 5px 6px 2px #c9c9c9;
	box-shadow: 0 5px 6px 2px #c9c9c9;
	z-index: 9000!important;
}
.upholstery-result:hover .upholstery-hovering{
    display: inline-block;
}
.upholstery-hovering .upholstery-hovering-right{
    float: right;
    height: 214px;
    width: 160px;
}
.upholstery-hovering dl {
	display:block;
}
.upholstery-hovering img {
	margin: 15px 0 8px;
}
.ie7 .upholstery-hovering {
	width:270px;
	border: 1px solid #e2e2e2;
}
.ie7 .upholstery-result {
	display: inline;
}
.ie8 .upholstery-hovering, .ie7 .upholstery-hovering, .ie8 .upholstery-hovering dl, .ie7 .upholstery-hovering dl {
	behavior: url(../script/libs/PIE/PIE.htc);
}

/*//////////////////////////////////////////////////
	Non-semantic helper classes
//////////////////////////////////////////////////*/
 .ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content:"";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/*//////////////////////////////////////////////////
	Print
//////////////////////////////////////////////////*/
 @media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter:none !important;
		-ms-filter: none !important;
	}
	/* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content:" (" attr(href)")";
	}
	abbr[title]:after {
		content:" (" attr(title)")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content:"";
	}
	/* Don't show links for images, or javascript/internal links */
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	/* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

/*//////////////////////////////////////////////////
	Rich Text Editor
//////////////////////////////////////////////////*/
rt_h1 {
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 0px;
	color: #757575;
}
rt_h2 {
	font-size: 15px;
	margin-top: 6px;
	margin-bottom: 0px;
	color: #757575;
}
rt_h3 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
rt_p_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}
rt_p_r {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
}
rt_p_g {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
rt_p_b_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-style: italic;
}
rt_p_r_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-style: italic;
}
rt_p_g_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-style: italic;
}
span.h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}
span.h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
span.h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}
span.rt_h1 {
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 0px;
	color: #757575;
}
span.rt_h2 {
	font-size: 15px;
	margin-top: 6px;
	margin-bottom: 0px;
	color: #757575;
}
span.rt_h3 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
span.rt_p_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}
span.rt_p_r {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
}
span.rt_p_g {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
span.rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
span.rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
span.rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
b span.rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
b span.rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
b span.rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
span.rt_p_b_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-style: italic;
}
span.rt_p_r_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-style: italic;
}
span.rt_p_g_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-style: italic;
}


/*//////////////////////////////////////////////////
	Rich Text Editor Lists
//////////////////////////////////////////////////*/
ul li h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}

ul li h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
ul li h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}
ul li rt_p_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}
ul li rt_p_r {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
}
ul li rt_p_g {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
ul li rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
ul li rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
ul li rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
ul li rt_p_b_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-style: italic;
}
ul li rt_p_r_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-style: italic;
}
ul li rt_p_g_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-style: italic;
}
ul li span.rt_p_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}
ul li span.rt_p_r {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
}
ul li span.rt_p_g {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
}
ul li span.rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
ul li span.rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
ul li span.rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
ul li b span.rt_p_b_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-weight: bold;
}
ul li b span.rt_p_r_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-weight: bold;
}
ul li b span.rt_p_g_b {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-weight: bold;
}
ul li span.rt_p_b_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-style: italic;
}
ul li span.rt_p_r_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #BE0606;
	font-style: italic;
}
ul li span.rt_p_g_i {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #757575;
	font-style: italic;
}
ul li span.h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}
ul li span.h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
ul li span.h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}


/*////////////////////////////////////////////////////////////////////////////////////
    CQ Rich Text Editor Author CSS. These entries need
    to be placed in CRX under:
    ../libs/cq/ui/widgets/themes/default/widgets/form/RichText/RichText.iFrame.css
    in order to have the Rich Text Editor show the appropriate styles while editing.
//////////////////////////////////////////////////////////////////////////////////*/

#CQrte rt_h1 {
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte rt_h2 {
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte rt_h3 {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte rt_p_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
}
#CQrte rt_p_r {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
}
#CQrte rt_p_g {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte rt_p_b_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-weight: bold;
}
#CQrte rt_p_r_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-weight: bold;
}
#CQrte rt_p_g_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-weight: bold;
}
#CQrte rt_p_b_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-style: italic;
}
#CQrte rt_p_r_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-style: italic;
}
#CQrte rt_p_g_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-style: italic;
}

/*//////////////////////////////////////////////////
    CQ Rich Text Editor List
//////////////////////////////////////////////////*/
#CQrte ul li rt_p_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
}
#CQrte ul li rt_p_r {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
}
#CQrte ul li rt_p_g {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte ul li rt_p_b_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-weight: bold;
}
#CQrte ul li rt_p_r_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-weight: bold;
}
#CQrte ul li rt_p_g_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-weight: bold;
}
#CQrte ul li rt_p_b_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-style: italic;
}
#CQrte ul li rt_p_r_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-style: italic;
}
#CQrte ul li rt_p_g_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-style: italic;
}

/*//////////////////////////////////////////////////
    CQ Rich Text Editor
//////////////////////////////////////////////////*/
#CQrte span.rt_h1 {
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte span.rt_h2 {
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte span.rt_h3 {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte span.rt_p_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
}
#CQrte span.rt_p_r {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
}
#CQrte span.rt_p_g {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte span.rt_p_b_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-weight: bold;
}
#CQrte span.rt_p_r_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-weight: bold;
}
#CQrte span.rt_p_g_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-weight: bold;
}
#CQrte span.rt_p_b_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-style: italic;
}
#CQrte span.rt_p_r_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-style: italic;
}
#CQrte span.rt_p_g_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-style: italic;
}

/*//////////////////////////////////////////////////
    CQ Rich Text Editor List
//////////////////////////////////////////////////*/
#CQrte ul li span.rt_p_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
}
#CQrte ul li span.rt_p_r {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
}
#CQrte ul li span.rt_p_g {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
}
#CQrte ul li span.rt_p_b_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-weight: bold;
}
#CQrte ul li span.rt_p_r_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-weight: bold;
}
#CQrte ul li span.rt_p_g_b {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-weight: bold;
}
#CQrte ul li span.rt_p_b_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black;
    font-style: italic;
}
#CQrte ul li span.rt_p_r_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #BE0606;
    font-style: italic;
}
#CQrte ul li span.rt_p_g_i {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #757575;
    font-style: italic;
}
#CQrte h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}

#CQrte h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
#CQrte h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}

#CQrte ul li h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}

#CQrte ul li h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
#CQrte ul li h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}
#CQrte span.h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}

#CQrte span.h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
#CQrte span.h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}

#CQrte ul li span.h1 {
    color:#1d2124;
    font-size:16px;
    font-weight:normal;
    margin: 20px 0;
}

#CQrte ul li span.h2 {
    color:#757575;
    font-size:16px;
    font-weight:normal;
    margin:15px 0;
}
#CQrte ul li span.h3 {
    color:#1d2124;
    font-size:14px;
    font-weight:normal;
}

/* ==================
   News Module
   ================== */
.tmarg-14 {
    margin-top: 14px !important;
}

.newscontent {
    font-size: 1.2em;
    line-height: 1.4em;
}

.alignleft img {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 23px;
    margin-top: 15px;
}

.marginfix  h2{
	color:#757575;
	font-size:16px;
	font-weight:normal;
    margin-bottom: 0px;
    margin-top: 15px;
}

.marginfixp {
	margin-top: 0px;
}
/* ==================
   Social Module
   ================== */

.socialfollow {
	background-color: #F6F6F6;
	margin-top: -2px;
	font-size: 13px;
	line-height: 1.4em;
	color:#757575;
	float: right;
	padding-left: 100;

}

.socialshare {
	vertical-align:middle;
}

/* ==================
   Video Grid
   ================== */
.videogrid {
        margin-bottom: 20px;
}
#video-tab-carousel .videogrid div{
	float: left;
}
#video-row #video-row-carousel, #video-row #video-row-carousel div {
	padding: 0;
        display: inline-block;
}
#video-row #video-row-carousel .carousel-group div {
	float: left;
	width: 155px;
}
#video-row-carousel .carousel-group div a {
	padding: 2px;
	display: block;
        margin-bottom: 5px;
}
#video-row-carousel .carousel-group div a:hover {
	border: 2px solid #43aceb;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 4px 4px #CCC;
	-moz-box-shadow: 0 4px 4px #CCC;
	box-shadow: 0 4px 4px #CCC;
	padding: 0;
}
#video-row #video-row-carousel .carousel-group div.first {
	padding-left: 0;
}
#video-row-carousel .carousel-group div a img {
	display: block;
        height: 85px;
}
#video-row-carousel .carousel-group p {
	color: #757575;
	font-size: 12px;
	line-height: 1.2em;
	padding: 0 2px;
}
#video-row-wrapper {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 top;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}
#video-row #video-row-wrapper {
	position: relative;
}
#video-row #video-row-wrapper #video-row-carousel .video-row-item {
    margin: 0px 10px;
}
.homepagepar {
	width: 80%;
  margin: 20px auto;
  text-align: center;
}
@media (max-width: 1024px) {
	.homepagepar {
		width: 100%;
		padding: 0 20px;
	}
}
.homepagepar .teasermodule {
	width: 28.5%;
	margin: 0 2%;
	line-height: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .homepagepar {
    width: 100%;
  }
	#productListingModule .productItem:nth-child(odd){
	    border: 0px;
	    margin: 20px 50px;
	 }
	#productListingModule .productItem:nth-child(even){
	    border: 0px;
	    margin: 20px 0px;
	 }
}
#product-tile-text .top-tile-text .product-teaser {
	font-size: 26px;
	word-break: break-word;
}
#product-top .top-tile-text .product-teaser {
	color: white;
}
.top-tile-text .product-sub-title {
	font-size: 32px;
	word-break: break-word;
}
#product-tile-text {
	word-break: break-word;
}
/* ==================
   Destop Only
   ================== */
@media (min-width: 1025px) {
	#product-hero-caption {
		height: 40px;
	}
	#product-hero-caption div.toggler {
	    margin: 6px 10px 0 100px;
	}
}
/* ==================
   Tablet only
   ================== */
@media (min-width: 768px) and (max-width: 1024px) {
	#product-hero-caption.open {
	    max-height: 75px;
	    overflow: hidden;
	}
	#product-hero-caption.open p {
	    white-space: normal;
    	word-break: break-word;
    	padding-right: 15px;
	}
	#product-hero-caption div.toggler {
	    margin: 6px 10px 0 10px;
	}
}
/* ==================
    Mobile Only
   ================== */
@media (max-width: 767px) {
	.homepagepar .teasermodule {
        width: 100%;
        margin: 0px auto;
        display: block;
    }
    .teasermodule .teaser-wrap {
    	text-align: center;
    	margin: auto;
    }
    .teasermodule img {
    	margin: 15px 0;
    }
    .productItem.mobile-hidden {
		display: none;
	}
	.productItem {
	    width: 40%;
	    border: 0px;
	    margin: 20px 5%;
	 }
	 .productItem strong {
	 	display: block;
	 }
	 #product-recommendations h3 {
	 	font-size: 25px;
	 }
	#product-top .top-tile-text h1 {
		font-size: 51px;
		margin: 0;
		margin-bottom: 20px;
	}
	#product-tile-text .top-tile-text .product-teaser {
		font-size: 16px;
	}
	.top-tile-text .product-sub-title {
		font-size: 23px;
	}
	#configure-price {
		margin: 25px 0px;
	}
	#product-top {
		margin-top: -300px;
		height: 300px;
	}
    #product .marquee-full {
		height: 300px;
	}
}


.productfilter, .filter-container, #productFilterTagsModule, .productfiltertag, .filter-tags, #product-tags, .filter-content{
	width: 100% !important;
    margin: 0;
}
.filter-container, #productFilterTagsModule, .productfiltertag, .filter-tags, #product-tags, .filter-content{
    padding: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.filter-container{
	width: 95% !important;
    padding: 0 !important;
    margin: 0;
}
.productfilter #productFilterTagsModule #product-tags ul li,
.fabricfilter #upholstery-tags ul li {
	background-color: #f2f2f2;
	border-radius: 100px;
	font-size: 14px;
  color: #2c2a29;
  padding: 5px 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.productfilter #productFilterTagsModule #product-tags ul li .icon,
.fabricfilter #upholstery-tags ul li .icon {
  font-size: 10px;
  color: #252525;
  margin-left: 10px;
}
.productfilter #productFilterTagsModule #product-tags ul {
	text-align: left;
	padding-left: 0;
	min-width: 220px;
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e2e2;
}
.productfilter.typicalfilter #productFilterTagsModule #product-tags ul {
	min-width: 100%;
}
.productfilter{
	text-align: left;
}
@media (max-width: 767px) {
  .productfilter #productFilterTagsModule #product-tags ul {
    padding-bottom: 25px;
  }
  .productfilter {
    padding: 0 30px;
    position: relative;
    top: 93px;
  }
}
.productfilter h2{
	color: #212121;
    font-size: 22px;
}
.productfilter .fa-check{
	padding-right: 10px;
}
.productfilter .fa-chevron-down,
.productfilter .fa-chevron-up{
	position: absolute;
    right: 15px;
    top: 15px;
}
.productfilter li.opened .fa-chevron-down{
	transform: rotate(180deg);
}
.filter-content ul,
.upholsteryfilter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-content ul li,
.upholsteryfilter ul li {
	line-height: 1;
  font-family: 'ApercuProSemBd';
	font-size: 16px;
  font-weight: 500;
  color: #2c2a29;
  position: relative;
  box-shadow: none;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
}

.filter-content ul li .icon,
.upholsteryfilter ul.filter-items li .icon {
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 0;
}

.filter-content ul li .icon-minus,
.upholsteryfilter ul.filter-items li .icon-minus {
  font-size: 2px;
  position: absolute;
  top: 17px;
  right: 0;
}

@media (max-width: 1024px) {
	aside.right-side {
       float: none !important;
       width: 100% !important;
       max-width: none;
	}
	aside.left-side {
       float: none !important;
       width: 100% !important;
       max-width: none;
	}
	.filter-container{
	   width: 100% !important;
	}
	.filter-content ul li,
  .upholsteryfilter ul li {
	   font-size: 16px;
    }
    li.tag-category ul li {
       font-size: 14px;
    }
}


/* ==================
   Product Description
   ================== */
.product-description-container {
    width: 80%;
    flex-direction: row;
    -ms-flex-direction: row;
    display: flex;
    display: -ms-flexbox;
    margin: 100px auto 0;
    justify-content: center;
    align-items: stretch;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 55px;
}
.product-description-container .product-description {
    width: 40%;
    order: 1;
    flex: 1 1 auto;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto;
}
.product-description-container .product-description .title{
	font-size: 30px;
	text-align: left;
	margin: 25px 0px;
	color: #252525;
  line-height: normal;
}
.product-description-container .product-description .description p {
  max-width: 570px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.8;
  text-align: left;
  color: #8c8c8c;
}
.product-description-container .product-description .description p a {
  color: #437a94;
}
.product-description-container .product-description .btn-container {
	text-align: left;
	margin-top: 60px
}
.product-description-container .product-description .btn-container a {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	border: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-color: #6fc176;
  background-repeat: repeat-x;
	padding: 10px 40px;
	transition: all .5s;
	display: inline;
	z-index: 100;
	position: relative;
	text-align: center;
}
.product-description-container .product-description-image {
  width: 60%;
  position: relative;
  order: 2;
  flex: 1 1 auto;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: auto;
  text-align: center;
}
.product-description-container .product-description-image img{
	width: 100%;
  max-width: 470px;
	height: auto;
}
.product-description-container .product-description-image .product-description-icon,
.image-hot-spot .hot-spot-icon,
.description-circle {
  font-size: 13px;
  background-color: transparent;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  bottom: 0;
  line-height: 25px;
  position: absolute;
  right: 0;
  z-index: 100;
  color: #8C8C8C;
  border: 2px solid #8C8C8C;
}
.typical-hero .image-hot-spot .hot-spot-icon {
	color: #fff;
	border-color: #fff;
	line-height: 26px;
}
.floorplan-hero-image .image-hot-spot .hot-spot-icon {
	width: 18px;
	height: 18px;
	background-color: #3A6F8A;
	border: 1px solid #fff;
	box-shadow: 0 1px 9px -1px rgba(0,0,0,0.9);
}
.description-circle,
.description-circle:hover {
  border-color: #ffffff;
  color: #ffffff;
  bottom: 20px;
  right: 15px;
  cursor: pointer;
}
.description-modal {
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  padding: 0 20px;
  opacity: 0;
  position: absolute;
  top: -100px;
  left: 0;
  transition: all 0.3s ease;
}
.description-modal.show {
  top: 0;
  opacity: 1;
}
.description-modal p {
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  line-height: 1.8;
}
.product-description-container .product-description-image .product-description-icon i,
.image-hot-spot .hot-spot-icon i,
.description-circle i {
  display: inline-block;
  line-height: 0.9;
  transition: transform 0.3s ease;
}
.typical-hero .image-hot-spot .hot-spot-icon i,
.floorplan-hero-image .image-hot-spot .hot-spot-icon i {
	line-height: 7px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 13px;
	height: 13px;
	margin: auto;
}
.typical-hero .image-hot-spot .hot-spot-icon i {
	opacity: 0.7;
}
.product-description-container .product-description-image .product-description-icon i:before,
.image-hot-spot .hot-spot-icon i:before,
.description-circle i:before {
  line-height: 1;
}
.product-description-container .product-description-image .product-description-icon.active i,
.image-hot-spot .hot-spot-icon.active i,
.description-circle.active i {
  transform: rotate(135deg);
}

.typical-hero .image-hot-spot .hot-spot-icon.active i,
.floorplan-hero-image .image-hot-spot .hot-spot-icon.active i {
  transform: rotate(0);
}

.product-description-container .product-description-image .product-description-icon:hover,
.product-description-container .product-description .btn-container {
	cursor:pointer
}
.product-description-container .product-description-image .product-description-tip {
    position: absolute;
    max-width: 365px;
    max-height: 200px;
    right: 23px;
    bottom: 23px;
    background-color: #ffffff;
    z-index: 50;
    padding: 30px;
    box-shadow: 0 1px 9px #95989a;
    display: none;
    overflow-y: auto;
}
.product-description-container .product-description-image .product-description-tip .title {
	text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    color: #323232;
}
.product-description-container .product-description-image .product-description-tip .description p {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    max-width: 276px;
    color: #8c8c8c;
    line-height: 1.8;
}
@media (max-width: 1024px) {
  .product-description-container {
    width: 95%;
    margin: 60px auto 0;
  }
  .product-description-container .product-description {
    width: 50%;
  }
  .product-description-container .product-description-image {
    width: 50%;
  }
	.product-description-container .product-description .btn-container {
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
  .product-description-container {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .product-description-container .product-description {
      width: 100%;
      padding: 20px 40px 0 40px;
  }
  .product-description-container .product-description-image {
      width: 80%;
      position: relative;
      margin: 0 auto;
  }
	.product-description-container .product-description .description p{
	    font-size: 14px;
	}
	.product-description-container .product-description .title {
	    font-size: 27px;
	}
	.product-description-container .product-description .btn-container {
		display: none;
	}
	.product-description-container .product-description {
	    padding: 20px 30px 0;
	}
	.product-description-container .product-description-image .product-description-tip {
		padding: 10px;
	}
	.product-description-container .product-description-image .product-description-tip .title {
	    font-size: 12px;
	    line-height: 1.2em;
	}
	.product-description-container .product-description-image .product-description-tip .description p {
	    font-size: 12px;
	    line-height: 1.2em;
	}
	.product-description-container .product-description-image .product-description-tip {
	    right: 35px;
	    bottom: 15px;
	    max-width: 220px;
	}
	.product-description-container .product-description-image .product-description-icon {
	    width: 30px;
	    height: 30px;
	    line-height: 32px;
	    right: 20px;
	    font-size: 18px;
	}
	.product-description-container .product-description-image {
	    width: 100%;
	}
	.result-textile-box .result-view-textile a{
		font-size: .75em !important;
	}
	.other-results-img img{
		max-width: 75px !important;
	}
	.other-results-box .other-result-title{
		font-size: 1.15em !important;
	}
	.other-results-box .other-result-link a,
	.other-results-box .result-description{
	    font-size: 1em !important;
	}
	.result-textile-box{
		display: block;
		padding: 0;
	}
	.result-textile-box .result-view-textile{
		margin-left:0;
		margin-top: 1em;
	}
	.result-textile-box .results-textile{
		font-size: 2em !important;
		margin-bottom: 10px;
	}
	.searchresults.parbase.cq-analyzable{
		padding: 0;
	}
}

/* ==========================
    PDP Content Sections
   ========================== */
.product-section {
  width: 90%;
  margin: 30px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-section > h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.product-section.flex-column h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.product-section .product-content {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-section.flex-column .product-content {
  width: 100%;
}

.flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.space-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.collapsible-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  padding: 15px 0;
  border-top: 1px solid #e2e2e2;
}

.collapsible-header h4,
.collapsible-header i {
  pointer-events: none;
}

.collapsible-header i {
  font-size: 12px;
}

.collapsible-header i.icon-minus {
  font-size: 2px;
}

.collapsible-section {
  padding: 10px 0 30px;
}

@media (min-width: 768px) {
  .product-section {
    width: 95%;
    margin: 60px auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }

  .product-section h1 {
    width: 20%;
  }

  .product-section .product-content {
    width: 75%;
  }
}

@media (max-width: 1024px) {
  .layout1 .product-section .product-content {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1025px) {
  .product-section {
    width: 80%;
    margin: 100px auto;
  }

  .product-section h1 {
    width: 10%;
  }

  .product-section .product-content {
    width: 85%;
  }
}

/* ==========================
    Stories Promo Component
   ========================== */

.homepagepar .storiespromo {
  margin: 60px 3% 0;
  padding-top: 40px;
  border-top: 1px solid #E2E2E2;
}

.stories-promo-container {
	width: 90%;
  margin: 40px auto;
	text-align: center;
	position: relative;
}

.homepagepar .stories-promo-container .stories-promo-container__background {
	width: 133%;
	height: calc(100% - 16vw);
	content: '';
	background-color: inherit;
	position: absolute;
	bottom: -40px;
	left: -16.5%;
}

@media (max-width: 1024px) {
	.homepagepar .stories-promo-container .stories-promo-container__background {
		height: calc(100% - 24vw);
	}
}

@media (max-width: 768px) {
	.homepagepar .stories-promo-container .stories-promo-container__background {
		height: calc(100% - 66vw);
	}
}

.homepagepar .stories-promo-container .btn-wrapper.btn-center {
	position: relative;
}

.floor-plan .stories-promo-container {
	width: 100%;
}

.homepagepar .stories-promo-container {
  width: 100%;
}

.textile-partner .stories-promo-container {
  width: 90%;
  margin-top: 0;
}
.stories-promo-container .stories-promo-header-container {
	width: 750px;
  margin: 0 auto;
}
.stories-promo-container .stories-promo-header-container .stories-promo-title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 30px;
  color: #252525;
  margin: 0 auto;
  line-height: 1.2;
}
.stories-promo-container .stories-promo-header-container .stories-promo-description p {
  font-family: 'ApercuProSemBd', sans-serif;
	font-size: 20px;
  line-height: 1.1;
  color: #9B9B9B;
  margin-top: 12px;
}
.stories-promo-container .stories-promo-item-container {
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-top: 25px;
}

/*.homepagepar .stories-promo-container .stories-promo-item-container {
  display: block;
}*/

.stories-promo-container .stories-promo-item-container .stories-promo-item {
  width: 30.5%;
	margin: 20px 2% 50px;
	position: relative;
}

.portal .stories-promo-container .stories-promo-item-container .stories-promo-item {
  width: 31.3%;
  margin: 20px 1.52% 50px;
}

@media (min-width: 768px) {

	.homepagepar .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 1),
	.portal .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 1){
  	margin-left: 0;
  }

	.homepagepar .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 3),
	.portal .stories-promo-container .stories-promo-item-container .stories-promo-item:nth-child(3n + 3) {
    margin-right: 0;
  }
}

.stories-promo-container .stories-promo-item-container .stories-promo-item .item-image {
  position: relative;
  overflow: hidden;
}
.stories-promo-container .stories-promo-item-container .stories-promo-item .overlay {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.stories-promo-container .stories-promo-item-container .stories-promo-item:hover .overlay {
  opacity: 1;
}
.stories-promo-container .stories-promo-item-container .stories-promo-item img {
  border-radius: 0;
  display: block;
}
.stories-promo-container .stories-promo-item-container .stories-promo-item a {
    cursor: pointer;
    color: #212121;
    text-decoration: none;
}
.floor-plan .stories-promo-container .stories-promo-item-container .stories-promo-item a {
	display: block;
	position: relative;
}
.floor-plan .stories-promo-container .stories-promo-item-container .stories-promo-item a::before {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background: linear-gradient(180deg,rgba(149,162,168,0.5) 0,rgba(243,243,243,0.5) 30%);
	position: absolute;
	top: 0;
	left: 0;
}
.stories-promo-container .stories-promo-item-container .stories-promo-item .item-title {
  font-family: 'ApercuProSemBd', sans-serif;
	font-size: 16px;
  color: #437A94;
  margin: 20px 0 0 0;
  line-height: 1.2;
}

.homepagepar .stories-promo-container .stories-promo-item-container .stories-promo-item .item-title {
  color: #242424;
}
.floor-plan .stories-promo-container .stories-promo-item-container .stories-promo-item .item-title {
	margin-top: 0;
	font-size: 18px;
	color: #242424;
  position: absolute;
	top: 20px;
	left: 30px;
}

.stories-promo-container .stories-promo-item-container .stories-promo-item .text {
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
  margin: 20px 0 0 0;
}
@media (max-width: 1024px) {
	.stories-promo-container .stories-promo-header-container {
		width: 560px;
	}
	.stories-promo-container .stories-promo-header-container .stories-promo-title {
	    width: 300px;
	    margin: 0 auto;
	}
	.stories-promo-container .stories-promo-item-container .stories-promo-item .overlay {
		display: none;
	}
	.horizontal-center {
	    flex-direction: column;
        -ms-flex-direction: column;
	}
	.contract .left-side, .contract .left-side div, .highlight h2 {
	    max-width: none !important;
	    width: 100% !important;
	}
	.contract .right-side {
		margin-left: 0;
	    width: 100% !important;
	    padding: 0 1em !important;
	    background-color: #fafafa;
	    order: 0;

	}
	.contract .left-side {
    	order: 1;
	}
	.contract-box .contract-list{
		padding-bottom: 0 !important;
	}
	.contract-box h2{
		padding-bottom: 0;
		line-height: .8em;
	}
}
@media (max-width: 767px) {
  .homepagepar .storiespromo {
    margin: 40px 0 0;
    padding-top: 30px;
  }
  .stories-promo-container {
    margin-top: 0;
  }
	.stories-promo-container .stories-promo-header-container .stories-promo-title {
    width: 100%;
    font-size: 28px;
	}
	.stories-promo-container .stories-promo-header-container .stories-promo-description p {
		font-size: 17px;
	}
	.stories-promo-container .stories-promo-item-container {
		flex-direction: column;
        -ms-flex-direction: column;
	}
	.stories-promo-container .stories-promo-item-container .stories-promo-item,
	.portal .stories-promo-container .stories-promo-item-container .stories-promo-item {
	    margin: 20px auto;
	    width: 100%;
	    max-width: 100%;
	}
  .stories-promo-container .stories-promo-item-container .stories-promo-item .item-title {
    font-size: 15px;
  }
	.stories-promo-container .stories-promo-item-container .stories-promo-item.mobile-hidden {
	   display: none;
	}
	.stories-promo-container .stories-promo-header-container {
		width: 100%;
	}
}

/* ==============================================================================
					downloadsearchfilter and downloadsearchresults
=========================================================================== */
.wrapper.download-background {
	background-color: #fff;
}
#download-filters {
	 width: 100% !important;
}

.downloadsearchfilter{
	 width: 100% !important;
}

.download-search-filter-container{
	width: 100% !important;
}

.select-product{
	width: 100%;
	height: 50px;
	background-color: #fff;
}

.select-category{
	width: 100%;
	height: 50px;
	background-color: #fff;
}
.download-search-filter-container .dk_toggle:after {
	 top: 12px;
	 z-index: 200;
}
.download-search-filter-container .dk_container {
	height: 50px;
    width: 100%;
    display: block;
    padding: 0;
    background: transparent;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    font-weight: lighter;
}
.download-search-filter-container .dk_container a {
	 background: transparent !important;
}

.download-search-filter-container .dk_container a:hover {
	 background: transparent !important;
}

.download-search-filter-container .select-category {
	position: relative;
}

.download-search-filter-container .select-product {
	position: relative;
}

.download-search-filter-container .select-product i {
	position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
}
.download-search-filter-container .select-product i:focus {
    outline: none
}

.download-search-filter-container .select-category i:focus {
    outline: none
}

.download-search-filter-container .dk_open + i {
	transform: rotate(180deg);
}

.download-search-filter-container .select-category i {
	position: absolute;
    top: 19px;
    right: 15px;
    cursor: pointer;
}


.dk_open > .select-product i {
	transform: rotate(180deg);
}

.download-search-filter-container .dk_open {
	-moz-box-shadow: 0 0 0 #204a73;
	-webkit-box-shadow: 0 0 0 #204a73;
	box-shadow: 0 0 0 #204a73;

}

.download-search-filter-container .dk_toggle {
	color: #616161 !important;
    background: -webkit-linear-gradient(top, #fff , #fff );
    background: -o-linear-gradient(top, #fff, #fff);
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -ms-linear-gradient(top, #fff , #fff );
    background: linear-gradient(top, #fff , #fff);
    background: #fff;
    border: 1px solid #fff !important;
	height: 100%;
	font-size: 18px;
}

.download-search-filter-container .dk_options {
	color: #616161 !important;
}

.download-search-filter-container .dk_options:hover {
	color: #616161 !important;
}


.download-search-filter-container .dk_toggle:hover {
	color: #616161 !important;
    background: -webkit-linear-gradient(top, #fff , #fff );
    background: -o-linear-gradient(top, #fff, #fff);
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -ms-linear-gradient(top, #fff , #fff );
    background: linear-gradient(top, #fff , #fff);
    background: #fff;
    border: 1px solid #fff;
    height: 100%;
    font-size: 18px;
    border-radius: 0;
}
.download-search-filter-container .dk_toggle .dk_label {
	height: 100%;
	line-height: 30px;
	font-weight: lighter;
}

.download-search-filter-container .dk_options {
	width: 100%;
    padding: 0;
    font-weight: lighter;
    margin-bottom: 0;
}

.download-search-filter-container .dk_options li {
    margin: 1px 0;
    line-height: 30px;
	font-weight: 400;
	font-size: 18px;
}

.download-search-filter-container .dk_options a {
	height: 100%;
    line-height: 30px;
    font-weight: lighter;
}
.download-search-filter-container div {
	margin-bottom: 15px;
}

.download-search-filter-container .button {
	height: 60px;
    width: 100%;
    background: #6fc176;
    color: #fff;
    border: 1px solid #eee;
    font-size: 16px;
    font-weight: normal;
}
.download-container {
	padding-top: 30px;
}

.download-container .container {
	padding-left: 40px;
	background-color: #fff;
}

.download-title {
	font-weight: normal;
	color: #212121 !important;
	font-size: 22px;
	width: 100%;
	float: right;
	line-height: 25px;
	padding-bottom: 0;
	margin-bottom: 17px;
    padding-top: 23px;
	background-color: transparent !important;
}

.download-title hr {
    display: none;
    border-bottom: 0.5px solid #bdbdbd;
    background-image: none;
    margin-top: 20px;
}

.download-title p {
	margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    width: 90%;
    line-height: 20px;

}
.download-filters {
	width: 25%;
	float: left;
	background-color: transparent !important;
}

.download-results {
	width: 100%;
	float: right;
	background-color: transparent !important;
	padding-right: 50px;
}
.downloadsearchresults {
	width: 75%;
	float: right;
	padding-bottom: 20px;
}
.download-results-parsys {
	width: 75%;
	float: right;
	background-color: transparent !important;
}

@media (max-width: 1024px) {
	.downloadsearchresultscomponent {
		padding: 1% 3% 1% 3%;
    	border-top: 0;
	}
	.download-title {
		 width: 100%;
		 margin-bottom: 0;
		 position: absolute;
		 padding-top: 18px;
	}
	.download-title hr {
	    display: block;
	}
	.download-filters {
		 width: 100%;
		 margin-top: 70px;
	}

	.download-filters-pars {
		 width: 100%;
		 margin-top: 0;
	}
	.download-results{
		 width: 100%;
		 padding-right: 0;
	}
	.download-container .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.downloadsearchresults {
		width: 100%;
		float: inherit;
		padding-bottom: 0;
	}
	.download-results-parsys {
		width: 100%;
		float: inherit;
	}
	.download-search-filter-container select {
		z-index: -1;
	}
}

/* ===================
	Fabric Filter
=================== */
.upholsterysearch-container aside.left-side {
	padding: 20px 15px 0 30px;
}
.upholsterysearch-container aside.right-side {
	position: relative;
	float: right;
}
.upholsterysearch-container .fabricfilter-header {
	display: none;
}
.upholsterysearch-container .fabricfilter-header .collection-title {
	font-size: 22px;
    color: #212121;
    font-weight: normal;
    line-height: 28px;
}
.upholsterysearch-container .fabricfilter-header .collection-description {
	font-size: 16px;
    font-weight: lighter;
    line-height: 26px;
    color: #616161;
    margin-top: 15px;
}
.upholsterysearch-container .fabricfilter-header .collection-description p {
	margin: 0;
}
.upholsterysearch-container .fabricfilter .upholstery-underline {
	display: none;
	border-bottom: 1px solid #bdbdbd;
}
.upholsteryfilter #upholstery-tags {
	float: none;
	padding: 20px 0;
}
.fabricfilter input.searchbox {
	width: 80%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 2px solid #bdbdbd;
    height: 50px;
    font-size: 18px;
    font-weight: lighter;
}
.fabricfilter input#upholstery-search {
	width: 100%;
}
.fabricfilter input#upholstery-search-submit {
	position: absolute;
	right: 0;
	top: 0;
    width: 55px;
}
.fabricsearch {
	width: 98%;
}
.fabricsearch .filter-sort {
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.fabricsearch .filter-sort .filter-label {
	padding: 15px 0;
	margin: 0 10px 0 10px;
	color: #757575;
  font-size: 16px;
  font-weight: normal;
}
.fabricsearch .fabricsearch-header {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: stretch;
    -ms-flex-align: stretch;
    margin: 40px 0 0 0;
}
.fabricsearch .fabricsearch-header .header-position {
	font-size: 22px;
	margin-bottom: 0;
}
.fabricsearch .fabricsearch-header .filter-sort {
    padding-bottom: 20px;
}
.fabricsearch .fabricsearch-description {
	font-size: 18px;
    font-weight: lighter;
    margin: 0;
    line-height: 30px;
    color: #616161;
}
.fabricsearch .fabricsearch-description p {
	margin: 0;
}
.upholsteryfilter #upholstery-tags ul {
	padding-left: 0;
}
.upholsteryfilter #upholstery-tags ul li.default-selected {
	padding-right: 15px;
	cursor: default;
  display: none;
}
.upholsteryfilter .tag-category .fa-info-circle {
    left: 110px;
    width: 20px;
}
.upholsteryfilter .tag-category.default-selected {
    color: #bdbdbd;
}
.upholsteryfilter .tag-category ul .image-container {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-right: 5px;
}
.fabricfilter #upholsterySearchModule {
    position: relative;
    margin: 33px 0 0 0
}
.fabricfilter #upholsterySearchModule #upholstery-search-form i {
	position: absolute;
    right: 20px;
    top: 16px;
    font-size: 18px;
}
.fabricfilter #upholstery-search-submit {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-left: 0;
    height: 50px;
    width: 20%;
    background: #ffffff !important;
}
.fabricfilter .upholsteryfilter {
	position: relative;
}
.fabricfilter .filter-item-tooltip {
    box-shadow: 0 0 20px #bdbdbd;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 5px;
    left: 100px;
    width: 400px;
    max-height: 600px;
    z-index: 500;
    opacity: 0.96;
    display: none;
    padding: 40px 30px;
}
.upholsteryfilter .tag-category .filter-item-tooltip .fa-info-circle {
    left: 10px;
    top: 10px;
}
.fabricfilter .filter-item-tooltip p {
	font-size: 16px;
    font-weight: lighter;
    color: #95989a;
	margin: 0;
	line-height: 20px;
}
@media (max-width: 1680px) {
	.upholsterysearch-container aside.left-side {
		width: 25%;
	}
	.upholsterysearch-container aside.right-side {
		width: 75%;
	}
}
@media (max-width: 1280px) {
	.upholsterysearch-container aside.left-side {
		width: 30%;
	}
	.upholsterysearch-container aside.right-side {
		width: 70%;
	}
}
@media (max-width: 1024px) {
	.upholsterysearch-container aside.right-side {
		position: static;
		padding-bottom: 0;
		padding: 0 30px;
	}
	.upholsterysearch-container .fabricfilter-header {
		display: block;
		margin: 30px 0;
	}
	.upholsterysearch-container .advancedpagination{
	    margin: 60px 0 20px 0;
	}
	.upholsteryfilter .tag-category ul .image-container {
	    margin-right: 10px;
	}
	.upholsterysearch-container aside.left-side {
		padding: 0 30px 0 30px;
	}
	.upholsterysearch-container .fabricfilter .upholstery-underline {
		display: block;
	}
	.fabricsearch .fabricsearch-description {
		display: none;
	}
	aside.left-side {
	    width: 100%;
	    max-width: 1024px;
	    float: none;
	}
	.fabricfilter input.searchbox {
		width: 90%;
	}
	.fabricfilter #upholstery-search-submit {
		width: 10%;
	}
	.fabricsearch .fabricsearch-header {
	    margin: 40px 0 15px 0;
	}
}
@media (max-width: 768px) {
	.fabricfilter .filter-item-tooltip {
	    width: 60%;
	    padding: 25px 20px;
	}
	.fabricfilter .filter-item-tooltip p {
		font-size: 12px;
	}
	.fabricfilter .filter-item-tooltip .tooltip-content {
		padding: 0;
	}
}
@media (max-width: 374px) {
	.upholsteryfilter .tag-category ul li {
		font-size: 16px;
	}
}
/* =============
	Fabric Search
================== */
.fabricsearch #upholsteryFilterTagsModule {
	width: 100%;
	padding: 0;
	margin-top: 20px;
}
.fabricsearch #upholsteryFilterTagsModule>div {
	border-bottom: 1px solid #bdbdbd;
}
.filter-sort .dk_container, .productlisting .dk_container .dk_open {
	background: -webkit-linear-gradient(top, #fff , #fff ) !important;
	box-shadow: none;
}
.filter-sort .dk_container .dk_open {
	box-shadow: none;
}
.filter-sort .dk_toggle:hover {
	color: #616161 !important;
	background: none;
    background-color: white;
}
.filter-sort .dk_toggle:hover:after {
	border-top: 5px solid #000;
}
.filter-sort .dk_options_inner {
	color: #616161;
    line-height: 40px;
    font-size: 18px;
    font-weight: lighter;
    text-align: left;
    padding-left: 15px;
}
.filter-sort .dk_options_inner a, .filter-sort .dk_options_inner .dk_option_current a {
    font-weight: lighter;
    padding: 0;
}
.filter-sort .dk_options_inner a:hover {
    color: #488fbf;
    text-decoration: none;
}
.filter-sort .dk_toggle {
	width: 231px !important;
    height: 50px;
    line-height: 45px;
    font-size: 18px;
    font-weight: lighter;
    padding: 0;
    border: 1px solid #e2e2e2;
    background-color: white !important;
    color: #616161 !important;
    background: none !important;
}
.filter-sort .dk_toggle:after {
    position: absolute;
    top: 14px;
    right: 10px;
    content: '';
    height: 20px;
    width: 20px;
    z-index: 500;
    border: none;
 }
.filter-sort .dk_toggle:hover:after {
     border-top: 0px solid #ffffff;
 }
.filter-sort .dk_toggle .dk_label {
	text-align: left;
    padding-left: 15px;
    font-weight: lighter;
}
.fabricsearch .filter-sort #upholsterySortModule .sort-by i {
    position: absolute;
   	right: 15px;
   	top: 15px;
   	z-index: 400;
}
.dk_mobile select {
	top: -99999em;
   	visibility: hidden;
}
.fabricsearch #upholsterySearchModule {
	display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.fabricsearch .upholstery-result .upholstery-title {
	color: #212121;
}
@media (min-width: 1025px) {
  .fabricsearch {
      position: relative;
  }
    #upholsterySearchModule .upholstery-result {
        width: 20%;
        margin: 0 0 20px;
    }
    #upholsterySearchModule .upholstery-result >.upholstery-swatch {
        height: auto;
        width: 100%;
    }
    #upholsterySearchModule .upholstery-result >.upholstery-swatch img {
        width: 80%;
    }
    #upholsterySearchModule .upholstery-result .upholstery-title {
        width: 100%;
    }
    #upholsterySearchModule .upholstery-hovering {
        min-height: 100%;
    }
}
@media (max-width: 1024px) {
  aside.right-side {
      width: 100%;
      float: none;
  }
  .fabricsearch {
    width: 100%;
    text-align: center;
  }
  .fabricsearch #upholsterySearchModule {
      width: 100%;
      margin: 0 auto;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result {
      margin: 0;
        width: 25%;
  }
    .fabricsearch #upholsterySearchModule .upholstery-title {
        width: 100%;
    }
  .fabricsearch .fabricsearch-header {
    flex-direction: column;
        -ms-flex-direction: column;
  }
  .fabricsearch .filter-sort {
    width: 100%;
    flex-direction: column;
        -ms-flex-direction: column;
  }
  .fabricsearch .filter-sort .filter-label {
    margin: 0;
    text-align: left;
  }
  .fabricsearch .filter-sort #upholsterySortModule {
    width: 100%;
  }
  .filter-sort .dk_container {
    width: 100%;
  }
  .filter-sort .dk_container .dk_toggle {
    width: 100% !important;
    border-radius: 0;
  }
  .fabricsearch .filter-sort #upholsterySortModule .sort-by {
    position: relative;
  }
  .fabricsearch .filter-sort #upholsterySortModule .sort-by i {
      position: absolute;
      right: 20px;
      top: 15px;
      z-index: 400;
  }
  .upholsterysearch-container {
    position: relative;
  }
  .fabricsearch .fabricsearch-header .header-position {
	display: none;
  }
  .fabricfilter #upholsterySearchModule {
    margin-top: 30px;
      padding-bottom: 0;
  }
  .fabricsearch #upholsteryFilterTagsModule {
      display: none;
  }
}
@media (max-width: 767px) {
  .fabricsearch #upholsterySearchModule {
    width: 100%;
      justify-content: flex-start;
        -ms-flex-pack: start;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result {
    width: 48%;
    margin: 0;
    text-align: center;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result:nth-child(odd) {
    margin-left: 1%;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result:nth-child(even) {
    margin-right: 1%;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result img {
    margin: auto;
    width: 100%;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result .upholstery-swatch {
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
  .fabricsearch #upholsterySearchModule .upholstery-result .upholstery-title {
    width: 80%;
    float: none;
    margin: 10px auto 20px;
  }
  .upholstery-result:hover .upholstery-hovering{
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .upholstery-result:hover .upholstery-hovering {
    display: none;
  }
}
.upholstery-result .upholstery-swatch {
  text-align: center;
}

.build-chair {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.build-chair.search-listing {
  width: 100%;
}

.build-chair .chair-grid-item {
  width: 100%;
  text-align: center;
  margin: 25px 0;
}

.typicallisting-container.build-chair .chair-grid-item {
	background-color: #f7f6f6;
	margin: 10px 0;
}

.build-chair .chair-grid-item .name {
  font-size: 16px;
  color: #2c2a29;
  text-align: center;
}

.build-chair .chair-grid-item .description {
  margin-bottom: 24px;
  height: auto;
  color: #616161;
  font-size: 16px;
  padding-top: 12px;
  font-family: ApercuProSemBd,sans-serif;
}

@media (min-width: 768px) {
  .build-chair .chair-grid-item {
    width: 40%;
    margin: 0 5% 100px;
	}
	
	.typicallisting-container.build-chair .chair-grid-item {
    width: 48%;
    margin: 0 1% 2%;
  }

  .hide-filters .build-chair .chair-grid-item {
    width: 27.3%;
    margin: 0 3% 100px;
	}
	
	.hide-filters .typicallisting-container.build-chair .chair-grid-item {
    width: 32%;
    margin: 0 0.6% 1%;
  }
}

@media (min-width: 1025px) {
  .build-chair .chair-grid-item {
    width: 18%;
    margin: 0 3.1% 100px;
    transition: all 0.5s ease;
	}
	.typicallisting-container.build-chair .chair-grid-item {
		width: 31.5%;
		margin: 0 0.9% 1.7%;
	}
  .hide-filters .build-chair .chair-grid-item {
    width: 15.3%;
    margin: 0 2.35% 100px;
	}
	.hide-filters .typicallisting-container.build-chair .chair-grid-item {
    width: 24%;
    margin: 0 0.5% 1%;
  }
  /*.build-chair .chair-grid-item:nth-child(4n+1) {
    margin-left: 0;
  }
  .build-chair .chair-grid-item:nth-child(4n+4) {
    margin-right: 0;
  }*/
}

.build-chair .chair-grid-item > a {
	display: block;
	text-decoration: none;
}

.typicallisting-container.build-chair .chair-grid-item > a {
	padding: 20px 40px;
}

.build-chair .chair-grid-item .chair-outline:hover .button.skel, .build-chair .chair-grid-item .chair-outline:active .button.skel {
  background-color: #b25800;
  color: #fff;
  border: 1px solid transparent;
}

@media (min-width: 1025px) {
  .subcategory-chairs .build-chair .chair-grid-item {
    width: 18.4%;
  }
  .subcategory-chairs .build-chair .chair-grid-item:nth-child(4n+1) {
    margin-left: 1%;
  }
  .subcategory-chairs .build-chair .chair-grid-item:nth-child(4n+4) {
    margin-right: 1%;
  }
  .subcategory-chairs .build-chair .chair-grid-item:nth-child(5n+1) {
    margin-left: 0;
  }
  .subcategory-chairs .build-chair .chair-grid-item:nth-child(5n+5) {
    margin-right: 0;
  }
}

.build-chair .unstyled span.name {
  font-size: 17px;
  color: #212121;
}

.build-chair img {
  width: 100%;
  max-width: 193px;
  height: auto;
  margin: 15px auto 10px;
}

@media (min-width: 768px) {
  .build-chair img {
    max-width: none;
    margin: 15px 0 10px 0;
  }
}

.row.build-chair {
  margin: 0;
  max-width: 100%;
}


#market-info-container .textilepartnerlisting {
	padding: 0 15px;
}

#market-info-container .textilepartnerlisting > h1 {
	font-size: 22px;
	line-height: 34px;
	color: #212121;
	margin: 0;
	padding: 70px 0 30px;
	border: 0;
}

#market-info-container .textilepartnerlisting > h2 {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	font-size: 22px;
	font-weight: 300;
	color: #616161;
	line-height: 32px;
}

#market-info-container .textilepartnerlisting .market-item-container {
	max-width: 1560px;
	width: 100%;
	margin: 60px auto 0;
}

#market-info-container .textilepartnerlisting .market-item-container .market-item {
	width: 100%;
	background-color: #fff;
	padding: 15px 35px;
	margin-bottom: 2em;
}

#market-info-container .textilepartnerlisting .market-item-container .market-item a {
	display: flex;
    display: -ms-flexbox;
	flex-direction: column;
    -ms-flex-direction: column;
	text-decoration: none;
	color: initial;
	text-align: left;
}

#market-info-container .textilepartnerlisting .market-item-container .market-item a img {
	max-width: 180px;
	width: 100%;
	border-radius: 0;
}

#market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details {
	max-width: 406px;
	width: 100%;
	color: #212121;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}
#market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details h3 {
	font-weight: 400;
	line-height: 40px;
	margin: 0;
}
#market-info-container .textilepartnerlisting .market-item-container .market-item a .listing-details p {
	margin: 0;
}
@media (min-width: 769px) {
	#market-info-container .textilepartnerlisting {
		padding: 0 30px;
	}
	#market-info-container .textilepartnerlisting .market-item-container .market-item {
		width: 49%;
	}
	#market-info-container .textilepartnerlisting .market-item-container .market-item:nth-child(odd) {
		width: 49%;
		margin-right: 2%;
	}
}
@media (min-width: 1025px) {
	#market-info-container .textilepartnerlisting > h1,
	#market-info-container .textilepartnerlisting > h2 {
		text-align: center;
	}
	#market-info-container .textilepartnerlisting .market-item-container .market-item a {
		flex-direction: row;
        -ms-flex-direction: row;
		align-items: center;
        -ms-flex-align: center;
	}
	#market-info-container .textilepartnerlisting .market-item-container .market-item a img {
		margin-right: 35px;
	}
}
.category-landing .left-side .leftpar div {
	width: 100%;
}
.category-landing .left-side .leftpar div.container {
	margin-left: 0;
}
.category-landing h2{
	color: #323232;
    font-size: 22px;
    text-transform: uppercase;
}
.category-landing ul li {
	font-size: 18px;
	text-decoration: none;
	border-bottom: 0.5px solid #9e9e9e;
	line-height: 50px;
	font-weight: lighter;
}
.category-landing ul li a:hover, .category-landing ul li a:active {
	color: #000;
	text-decoration: underline;
}

aside.left-side div.leftpar .new.section {
	clear: both;
}
@media (max-width: 1024px) {
	.category-landing {
		display: flex;
        display: -ms-flexbox;
		flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
	}
	div.category-landing aside.left-side div.leftpar div {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ==================
   Contract Us
   ================== */
.horizontal-center{
	margin: 0 auto;
	width: 100%;
    padding: 0 1.5em;
    display: flex;
    display: -ms-flexbox;
}
@media (max-width: 768px) {
	.horizontal-center{
    	padding: 0;
	}
	.contract-box .contract-list{
		padding: 1em 1em 0;
	}
	.contract-box .contract-list .contract-list-item{
		margin-top: 1em;
	}
	.contract-box .contract-list .contract-list-item .contract-list-box{
		    flex-direction: column;
            -ms-flex-direction: column;
	}
	.contract-box .contract-list .contract-list-item .contract-list-box h6,
	.contract-box .contract-list .contract-list-item .contract-list-box .region,
	.contract-box .contract-list .contract-list-item .contract-list-box .number{
		width:100% !important;
		text-align: center;
	}
	.contract .left-side div{
		margin-bottom: 0 !important;
	}
}
/* contract  start*/
#contracts-container {
  width: 100%;
}
.contract-box{
   color: #212121;
   font-size: 14px;
}
.contract-box h2,
.contract-box .contract-list .contract-list-tiltle,
.contract-box .contract-list .contract-list-item li h6{
    text-transform: uppercase;
}

.contract-box h2{
    font-size: 1.6em;
   font-weight: 400;
   color: #212121;
   line-height: 1.6em;
   padding-bottom: .5em;
}
.contract-box .contract-list{
    background:#fff;
    padding: 1em 3em 4em;
}
.contract-box .contract-list .contract-list-tiltle{
    line-height: 1.6em;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 15px;
    color:#212121;
}
.contract-box .contract-list .contract-description{
    line-height: 1.4em;
    color: #616161 !important;
    font-size: 1.3em;
    font-weight: lighter;
}
.contract-box .contract-list .contract-list-item{
    margin-top:2.3em;
    padding: 0;
}
.contract-box .contract-list .contract-list-item .contract-list-box:nth-child(1){
   border-top:  1px solid #bdbdbd;
}

.contract-box .contract-list .contract-list-item .contract-list-box{
    border-bottom: 1px solid #bdbdbd;
    line-height: 1.5em;
    font-size: 1.3em;
    font-weight: lighter;
    display:-webkit-flex;
    display:flex;
    display: -ms-flexbox;
    padding:.5em 1em;
}
.contract-box .contract-list .contract-list-item .contract-list-box h6{
    width:20%;
    margin-right:1em;
    font-size: 1em;
    line-height: 2em;
    font-weight: 400;
    margin: 0;
}
.contract-box .contract-list .contract-list-item .contract-list-box h6 a{
     color: #212121;
    text-decoration: none;
}
.contract-box .contract-list .contract-list-item .contract-list-box .region{
    width:50%;
    margin-right:1em;
    color: #616161;
    line-height: 2em;
}
.contract-box .contract-list .contract-list-item .contract-list-box .number a{
    color: #4fa0c6;
    text-decoration: none;
}
.contract-box .contract-list .contract-list-item .contract-list-box .number{

    width:30%;
    line-height: 2em;
}
/* contract  end*/


#main.wrapperFAQs{
	margin: 0 auto;
}
.wrapperFAQs h1{
	margin: 0 auto;
	width: 80%;
    padding-top:50px;
    padding-bottom:30px;
    font-size:22px;
	color:#212121;
	font-weight:normal;
}

.wrapperFAQs .titletext   a, .wrapperFAQs .titletextmodule   a{
	color:#4fa0c6;
}

.wrapperFAQs .titletext  > p{
	margin: 0 auto;
	width: 80%;
    background: #fff;
    overflow: hidden;
    padding-left:40px;
    padding-right:40px;
    font-weight:lighter;
    list-style:none;
	font-size:20px;
	color:#95989A;
	line-height:28px;
}
.wrapperFAQs .titletext p:nth-child(2){
	border-top: 1px solid #BDBDBD;
}
.wrapperFAQs .titletext p:nth-child(2n){
    padding-top:30px;
    padding-bottom: 10px;
}
.wrapperFAQs .last{
    padding-bottom: 40px;
}
.wrapperFAQs .titletextmodule {
    border-bottom: 0;
}

.wrapperFAQs .titletext  > p b{
	font-size:20px;
	color:#212121;
}


@media (min-width: 769px) and (max-width: 1024px) {
	.wrapperFAQs .titletext  > p{
		width: 90%;
		margin:0 auto;
	}
	.wrapperFAQs h1{
		width: 90%;
		margin:0 auto;
		line-height: 40px;
		padding-bottom:10px;
	}
}

@media (max-width: 768px) {
	.wrapperFAQs h1{
		width: 95%;
		line-height: 30px;
		margin:0 auto;
		padding-bottom:10px;
	}
	.wrapperFAQs .titletext  > p{
		font-size:18px;
		width: 95%;
		margin:0 auto;
	}
	.wrapperFAQs .titletext  > p b{
		font-size:18px;
	}
	.wrapperFAQs .titletext  > p{
        background: none;
        padding-left:0;
        padding-right:0;
    }
}
/* ========================================================
	Generic templatge
 ==========================================================*/
.wrapper.generic {
	margin: 0 auto;
	background: #fafafa;
	text
}
.wrapper.generic .page-content {
	width: 80%;
	margin: 0 10%;
	background: #fff;
	font-size:20px;
	margin-bottom: 40px;
	font-weight: lighter;
	color: #95989a;
}
.wrapper.generic .page-content .image.section,
.wrapper.generic .page-content .textimage.section {
    padding: 0 40px;
    margin-bottom: 30px;
}
.wrapper.generic .page-content .textimage.section .cq-dd-image {
    margin-top: 15px;
}
.wrapper.generic .page-content .textimage.section .text.cq-dd-image p {
    padding: 0;
}
.wrapper.generic .page-content .title.section h1 {
	padding: 20px 40px 0 40px;
}
.wrapper.generic .page-content .image.section small {
    display: block;
    margin: 10px 0;
}
.wrapper.generic .page-content .richtext.section {
   	padding: 0 40px;
}
.wrapper.generic .page-content .richtext.section h2 {
   	font-size: 20px;
   	color: #212121;
}
.wrapper.generic .page-content .richtext.section p {
   	padding: 0;
}
.wrapper.generic .page-content .richtext.section span {
    font-size: 20px;
    font-weight: lighter;
    margin: 10px 0;
}
.wrapper.generic .titletextmodule {
	font-size:20px;
	margin-bottom: 40px;
	font-weight: lighter;
	color: #95989a;
}
.wrapper.generic .page-content ul {
	font-weight: lighter;
  font-size: 14px;
}

@media (min-width: 769px) {
  .wrapper.generic .page-content ul {
    font-size: 15px;
  }
}

.wrapper.generic .page-content ul li {
	margin: 0 auto;
    margin-left: 40px;
    margin-right: 40px;
    font-weight: lighter;
	color: #95989a;
	line-height: 28px;
}
.wrapper.generic .titletextmodule h1 {
	margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 22px;
	color: #212121;
	font-weight: normal;
}
.wrapper.generic .title h1 {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 22px;
	color: #212121;
	font-weight: normal;
	line-height: 40px;
}
.wrapper.generic .titletextmodule h2 {
	margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 20px;
	color: #212121;
	font-weight: normal;
	background: #fafafa;
	line-height: 30px;
}
.wrapper.generic .titletextmodule .rt_h2,
.wrapper.generic .titletextmodule rt_h2 {
    font-size: 20px;
    color: #212121;
    font-weight: normal;
    line-height: 30px;
}
.wrapper.generic .titletextmodule rt_h2 {
    padding: 20px 40px 10px 40px;
    display: block;
}
.wrapper.generic .page-content h3 {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    color: #212121;
}

.wrapper.generic .page-content a {
	color: #4fa0c6;
}

.wrapper.generic .page-content .contact-submit a {
  color: #fff;
}

.wrapper.generic .page-content p {
	margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
  font-weight: lighter;
  list-style:none;
	color: #95989a;
	line-height: 28px;
}
.wrapper.generic .page-content .last {
    padding-bottom: 40px;
}
.wrapper.generic .titletextmodule {
    border-bottom: 0;
}
.wrapper.generic .page-content p b {
	font-size: 20px;
	color: #212121;
}
@media (min-width: 1025px) {
	.wrapper.generic .page-content .image.section img {
	    width: auto;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	.wrapper.generic .titletextmodule p {
		margin: 0 auto;
	}
	.wrapper.generic .titletextmodule h1 {
		margin: 0 auto;
		line-height: 40px;
		padding-bottom: 10px;
	}
}
@media (max-width: 768px) {
	.wrapper.generic .page-content {
		width: 90%;
		margin: 0 5%;
		font-size: 18px;
	}
	.wrapper.generic .page-content .image.section {
	    padding: 0;
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.wrapper.generic .page-content .textimage.section {
	    padding: 0;
	}
	.wrapper.generic .page-content .textimage.section .cq-dd-image {
		margin-top: 5px;
	}
	.wrapper.generic .page-content .title.section h1 {
		padding: 0;
	}
	.wrapper.generic .page-content .image.section small {
		margin: 5px 0;
	}
	.wrapper.generic .page-content .richtext.section {
   		padding: 0;
	}
	.wrapper.generic .page-content .richtext.section span {
		font-size:18px;
		margin: 5px 0;
	}
	.wrapper.generic .titletextmodule h1 {
		line-height: 30px;
		margin:0 auto;
		padding-bottom:10px;
	}
	.wrapper.generic .page-content p {
		font-size:18px;
		margin:0 auto;
	}
	.wrapper.generic .titletextmodule rt_h2 {
    	padding: 5px 0;
	}
	.wrapper.generic .page-content p b {
		font-size:18px;
	}
	.wrapper.generic .title h1,
	.wrapper.generic .title h3,
	.wrapper.generic .page-content p {
	    padding-left: 0;
	    padding-right: 0;
	}
	.wrapper.generic .page-content ul li {
	    margin-left: 5px;
    	margin-right: 5px;
	}
	.wrapper.generic .page-content .text ul {
    	padding: 0 0 0 10px;
	}
}
/* ====================================================
	Simple Pagination and Advanced Pagination
========================================================= */
.paginationModule .product-pagination li.current-page {
	color: #4fa0c6;
}
.paginationModule .product-pagination li{
	margin: 0;
    width: 30px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    height: 35px;
    color: #616161;
    display: table-cell;
    background-color: white;
    text-align: center;
}
.paginationModule .product-pagination li a, .paginationModule .product-pagination li{
    font-weight: lighter;
    line-height: 35px;
    font-size: 16px;
}
.product-pagination .first{
	border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    border-left: 1px solid #bdbdbd;
}
.product-pagination .pageindex{
    border-left: 1px solid #bdbdbd;
}
.product-pagination li a{
    color: #616161;
    font-weight: lighter;
    line-height: 35px;
    font-size: 16px;
}
.product-pagination .last{
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
}
.per-page select {
	width: 63px;
    height: 34px;
    text-align: center;
    padding-left: 12px;
    border-radius: 5px;
    background-color: #fff;
}
.per-page .select-container {
    display: inline-block;
    position: relative;
}
.per-page .select-container > i {
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 400;
    color: #616161;
}
.advancedpagination #dk_container_advanced-per-page {
	margin: 0;
}
.advancedpagination .per-page .dk_container {
	background: -webkit-linear-gradient(top, #fff , #fff ) !important;
	box-shadow: none;
}
.per-page .dk_options ul li {
	border: none;
	display: block;
	padding: 0;
}
.advancedpagination .per-page .dk_options_inner {
	color: #616161;
    line-height: 35px;
    font-size: 18px;
    font-weight: lighter;
    text-align: left;
    width: 60px;
}
.advancedpagination .per-page .dk_label {
	padding-left: 10px;
	font-weight: lighter;
}
.advancedpagination .per-page .dk_toggle {
	width: 60px !important;
    height: 35px;
    line-height: 37px;
    font-size: 16px;
    font-weight: lighter;
    padding: 0;
    border: 1px solid #bdbdbd;
    background-color: white !important;
    color: #616161 !important;
    background: none !important;
    border-radius: 5px;
}
.advancedpagination .per-page .dk_options_inner a {
    font-weight: lighter;
    padding: 0;
    padding-left: 12px;
    color: #616161;
    line-height: 2em;
    font-size: 16px;
}
.advancedpagination .per-page .dk_options a:hover {
    color: #488fbf;
    text-decoration: none;
}
.advancedpagination .per-page .dk_toggle:after {
    top: 10px;
    height: 15px;
    width: 20px;
    z-index: 500;
    border: none;
    right: 5px;
 }
.advancedpagination .per-page .dk_toggle:hover:after {
     border-top: 0 solid #ffffff;
 }
 @media (max-width: 1024px) {
	.advancedpagination .per-page {
        right: 10px;
 	}
 	.advancedpagination .per-page .dk_toggle {
 		text-align: left;
 	}
}
@media (max-width: 768px) {
	.advancedpagination {
		display: flex;
        display: -ms-flexbox;
    	flex-direction: column;
        -ms-flex-direction: column;
    	align-items: center;
        -ms-flex-align: center;
	}
	.advancedpagination .simplepagination {
		text-align: center;
	}
	.advancedpagination .simplepagination ul {
		float: none;
		padding-left: 0;
	}
	.advancedpagination .per-page {
		position: relative;
		padding-left: 0;
	}
	.advancedpagination .per-page .per-page-label {
		display: inline-block;
	}
	.advancedpagination .per-page select {
		float: none;
	}
	.advancedpagination .per-page {
	    right: 0;
	}
}

/******************************************************
Video Player
******************************************************/
.video-player{
	padding:0 30px;
	overflow: hidden;
}
.video-player-list{
	width: 30%;
    float: left;
    height: 1050px;
    margin-bottom: 30px;
}
.video-player-play{
	width: 70%;
    float: left;
    margin-top: 30px;
}
.video-player-container{
	overflow: hidden;
	background-color: white;
	margin-bottom: 30px;
}
.video-player-list .video-list{
	padding: 20px 10px 20px 20px;
    margin: 30px;
    box-shadow: 1px 1px 3px #9E9E9E;
}
.video-player-list ul{
    height: 969px;
    list-style-type: none;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0 auto;
}
.video-player-list ul li{
	overflow: hidden;
	border-bottom: 1px solid #E0E0E0;
	padding: 10px 0;
	width: 98%;
	display: flex;
    display: -ms-flexbox;
}
.video-player-list ul li:first-child{
	padding-top: 0;
}
.video-player-list .video-image{
	float: left;
    width: 35%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
}
.video-player-list .video-image a{
	width: 100%;
	display:block;
}

.video-player-list .video-detail{
	float: left;
    margin-left: 25px;
    width: 60%;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
}
.video-player-list .video-title{
	font-size: 18px;
    line-height: 24px;
    color: #4FA0C6;
}
.video-player-list .video-title a:link, .video-player-list .video-title a:visited{
    color: #4FA0C6;
}
.video-player-list .video-des{
    font-size: 18px;
    line-height: 22px;
    font-weight: lighter;
    color: #616161;
    margin-top: 5px;
    margin-bottom: 0;
}
.video-player-play #video-frame{
	width: 100%;
    padding: 30px 30px 20px 20px;
    height: 660px;
}
.video-player-play .title{
	font-size:20px;
	color:#212121;
	padding-left: 20px;
	padding-top: 20px;
}
.video-player-play .logo{
	float: right;
    margin-right: 40px;
}
.video-player-play .logo-text{
	font-size:18px;
	color:#616161;
	margin-right:10px;
	line-height:40px;
	float: left;
}
.video-player-play .logo-img{
	float: left;
}
@media(max-width:1024px){
	.video-player-list{
	   order:2;
	   width: 100%;
       float: none;
       height: auto;
       overflow: hidden;
       margin-top: 0;
    }
    .video-player-play{
	   order:1;
	   width: 100%;
       float: none;
    }
    .video-player-container{
	   display:flex;
       display: -ms-flexbox;
	   flex-direction: column;
       -ms-flex-direction: column;
	   background-color: #FAFAFA;
    }
    .video-player-play .title{
	   padding-left: 0;
	   padding-top: 0;
    }
    .video-player-play .logo{
	   display:none;
    }
    .video-player-play #video-frame{
       padding: 20px 0;
       height: 400px;
    }
    .video-player-list ul{
       overflow: hidden;
       height: auto;
    }
    .video-player-list .video-list{
       padding: 0;
       margin: 0;
       box-shadow: none;
    }
    .video-player-list .video-image{
       width:20%;
    }
    .video-player-list ul li{
       width:100%;
    }
}
@media(max-width:768px){
	.video-player-container{
	   background-color: white;
    }
    .video-player{
       padding:0 15px;
	   background-color: white;
    }
    .video-player-play #video-frame{
       height: 195px;
    }
    .video-player-list .video-title{
       font-size: 16px;
       line-height: 22px;
    }
    .video-player-list .video-des{
       font-size: 16px;
    }
}


.info-search {
  font-size: 24px;
  line-height: 1;
  color: #212121;
  text-align: center;
}

.download-results-global-search {
  width: 100%;
  float: right;
  background-color: transparent !important;
}

.downloadsglobalearchresultscomponent {
  background-color: #fff;
  padding: 1% 5% 1% 1.5%;
}
/******************************************************
Popup Message
******************************************************/
.alert-popup-section {
  	display:none;
}
.alert-popup-section .alert-popup-shadow {
  	position: fixed;
  	top:0;
  	left:0;
  	width: 100%;
  	height: 100%;
  	z-index: 10000;
  	background-color: #95989a;
  	-moz-opacity: 0.9;
 	-webkit-opacity: 0.9;
 	opacity: 0.9;
}
.alert-popup-section .alert-popup-container {
 	box-sizing: border-box;
 	width: 40%;
 	position: fixed;
 	left: 50%;
 	top: 20%;
 	margin-left: -20%;
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	border-radius: 10px;
 	background-color: #fff;
 	-moz-box-shadow: 0 0 30px #000;
 	-webkit-box-shadow: 0 0 30px #000;
 	box-shadow: 0 0 30px #000;
 	z-index: 11000;
}
.alert-popup-section .alert-popup-container h3 {
    font-size: 22px;
    color: #323232;
    line-height: 30px;
    margin: 10px 0;
}
.alert-popup-section .alert-popup-inner-container {
	position: relative;
    padding: 30px 50px 50px;
}
.alert-popup-section .alert-popup-message {
	font-size: 22px;
    font-weight: lighter;
    line-height: 30px;
    margin-bottom: 20px;
}
.alert-popup-section .alert-popup-button {
	font-size: 17px;
    font-weight: 400;
    color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-color: #437A94;
    padding: 15px 40px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.alert-popup-section .alert-popup-button:hover {
	color: #fff;
}
.alert-popup-section .alert-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    font-weight: lighter;
}
.alert-popup-section .alert-popup-close span{
	display: inline-block;
    cursor: pointer;
}
.alert-popup-section .alert-popup-close .fa-times{
	margin-left: 5px;
	cursor: pointer;
}
@media(max-width:768px){
	.alert-popup-section .alert-popup-container {
	 	width: 80%;
	 	position: fixed;
	 	left: 10%;
	 	right: 10%;
	 	top: 10%;
	 	margin-left: 0;
	}
	.alert-popup-section .alert-popup-container h3 {
	    font-size: 20px;
	}
	.alert-popup-section .alert-popup-inner-container {
	    padding: 35px 40px;
	}
	.alert-popup-section .alert-popup-message {
		font-size: 20px;
	}
	.alert-popup-section .alert-popup-button {
		font-size: 15px;
	    padding: 10px 30px;
	}
}
/******************************************************
Error Message Component
******************************************************/
.error-message-container {
	width: 100%;
    background-color: #fafafa;
    text-align: center;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.error-message-container .message-title {
	font-size: 36px;
    color: #323232;
    font-weight: 400;
    line-height: 46px;
}
.error-message-container .message-description {
	font-size: 22px;
    color: #616161;
    font-weight: lighter;
    padding: 0;
    line-height: 30px;
    margin: 20px 0;
}
.error-message-container .message-description p {
	font-size: 22px !important;
    color: #616161 !important;
    font-weight: lighter !important;
    padding: 0 !important;
    line-height: 30px !important;
}
.error-message-container .message-btn-group {
	margin-top: 40px;
	display: flex;
}
.error-message-container .message-btn-group .message-btn {
	font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
    background-color: #6FC176;
    padding: 10px 40px;
    display: inline;
    position: relative;
    text-align: center;
    margin: 0 10px;
}
@media(max-width:768px){
	.error-message-container {
	    min-height: 400px;
	}
	.error-message-container .message-title {
		font-size: 32px;
		line-height: 42px;
	}
	.error-message-container .message-btn-group {
		flex-direction: column;
		margin-top: 20px;
	}
	.error-message-container .message-btn-group .message-btn {
		margin: 6px 0;
		font-size: 14px;
	}
	.error-message-container .message-description {
		font-size: 18px;
	}
	.error-message-container .message-description p {
		font-size: 18px !important;
		display: inline;
	}
	.error-message-container .message-description p br {
		display: none;
	}
}

/* Image HotSpots */
.image-hot-spot {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  z-index: 9000;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-hot-spot.z-index-update {
	z-index: 9001;
}

.typical-hero .image-hot-spot,
.floorplan-hero-image .image-hot-spot {
  width: 25px;
	height: 25px;
}

.image-hot-spot.hot-spot-color-white {
  background-color: rgba(255,255,255,0.15);
}

.image-hot-spot.hot-spot-color-black {
  background-color: rgba(0,0,0,0.15);
}

.image-hot-spot.hot-spot-size-small {
  width: 15px;
  height: 15px;
}

.image-hot-spot.hot-spot-size-small .fa {
  font-size: 7px;
}
.hot-spot-tool-tip {
    position: absolute;
    top: 26px;
    right: 22px;
    z-index: 105;
}

.typical-hero .hot-spot-tool-tip,
.floorplan-hero-image .hot-spot-tool-tip {
	top: 13px;
	right: auto;
	left: 14px;
	border: 0;
}

.floorplan-hero-image .hot-spot-tool-tip.position-top {
	top: -280px;
}

.hot-spot-size-small > .hot-spot-tool-tip {
  font-size: 10px;
  top: 8px;
  right: 8px;
}

.hot-spot-tool-tip .spot-close {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #95989A;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 30px;
    text-align: center;
    z-index: 105;
}

.hot-spot-tool-tip .spot-content {
    background-color: #fff;
    text-align: left;
    -webkit-box-shadow: 0 1px 9px #95989a;
    box-shadow: 0 1px 9px #95989a;
    min-width: 200px;
}
.typical-hero .hot-spot-tool-tip .spot-content,
.floorplan-hero-image .hot-spot-tool-tip .spot-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.floorplan-hero-image .hot-spot-tool-tip .spot-content {
	border: 0.5px solid #3A6F8A;
}
.hot-spot-tool-tip .spot-content >p {
    color: #323232;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 300;
    cursor: auto;
}
.hot-spot-tool-tip .spot-content >ul{
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}
.typical-hero .hot-spot-tool-tip .spot-content >u,
.floorplan-hero-image .hot-spot-tool-tip .spot-content >ul{
	padding-left: 10px;
}
.hot-spot-tool-tip .spot-content >ul li {
    padding: 10px;
    display: table;
}
.typical-hero .hot-spot-tool-tip .spot-content >ul li,
.floorplan-hero-image .hot-spot-tool-tip .spot-content >ul li {
	display: block;
}
.hot-spot-tool-tip .spot-content >ul li img {
    float: left;
    width: 24px;
}
.hot-spot-tool-tip .spot-content >ul li a {
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5px;
}

.typical-hero .hot-spot-tool-tip .spot-content >ul li a,
.floorplan-hero-image .hot-spot-tool-tip .spot-content >ul li a {
	display: block;
	padding: 0;
	color: #fff;
	line-height: 1.4;
}

.hot-spot-wrapper {
    position: relative;
}

.hot-spot-toggle-button {
  position: absolute;
  z-index: 105;
}

.hot-spot-toggle-button >strong {
    line-height: 28px;
    color: #fff;
    font-size: 16px;
    float: left;
}
.hot-spot-toggle-button.dark >strong {
    color: #323232;
}
.hot-spot-toggle-button label.switch {
    color: #FFF;
    display: block;
    font-size: 14px;
    position: relative;
    width: 60px;
    margin-left: 1em;
    margin-right: 0;
}
.hot-spot-toggle-button label.switch > span {
    background-color: transparent;
    border-radius: 1.75em;
    display: block;
    height: 26px;
    min-height: 26px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
    vertical-align: middle;
    border: 2px solid #bdbdbd;
    line-height: 26px;
}
.hot-spot-toggle-button label.switch a {
    position: absolute;
    right: 50%;
    z-index: 1;
    display: block;
    padding: 0;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    background-color: #bdbdbd;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.hot-spot-toggle-button label.switch >span span {
    position: absolute;
    top: 0;
    left: 15%;
    color: #BDBDBD;
    z-index: 2;
    display: block;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.hot-spot-toggle-button label.switch >span span:last-of-type {
    opacity: 0;
}
.hot-spot-toggle-button input:checked ~ span {
    border-color: #fff;
    box-shadow: inset 0 0 0 30px transparent;
}
.hot-spot-toggle-button.dark input:checked ~ span {
    border-color: #323232;
}
.hot-spot-toggle-button input:checked ~ span a {
    right: 2px;
    left: auto;
    background-color: #FFF;
}
.hot-spot-toggle-button.dark input:checked ~ span a {
    background-color: #323232;
}
.hot-spot-toggle-button input:checked ~ span span:first-of-type {
    opacity: 0;
    padding-left: 1.875em;
}
.hot-spot-toggle-button input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
    padding-right: 1.5em;
    left: 0;
}
.hot-spot-toggle-button.dark input:checked ~ span span:last-of-type {
    color: #323232;
}
.hot-spot-toggle-button input {
    position: absolute;
    opacity: 0;
    z-index: 3;
}
.hot-spot-toggle-button input[type='checkbox'] {
    margin-right: 0.5rem;
    box-sizing: border-box;
    padding: 0;
}

.hot-spot-toggle-button[data-position*="top-"] {
  top: 30px;
}

.hot-spot-toggle-button[data-position*="bottom-"] {
  bottom: 30px;
}

.hot-spot-toggle-button[data-position*="-left"] {
  left: 30px;
}

.hot-spot-toggle-button[data-position*="-right"] {
   right: 30px;
}

@media (max-width: 667px) {
  .image-hot-spots-wrapper {
    display: none;
  }
}
/******************************************************
Page Loading
******************************************************/
.loading-wrapper {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    bottom: 0;
    position: fixed;
    z-index: 2000;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.8;
    display: none;
}
.loading-wrapper .loader {
	width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    box-sizing: border-box;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
}
@-webkit-keyframes loading-effect{
    50%{
        transform: scale(0.4);
        opacity: 0.3;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
.loading-effect {
    position: relative;
}
.loading-effect i {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
}
.loading-effect i:nth-child(1){
    top: 25px;
    left: 0;
    -webkit-animation: loading-effect 1s ease 0.84s infinite;
}
.loading-effect i:nth-child(2){
    top: 18px;
    left: 18px;
    -webkit-animation: loading-effect 1s ease 0.72s infinite;
}
.loading-effect i:nth-child(3){
    top: 0;
    left: 25px;
    -webkit-animation: loading-effect 1s ease 0.6s infinite;
}
.loading-effect i:nth-child(4){
    top: -18px;
    left: 18px;
    -webkit-animation: loading-effect 1s ease 0.48s infinite;
}
.loading-effect i:nth-child(5){
    top: -25px;
    left: 0;
    -webkit-animation: loading-effect 1s ease 0.36s infinite;
}
.loading-effect i:nth-child(6){
    top: -18px;
    left: -18px;
    -webkit-animation: loading-effect 1s ease 0.24s infinite;
}
.loading-effect i:nth-child(7){
    top: 0;
    left: -25px;
    -webkit-animation: loading-effect 1s ease 0.12s infinite;
}
.loading-effect i:nth-child(8){
    top: 18px;
    left: -18px;
    -webkit-animation: loading-effect 1s ease 0.06s infinite;
}

/******************************************************
Site Map
******************************************************/
.wrapper .sitemap {
	width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 60px 0;
}
.site-map .site-section {
	display: flex;
	align-items: stretch;
    flex-wrap: wrap;
}
.site-map .site-section .site-category {
	width: 14%;
    margin-right: 2%;
}
.site-map .title-section {
    margin: 10px 0 30px 0;
}
.site-map .title {
    color: #212121;
    font-size: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #bdbdbd;
}
.site-map ul {
	list-style-type: none;
    padding: 0;
}
.site-map ul li {
    font-weight: 300;
    line-height: 20px;
    font-size: 16px;
    margin: 10px 0;
}
.site-map ul li a {
	color: #4fa0c6;
}
.site-map .sub-title {
	color: #212121;
	font-size: 18px;
}
@media(max-width:1024px){
	.site-map .site-section .site-category {
		width: 20%;
	    margin-right: 5%;
	}
}
@media(max-width:768px){
	.wrapper .sitemap {
		width: 90%;
    	margin-left: 5%;
    	margin-right: 5%;
	    padding: 20px 0;
	}
	.site-map .site-section .site-category {
		width: 45%;
	    margin-right: 5%;
	}
}

/* Live Agent */
.liveagent-button-wrapper {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 1000;
    padding: 6px 10px;
    border-radius: 10px;
    background-color: #6fc176;
}

.liveagent-button-wrapper a {
    color: #fff;

}

#swatch-hero .btn {
  max-width: 190px;
}

@media (min-width: 1025px) {

  #swatch-hero .btn {
    margin-bottom: 50px;
  }
}

.btn-wrapper {
  width: 100%;
}

.btn-wrapper.btn-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.btn {
    font-family: "ApercuPro";
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    padding: 11px 22px;
    display: inline-block;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    text-decoration: none;
    cursor: pointer;
}
.btn:hover,
.btn:focus {
    text-decoration: none;
    outline: none;
}
.btn span {
    display: inline-block;
}
.btn--primary .icon-search {
  color: #ffffff;
}
.btn .icon-thin-arrow {
    padding-left: 10px;
    margin-top: 5px;
    font-size: 0.66667rem;
}
.btn .icon-thin-arrow.down {
  display: inline-block;
  transform: rotate(90deg);
  margin-top: 0;
  padding: 0;
  font-size: 0.5rem;
}
.btn--primary,
.btn--primary:link,
.btn--primary:visited {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #437A94;
    border: 1px solid #437A94;
    color: #fff;
    font-weight: normal;
}
.btn--orange {
	background-color: #ff8b36;
	border-color: #ff8b36;
}
.btn--primary:hover {
    background-color: #4a86a2;
    border-color: #4a86a2;
    color: #fff;
}
.btn--link,
.btn--link:link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 0;
  background-color: #fff;
  border: 0;
  color: #437a94;
}
.btn--link:hover{
  color: #0b636c;
}

.btn--unstyled {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
  color: #252525;
  border: 0;
  outline: 0;
  padding: 0;
}

.btn--unstyled i {
  font-size: 18px;
  line-height: 1;
  color: #252525;
}

.btn--unstyled img {
  max-width: 15px;
}

.btn--unstyled label {
  display: none;
  font-size: 11px;
  font-family: 'ApercuPro2', sans-serif;
  float: none;
}

.btn--unstyled label.always-show {
  display: inline-block;
  margin: 0 8px;
}

.btn--unstyled i.icon-sort {
  margin-right: 0;
  font-size: 12px;
}

@media (min-width: 769px) {
  .btn--unstyled i,
  .btn--unstyled img {
    font-size: 20px;
    margin-right: 12px;
  }
  .btn--unstyled label {
    display: block;
  }
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hide-tablet-up {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .hide-desktop-up {
    display: none !important;
  }
}

.uppercase {
  text-transform: uppercase;
}

.column-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.vertical-align-center {
	align-items: center;
}

.horizontal-rule {
  padding: 0 40px;
}

@media (max-width: 768px) {
  .horizontal-rule {
    padding: 0;
  }
}

.horizontal-rule hr {
  width: 100%;
  height: 1px;
  background-image: none;
  background-color: #D8D8D8;
}

.fade-in-content {
  opacity: 0;
  transition: opacity 0.7s ease-in-out;
}

.fade-in-content.fade-up {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  transition: transform 0.4s ease-in-out;
}

.fade-in-content.in-view {
  opacity: 1;
}

.fade-in-content.fade-up.in-view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.info-window {
	width: 100%;
	background-color: rgba(0,0,0,0.85);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 50px;
	position: fixed;
	bottom: 0px;
	z-index: 2000;
}

.info-window p {
	width: 80%;
}

.info-window p,
.info-window a {
	color: #fff;
	margin: 0;
}

.info-window a {
	text-decoration: underline;
}

.info-window button {
	width: auto;
}

.announcement-banner {
	width: 90%;
	margin: 0 auto;
}

.component-annoucement-banner {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.component-annoucement-banner > div:first-child {
	margin-right: 20px;
}

.component-annoucement-banner > div:last-child {
	flex-grow: 1;
}

.component-annoucement-banner h4 {
	padding: 0;
	font-size: 24px;
}

@media (max-width: 1024px) {
	.info-window {
		flex-direction: column;
	}

	.info-window button {
		margin-top: 20px;
	}

	.info-window p {
		width: 100%;
		text-align: center;
	}

	.component-annoucement-banner {
		flex-direction: column;
	}

	.component-annoucement-banner > div:first-child {
		margin-bottom: 20px;
		margin-right: 0;
	}
}






/*Latest Changes Regarding Digitool*/



.headertop-login-button-sitonit {
	position: relative;
    display: inline-block;
    font-family: 'ApercuPro2', sans-serif;
    text-transform: uppercase;
    align-items: center;
    width: 120px;
	cursor: pointer;
  }

 
  @media (min-width: 1025px) {
    header #account-search .account.parbase span.label {
        display: block;
    }
}

  .headertop-login-button-sitonit ul {
      display: none; /* Hide dropdown by default */
      position: absolute;
      background-color: white;
      list-style: none;
      padding: 0;
      margin: 0;
      z-index: 1000;
  }

  .headertop-login-button-sitonit ul.show {
      display: block; /* Show dropdown when the class 'show' is added */
  }

  .headertop-login-button-sitonit li {
      padding-top: 17px;
  }
  a.dropdown
  {
    color:#000;
  }
 

  .headertop-login-button-sitonit li a {
      text-decoration: none; /* Remove underline from links */
      color: black; /* Link color */
      display: block; /* Make the entire area clickable */
  }

.headertop-login-button-sitonit .dropdown {
  font-size: 12px;
  text-decoration: none;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: #000;
  display: flex;
  position: relative; 
  justify-content: center;
  padding: 7px 0;
}

.headertop-login-button-sitonit .dropdown.open {
  background: #3a6f8a;
  align-items: center;
  border-radius: 41px 0 0 0;
}

.headertop-login-button-sitonit .dropdown i {
  transition: transform 0.3s ease;
}

.headertop-login-button-sitonit ul.f-dropdown {
  display: none; /* Initially hide the dropdown */
  position: absolute; /* Ensures the dropdown is positioned relative to the parent container */
  top: 100%; /* Aligns the dropdown directly below the button */
  left: 0; /* Aligns the dropdown horizontally with the button */
  background-color: white;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  list-style: none;
  max-height: none;
  overflow: visible;
  line-height: normal;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-fill-available;
  width: -moz-available;
  width: fill-available;
}
.headertop-login-button-sitonit ul.f-dropdown li:last-child {
  border-bottom: none;
  padding-bottom: 17px;
}

.headertop-login-button-sitonit ul.f-dropdown li a {
  color: black;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.headertop-login-button-sitonit ul.f-dropdown.show {
  display: block; /* Makes the dropdown visible when triggered */
}


.headertop-login-button-sitonit.active {
    background: #3a6f8a;
    border-radius: 41px 0 0 0;
    
}
.headertop-login-button-sitonit span {
    display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 1025px) {
    .globalheader {
        overflow: visible;
    }
}
a.dropdown.active {
	color:#000;
}

.logindropdownMenu li:hover > span a {
	color: #027992 !important;
}
.account-button-sitonit {
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-button-sitonit:hover #loginToggle, .account-button-sitonit:hover .icon-profile {
    color: #437a94 !important;
}




/*Material landing page start*/
#main.material-landing-main {
    background: #fff;
}
.material-landing-main .marquee-full {
    margin-bottom: 30px;
}
.material-landing-content {
    padding: 0 15px;
    max-width: 100%;
    margin: 0 auto;
}
.column-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.column-control.horizontal-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.column-control.horizontal-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.column-control.horizontal-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.material-landing-content .titletextmodule  {
    border-bottom: solid 1px #d8d8d8;
    display: none;
}
.material-landing-content .title-component h1 {
    margin-top: 45px;
    margin-bottom: 20px;
}
.material-landing-content .richtext b {
	font-weight: bold;
}
.material-landing-content .richtext h4 {
	  font-size: 20px;
	  font-weight: bold;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: 1.35;
	  letter-spacing: normal;
}
.percent-85 {
    width: 84%;
}
.percent-80 {
    width: 79%;
}
.percent-75 {
    width: 74%;
}
.percent-70 {
    width: 69%;
}
.percent-66 {
    width: 65%;
}
.percent-65 {
    width: 64%;
}
.percent-60 {
    width: 59%;
}
.percent-55 {
    width: 54%;
}
.percent-50 {
    width: 49%;
}
.percent-45 {
    width: 44%;
}
.percent-40 {
    width: 39%;
}
.percent-35 {
    width: 34%;
}
.percent-33 {
    width: 32%;
}
.percent-30 {
    width: 29%;
}
.percent-25 {
    width: 24%;
}
.percent-20 {
    width: 19%;
}
.percent-15 {
    width: 14%;
}
.column-control.materials {
    padding: 0;
    background: none;
    padding-bottom: 26px;
}
.column-control.materials.vertical-align-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.materials .imagetile .sub-title {
    font-family: "ApercuPro";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    text-align: center;
    color: #252525;
    margin: 0;
    padding-top: 20px;
}
.materials .percent-45 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.materials .percent-45 .richtext >h1 {
    font-family: "ApercuPro";
    font-size: 30px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: -1px;
    text-align: left;
    color: #252525;
    margin-bottom: 16px;
}
.materials .percent-45 .richtext  >p {
    font-family: "ApercuPro";
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
    color: #2c2a29;
    margin-bottom: 20px;
}
.materials .image-tile-component .title {
    font-family: "ApercuProSemBd", sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: -1px;
    text-align: left;
    color: #252525;
    padding-bottom: 5px;
    margin: 0 0 20px 0;
    position: relative;
}
.materials .image-tile-component .title:after {
    content: "";
    background: #252525;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
}
.materials .image-tile-component .title.hide-line:after {
  display: none;
}
.materials .imagetile .description>p {
    font-family: "ApercuPro";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    color: #2c2a29;
    margin-bottom: 15px;
}

.material-landing-main .column-control.materials.vertical-align-center .btn {
    display: inline-block;
    max-width: none;
    width: auto;
}

.material-landing-main .column-control.materials.vertical-align-center .btn span {
	padding-right: 15px;
}

.material-landing-main .marquee-full {
    height: auto;
}

.material-landing-content .parsys > .section {
    margin-bottom: 30px;
}

/*breakpoint for mobile*/
@media (max-width: 767px) {
    .material-landing-content .titletextmodule {
        display: block;
    }
    .column-control {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    [class*="percent-"],
    .btn {
        width: 100%;
    }

    [class*="percent-"] {
        margin: 15px 0;
    }

    .btn.btn--primary .icon-thin-arrow {
        float: right;
    }

    .materials .percent-33 .image-tile-component .title {
        font-size: 20px;
    }

    .materials .percent-45.column-left {
        order: 2;
    }
}
@media (min-width: 768px) {
    .material-landing-content .parsys > .section {
        margin-bottom: 40px;
    }
}
/*breakpoint for desktop*/
@media (min-width: 1025px) {
    .material-landing-content h1 {
        font-size: 36px;
    }
    .material-landing-main .marquee-full {
        margin-bottom: 50px;
    }
    .material-landing-content {
        max-width: 1440px;
        padding: 0 30px;
    }
    .materials .imagetile .sub-title {
        font-size: 20px;
        padding-top: 16px;
    }

    .material-landing-main .column-control.materials.vertical-align-center p {
		max-width: 500px;
	}
}
/*breakpoint for tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    .material-landing-main .marquee-full {
        margin-bottom: 40px;
    }
    .material-landing-content {
        padding: 0 34px;
        max-width: 100%;
    }
    .materials .imagetile .sub-title {
        font-size: 14px;
        padding-top: 15px;
    }
}
/*Material landing page end*/


.fabric-calculator-sticky {
  width: 230px;
  height: 65px;
  background-color: #252525;
  border: 0;
  outline: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0;
  bottom: 30%;
}

.fabric-calculator-sticky img {
  width: 30px;
  height: auto;
  margin-right: 15px;
  pointer-events: none;
}

.fabric-calculator-sticky label {
  width: 125px;
  pointer-events: none;
}

.tooltip {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: -10000px;
  background-color: #fff;
  padding: 30px 35px 25px;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  z-index: 99999;
  overflow-y: scroll;
  visibility: hidden;
}

.tooltip.tooltip--width-auto {
  width: auto;
  height: auto;
  overflow-y: visible;
}

.tooltip.tooltip--width-small {
  width: 240px;
  height: auto;
  overflow-y: visible;
  left: 50%;
  margin-left: -120px; /* Half of the width */
}

@media (max-width: 767px) {
  .tooltip.tooltip--width-small {
    margin: auto;
    left: 0;
    right: 0;
  }
}

.tooltip.fixed {
  position: fixed;
}

.tooltip::after {
  width: 0;
  height: 0;
  content: " ";
  border: solid transparent;
  border-left-color: #ffffff;
  border-width: 10px;
  position: absolute;
  top: 55%;
  right: -20px;
  pointer-events: none;
}

.tooltip.tooltip--arrow-top::after {
  width: 0;
  height: 0;
  content: " ";
  border: solid transparent;
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin: auto;
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  pointer-events: none;
}

.tooltip .fa-times {
  width: 28px;
  height: 28px;
  padding: 8px;
  font-size: 15px;
  text-align: center;
  line-height: 0.8;
  cursor: pointer;
  background-color: #252525;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 5px;
}

.tooltip .tooltip-content,
.tooltip .tooltip-content form,
.tooltip .tooltip-content form input,
.tooltip .tooltip-content form select {
  width: 100%;
}

.tooltip .tooltip-content form select {
  height: 45px;
  margin-bottom: 10px;
  background-color: transparent;
  border: 1px solid #e6e8ed;
  font-family: "ApercuPro";
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #494949;
  outline: 0;
  transition: border-color 0.3s ease-in;
}

.tooltip .tooltip-content form input {
  height: 45px;
  background-color: transparent;
  border: 1px solid #e6e8ed;
  font-family: "ApercuPro";
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #494949;
  padding: 10px;
  margin-bottom: 10px;
  transition: border-color 0.3s ease-in;
}

.tooltip .tooltip-content form .error {
  border-color: #ff4b4b;
  border-width: 2px;
}

.tooltip .tooltip-content form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #494949;
}

.tooltip .tooltip-content form input::-moz-placeholder { /* Firefox 19+ */
  color: #494949;
}

.tooltip .tooltip-content form input:-ms-input-placeholder { /* IE 10+ */
  color: #494949;
}

.tooltip .tooltip-content form input:-moz-placeholder { /* Firefox 18- */
  color: #494949;
}

.tooltip .tooltip-content form button {
  margin-bottom: 10px;
}

@media (min-width: 769px) {

  .fabric-calculator-sticky {
    z-index: 999999;
  }

  .tooltip {
    width: 415px;
    height: auto;
    overflow-y: initial;
  }

  .tooltip .fa-times {
    top: -10px;
    right: -10px;
  }
}

.video-tile-container {
	width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
}

.video-tile-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tab-container {
    
}

.tab-container .general-tab-nav {
	display: flex;
	justify-content: space-between;
}

.tab-container .general-tab-nav .tab-button {
	width: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.tab-container .general-tab-nav .general-tab-button .btn--link.no-icon {
  color: #2c2a29;
}

.tab-container .general-tab-nav .general-tab-button.active .tab-button {
  background-color: #0c5b63;
}

.tab-container .general-tab-nav .general-tab-button.active .btn--link {
  color: #9b9b9b;
}

.tab-container .general-tab-nav .tab-button span {
  margin-left: 15px;
}

.tab-container .general-tab-nav .icon {
	height: 50px;
	width: auto;	
}

.tab-container .general-tab-nav .icon-thin-arrow {
    font-size: 0.66667rem;
}

.tab-container .tab-content-parsys {
  display: none;
}

.tab-container .tab-content-parsys.always-show {
  display: block;
}

@media (max-width: 767px) {
  .tab-container .general-tab-nav .general-tab-button {
    width: 32%;
  }

  .tab-container .general-tab-nav .general-tab-button .tab-button {
    height: 100%;
  }

  .tab-container .general-tab-nav .tab-button i + span,
  .tab-container .general-tab-nav .tab-button img + span,
  .tab-container .general-tab-nav .tab-button span + i,
  .tab-container .general-tab-nav .btn--link {
    display: none;
  }

  .tab-container .general-tab-nav .tab-button span {
    margin-left: 0;
    font-size: 12px;
  }
}
.typical-wrapper {
  max-width: 81%;
  width: 100%;
  margin: 0 auto;
}

.typical-wrapper .top-content .column-control {
  align-items: center;
}

.top-content {
  padding: 80px 0;
}

.center-content {
  padding: 117px 0;
  background-color: #EAEBEC;
}

.typical-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.Productlist {
  position: relative;
  width: 100%;
  border: solid 0.5px #979797;
  background-color: #ffffff;
  padding: 21px 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
}

.addtoTheproject .btn--primary {
  display: inline-flex;
}

.orange-border {
  width: 100%;
  height: 3px;
  background-color: #EC7A08;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity ease 0.2s;
}

.Productlist:hover .orange-border {
  opacity: 1;
}

.bottom-right {
  pointer-events: none;
  position: absolute;
  bottom: 6px;
  right: 12px;
}

.productlistimg{
  width: auto;
  height: 120%;
}

.containerlist {
  list-style:none;
  margin: 0;
  padding: 0;
}

.item {
  width: 48%;
  height: 10.5vw;
  display: flex;
  flex-direction: column;
  margin-bottom: 2%;
  cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .item {
    height: 18.5vw;
  } 
}

/*float layout*/
.float {
  max-width: 1200px;
  margin: 18px auto;
}
.float:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.float-item {
  float: left;
  list-style: none;
}

h2.heading-tplp p {
    font-family: ApercuPro;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: #ec7a08;
}

.typicalProductslist h2 {
  font-size: 22px;
}

.description {
  margin-bottom: 24px;
}

.description p {
  color: #EC7A08;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.prod-name {
  color: #2C2A29;
  font-family: 'ApercuPro';
  font-size: 17px;
  margin-bottom: 5px;
  padding-top: 0;
}




/* The productlistcheck */
.productlistcheck {
    display: block;
    position: relative;
    padding-left: 4px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.productlistcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 1px solid #8c8a8a;
}

.productlistcheck:hover input ~ .checkmark {
  background-color: #ccc;
}


.productlistcheck input:checked ~ .checkmark {
  background-color: transparent;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.productlistcheck input:checked ~ .checkmark:after {
  display: block;
}

.productlistcheck .checkmark:after {
    left: 5px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #EC7A08;
    border-width: 0px 3px 3px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.addtoTheproject {
  margin-top: 17px;
}

@media (max-width: 768px) {

  .typical-wrapper {
    max-width: 100%;
    padding: 0 20px;
  }

  .top-content {
    padding: 40px 0;
  }

  .center-content {
    padding: 50px 0;
  }

  .item {
    height: 40vw;
  }
  
  .addtoTheproject {
    margin-top: 26px;
  }
}

.typicalheroimage {
    width: 100%;
    height: auto;
}

.download-heroImage {
    font-size: 13px;
    float: left! important;
    text-align: left;
    margin: 25px 0px;
    color: #2196F3;
    line-height: normal;
}

.hot-spot-tool-tip {
    width: max-content;
    height: auto;
}
.hot-spot-tool-tip {
    border: solid 0.4px #3a6f8a;
}
.spot-content.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
.text-right {
    width: 100%;
    float: right;
    text-align: right;
    padding: 10px 10px 0px 10px;
    font-size: 12px;
}
.spot-hover-image{
	width:100%;
}
.typicals-list ul {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px 10px;
}
.typicals-list ul li {
    padding: 10px;
    font-weight: bold;
}
.typicals-list {
    background: white;
}
p.text-left {
    text-align: left;
    padding: 16px;
    line-height: inherit;
    margin: auto;
    font-weight: bold;
}
.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
ul.spot-typ-ul {
    list-style: none;
    padding: 10px 10px;
    margin: auto;
    text-align: left;
    background: #100f0f75;
}
ul.spot-typ-ul li a {
    color: #ffffffcf;
}
.floor-plan-hero .hot-spot-tool-tip{
	width: 235px;
}
.typical-hero .product-description-image{
    width: 100%;
    position: relative;
}
.typical-hero .product-description-image img{
    max-width: 100%;
    width: 100%;
}
.floor-plan-hero .product-description-image{
    width: 100%;
}
.floor-plan-hero .product-description-image img{
    max-width: 100%;
    width: 100%;
}
.typical-hero{
    display: grid;
}
#range-slider .filter {
  width: 100%;
  max-width: 192px;
}

.range-slider .ui-widget.ui-widget-content {
  height: 2px;
  background: #ccc;
  border: 0;
  top: 10px;
}

.range-slider .ui-slider-horizontal .ui-slider-range {
  background: #437a94;
  top: 0px;
}

.range-slider .ui-slider-horizontal .ui-slider-handle {
  width: 16px;
  height: 16px;
  background-color: #EC7A08;
  border: 0;
  border-radius: 50%;
  top: -7px;
}

.number-group {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.number-group span {
  margin-bottom: 8px;
}

.number-group input {
  width: 100%;
  height: 22px;
  border: 1px solid #437a94;
  border-radius: 7px;
}
.selectfloorplantext {
  margin: 0 0 13px 0;
  font-size: 14px;
}

.selectfloorplantext i {
  font-size: 16px;
  color: #437a94;
  margin-left: 5px;
  cursor: pointer;
}

.floor-plan .storiespromo {
  margin-top: -40px;
}

.floorplan-popup {
  height: 90px;
}

.floorplan-btns,floorplan-btns-popup {
    display: flex;
}

p.paragraph-text b {
    color: #b28d28;
    font-weight: 900;
    font-size: 16px;
}

a.standard-button-popup.active, a.standard-button.active{
    width: 180px;
    height: 37px;
    opacity: 0.85;
    font-style: inherit;
    cursor: pointer;
    padding: 10px 50px;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #3a6f8a;
    color: #fff;
    border: none;
    margin: 0px 10px;
}


a.standard-button, a.standard-button-popup{
    width: 180px;
    height: 37px;
    opacity: 0.85;
    font-style: inherit;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #fff;
    border: none;
    margin: 8px 0px 0px 30px;
    font-weight: 500;
    color: #3a6f8a;

}

/* 1. Ensure this sits above everything when visible */
.modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10000; /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  z-index: 9999;
  width: 896px;
  background-color: #fff;
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}


.modal-content {
  padding: 0em;
  margin: 0em;
}



.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    font-size: 32px;
    color: #aaa;
    background: none;
    border: 0;
    cursor: pointer;
}

.modal-close::before {
  width: 25px;
  height: 1px;
  background-color: #000;
  content: '';
  margin: auto;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
}

.modal-close::after {
  width: 25px;
  height: 1px;
  background-color: #000;
  content: '';
  margin: auto;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-45deg);
}

.modal-close:hover {
  color: #777;
}


.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}
.column-image {
  width: 50%;
  display: flex;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.modal-content .column {
  width: 50%;
  padding: 75px 58px 65px;
}

.modal-content .row {   
  display: flex;
  
}
img.popup-img {
    width: 100%;
}
.com-materials-container {
  padding: 25px 0;
}

.modal-content .description p {
  font-weight: 900;
  color: #3A3C3D;
  margin: 0 0 33px;
}

.modal-content .text-description p {
  margin: 0 0 18px;
}

div.rich-text-heading {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212121;
    margin-bottom: 17px;
}

.floorplan-btns .btn {
  width: auto;
  display: inline-flex;
  font-family: 'ApercuProSemBd';
}

.floorplan-btns .btn:not(.active) {
  background-color: transparent;
  color: #3A6F8A;
  border: 0;
}

@media (min-width: 1025px) {
  .floorplan-popup:not(.author) > div:first-child {
    transform: translateY(-110px);
  }
}

@media (max-width: 1025px) {

  .modal-wrapper {
    width: 86%;
    max-width: 500px;
  }

  .modal-content .row {
    flex-direction: column;
  }

  .modal-content .column-image,
  .modal-content .column {
    width: 100%;
  }

  .modal-content .column {
    padding: 30px;
  }

  div.rich-text-heading {
    font-size: 16px;
  }

  .modal-content .description,
  .modal-content .description p {
    margin-bottom: 19px;
  }

  .modal-content p.paragraph-text b {
    font-size: 15px;
  }

  .modal-content .text-description p {
    margin-bottom: 12px;
  }

  .modal-content .floorplan-btns {
    justify-content: flex-start;
  }

  .modal-content .floorplan-btns .btn {
    padding: 8px;
  }

  .floorplan-btns {
    justify-content: center;
  }

  .floorplan-popup > div:first-child {
    text-align: center;
    margin: 19px 0 0;
  }
}
.modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10000; /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible  {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  z-index: 9999;
  width: 896px;
  background-color: #fff;
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.modal-content {
  padding: 0em;
  margin: 0em;
}

.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px;
  font-size: 32px;
  color: #aaa;
  background: none;
  border: 0;
  cursor: pointer;
}

.modal-close::before {
  width: 25px;
  height: 1px;
  background-color: #000;
  content: '';
  margin: auto;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
}

.modal-close::after {
  width: 25px;
  height: 1px;
  background-color: #000;
  content: '';
  margin: auto;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-45deg);
}

.modal-close:hover {
  color: #777;
}


.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

.leadcapturepopupmodal .modal-body {
  padding: 40px 70px;
}

.leadcapturepopupmodal .modal-lead-capture-success .modal-body {
  padding: 60px 70px;
}

.leadTitle {
  font-family: 'ApercuPro2';
  font-size: 38px;
  line-height: 42px;
  text-align: center;
  color: #437a94;
  margin-bottom: 10px;
}

.leadText {
  color: #437a94;
  font-family: 'ApercuProSembd';
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 40px;
}

.leadcapturepopupmodal form {
  width: 100%;
}

.leadcapturepopupmodal input:not(.btn),
.leadcapturepopupmodal textarea {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 20px 10px;
  font-family: 'ApercuPro';
}

.leadcapturepopupmodal input:not(.btn) {
  height: 35px;
}

.leadcapturepopupmodal textarea {
  height: 120px;
}

.leadcapturepopupmodal .input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.leadcapturepopupmodal .input-group input {
  width: 48%;
}

.leadcapturepopupmodal input:invalid {
  background-color: #fff;
}

input:not(:placeholder-shown):invalid {
  background-color: #f0dddd;
}

.leadcapturepopupmodal .btn {
  margin: 0 auto;
  padding: 11px 60px;
}

@media (max-width: 768px) {
  .leadcapturepopupmodal .modal-body {
    padding: 60px 20px;
  }

  .leadTitle {
    font-size: 32px;
    line-height: 34px;  
  }

  .leadText {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 22px;
  }
}
.text-left, .heading-tlp {
    float: left! important;
}

p.richtext strong {
    font-size: 16px;
    font-weight: bold;
    color: #212121;
}

.information-component p {
    color: #8C8C8C;
}

.information-component > div:first-of-type p {
    margin-bottom: 34px;
}
.homepagefeatureblock {
  padding: 50px 0 100px;
}

.feature {
  
}

.feature h2 {
  font-size: 30px;
  color: #212121;
}

.feature p {
  line-height: 18px;
}

.feature--Large {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  padding-top: 50px;
}

.feature--Large.feature--Right {
  justify-content: flex-start;
}

.feature--Large p {
  padding: 0;
  margin: 0;
}

.feature--Large img {
  width: 82%;
}

@media (min-width: 1200px) {
  .feature--Large img {
    transform: translateX(-60px);
  }
}

.feature__copy {
  text-align: left;
}

.feature--Large .feature__copy {
  width: 50%;
  max-width: 576px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media (min-width: 1025px) {
  .feature--Large .feature__copy .cta {
    width: 50%;
  }
}

.feature--Large.feature--Right .feature__copy {
  text-align: right;
  right: 0;
  left: auto;
}

.feature .btn {
  width: auto;
  display: inline-flex;
  margin-top: 40px;
}

.feature--Small {
  max-width: 1014px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.feature--Small .feature__background {
  width: 98%;
  height: 104%;
  position: absolute;
  top: 0;
  right: 0;
}

.feature--Small.feature--Right .feature__background {
  right: auto;
  left: 0;
}

.feature--Small img,
.feature--Small .feature__copy {
  position: relative;
  transform: translateY(56px);
}

.feature--Small img {
  width: 500px;
}

@media (min-width: 1025px) {

  .feature--Small.feature--Right img {
    order: 2;
  }
}

.feature--Small .feature__copy {
  max-width: 514px;
  width: auto;
  padding-top: 30px;
  padding-right: 50px;
  padding-left: 60px;
}

.feature--Small .feature__copy p {
  margin: 25px 0 0;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .feature--Small img,
  .feature--Small .feature__copy {
    transform: translateY(38px);
  }

  .feature--Small img {
    width: 410px;
  }

  .feature--Small .feature__copy h2 {
    font-size: 26px;
  }

  .feature--Small .feature__copy p {
    font-size: 14px;
    margin: 15px 0 0;
  }

  .feature--Small .feature__copy .btn {
    margin-top: 25px;
  }
}

@media (max-width: 1024px) {
  .homepagefeatureblock {
    padding: 55px 20px 70px;
  }

  .feature--Small {
    flex-direction: column;
    align-items: center;
  }

  .feature--Small .feature__background {
    max-width: 500px;
    width: 100%;
    height: 440px;
    left: 0;
    margin: auto;
    transform: translateX(35px) translateY(20px);
  }

  .feature--Small.feature--Right .feature__background {
    left: auto;
  }

  .feature--Small img {
    max-width: 500px;
    width: 100%;
  }

  .feature--Small .feature__copy {
    padding-right: 0;
    padding-left: 0;
  }

  .feature--Large.feature--Right .feature__copy {
    text-align: left;
    right: auto;
    left: 0;
  }

  .feature--Small .feature__copy p {
    margin: 10px 0 0;
  }

  .feature--Small .feature__copy .btn {
    margin-top: 18px;
  }

  .feature--Large {
    height: 60vw;
    min-height: 500px;
    justify-content: center;
    align-items: center;
  }

  .feature--Large.feature--Right {
    justify-content: center;
  }

  .feature--Large::before {
    width: 100%;
    height: 172px;
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  .feature--Large .feature__copy {
    width: 100%;
  }

  .feature h2 {
    font-size: 27px;
  }

  .feature--Large .btn {
    margin-top: 27px;
  }
}

@media (max-width: 768px) {

  .homepagefeatureblock {
    padding: 55px 0 70px;
  }

  .feature--Small {
    align-items: flex-start;
  }

  .feature--Small .feature__background {
    max-width: none;
    width: 95%;
    height: 76vw;
    left: auto;
    margin: 0;
    transform: translateX(0px) translateY(30px);
  }

  .feature--Small.feature--Right .feature__background {
    left: auto;
    right: 0;
  }

  .feature--Small img {
    max-width: none;
    width: 95%;
  }

  .feature--Large img {
    width: 100%;
  }
}
.hot-spot-tool-tip {
    width: max-content;
    height: auto;
}
.hot-spot-tool-tip {
    border: solid 0.4px #3a6f8a;
}
.spot-content.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
.floorplan-hero-image .text-right {
    width: 100%;
    float: none;
    text-align: right;
    padding: 13px 26px 0 26px;
}

.floorplan-hero-image .text-right a {
    display: block;
    line-height: 1;
    font-size: 10px;
    color: #212121;
}
.spot-hover-image{
	width:100%;
}
.floorplan-hero-image .typicals-list ul {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px 26px;
}
.floorplan-hero-image .typicals-list ul li {
    padding: 10px 26px 10px 0;
}
.floorplan-hero-image .typicals-list ul li a {
    font-size: 13px;
    font-weight: 300;
    color: #000;
}
.floorplan-hero-image .typicals-list ul hr {
    height: 1px;
    background-color: #3a6f8a;
    background-image: none;
}
.typicals-list {
    background: white;
    padding-bottom: 7px;
}
.floorplan-hero-image p.text-left {
    text-align: left;
    padding: 15px 26px 13px;
    line-height: inherit;
    margin: auto;
    font-family: "ApercuProSemBd";
    font-weight: normal;
    color: #212121;
}
img.floorplan-img {
    max-width: fit-content! important;
}
.floorplan-hero.image-hot-spots-wrapper {
    display: block;
}

.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
.image-spot-hover img {
    width: 230px! important;
}
ul.spot-typ-ul {
    list-style: none;
    padding: 10px 10px;
    margin: auto;
    text-align: left;
    background: #100f0f75;
}
ul.spot-typ-ul li a {
    color: #ffffffcf;
}
.floor-plan-hero .hot-spot-tool-tip{
	width: 235px;
}
.floor-plan-hero .floorplan-hero-image{
    width: 100%;
    position: relative;
}
.floor-plan-hero .floorplan-hero-image{
    width: 100%;
}
.floor-plan-hero .floorplan-hero-image img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}
.floor-plan-hero{
    display: grid;
}

@media (max-width: 768px) {

    .floor-plan-hero .hot-spot-tool-tip::before {
        width: 100%;
        height: 100%;
        content: '';
        display: block;
        background-color: rgba(0,0,0,0.6);
        position: fixed;
        top: 0;
        left: 0;
    }

    .floorplan-hero-image .image-hot-spot.active {
        position: inherit;
    }

    .floorplan-hero-image .hot-spot-icon.active {
        display: none;
    }

    .floorplan-hero-image .image-hot-spot.active .hot-spot-tool-tip {
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        display: block;
        z-index: 9999;
    }

    .floorplan-hero-image .image-hot-spot.active .spot-content {
        position: relative;
    }
}
.com-materials-container {
  padding: 25px 0;
}

.com-materials-container .title-component {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}

.com-materials-container .title-component h2 {
  font-size: 48px;
  line-height: 1;
  color: #252525;
  margin: 0 0 25px;
}

.com-materials-container .title-component h4 {
  font-size: 15px;
  line-height: 1.8;
  color: #2c2a29;
  margin: 0 0 25px;
}

.com-materials-container .steptitletextpar {
  overflow: hidden;
}

.step-border {
  padding: 140px 30px 50px;
  border-top: 3px solid #437A94;
  position: relative;
}

.step-border:before {
  width: 90px;
  height: 90px;
  content: '';
  background-color: #fafafa;
  border-top: 3px solid #437A94;
  border-right: 3px solid #437A94;
  margin: auto;
  position: absolute;
  top: -46px;
  right: 0;
  left: 0;
  transform: rotate(135deg)
}

.step-row-container {
  width: 100%;
  max-width: 1440px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.step-row-container .step-container-left,
.step-row-container .step-container-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.step-row-container .step-container-left {
  width: 320px;
  height: auto;
}

.step-row-container .step-container-right {
  width: 320px;
  height: auto;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.step-row-container .step-container-right .step-right-par {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}

.step-row-container .step-container-right .step-right-par .action-button {
  margin-top: 10px;
}

.step-row-container .step-container-right .step-right-par .action-button + .action-button {
  margin-top: 20px;
}

.step-row-container .step-container-right .step-right-par .btn {
  width: 100%;
}

.step-row-container .step-container-left .adaptiveimage {
  width: 15%;
  margin-right: 30px;
}

.step-row-container .step-container-left .copy {
  width: 85%;
}

.step-row-container .step-container-left .copy h2 {
  font-size: 36px;
  line-height: 1;
  color: #252525;
  margin-top: 0;
}

.step-row-container .step-container-left .copy h3 {
  font-size: 25px;
  line-height: 1.12;
  color: #2c2a29;
  margin: 50px 0 0;
}

.step-row-container .step-container-left .copy p {
  font-size: 15px;
  line-height: 1.8;
  color: #2c2a29;
}

.step-row-container .step-container-left .copy h3 + p {
  margin-top: 5px;
}

@media (min-width: 769px) {

  .com-materials-container .title-component h2 {
    font-size: 72px;
  }

  .step-row-container {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .step-row-container .step-container-left {
    width: 50%;
  }

  .step-row-container .step-container-left .copy {
    width: 75%;
  }

  .step-row-container .step-container-left .copy h2 {
    font-size: 48px;
  }

  .step-row-container .step-container-right {
    width: 45%;
  }

  .step-row-container .step-container-right .step-right-par .action-button {
    margin-top: 0;
  }

  .step-row-container .step-container-right .step-right-par .btn {
    width: auto;
  }
}

@media (min-width: 1025px) {

  .step-row-container .step-container-right {
    width: 30%;
  }

  .step-row-container .step-container-left .adaptiveimage {
    width: auto;
  }

  .step-row-container .step-container-left .copy {
    width: 75%;
  }

  .step-row-container .step-container-left .copy h2 span {
    display: inline;
  }
}
.pdp-sticky-nav-container {
    width: 100%;
    height: 75px;
    display: block;
    position: relative;
}

.pdp-sticky-nav-container .ghost-sticky-nav {
    width: 100%;
    height: 75px;
    position: absolute;
    z-index: 0;
}

.pdp-sticky-nav-container .sticky-nav {
    width: 100%;
    height: 75px;
    background-color: #ffffff;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 30px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    z-index: 1;
}

.pdp-sticky-nav-container .sticky-nav.sticky {
    position: fixed;
    top: 0;
}

.pdp-sticky-nav-container .sticky-nav [data-trigger="drawer"] {
    background-color: transparent;
    color: #464646;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 0;
    outline: 0;
    border: 0;
    position: relative;
}

.pdp-sticky-nav-container .sticky-nav [data-trigger="drawer"]::before {
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    right: -25px;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.pdp-sticky-nav-container .sticky-nav [data-trigger="drawer"].active::before {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.pdp-sticky-nav-container .sticky-nav ul {
    height: 0;
    flex-grow: 1;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 75px;
    left: 0;
    padding-left: 30px;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.pdp-sticky-nav-container .sticky-nav ul.open {
    height: auto;
    opacity: 1;
}

.pdp-sticky-nav-container .sticky-nav ul li {
    display: block;
    padding: 20px 0;
}

.pdp-sticky-nav-container .sticky-nav ul li button {
    background-color: transparent;
    font-family: "ApercuProSemBd", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #252525;
    border: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.pdp-sticky-nav-container .sticky-nav ul li button label {
  float: none;
  position: relative;
}

.pdp-sticky-nav-container .sticky-nav ul li button label::after {
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.pdp-sticky-nav-container .sticky-nav ul li button.active label::after, .pdp-sticky-nav-container .sticky-nav ul li button:hover label::after {
    background-color: #000000;
}

.pdp-sticky-nav-container .sticky-nav ul li button span {
  display: inline-block;
  margin-right: 7px;
  font-size: 11px;
  color: #aaa;
}

@media (min-width: 769px) {
    .pdp-sticky-nav-container .sticky-nav [data-trigger="drawer"] {
        display: none;
    }
    .pdp-sticky-nav-container .sticky-nav ul {
        height: auto;
        display: block;
        padding-left: 0;
        border-bottom: 0;
        text-align: center;
        opacity: 1;
        position: relative;
        top: auto;
        left: auto;
    }
    .pdp-sticky-nav-container .sticky-nav ul li {
        display: inline-block;
        padding: 0 20px 0 0;
    }
    .pdp-sticky-nav-container .sticky-nav ul li:last-child {
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    .pdp-sticky-nav-container .sticky-nav ul li {
        padding-right: 40px;
    }
}

@media (max-width: 767px) {
    .pdp-sticky-nav-container .btn {
        width: auto;
    }
}

.parsys-accordion {
  margin-top: 35px;
  padding: 0 40px;
}

@media (max-width: 768px) {
  .parsys-accordion {
    padding: 0;
  }
}

.parsys-accordion .accordion-title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 18px;
  color: #2C2A29;
  margin-bottom: 7px;
}

.parsys-accordion .accordion-container {
  padding: 18px 0;
	border-bottom: 1px solid #E2E2E2;
}

.parsys-accordion .accordion-container .accordion-trigger {
  cursor: pointer;
  position: relative;
}

.parsys-accordion .accordion-container .accordion-trigger i {
  color: #323A45;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.parsys-accordion .accordion-container .accordion-trigger i[class*="fa-chevron-"] {
  top: 0;
  left: auto;
  right: 0;
}

.parsys-accordion .accordion-container .accordion-trigger:not(.arrow-icon) .title {
  text-indent: 25px;
}

.parsys-accordion .accordion-container .title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 16px;
  color: #2C2A29;
}

.parsys-accordion .icon {
	display: flex;
    font-family: 'ApercuProSemBd', sans-serif;
    font-size: 40px;
    line-height: 0;
    color: #ffffff;
    background-color: #437a94;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 8px 0px 8px;
    min-width: 45px;
    min-height: 45px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.parsys-accordion.parbase .accordion-container ul li {
	font-size: 15px;
	color: #8C8C8C;
}

.parsys-accordion .accordion-container .accordion-content {
	padding: 18px 0 0 25px;
}
.parsys-accordion .accordion-container .accordion-content h4 {
	  font-size: 20px;
	  font-weight: bold;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: 1.35;
	  letter-spacing: normal;
}
.parsys-accordion .accordion-container .accordion-content h1,h2,h3,h4 {
	padding-top: 10px;
}
.parsys-accordion .accordion-container .accordion-content ul {
    margin: 0;
    padding: 0;
}

.parsys-accordion .accordion-container .accordion-content p {
  color: #8C8C8C;
}

.notification-banner {
  background-color: #437a94;
  padding: 0 30px;
}

.notification-banner-inner-container {
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notification-message-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0;
}

.notification-message-container h3,
.notification-message-container p,
.notification-message-container a,
.notification-banner-close i {
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

.notification-message-container h3 {
  margin-right: 15px;
}

.notification-message-container a {
  text-decoration: underline;
  margin-left: 5px;
}

.notification-banner-close i {
  font-size: 20px;
}

@media (max-width: 1024px) {
  .notification-message-container {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 30px;
  }
}
.material-download-list {
	margin: 24px 0 0 0;
}

.material-download-list .material-download-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.material-download-list .material-download-row.download-item {
	cursor: pointer;
}

.material-download-list .material-download-row .material-download-column {
	width: 30%;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.8;
	letter-spacing: normal;
	text-align: left;
	color: #2c2a29;
}

.material-download-list .material-download-row .material-download-column.title {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: normal;
	text-align: left;
	color: #2c2a29;
}

.material-download-list .material-download-row .material-download-column i {
	margin-right: 10px;
}

@media (max-width: 768px) {

	.material-download-list .material-download-row .material-download-column.title {
		font-size: 15px;
	}
}
.hot-spot-tool-tip {
    width: max-content;
    height: auto;
}
.hot-spot-tool-tip {
    border: solid 0.4px #3a6f8a;
}
.spot-content.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
.text-right {
    width: 100%;
    float: right;
    text-align: right;
    padding: 10px 10px 0px 10px;
    font-size: 12px;
}
.spot-hover-image{
	width:100%;
}
.typicals-list ul {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px 10px;
}
.typicals-list ul li {
    padding: 10px;
    font-weight: bold;
}
.typicals-list {
    background: white;
}
p.text-left {
    text-align: left;
    padding: 16px;
    line-height: inherit;
    margin: auto;
    font-weight: bold;
}
.image-spot-hover {
    background: rgba(251, 251, 251, 0.93);
}
ul.spot-typ-ul {
    list-style: none;
    padding: 10px 10px;
    margin: auto;
    text-align: left;
    background: #100f0f75;
}
.typical-hero ul.spot-typ-ul {
    list-style: none;
    padding: 10px 10px;
    margin: auto;
    text-align: center;
    background:rgba(23,23,23,0.75);
}
ul.spot-typ-ul li a {
    color: #ffffffcf;
}
.floor-plan-hero .hot-spot-tool-tip{
	width: 235px;
}
.typical-hero .product-description-image{
    width: 100%;
}
.typical-hero .product-description-image img{
    max-width: 100%;
    width: 100%;
}
.floor-plan-hero .product-description-image{
    width: 100%;
}
.floor-plan-hero .product-description-image img{
    max-width: 100%;
    width: 100%;
}
.typical-hero{
    display: grid;
}
.imagegallerygrid {
    margin-top: 35px;
}

.image-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

@media (max-width: 767px) {
    .image-gallery-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 16px;
    }   
}
.horizontal-rule {

}
.gallery-teaser .cmp-teaser__image {
    margin-bottom: 20px;
}

.cmp-teaser__short-description p,
.cmp-teaser__short-description span {
  display: inline;
}

.cmp-teaser__short-description p,
.cmp-teaser__description p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}

.cmp-teaser__short-description span {
  margin-left: -3px;
}

.cmp-teaser__short-description button {
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 14px;
  color: #437A94;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}
.cmp-image {
  display: flex;
  position: relative;
}
.cmp-teaser__image-icons {
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  right: 0;
}
.cmp-teaser__image-icon {
  width: 39px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.featurecarousel-text-class {
    width: 200px;
    height: fit-content;
    text-align: center;
    margin-left: 31%;
    margin-right: 40%;
}
.featurecarousel-text{
    width: 100%;
}

.featurecarousel-items {
	width: 100%! important;
    margin: 0 auto;
    text-align: center;
}

.featurecarousel-items .featurecarousel-items {
    padding: 50px 0 43px;
}

.featurecarousel-items .corouselbottomtext {
    width: 100%;
    display: flex;
    justify-content: center;
}

.featurecarousel-items .corouselbottomtext h2 {
    color: #000;
    font-family: 'ApercuProSemBd', sans-serif;
    font-size: 46px;
    padding: 0;
}

.featurecarousel-items .corouselbottomtext h2 sup {
	font-size: 50%;
}

.featurecarousel-items .corouselbottomtext p {
    margin: 5px 0 25px;
}

.featurecarousel-items .action-button > a.btn.btn--primary {
    min-width: 251px;
    display: flex;
    margin: auto;
    text-align: center;
}

.corouselbottomtext {
    width: 90%;
}

@media (max-width: 768px) {

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

    .featurecarousel-items .featurecarousel-items {
        padding: 20px;
    }

    .featurecarousel-items .corouselbottomtext h2 {
        font-size: 25px;
    }

    .featurecarousel-items .corouselbottomtext p {
        margin: 7px 0 19px;
    }

    .action-button > a.btn.btn--primary {
        margin: 0;
    }
}
.content-accordion {
  margin-top: 35px;
  padding: 0 40px;
}

@media (max-width: 768px) {
  .content-accordion {
    padding: 0;
  }
}

.content-accordion .accordion-title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 18px;
  color: #2C2A29;
  margin-bottom: 7px;
}

.content-accordion .accordion-container {
  padding: 18px 0;
	border-bottom: 1px solid #E2E2E2;
}

.content-accordion .accordion-container .accordion-trigger {
  cursor: pointer;
  position: relative;
}

.content-accordion .accordion-container .accordion-trigger i {
  color: #323A45;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.content-accordion .accordion-container .accordion-trigger i[class*="fa-chevron-"] {
  top: 0;
  left: auto;
  right: 0;
}

.content-accordion .accordion-container .accordion-trigger:not(.arrow-icon) .title {
  text-indent: 25px;
}

.content-accordion .accordion-container .title {
  font-family: 'ApercuProSemBd', sans-serif;
  font-size: 16px;
  color: #2C2A29;
}

.content-accordion .icon {
	display: flex;
    font-family: 'ApercuProSemBd', sans-serif;
    font-size: 40px;
    line-height: 0;
    color: #ffffff;
    background-color: #437a94;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 8px 0px 8px;
    min-width: 45px;
    min-height: 45px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.content-accordion.parbase .accordion-container ul li {
	font-size: 15px;
	color: #8C8C8C;
}

.content-accordion .accordion-container .accordion-content {
	padding: 18px 0 0 25px;
}
.content-accordion .accordion-container .accordion-content h4 {
	  font-size: 20px;
	  font-weight: bold;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: 1.35;
	  letter-spacing: normal;
}
.content-accordion .accordion-container .accordion-content h1,h2,h3,h4 {
	padding-top: 10px;
}
.content-accordion .accordion-container .accordion-content ul {
    margin: 0;
    padding: 0;
}

.content-accordion .accordion-container .accordion-content p {
  color: #8C8C8C;
}

.column-control.homepage {
    padding: 0;
    background: none;
    padding-bottom: 26px;
}
.column-control.homepage.vertical-align-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.homepagepar .column-control {
	margin-top: 70px;
}

.homepage .imagetile .sub-title {
    font-family: "ApercuPro";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    text-align: center;
    color: #252525;
    margin: 0;
    padding-top: 20px;
}
.homepage .percent-45 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.homepage .percent-45 .richtext >h1 {
    font-family: "ApercuPro";
    font-size: 30px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: -1px;
    text-align: left;
    color: #252525;
    margin-bottom: 16px;
}
.homepage .percent-45 .richtext  >p {
    font-family: "ApercuPro";
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
    color: #2c2a29;
    margin-bottom: 20px;
}
.homepage .image-tile-component .title {
    font-family: "ApercuProSemBd", sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: -1px;
    text-align: left;
    color: #252525;
    padding-bottom: 5px;
    margin: 0 0 20px 0;
    position: relative;
}
.homepage .image-tile-component .title:after {
    content: "";
    background: #252525;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
}
.homepage .image-tile-component .title.hide-line:after {
  display: none;
}
.homepage .imagetile .description>p {
    font-family: "ApercuPro";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    color: #2c2a29;
    margin-bottom: 15px;
}
.general> .percent-30> div>.image-tile-component> .imagetile> .homepage-btns-section,
.materials> .percent-30> div>.image-tile-component> .imagetile> .homepage-btns-section,
.homepage> .percent-30> div>.image-tile-component> .imagetile> .description,
.homepage> .percent-30> div>.image-tile-component> .imagetile> .action-button 
{
	display:none;
}

.homepage-btns-section {
    display: flex;
}
.homepage-left {
    width: 55%;
}
.homepage-left a {
    padding: 11px 1px;
}
.homepage> .percent-30> div>.image-tile-component> .imagetile>.homepage-btns-section>.homepage-left>.action-button {
    text-align: left;
}
.homepage-right {
    width: 45%;
    text-align: left;
}

.homepage-right p {
	text-align: left! important;
    padding: 0px;
    margin: 8px 20px;
}
.action-button {
}
.action-button .btn.btn--primary .btn-center {
	width: 65%;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -moz-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.action-button .btn.btn--primary .btn-center .img-icon {
	height: 50px;
	width: auto;
	margin: 0 15px 0 0;
}

.action-button .btn--contact {
  text-align: center;
  width: 100%;
}
.action-button .btn-inline {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: space-between;
    -moz-box-align: space-between;
    -ms-flex-align: space-between;
    -webkit-align-items: space-between;
}
.action-button .btn--contact.btn-inline {
	width: auto;
}

.action-button .inline-content {
	padding-top: 11px;
	
}
.action-button .inline-content h4 {
	padding-bottom: 2px;
}
.wrapper.generic .page-content .action-button .inline-content p {
	padding: 0;
	font-size: 14px;
}
.action-button button.btn--contact {
	background-color: transparent;
	border: none;
}

.action-button .tooltip-parent {
  position: relative;
}

.action-button .btn--contact.btn-inline img {
  max-width: 75px;
  max-height: 75px;
}

.action-button .btn.btn--contact p {
  font-size: 18px;
  color: #437A94;
  overflow: visible;
}

/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 767px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 768px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
/* force showing hidden components in unhide mode */
.aem-GridShowHidden > .cmp-container > .aem-Grid > .aem-GridColumn {
  display: block !important;
}