.page-template-template-designerportal #main {
	background-color: #e5ddd0;
	color: #4f5257;
}

.casestudy h4,
.casestudy-inner h4 {
	position: relative;
	background: #f4313f;
	color: #ffffff;
	text-align: center;
	font-family: 'Trade Gothic W01', sans-serif;
	letter-spacing: 2px;
	display: block;
	width: auto;
	max-width: 80%;
    margin: 0px auto -20px;
	border-left: 20px solid #e5ddd0;
	border-right: 20px solid #e5ddd0;
	border-bottom: 20px solid #e5ddd0;
    z-index: 2;
}
.casestudy-inner h4 {
	border-left: 20px solid #ffffff;
	border-right: 20px solid #ffffff;
	border-bottom: 20px solid #ffffff;
}
.casestudy img {
	position: relative;
	z-index: 1;
}
.casestudy span {
	font-family: 'Trade Gothic W01', sans-serif;
	color: #4f5257;
	letter-spacing: 1px;
    padding: 0 0 0.75%;
    border-bottom: 1px solid #eb8787;
}
.casestudy-link:hover span {
	color: #000000;
	border-bottom: 1px solid #f4313f;
}

.shortdesc p {
	font-family: 'Trade Gothic W01', sans-serif;
	font-weight: 400;
	line-height: 1.5;
}
.longdesc p {
	font-family: 'Trade Gothic W01', sans-serif;
	font-weight: 800;
	line-height: 1.5;
	color: #505156;
}

.note {
    position: relative;
    width: 110%;
    top: -20%;
    left: 0%;
    color: #fff;
    background: #ebe5d9;
    z-index: 2;
}
.note:after {
    content: "";
    position: absolute;
    top: -2em;
    left: 0;
    border-width: 2em 2em 0 0;
    border-style: solid;
    border-color: transparent #ebe5d9;
}
.note:before {
    content: "";
    position: absolute;
    top: -2em;
    right: 0;
    left: 2em;
    border-width: 1.0em;
    border-style: solid;
    border-color: #ebe5d9;
}
.casestudy-container .divider {
    border-top: .05rem solid #f4313f;
    height: .05rem;
    margin: .4rem 0;
}
.casestudy-container .divider[data-content]::after {
    background: #f4313f;
    color: #ffffff;
    border-left: 1em solid #fff;
    border-right: 1em solid #fff;
    content: attr(data-content);
    display: inline-block;
    font-size: .9rem;
    letter-spacing: .2em;
    padding: 1.15em 4rem 1em;
    transform: translateY(-1.25rem);
}
.casestudy-container .divider[data-content] {
    margin: 1rem 0;
}

.concepttext p,
.designtextcolumn p {
	font-family: 'Trade Gothic W01', sans-serif;
	line-height: 1.5;
	font-weight: 400;
}
.concepttext p span {
	display: block;
	font-weight: 800;
	text-transform: uppercase;
}
.concept_img {
	display: block;
}

.design_quote {
	position: relative;
}
.designtext p {
	font-family: 'Trade Gothic W01', sans-serif;
	line-height: 1.5;
	font-weight: 400;
	color: #505156;
}
.designtext {
	width: 60%;
    min-width: 360px;
}
.design_quote p:before {
	content: '“';
	position: absolute;
	left: -14px;
    top: -5px;
    font-size: 1.4em;
	color: #505156;
}
.design_quote p:after {
	content: '”';
	position: relative;
	font-size: 1.4em;
	color: #505156;
	vertical-align: top;
    top: -5px;
}
.designtextcolumn p {
	color: #505156;
	margin-bottom: 1.2em;
}
.designtextcolumn p strong {
	text-transform: uppercase;
}

.detail_caption {
	font-family: 'Trade Gothic W01', sans-serif;
	line-height: 1.25;
	font-weight: 800;
	color: #000000;
}

.productquote {
	font-family: 'Trade Gothic W01', sans-serif;
	color: #505156;
	line-height: 1.9;
	letter-spacing: 2px;
	font-weight: 300;
}
.productused p {
	color: #505156;
	font-weight: 800;
}
.productused span {
	color: #bba780;
	letter-spacing: 2px;
	font-weight: 800;
}

.downloadsblock {
	background-image: url("/source/ea6bab5acb6e2370f678d8e483f923d0/learnmoreangle.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: initial;
	padding-bottom: 3.5em;
}
.ind-download {
	display: block;
}
.downloadsblock a {
	display: inline-block;
	font-family: 'Trade Gothic W01', sans-serif;
	line-height: 1.25;
	font-weight: 800;
	color: #505156;
	width: 92.5%;
}
.downloadarrow {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	color: #c5b190;
	width: 4%;
	min-width: 17px;
}


.learnmoreblock {
	background-color: #f5f2ed;
}
p.learnmore_text {
	line-height: 1.9;
}
.learnmoreblock .btn {
	line-height: .1;
}

.slick-list {
	padding: 0px 10px !important
}
.slick-slide {
  margin: 5px 20px;
}

.slick-arrow {
    font-size: 1.55rem;
    line-height: 1;
    position: absolute;
    top: 48%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	width: 40px;
    height: 40px;
    padding: 0;
	z-index: 9999;
}
.scrollicon {
	color: #1d1d1d;
	
}
.slick-prev:before {
    content: '';
}
.slick-next:before {
    content: '';
}
.slick-prev {
    left: -2%;
}
.slick-next {
    right: -2%;
}
.scrollicon {
    font-weight: 300 !important;
}
@media only screen and (max-width: 1024px) {
	.note:before {
		top: -1.5em;
		left: 1.5em;
		border-width: .75em;
	}
	.note:after {
		top: -1.5em;
		border-width: 1.5em 1.5em 0 0;
	}
}
@media only screen and (max-width: 840px) {
	.casestudy h4, .casestudy-inner h4 {
		max-width: 90%;
		margin: 0px auto -10px;
		border-left: 10px solid #e5ddd0;
		border-right: 10px solid #e5ddd0;
		border-bottom: 10px solid #e5ddd0;
	}
	.note {
        width: 105%;
	}
	.note:before {
		top: -1.5em;
		left: 1.5em;
		border-width: .75em;
	}
	.note:after {
		top: -1.5em;
		border-width: 1.5em 1.5em 0 0;
	}
	.slick-prev {
		left: -2%;
	}
	.slick-next {
		right: -2%;
	}
	.design_quote {
		width: 100%;
	}
	.design_quote p:before {
        left: -6px;
	}
	.downloadsblock {
        background-size: 30%;
	}
	.downloadsblock a {
		width: 88.5%;
	}
}
@media only screen and (max-width: 480px) {
	.note {
        width: 105%;
		top: -10%;
	}
	.note:before {
        top: -1em;
        left: 1em;
        border-width: .5em;
	}
	.note:after {
        top: -1em;
        border-width: 1em 1em 0 0;
	}
	.casestudy-inner h4 {
		border-left: 5px solid #ffffff;
		border-right: 5px solid #ffffff;
		border-bottom: 5px solid #ffffff;
	}
	.casestudy-container .divider[data-content]::after {
        padding: 1.0em 4rem .85em;
	}
	.design_quote {
		position: relative;
		width: 100%;
		min-width: unset;
	}
	.design_quote p:before {
		left: -4px;
	}
	.downloadsblock {
        background-size: 30%;
	}
	.slick-prev {
		left: -2%;
	}
	.slick-next {
		right: -2%;
	}
	.downloadsblock a {
		width: 92.5%;
	}
}