@charset "utf-8";
/* CSS Document */
/* Default JWA Desktop Site CSS */

/* begin reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Set Box Model */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
*:focus {
	outline:none;
}
/* End Reset */

/*************************** Begin general document styles ***************************/

html,body {
	width:100%;
	height:100%;
	font-size:100%;
	font-size:0.825vw;
}

body {
	background-color:#f3f3f3;
	/*background-image:url(Desktop_YD_Brand_Tile_White_100.png);*/
	background-position:fixed;
	color:#000;
	font-family: 'Studio6-Regular';
	text-align:center;
}
img {
	position:relative;
	max-width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	transition: top 1s ease, opacity 1s ease;
}
strong {
	font-family: Studio6-Demibold;
}
em {
	/*font-family: Studio6-Italic;*/
	font-style:italic;
}
h1 {
	position:relative;
	font-family: Studio6-Medium;
	font-size:3rem;
}
h2 {
	position:relative;
	font-family: Studio6-Medium;
	font-size:3rem;
	color:#000;
	margin-bottom:3rem;
	font-size:3.8rem;
	margin-bottom:3rem;
	line-height:1;
}

h3 {
	position:relative;
	font-family: Studio6-Medium;
	font-size:3.8rem;
	margin-bottom:3rem;
	color:#000;
	text-align:center;
}
h3.articleheading {
	margin-bottom:.5rem !important;
}
h3.right-aligned-carousel-heading {
	padding-bottom:3rem !important;
}

h4 {
	position:relative;
	font-family: Studio6-Regular;
	font-size:2rem;
	margin-bottom:2rem;
	color:#000;
}
h5 {
	position:relative;
	font-family: Studio6-Medium;
	font-size:1rem;
	margin-bottom:0;
	color:#000;
}
ul {
	font-size:1rem;
}
li {
	margin-bottom:1rem;
}
a {
	text-decoration:underline;
	color:#000;
}
p {
	font-family: Studio6-Regular;
	font-size:1.2rem;
	line-height:1.4;
	margin-bottom:2rem;
	color:#000;
	text-align:center;
}
.actionlink {
	font-family: Studio6-Regular !important;
	font-size:1rem !important;
	letter-spacing:.5px;
}
.actionlink a {
	text-decoration:none;
}
.actionlink a:hover {
	text-decoration:none;
}
p.articledate {
	text-align:center !important;
}
hr {
	height:1px;
	border:none;
	background:#999;
	color:#999;
	margin-top:2rem;
	margin-bottom:2rem;
}

span.privatedownload {
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}


a.button {
	display:inline-block;
	width:auto;
	padding:.685rem 4rem .685rem 4rem;
	font-family: Studio6-Regular;
	font-size:1rem;
	letter-spacing:.5px;
	color:#000;
	text-decoration:none !important;
	outline:none;
	margin:1rem 0 1rem 0;
	border:1px solid #999;
	text-align:center;
    background: linear-gradient(to left, transparent 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	transition:background-position .1s linear;
	transition:background-position .1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
a.button:hover {
	background: linear-gradient(to left, transparent 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	color:#fff;
}
a.buttonblack {
	display:inline-block;
	width:100%;
	padding:.685rem 4rem .685rem 4rem;
	font-family: Studio6-Regular;
	font-size:1rem;
	letter-spacing:.5px;
	color:#fff;
	text-decoration:none !important;
	outline:none;
	margin:1rem 0 1rem 0;
	border:1px solid #999;
	text-align:center;
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	transition:background-position .1s linear;
	transition:background-position .1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
a.buttonblack:hover {
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	color:#fff;
}
a.button.plus {
	background-image:url(JWA_Desktop_Project_Stats_More_Cross.png);
	background-repeat:no-repeat;
	background-position: 70% center;
	background-size: 1.25rem;	
}

a.button.leftarrow {
	background-image:url(Desktop_Carousel_Arrow_Prev_Off.svg);
	background-repeat:no-repeat;
	background-position: 1rem center;
	background-size: 0.9375rem 1.375rem;
}
a.button.leftarrow:hover {
	background-image:url(Desktop_Carousel_Arrow_Prev_On.svg);
	background-repeat:no-repeat;
	background-position: 1rem center;
	background-size: 0.9375rem 1.375rem;	
}

.circle {
	display:inline-block;
	border-radius: 50%;
	width: 1.45rem;
	height: 1.45rem; 
	margin-right:.3rem;
	border:1px solid white;
	outline:1px none red;
	cursor:pointer;
}
.circle.selected {
	box-shadow: 0 0 2px #000;
}

.splitcircle {
	position:relative;
	display:inline-block;
	border:1px solid #ccc;
	margin: 0 0.3rem 0 0;
	border-radius: 50%;
	font-size:0;
	transform:rotate(-30deg);
	transform-origin: 50% 50%;
	outline:1px none red;
	cursor:pointer;
}
.splitcircle.selected {
	box-shadow: 0 0 2px #000;	
}
.left-half,
.right-half {
  float: left;
  width: 0.625rem;
  height: 1.25rem;
  /*line-height: 1.45rem;*/
  color: white;
  text-align: center;
  margin: 0;
}
.left-half:nth-child(1) {
  border-radius: 1.25rem 0 0 1.25rem;
  background: white;
}
.right-half:nth-child(2) {
  border-radius: 0 1.25rem 1.25rem 0;
  background: white;
}

.seo {
	position:absolute;
	left:-10000px;
}

.border-top {
	border:1px solid #999;
	border-width:1px 0 0 0;
}

/*************************** End general document styles ***************************/

/*************************** begin structural styles ***************************/

body > #wrapper { height: auto; min-height: 100%; }

/* wrapper to set minimum width */

#limiter {
	position:relative;
	max-width:1600px;
	margin:auto;
}

#wrapper {
	min-width:1080px;
	background:#e9e8e4;
	overflow:hidden;
	outline:1px none red;
}
#content {
	background:#e9e8e4;
	padding-bottom:62px;
}
/*.row {
	position:relative;
	padding:0px;
	margin:0 0 6rem 0;
	border:none;
	outline:1px none red;
	transform:translateY(150px);
	opacity:0;
	transition:transform 1s ease, opacity 1s ease;
}
.row.opaque {
	background:#f7f7f7;
}
.row:after {
  content: "";
  display: table;
  clear: both;
  font-size: 0;
}

.row.loaded {
	transform:translateY(0);
	opacity:1;
}

.row.loaded.notransition {
	transform:none !important;
	transition:none !important;
}*/

/* begin masthead */
.masthead {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width:1080px;
	font-family: Studio6-Regular;
	height:85px;
	background:#fff;
	color:#000;
	outline:1px none blue;
	transform: translate(0,0);
	transition: transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	z-index:990;
}
.masthead.nav-up {
   transform:translate(0,-85px);
}

.masthead.nav-down {
   transform:translate(0,0);
}

.masthead ul {
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0;
	height:85px;
}
.masthead li {
	font-size:11px;
	display:inline-block;
	width:33.33%;
	height:85px;
}
.masthead li.logocontainer {
	line-height:85px;
	font-size:0;
}

.masthead li.logocontainer .logoimagecontainer {
	width:144px;
	height:29px;
	background:url(JWA_Desktop_Logo_Off.svg) right top no-repeat;
	background-size: 241px 29px;
	display:inline-block;
	overflow:visible;
}
.masthead li.logocontainer .logorollovercontainer {
	width:97px;
	height:29px;
	display:inline-block;
	outline:1px none red;
	overflow:hidden;
}
.masthead li.logocontainer .logorollovercontainer .logorolloverimagecontainer {
	position:absolute;
	left:0;
	top:0;
	width:97px;
	height:29px;
	background:url(JWA_Desktop_Logo_Bars.png) right top no-repeat;
	opacity:0;
	transition: opacity .5s;
	outline:1px none red;
}
.masthead li.logocontainer .logorollovercontainer .logorolloverimagecontainer.active {
	opacity:1;	
}
#logoimagerollover {
	position:relative;
}

/*.masthead li.logocontainer .logoimagecontainer:hover {
	background:url(JWA_Desktop_Logo_On.png) right top no-repeat;
}*/

.masthead li a, .masthead li span {
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	transition: color 0.1s ease-in-out;
}
.masthead li a:hover {
	color:#666;
}
.masthead li img {
	vertical-align:middle;
	outline:1px none blue;
	/*max-height:30px;*/
}
.masthead li .menudivider {
	font-size:.5rem;
	vertical-align:middle;
}

.masthead li span.headerlinkdivider {
	padding: 0 5px 0 5px;
}

.masthead li:first-of-type {
	text-align:left;
	padding-left:40px;
	line-height:85px;
}
/*.masthead li:first-of-type a {
	margin-left:0px;
	height:auto;
	outline:1px none red;
	line-height:1.4;
}*/
.masthead li:last-of-type {
	text-align:right;
	padding-right:40px;
	line-height:85px;
}
/*.masthead li:last-of-type a {
	margin-left:15px;
}*/
/* begin masthead icons */
.masthead li a.primary-menu-control {
	display:inline-block;
	width:27px;
	height:20px;
	background:url(JWA_Desktop_Header_Menu_Off_New.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}
.masthead li a.primary-menu-control:hover {
	opacity:0.5;
}
.masthead li a.primary-menu-control.open {
	opacity:0;
}

.masthead li a.secondary-menu-control {
	display:inline-block;
	width:27px;
	height:20px;
	background:url(JWA_Desktop_Header_Featured_Off_New.svg) left top no-repeat;
	background-size:27px 20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	outline:1px none red;
}
.masthead li a.secondary-menu-control:hover {
	opacity:0.5;
}
.masthead li a.secondary-menu-control.open {
	opacity:0;
}

.masthead li .menu-supporting-text-container {
	position:relative;
	display:inline-block;
	width:180px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead li .menu-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	font-size:15px;
	/*letter-spacing:0.5px;*/
	color:#000;
	font-family: Studio6-Regular;
}

.masthead li .menu-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

.masthead li a.search-control {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(Test_02_New.svg) left top no-repeat;
	background-size:20px 20px;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}
.masthead li a.search-control:hover {
	opacity:0.5;
}
.masthead li a.search-control.open {
	opacity:0;
}

.masthead li .search-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-right:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead li .search-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	font-size:14px;
	color:#000;
	font-family: Studio6-Regular;
	font-size:15px;
	/*letter-spacing:0.5px;*/
}

.masthead li .search-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

/* begin masthead 2 */
.masthead2 {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width:1080px;
	font-family: Studio6-Regular;
	height:85px;
	background:#000;
	color:#fff;
	outline:1px none blue;
	transform: translate(0,-85px);
	transition: transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	z-index:990;
}

.masthead2.nav-up {
   transform:translate(0,0);
}

.masthead2.nav-down {
   transform:translate(0,-90px);
}

.masthead2 ul {
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0;
	height:85px;
}

.masthead2 li {
	font-size:11px;
	display:inline-block;
	width:33.33%;
	height:85px;
}

.masthead2 li.logocontainer {
	position:relative;
	padding:0;
	height:85px;
	outline:1px none blue;
	vertical-align:top;
}

.masthead2 li.logocontainer .project-title {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:85;
	font-size:1rem;
	font-size:16px;
	line-height:85px;
	/*letter-spacing:.5px;*/
}

.masthead2 li.logocontainer .project-title.hidden {
	top:-85px;
}

.masthead2 li.logocontainer .project-nextback-container {
	position:relative;
	max-width:490px;
	height:85px;
	outline:1px none red;
	margin:auto;
	top:-85px;
	opacity:0;
	font-size:0;
	transition:top .5s, opacity .5s;
}
.masthead2 li.logocontainer .project-nextback-container.shown {
	top:0px;
	opacity:1;
}

.masthead2 li.logocontainer .project-nextback-container .project-back {
	position:relative;
	display:inline-block;
	width:50%;
	height:85px;
	outline:1px none red;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	vertical-align:top;
}

.masthead2 li.logocontainer .project-nextback-container .project-back .background {
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:85px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	transition: width .25s;
	overflow:hidden;
}

.masthead2 li.logocontainer .project-nextback-container .project-back:hover .background {	
	width:100%;
}

.masthead2 li.logocontainer .project-nextback-container .project-back .background .backgroundimage {
	position:absolute;
	right:0;
	top:0;
	width:490px;
	height:85px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

.masthead2 li.logocontainer .project-nextback-container .project-back .arrow {
	position:absolute;
	left:0;
	top:0;
	height:85px;
	width:12px;
	background:url(JWA_Desktop_Secondary_Header_Arrow_Left_Off_New.svg) left center no-repeat;
	opacity:1;
	/*transform-origin:center;
	transform:rotate(180deg);*/
	transition:opacity .25s;
}

.masthead2 li.logocontainer .project-nextback-container .project-back:hover .arrow {
	opacity:1;
}

.masthead2 li.logocontainer .project-nextback-container .project-next {
	position:relative;
	display:inline-block;
	width:50%;
	height:85px;
	outline:1px none red;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	vertical-align:top;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .background {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:85px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	transition: width .25s;
	overflow:hidden;
}

.masthead2 li.logocontainer .project-nextback-container .project-next:hover .background {	
	width:100%;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .background .backgroundimage {
	position:absolute;
	left:0;
	top:0;
	width:490px;
	height:85px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

.masthead2 li.logocontainer .project-nextback-container .project-next .arrow {
	position:absolute;
	right:0;
	top:0;
	height:85px;
	width:12px;
	background:url(JWA_Desktop_Secondary_Header_Arrow_Right_Off_New.svg) right center no-repeat;
	opacity:1;
	transition:opacity .25s;
}

.masthead2 li.logocontainer .project-nextback-container .project-next:hover .arrow {
	opacity:1;
}

.project-back-title,.project-next-title {
	font-size:1rem;
	font-size:16px;
	text-align:center;
	color:#fff;
	line-height:85px;
}

.masthead2 li a, .masthead li span {
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	transition: color 0.1s ease-in-out;
}

.masthead2 li a:hover {
	color:#666;
}

.masthead2 li img {
	vertical-align:middle;
	outline:1px none blue;
	/*max-height:30px;*/
}

.masthead2 li .menudivider {
	font-size:.5rem;
	vertical-align:middle;
}

.masthead2 li span.headerlinkdivider {
	padding: 0 5px 0 5px;
}

.masthead2 li:first-of-type {
	text-align:left;
	padding-left:40px;
	line-height:85px;
}

.masthead2 li:last-of-type {
	text-align:right;
	padding-right:40px;
	line-height:85px;
}

/* begin masthead icons */
.masthead2 li a.project-menu-control {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(JWA_Desktop_Secondary_Header_Close_Off_New.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}

.masthead2 li a.project-menu-control:hover {
	opacity:0.5;
}

.masthead2 li a.project-menu-control.open {
	opacity:0;
}

.masthead2 li a.related-menu-control {
	position:relative;
	display:inline-block;
	width:27px;
	height:21px;
	/*background:url(JWA_Desktop_Secondary_Header_Filter_Off.svg) left top no-repeat;*/
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	outline:1px none red;
}

.masthead2 li a.related-menu-control .line {
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}

.masthead2 li a.related-menu-control .line.top {
	top:0;	
}

.masthead2 li a.related-menu-control .line.middle {
	top:50%;
	transform:translateY(-1px);
}

.masthead2 li a.related-menu-control .line.bottom {
	top:auto;
	bottom:0;
}

.masthead2 li a.related-menu-control .line-dot {
	position:absolute;
	width:6px;
	height:3px;
	background:#fff;
	transition:left .25s
}

.masthead2 li a.related-menu-control .line.top .line-dot {
	top:-1px;
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control .line.middle  .line-dot{
	left:0;
	top:50%;
	transform:translateY(-2px);
}

.masthead2 li a.related-menu-control .line.bottom  .line-dot{
	top:auto;
	bottom:-1px;
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control:hover {
	opacity:0.5;
}

.masthead2 li a.related-menu-control:hover .line.top .line-dot {
	left:0;	
}

.masthead2 li a.related-menu-control:hover .line.middle  .line-dot{
	left:calc(100% - 6px);	
}

.masthead2 li a.related-menu-control:hover .line.bottom  .line-dot{
	left:0;
}


.masthead2 li a.related-menu-control.open {
	opacity:0;
}

.masthead2 li .menu-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-left:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
}

.masthead2 li .menu-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	transition-delay: .0s; /* add value here to make off transition delayed */
	color:#fff;
	font-family: Studio6-Regular;
	font-size:15px;
	/*letter-spacing:0.5px;*/
}

.masthead2 li .menu-supporting-text-container .text-message.over {
	opacity:1;
	transition:opacity .25s;
	transition-delay: 0s; /* add value here to make on transition delayed */
}

.masthead2 li a.search-control {
	display:inline-block;
	width:19px;
	height:20px;
	background:url(JWA_Desktop_Secondary_Header_Search_Off_New.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;
	outline:1px none red;
}

.masthead2 li a.search-control:hover {
	opacity:0.5;
}

.masthead2 li a.search-control.open {
	opacity:0;
}

.masthead2 li .search-supporting-text-container {
	position:relative;
	display:inline-block;
	width:140px;
	height:20px;
	opacity:1;
	transition:opacity .25s;
	margin-right:20px;
	vertical-align:middle;
	outline:1px none blue;
	line-height:20px;
	/*display:none;*/
}

.masthead2 li .search-supporting-text-container .text-message {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	opacity:0;
	transition:opacity .25s;
	color:#fff;
	font-family: Studio6-Regular;
	font-size:15px;
	/* letter-spacing:0.5px; */
}

.masthead2 li .search-supporting-text-container .text-message.over {
	opacity:1;
}

.progresscircle {
	display:inline-block;
	outline:1px none red;
	position: relative;
	padding-top:0px;
	margin-right:20px;
}
.progresscircle canvas {
  vertical-align: middle;
  margin-top:-2px;
}

/****** Slide in Panel content overlay ******/
.navigationoverlay {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	height:100%;
	background:rgba(0,0,0,0.65);
	display:none;
	z-index:1002;
}


/****** Begin Slide in Panels ******/

.leftpanel {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1002;
	transform: translateX(-100%);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s linear;
	transition:transform 0.25s cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	background-color:transparent;
	opacity:1;
	overflow:auto;
	overflow-x:hidden;
	overflow:hidden;
}
.panelwrap {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	min-height:100%;
}
.panelcontent {
	position:relative;
	width:40%;
	min-width:780px;
	max-width:780px;
	padding: 32px 70px 32px 70px;
	text-align:left;
	/*padding-top:85px;*/
	background-color:#fff;
	cursor:default;
	transform: translateX(0);
	transition:transform 0.25s linear;	
	min-height:100%;
}

.leftpanel .closearea {
	position:relative;
	width:calc(60% - 10px);
	background-color:transparent;
	min-height:100%;
}

.leftpanel.open {
	left:0;
	transform: translateX(0);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s linear;
}
.leftpanel.open.nudge .panelcontent {
	transform: translateX(-10px);
	transition:transform 0.25s linear;	
}

.leftpanelclosebutton {
	position:relative;
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	margin-bottom:45px;
	margin-left:4px;
}
.leftpanelclosebutton:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:22px;
	height:22px;
	background:url(JWA_Desktop_Side_Menu_Close_Off_New.svg) left top no-repeat;
	background-size:22px;
	opacity:1;
	transition:opacity .25s;	
}
.leftpanelclosebutton:hover:before {
	opacity:0.5;
}
.leftpanelclosebutton:after {
	content:"Close";
	text-align:right;
	width:80px;
	padding-left:30px;
	color:transparent;
	transition:color .25s;
	font-size:13px;
}
.leftpanelclosebutton:hover:after {
	color:#000;
}

.rightpanel {
	position:fixed;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1002;
	transform: translateX(100%);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
	background-color:transparent;
	opacity:1;
	overflow:auto;
	overflow-x:hidden;
	overflow:hidden;
}
.rightpanel.open {
	right:0;
	transform: translateX(0);
	transition:transform 0.25s cubic-bezier(0.42, 0, 0.88, 0.19);
	transition:transform 0.25s;
}
.rightpanel.open.nudge {
	transform: translateX(10px);
	transition:transform 0.25s linear;
}

.rightpanel .closearea {
	position:relative;
	width:calc(100% - 780px);
	background-color:transparent;
	min-height:100%;
	display:none;
}

.rightpanel h3 {
	text-align:left;
	/*margin-left:4.23%;*/
	margin-bottom:16px;
}

.rightpanelclosebutton {
	position:relative;
	display:inline-block;
	width:100%;
	height:22px;
	line-height:22px;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	margin-bottom:16px;
	margin-left:-4px;
}
.rightpanelclosebutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:22px;
	height:22px;
	background:url(JWA_Desktop_Side_Menu_Close_Off_New.svg) left top no-repeat;
	background-size:22px;
	opacity:1;
	transition:opacity .25s;	
}
.rightpanelclosebutton:hover:after {
	opacity:0.5;
}
.rightpanelclosebutton:before {
	content:"Close";
	text-align:right;
	width:80px;
	padding-right:30px;
	color:transparent;
	transition:color .25s;
	font-size:13px;
}
.rightpanelclosebutton:hover:before {
	color:#000;
}

.viewallbutton {
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	width:90px;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
}
.viewallbutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:22px;
	height:22px;
	background:url(JWA_Desktop_Side_Menu_More_Off_Revised_New.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.viewallbutton:hover:after {
	opacity:0.5;
}
.viewallbutton:before {
	content:"View All";
	text-align:right;
	width:90px;
	padding-left:0px;
	color:transparent;
	transition:color .25s;
	font-size:13px;
	letter-spacing:2px;
}
.viewallbutton:hover:before {
	color:#000;
}

.viewmorebutton {
	position:absolute;
	/*float:right;
	right:2.5rem;
	top:1.875rem;*/
	right:0;
	top:50%;
	transform: translateY(-50%);
	width:105px;
	height:22px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
}
.viewmorebutton:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:22px;
	height:22px;
	background:url(JWA_Desktop_Side_Menu_More_Off_Revised_New.svg) left top no-repeat;
	background-size:cover;
	opacity:1;
	transition:opacity .25s;	
}
.viewmorebutton:hover:after {
	opacity:0.5;
}
.viewmorebutton:before {
	content:"View More";
	text-align:right;
	width:105px;
	padding-left:0px;
	color:transparent;
	transition:color .25s;
	font-size:13px;
	letter-spacing:2px;
}
.viewmorebutton:hover:before {
	color:#000;
}

.info-icon {
	position:absolute;
	right:0;
	bottom:0;
	min-width:2.5rem;
	height:2.5rem;
	background:url(JWA_Desktop_Info_Icon_Off.png) right top no-repeat;
	background-size:2.5rem;
	opacity:1;
	transition: opacity .25s;
	outline:1px none red;
	z-index:103;
}
.info-icon .credit {
	display:inline-block;
	position:relative;
	max-width:0rem;
	width:auto;
	height:2.5rem;
	line-height:2.5rem;
	margin-right:2.4rem;
	padding:0 1rem 0 1rem;
	background:rgba(0,0,0,1);
	color:#fff;
	text-align:left;
	opacity:0;
	transition: opacity .4s, max-width .4s;
	font-size:1rem;
}
.info-icon:hover {
	opacity:1;
}
.info-icon:hover .credit {
	max-width:30rem;
	opacity:1;
}

.additionalcontent {
	margin-top:16px;
	padding-top:16px;
	border:1px solid #999;
	border-width: 1px 0px 0px 0px;
	font-family: Studio6-Regular;
}

.additionalcontent.noline {
	border:none;
	margin-top:0px;
	padding-top:0px;
}


.additionalcontent h1, .additionalcontent h2, .additionalcontent h3, .additionalcontent p {
	position:relative;
	text-align:left;
}

.additionalcontent h3 {
	font-size:40px;
	margin-bottom:16px;
	color:#000;
}
.additionalcontent h3.underlined {
	border:1px solid #999;
	border-width: 0px 0px 1px 0px;	
	padding-bottom:16px;
	margin-bottom:32px;
}
.additionalcontent p {
	font-family: Studio6-Regular;
	font-size:14px;
	margin-top:8px;
	margin-bottom:8px;
	text-align:center;
	line-height:1.2;
}
.additionalcontent a {
	text-decoration:none;
}

/***** Begin Subscribe in Panel *****/

.additionalcontent .panelsubscribe {
	position:relative;
	width:60%;
	margin:auto;
	text-align:center;
}

.additionalcontent .panelsubscribe h3 {
	text-align:center;
}
.additionalcontent .panelsubscribe p {
	margin-bottom:16px;
}
.additionalcontent .panelsubscribe .panelsocialicons {
	margin-top:48px;
}
.additionalcontent .panelsubscribe a.socialicon {
	display:inline-block;
	width:36px;
	height:36px;
	outline:1px none red;
	padding:0;
	text-decoration:none !important;
	border:none !important;
	transition:opacity .25s;
	opacity:1;
	margin: 0 2.4px 0 2.4px;
}

.additionalcontent .panelsubscribe a.socialicon:hover {
	opacity:0.5;	
}

.additionalcontent .panelsubscribe .overlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,1);
	z-index:100;
	display:none;
}
.additionalcontent .panelsubscribe .overlay .overlaycontent{
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	text-align:center;
	transform: translateX(-50%) translateY(-50%);
}


/***** End Subscribe in Panel *****/


.panelcontent .sitesearchcontainer {
	position:relative;
	left:0px;
	min-height:60px;
	font-family: Studio6-Regular;
	border:1px solid #999;
	border-width:0px 0px 0px 0px;
	/*margin-left:4.23%;
	padding-right:4.23%;
	padding-top:5.8125rem;*/
	text-align:left;
    margin-bottom: 16px;
    margin-top: 16px;
}
.panelcontent .sitesearchcontainer p {
	text-align:left;
	width:100%;
	margin-bottom:0;
	border:1px solid #999;
	border-width:0px 0px 1px 0px;
}
.panelcontent .sitesearchcontainer input[type=text] {
	width:85%;
	border-width:0px 0px 1px 0px;
	font-family: Studio6-Regular;
	font-size:40px;
	border:none;
	padding-left:0;
}
.panelcontent .sitesearchcontainer input[type=submit] {
	width:15%;
	background: transparent url(JWA_Desktop_Side_Menu_Search_Off_New.svg) right center no-repeat;
	background-size:30px 30px;
	color:transparent;
	opacity:1;
	transition:opacity .25s;
	font-family: Studio6-Regular;
	font-size:32px;
}
.panelcontent .sitesearchcontainer input[type=submit]:hover {
	width:15%;
	background: transparent url(JWA_Desktop_Side_Menu_Search_Off_New.svg) right center no-repeat;
	background-size:30px 30px;
	color:transparent;
	opacity:.5;
}

/* Arrows */
.panelcontent .slick-prev, .panelcontent .slick-next { position: absolute; display: block; height: 17px; width: 11px; opacity: 1; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; padding: 0; border: none; outline: none; z-index: 99; }
.panelcontent .slick-prev:hover, .panelcontent .slick-prev:focus, .panelcontent .slick-next:hover, .panelcontent .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.panelcontent .slick-slider:hover .panelcontent .slick-prev, .panelcontent .slick-slider:hover .panelcontent .slick-prev:focus, .panelcontent .slick-slider:hover .panelcontent .slick-next, .panelcontent .slick-slider:hover .panelcontent .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.panelcontent .slick-prev:hover:before, .panelcontent .slick-next:hover:before { opacity: 1; }
.panelcontent .slick-prev:focus:before, .panelcontent .slick-next:focus:before { opacity: 1 }
.panelcontent .slick-prev.slick-disabled:before, .panelcontent .slick-next.slick-disabled:before { opacity: 1; }

.panelcontent .slick-prev:before, .panelcontent .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.panelcontent .slick-prev { right: 64px; top:-48px; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg'); background-size:cover; opacity:1 }
.panelcontent .slick-prev:hover { right: 64px; top:-48px; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg'); background-size:cover; opacity:.5 }
.panelcontent .slick-next { right: 0px; top:-48px; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg'); background-size:cover; opacity:1 }
.panelcontent .slick-next:hover { right: 0px; top:-48px; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg'); background-size:cover; opacity:.5 }

.panelcontent .carouselnumbers {
	position:absolute;
	/*float:right;
	right:2.5rem;
	top:1.875rem;*/
	right:20px;
	top:50%;
	transform: translateY(-50%);
	width:34px;
	height:22px;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
	font-size:16px;
}

.panelcontent label {
	display:inline;
	font-family: Studio6-Regular;
	font-size:12px;
	
}
.panelcontent input[type=text],.panelcontent input[type=password],.panelcontent input[type=email],.panelcontent input[type=submit],.panelcontent textarea,.panelcontent select {
	width:100%;
	padding:13.6px;
	font-family: Studio6-Regular;
	font-size:16px;
	/* letter-spacing:.5px; */
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
}
.panelcontent textarea {
	min-height:220px;
	font-family: Studio6-Regular;
	font-size:19.2px;
	/* letter-spacing:.5px; */
}
.panelcontent select {
	padding:11.2px;
}
.panelcontent input[type=submit].disabled {
	opacity:0.5;
}
.panelcontent input[type=submit] {
	background:#000;
	color:#fff;
	cursor:pointer;
	font-family: Studio6-Regular;
	border:none;
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	transition:background-position .1s linear;
	transition:background-position .1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	
}

.panelcontent input[type=submit]:hover {
	/*background:#808080;*/
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
}
.panelcontent input[type=submit].disabled {
	/*background:#808080;*/
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	opacity:0.5;
}

.panelcontent input[type=button] {
	width:100%;
	padding:19.2px;
	font-family: Studio6-Regular;
	font-size:16px;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	cursor:pointer;
}

.panelcontent input[type=button].disabled {
	opacity:0.5;
}

.panelcontent input[type=button]:hover {
	background:#808080;
	color:#fff;
}

/****** End Slide in Panels ******/


/* end masthead icons */

/* end masthead */

/* Begin Main Menu Styles */

.mainmenu {
	position:relative;
	font-family: Studio6-Medium;
	/*outline:1px solid blue;*/
}

/* First Level */

.mainmenu > ul > li { 
	position: relative; 
	padding:0;
	z-index: 100;
	font-family: Studio6-Medium;
	font-size:40px;
	/*outline:1px solid red;*/
	margin-bottom:0;
}

.mainmenu > ul { 
	position:relative;
}

.mainmenu > ul > li > a {
	text-decoration:none;
	color:#000;
	opacity:1;
	transition:opacity .25s;
}
.mainmenu > ul > li:hover > a {
	/*opacity:.5;*/
	color:#A74B32;
}
.mainmenu > ul > li.selected > a {
	/*opacity:.5;*/
	color:#A74B32;
}

/* Second Level */

.mainmenu > ul > li > ul {
	position: absolute;
	left: 0;
	top: 60px;
	min-width:400px;
	padding-top:1.5rem;
	padding-bottom:3rem;
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
	-moz-transition: visibility 0.3s ease, opacity 0.3s ease;
	-o-transition: visibility 0.3s ease, opacity 0.3s ease;
	transition: visibility 0.3s ease, opacity 0.3s ease;
	overflow:visible;
	font-family: Studio6-Regular;
}

.mainmenu > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.mainmenu > ul > li > ul > li {
	text-align:left;
	min-width:400px;
	margin:1.5rem 0 1.5rem 0;
	font-size:19.5px;
}
.mainmenu > ul > li > ul > li a {
	border:none;
	color:#000;
	font-size:19.2px;
	text-decoration:none;
	padding-bottom:2px;
}
.mainmenu > ul > li > ul > li a:hover {
	border:1px solid #000;
	border-width:0px 0px 1px 0px;
}
.mainmenu > ul > li > ul > li.selected a {
	border:1px solid #000;
	border-width:0px 0px 1px 0px;
}


/* End Main Menu Styles */

/* begin main content area */
.main {
	position:relative;
	padding-top:85px;
	padding-bottom:4rem;
	opacity:1;
}

.main > div {
	transform:translateY(9.375rem);
	opacity:0;
	transition:transform 1s ease, opacity 1.5s ease;
}
.main > div.loaded {
	transform:translateY(0);
	opacity:1;
}

.main > div.loaded.notransition {
	transform:none !important;
	transition:none !important;
}

.main .imageheader {
	transform:translateY(6.25rem);
	opacity:0;
	transition:transform 1s ease, opacity 1s ease;
	transition-delay: .4s;
}
.main .imageheader.loaded {
	transform:translateY(0);
	opacity:1;
}

.main .imageheader.loaded.notransition {
	transform:none !important;
	transition:none !important;
}

.main .gridobject ul.more {
	position:relative;
	top:-5rem;
	opacity:0;
}
.main .gridobject ul.more.loaded {
	top:0;
	opacity:1;	
}

/*.main div {
	transition: top 1s ease, opacity 1s ease;
}*/

/* end main content area */

/* begin footer */

.footer {
	position:relative;
	font-family: Studio6-Regular;
	height:60px;
	background:#e9e8e4;
	color:#000;
	margin:auto;
	margin-top:-62px;
	outline:1px none red;
	min-width:1080px;
}


.footermenucontainer {
	position:relative;
	width:100%;
	border: 1px solid #999;
	border-width: 1px 0px 0px 0px;
}

.footerleft {
	width:auto;
	padding-left:3.6%;
	height:60px;
	line-height:60px;
	float:left;
	text-align:left;
}

.footerright {
	width:auto;
	height:60px;
	line-height:60px;
	float:right;
	text-align:right;
	padding-right:calc(3.6% - 20px);
	outline:1px none blue;
}

.footer a, .footer span {
	display:inline-block;
	width:auto;
	height:60px;
	line-height:60px;
	text-decoration:none;
	font-size:1.2rem;
	color:#000;
	margin-right:10px;
	transition: color 0.1s ease-in-out;
	outline:1px none green;
	text-align:left;
}
.footer a:hover {
	color:#333;
}
.footer span {
	width:180px;
}
.footer span.profile {
	width:180px;
}
.footer span.projects {
	width:180px;
}
.footer span.people {
	width:180px;
}
.footer span.contact {
	width:180px;
}
.footer span.footersocial {
	width:50px;
}
.footer span {
	width:11.25rem;
}
.footer span.profile {
	width:11.25rem;
}
.footer span.projects {
	width:11.25rem;
}
.footer span.people {
	width:11.25rem;
}
.footer span.contact {
	width:11.25rem;
}
.footer span.footersocial {
	width:3.125rem;
}

/* end footer */

/* begin footer extension */

.footerextension {
	font-family: Studio6-Regular;
	display:none;
	background:#dad9d5;
	color:#000;
	margin:auto;
	padding:2rem 0 2rem 0;
	outline:1px none blue;
	min-width:1080px;
}

.footerextensioncontainer {
	position:relative;
	width:100%;
}

.footerextensionleft {
	padding-left:3.6%;
	width:auto;
	line-height:60px;
	float:left;
	text-align:left;
	overflow:hidden;
}

.footerextensionright {
	width:auto;
	line-height:60px;
	float:right;
	text-align:right;
	padding-right:calc(3.6% - 20px);
	outline:1px none blue;
	overflow:hidden;
}
.footerextension a, .footerextension span {
	display:inline-block;
	width:180px;
	color:#000;
	vertical-align:top;
	margin-right:10px;
	text-decoration:none;
}
.footerextension .profile {
	width:180px;
}
.footerextension .projects {
	width:180px;
}
.footerextension .people {
	width:180px;
}
.footerextension .contact {
	width:180px;
}
.footerextension .footersocial {
	width:50px;
}
.footerextension a, .footerextension span {
	display:inline-block;
	width:11.25rem;
	color:#000;
	vertical-align:top;
	margin-right:10px;
	text-decoration:none;
}
.footerextension .profile {
	width:11.25rem;
}
.footerextension .projects {
	width:11.25rem;
}
.footerextension .people {
	width:11.25rem;
}
.footerextension .contact {
	width:11.25rem;
}
.footerextension .footersocial {
	width:3.125rem;
}
.footerextension ul li {
	padding:0;
	margin:.25rem 0 .25rem 0;
	margin:.5rem 0 .5rem 0;
	height:auto;
	line-height:1.2;
}
.footerextension ul li a {
	height:auto;
	width:auto;
	color:#000;
	font-size:1.2rem;
	padding-bottom:2px;
	border:1px solid transparent;
	border-width:0px 0px 1px 0px;
}
.footerextension ul li a:hover {
	border:1px solid black;
	border-width:0px 0px 1px 0px;
}
.footerextension ul.socialicons li {
	margin:0 0 .65rem 0;	
}

.footerextension ul li a.socialicon {
	position:relative;
	display:block;
	width:36px;
	height:36px;
	width:2.25rem;
	height:2.25rem;
	outline:1px none red;
	padding:0;
	text-decoration:none !important;
	border:none !important;
	transition:opacity .25s;
	opacity:1;
}

.footerextension ul li a.socialicon:hover {
	/*opacity:0.5;*/
}

.facebook {
	position:relative;
	overflow:hidden;
}
.facebook:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Facebook_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.facebook:hover:before {
	transform:scale(.95,.95);
}
.facebook:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Facebook_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.facebook:hover:after {
	transform:scale(1,1);
}

.linkedin {
	position:relative;
	overflow:hidden;
}
.linkedin:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_LinkedIn_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.linkedin:hover:before {
	transform:scale(.95,.95);
}
.linkedin:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_LinkedIn_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.linkedin:hover:after {
	transform:scale(1,1);
}

.twitter {
	position:relative;
	overflow:hidden;
}
.twitter:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Twitter_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.twitter:hover:before {
	transform:scale(.95,.95);
}
.twitter:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Twitter_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.twitter:hover:after {
	transform:scale(1,1);
}

.pinterest {
	position:relative;
	overflow:hidden;
}
.pinterest:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Pinterest_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.pinterest:hover:before {
	transform:scale(.95,.95);
}
.pinterest:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Pinterest_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.pinterest:hover:after {
	transform:scale(1,1);
}

.youtube {
	position:relative;
	overflow:hidden;
}
.youtube:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Youtube_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.youtube:hover:before {
	transform:scale(.95,.95);
}
.youtube:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Youtube_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.youtube:hover:after {
	transform:scale(1,1);
}


.vimeo {
	position:relative;
	overflow:hidden;
}
.vimeo:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Vimeo_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.vimeo:hover:before {
	transform:scale(.95,.95);
}
.vimeo:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Vimeo_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.vimeo:hover:after {
	transform:scale(1,1);
}

.instagram {
	position:relative;
	overflow:hidden;
}
.instagram:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Instagram_Off.svg) center center no-repeat;
	background-size:98%;
	transform:scale(1,1);
	transition: transform .2s;
}
.instagram:hover:before {
	transform:scale(.95,.95);
}
.instagram:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(JWA_Social_Icons_Instagram_On.svg) center center no-repeat;
	background-size:98%;
	transform:scale(0,0);
	transition: transform .2s;
}
.instagram:hover:after {
	transform:scale(1,1);
}

.instagram-item {
	padding-top:100%
}

#footersubscribe {
	width:auto;
}
#footersubscribe #footer_subscribe_email {
	width:265px;
	width:16.5625.rem;
	display:inline;
	margin-right:5px;
	margin-right:0.3125rem;
	color:#000;
	font-size:12px;
	font-size:1rem;
	transition: width 1s ease, opacity 1s ease;
}
#footersubscribe #footer_subscribe_email.processing {
	width:0px;
	opacity:0;
}
#footersubscribe #footer_subscribe_submit {
	width:120px;
	width:7.5rem;
	display:inline;
	background-color:#000;
	color:#fff;
	font-size:12px;
	font-size:1rem;
	transition: width 1s ease, opacity 1s ease, background-position .1s linear;
	transition: width 1s ease, opacity 1s ease, background-position .05s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;
}
#footersubscribe #footer_subscribe_submit:hover {
	color:#fff;
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:left bottom;
}
#footersubscribe #footer_subscribe_submit.submitted {
	width:0px;
	opacity:0;
}
#footersubscribe #footer_subscribe_submit.disabled {
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:left bottom;
}
#footersubscribe #footer_subscribe_thankyou {
	width:16.5625.rem;
	margin-right:5px;
	margin-right:0.3125rem;
	color:#000;
	font-size:12px;
	font-size:1rem;
	display:none;
}
#footersubscribe #footer_subscribe_thankyou.activated {
	width:16.5625.rem;
	margin-right:5px;
	margin-right:0.3125rem;
	opacity:1;
}
#footersubscribe #footer_subscribe_spinner {
	display:inline;
	width:30px;
	height:auto;
	vertical-align:middle;
	margin-right:10px;
	margin-right:0.625rem;
	display:none;
}

.footerextension .footercredits {
	padding-left:40px;
	font-size:11px;
	font-size:1rem;
	text-align:left;
	margin-top:40px;
	margin-bottom:0;
}
.footerextension .footercredits a, .footerextension .footercredits span {
	display:inline-block;
	margin-right:20px;
	margin-right:1.25rem;
	width:auto;
}
.footerextension .footercredits a:hover {
	border:1px solid black;
	border-width:0px 0px 1px 0px;
}
/* end footer extension */

/*************************** end structural styles ***************************/

/*************************** begin text content styles ***************************/

ul.decorative {
	font-size:1.2rem;
}
ul.decorative li:before {
	content:'\2013\2002';
}

/*************************** end text content styles ***************************/

/*************************** begin form styles ***************************/
.formcontainer {
	position:relative;
	outline:1px none red;
	margin-bottom:1rem;
	margin-top:2rem;
}

.formcolumn {
	position:relative;
	width:50%;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	outline:1px none blue;
	margin-bottom:2rem;
}
.formcolumn p:last-of-type {
	margin-bottom:0;
}

.leftcolumn {
	padding-right:1rem;
}

.rightcolumn {
	padding-left:1rem;
}

.formcontaineroverlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(232,232,232,0.8);
	z-index:100;
	display:none;
}
.formcontaineroverlaytext {
	position:absolute;
	width:100%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}
.formcontaineroverlaytext h2{
	font-family: Studio6-Regular;
	text-align:center !important;
}
.formcontaineroverlaytext p{
	font-family: Studio6-Regular;
	text-align:center !important;
}
.formcontainer h3 {
	font-family: Studio6-Regular;
	font-size:.9rem;
	
	text-align:left;
	margin-bottom:2px;
	padding:0;
	color:#666;
}
.formcontainer p {
	font-family: Studio6-Regular;
	text-align:left;
	margin-bottom:2rem;
	color:#666;
}

label {
	display:inline;
	font-family: Studio6-Regular;
	font-size:.75rem;
	
}
input[type=text],input[type=password],input[type=email],input[type=submit],textarea,select {
	width:100%;
	padding:.85rem;
	font-family: Studio6-Regular;
	font-size:1rem;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
}
textarea {
	min-height:13.75rem;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	/* letter-spacing:.5px; */
}
select {
	padding:.7rem;
}
input[type=submit].disabled {
	opacity:0.5;
}
input[type=submit] {
	color:#fff;
	cursor:pointer;
	font-family: Studio6-Regular;
	border:none;
    background: linear-gradient(to left, #000 50%, #808080 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	transition:background-position .1s linear;
	transition:background-position .1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
input[type=submit]:hover {
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
}
input[type=submit].disabled {
	background: linear-gradient(to left, #000 50%, #808080 50%);
	background-size: 200% 100%;
	background-position:left bottom;
	opacity:0.5;	
}

input[type=button] {
	width:100%;
	padding:.85rem;
	font-family: Studio6-Regular;
	font-size:1rem;
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	cursor:pointer;
}

input[type=button].disabled {
	opacity:0.5;
}
/*input[type=button] {
	background:#000;
	color:#fff;
	cursor:pointer;
	font-family: Studio6-Regular;
}*/
input[type=button]:hover {
	background:#808080;
	color:#fff;
}

/* begin footer subscribe form */

::-webkit-input-placeholder {
   color: #000;
}
:focus::-webkit-input-placeholder {
   color: transparent;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;
   opacity: 1;
}
:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   opacity: 1;
}
:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

:-ms-input-placeholder {  
   color: #000;
}


#sitesearch input::-webkit-input-placeholder {
   color: #999;
}
#sitesearch input:focus::-webkit-input-placeholder {
   color: transparent;
}
#sitesearch input:-moz-placeholder { /* Firefox 18- */
   color: #999;
   opacity: 1;
}
#sitesearch input:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

#sitesearch input::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
   opacity: 1;
}
#sitesearch input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

#sitesearch input:-ms-input-placeholder {  
   color: #999;
}

.fullscreen-overlay input::-webkit-input-placeholder {
   color: #fff;
}
.fullscreen-overlay input:focus::-webkit-input-placeholder {
   color: transparent;
}
.fullscreen-overlay input:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 1;
}
.fullscreen-overlay input:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
   opacity: 1;
}

.fullscreen-overlay input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 1;
}
.fullscreen-overlay input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
   opacity: 1;
}

.fullscreen-overlay input:-ms-input-placeholder {  
   color: #fff;
}

#footer_subscribe_email::-webkit-input-placeholder {
   color: #000;
}
#footer_subscribe_email:focus::-webkit-input-placeholder {
   color: transparent;
}

#footer_subscribe_email:-moz-placeholder { /* Firefox 18- */
   color: #000;
}
#footer_subscribe_email:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
}

#footer_subscribe_email::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
#footer_subscribe_email:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

#footer_subscribe_email:-ms-input-placeholder {  
   color: #000;
}

/* end footer subscribe form */

.errormessage {
	padding-top:5px;
	color:red;
	display:inline-block;
	font-size:.85rem;
	text-align:left;
	margin:0;
	
}
select.narrow {
	width:32%;
	margin-right:1.3%;
}
select.narrow:last-of-type {
	margin-right:0;
}
option {
	background:transparent;
}
.errormessage {
	display:none;
}

/* begin pseudoselect control */

.pseudoselect {
	position:relative;
	display:inline-block;
	width:100%;
	/*padding: .85rem 10px .85rem 10px;*/
	padding:.865rem;
	font-size:1.2rem;
	/* letter-spacing:.5px; */
	color:#000;
	border: 1px solid #999;
	background:transparent;
	outline:none;
	margin-bottom:1.1em;
	margin-top:0;
	background:url(Desktop_Form_Arrow_Revised_Off.svg) calc(100% - 5px) no-repeat;
	/*background: #transparent url(Mobile_Down_Arrow.svg) no-repeat;*/
	background-size: 1.25rem .75rem;
	cursor:default;
	text-align:left;
}
.pseudoselect:hover {
	background:url(Desktop_Form_Arrow_Revised_On.svg) calc(100% - 5px) no-repeat;
	background-size: 1.25rem .75rem;	
}
.pseudoselect.filter {
	width:18%;
	border:none;
	background:url(Desktop_Form_Arrow_Revised_Off.svg) left center no-repeat;
	background-size: 1.25rem .75rem;
	margin-bottom:0;
	margin-right:2%;
}
.pseudoselect.filter:hover {
	background:url(Desktop_Form_Arrow_Revised_On.svg) left center no-repeat;
	background-size: 1.25rem .75rem;	
}
.pseudoselect.filter .selectiontext {
	padding-left: 20px;
}
.psselections {
	position:absolute;
	max-height:200px;
	left:0px;
	right:0px;
	top:66px;
	margin: 0px 8px 0px 10px;
	padding:10px;
	font-size:1rem;
	color:#333;
	border: 1px solid #999;
	background:#fff;
	overflow:auto;
	display:none;
	z-index:10000;
}
.psselections label {
	display:block;
	font-family: Studio6-Regular;
	font-size:1rem;
	cursor:pointer;
	margin-bottom:10px;
	text-align:left;
}

.selectioncount {
	font-family: Studio6-Regular;
	
	font-size:.9rem;
}

.pseudoselect.filter .psselections {
	max-height:none;
}

/* end pseudoselect control */

/* custom checkboxes for pseudoselect multi-select */

input[type=checkbox].multi-check {
	width:auto;
	margin:0;
	padding:0;
	opacity:0;
	margin-left:-15px;
}

input[type=checkbox].multi-check + span {
	font-size:.75rem;
	color:#999;
	cursor:pointer;
}
input[type=checkbox].multi-check:checked + span {
	color:#000;
}

/* custom radio buttons for pseudoselect standard-select */

input[type=radio].single-check {
	width:auto;
	margin:0;
	padding:0;
	opacity:0;
	margin-left:-15px;
}

input[type=radio].single-check + span {
	font-size:1rem;
	color:#000;
	cursor:pointer;
}
input[type=radio].single-check + span:hover {
	border:1px solid #000;
	border-width: 0px 0px 1px 0px;	
}
input[type=radio].single-check:checked + span {
	color:#000;
	border:1px solid #000;
	border-width: 0px 0px 1px 0px;
}

/* custom checkbox and radio buttons */

label.checkboxcontainer {
	display:inline-block;
	font-size:.75rem;
	color:#000;
	vertical-align:middle;
	cursor:pointer;
}
label.checkboxcontainer input[type=checkbox] {
	width:0px;
	height:0px;
	position:absolute;
	left:-9999px;
}
label.checkboxcontainer input[type=checkbox] + span {
	display:inline-block;
	vertical-align:middle;
	width:3.125rem;
	height:3.125rem;
	margin-bottom:1px;
	margin-right:10px;
	background:url(Desktop_Checkbox_Off.png) left top no-repeat;
	background-size:cover;
	outline:1px none red;
}

label.checkboxcontainer input[type=checkbox]:checked + span {
	background:url(Desktop_Checkbox_On.png) left top no-repeat;
	background-size:cover;
}

label.radiobuttoncontainer {
	display:inline-block;
	font-size:1rem;
	color:#000;
	vertical-align:middle;
	cursor:pointer;
}
label.radiobuttoncontainer input[type=radio] {
	width:0px;
	height:0px;
	position:absolute;
	left:-9999px;
}
label.radiobuttoncontainer input[type=radio] + span {
	display:inline-block;
	vertical-align:middle;
	width:2rem;
	height:2rem;
	margin-bottom:1px;
	margin-right:10px;
	background:url(Desktop_Check_Box_Off.png) center center no-repeat;
	background-size:99%;
	outline:1px none red;
}

label.radiobuttoncontainer input[type=radio]:checked + span {
	background:url(Desktop_Check_Box_On.png) center center no-repeat;
	background-size:99%;
	color:#000;
}

label.radiobuttoncontainer input[type=radio]:checked + span + span {
	color:#000
}

.formoverlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,1);
	display:none;
}

.formoverlay .overlaymessage {
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	text-align:center;
	outline:1px none red;
}
.formoverlay .overlaymessage h4 {
	font-size:1.6rem;
	margin-bottom:1.6rem;
}
.formoverlay .overlaymessage p {
	text-align:center;
}

/*************************** end form styles ***************************/

.carouselcontainer {
	position:relative;
	margin:0;
	padding:0;
}

.carousel {
	position:relative;
	margin:0;
	transition: top 1s ease, opacity 1s ease;
	outline:1px none blue;
}
.carouselcrossfade {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:red;
	opacity:1;
	display:none;
	background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	/*border:10px solid red;
	outline:1px solid red;
	transition:opacity .2s linear;*/
}
.carouselimage {
	position:relative;
	display:block;
	margin-bottom:1rem;
}

.carouselimage-overlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/*background-image:url(Desktop_YD_Brand_Tile_White_100.png);*/
	opacity:0;
	transition:opacity .25s;
	text-decoration:none !important;
}
.carouselimage:hover .carouselimage-overlay {
	opacity:0.3;
}
.carouselimage .viewdetailsbutton {
	display:block;
	position:absolute;
	width:50%;
	left:50%;
	top:50%;
	margin-top:-2rem;
	transform: translateX(-50%) translateY(-50%);
	opacity:0;
	transition:margin-top .25s, opacity .25s;
	padding:1rem 2rem 1rem 2rem;
	font-family: Studio6-Regular;
	font-size:1.2rem !important;
	color:#000;
	background:rgba(243,243,243,0.4);
	text-decoration:none !important;
	border:1px solid #666;
	text-align:center;
}
.carouselimage:hover .viewdetailsbutton {
	top:50%;
	opacity:1;
	margin-top:0;
}
.grid-carousel.large .viewdetailsbutton {
	width:25%;
}

.carouselimage .pinterestbutton {
	position:absolute;
	width: 1.25rem;
	height: 1.25rem;
	top:1rem;
	right:1rem;
	background: transparent url(Desktop_Product_Pintrest_Icon_Off.png) left top no-repeat;
	background-size:cover;
}
.carouselimage .pinterestbutton:hover {
	background: transparent url(Desktop_Product_Pintrest_Icon_On.png) left top no-repeat;
	background-size:cover;	
}

/*************************** begin page specific styles ***************************/



/*************************** end page specific styles ***************************/

/*************************** Begin Content Object styles ***************************/

.content-object {
	padding: 0 3.6% 0 3.6%;
	margin-bottom:2rem;
	outline:1px none red !important;
	text-align:left;
}

.content-object.fullbleed {
	padding: 0;
	margin-bottom:2rem;
}

.content-object:last-of-type {
	margin-bottom:0;
}

.moduleheading {
	text-align:left;
	font-size:2rem;
	border:1px solid #999;
	border-width:0 0 0 0;
	padding-top:1rem;
}
.left {
	float:left;
}
.right {
	float:right;
}

.boxcanvas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color:transparent;
	color: #000;
}

.textcontainer h2 {
	font-size:2rem;
}

.textcontainer p {
	font-size:1rem;
}
.imageheader {
	background:#e9e8e4;
	outline:1px none red;
	overflow:hidden;
	
}
.imageheader .textcontainer {
	transition:opacity .2s, color 2s;
}
.imageheader * {
	transition:color .2s;
}
a > .imageheader:hover * {
	color:#666 !important;
	transition:color .2s;
	transition-delay:0;
}

.imageheader a {
	text-decoration:none;
}
.imageheader a:hover {
	color:#666 !important;
}

.carousel a {
	text-decoration:none;
}

a.slidelink {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:transparent;
	color: transparent;
	z-index:2;
}
a.slidelink.playicon {
	background:url(JWA_Mobile_Film_Off.svg) center center no-repeat;
	background-size: 150px 150px;
}
a.slidelink.playicon:hover {
	background:url(JWA_Mobile_Film_On.svg) center center no-repeat;
	background-size: 150px 150px;
}

/*** begin text content object ***/

.rich-text-content {
	margin-bottom:4rem;
}

.text-content-object {
	position: relative;
	width:41%;
	margin-left:9.6%;
	outline:1px none red;
	
}

.text-column {
	width:50%;
	float:left;
	padding:5%;
	outline:1px none red;
}

.text-content-object.centered {
	width:48%;
	margin:auto;
}

.text-content-object h3 {
	font-size:3.6rem;
	margin-bottom:3rem;
	text-align:center;
}
	
.text-content-object p {
	font-size:1.2rem;
	margin-bottom:2rem;
	text-align:left;
	line-height:1.6;
}

/*** end text content object ***/

/*** begin project details content object ***/

.project-details-content {
	
}

.project-details-content .project-details-text {
	position: relative;
	width:41%;
	margin-left:9.6%;
	outline:1px none red;
	float:left;
}
.project-details-content .project-details-text h3 {
	font-size:3.6rem;
	margin-bottom:3rem;
	text-align:left;
}
	
.project-details-content .project-details-text p {
	font-size:1.2rem;
	margin-bottom:2rem;
	text-align:left;
	line-height:1.6;
}
.project-details-content .project-stats {
	position: relative;
	width:32%;
	margin-right:5%;
	outline:1px none red;
	float:right;
	
}
.project-details-content .project-stats.contact hr:first-of-type {
	margin-top:0;
}
.project-details-content .project-stats.contact p {
	text-align:left;
}
.project-details-content .project-stats ul {
	position:relative;
	text-align:left;
	width:68%;
}
.project-details-content .project-stats ul li {
	position:relative;
	border:1px solid #999;
	border-width: 0 0 1px 0;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
	font-size:1rem;
	max-height:8.5rem;
	transition:max-height .2s;
	padding-right:1.3rem;
}

.project-details-content .project-stats ul li.longtext {
	color:#000;
}
.project-details-content .project-stats ul li.longtext .intro {
	display:inline;
}
.project-details-content .project-stats ul li.longtext .alllistcontent {
	display:none;
}
.project-details-content .project-stats ul li.longtext .intro:after {
	/*position:absolute;
	right:0;*/
	content:"\2026";
}
.project-details-content .project-stats ul li.longtext.open {
	max-height:20rem;
	color:#000;
}
.project-details-content .project-stats ul li.longtext.open .intro {
	display:none;
}
.project-details-content .project-stats ul li.longtext.open .alllistcontent {
	display:inline;
}
.project-details-content .project-stats ul li.longtext.open .intro:after {
	content:"";
}

.showmorebutton {
	position:absolute;
	right:0;
	top:0;
	/*transform: translateY(-50%);*/
	width:1.125rem;
	height:1.125rem;
	line-height:1.125rem;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
	background:url(JWA_Mobile_Project_Stats_More_On.svg) left top no-repeat;
	background-size:1.125rem 1.125rem;	
}

.showmorebutton.less {
	background:url(JWA_Mobile_Project_Stats_More_Off.svg) left top no-repeat;
	background-size:1.125rem 1.125rem;	
}

.showmapbutton {
	position:absolute;
	right:0;
	top:0;
	/*transform: translateY(-50%);*/
	width:1.125rem;
	height:1.375rem;
	line-height:1.375rem;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
	background:url(Doma_Tablet_Location_Pin.svg) left top no-repeat;
	background-size:1.125rem 1.125rem;		
}

/*** end text content object ***/

/*** begin call to action text content object ***/

.call-to-action-text-module {
	position: relative;
	width:83%;
	max-width:1774px;
	max-width:1550px;
	max-width:1450px;
	margin:auto;
	padding-top:4rem;
	margin-bottom:4rem;
}

.narrow .call-to-action-text-module {
	width:53.66%;
	max-width:952px;	
}

.call-to-action-text-module:before {
	content:"";
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:300%;
	border: 1px solid #999;
	border-width: 1px 0px 0px 0px;
}

.call-to-action-text-module h3 {
	font-size:3.8rem;
	margin-bottom:1rem;
	text-align:center;
}

.call-to-action-text-module p {
	font-size:1.2rem;
	/* letter-spacing:.5px; */
	line-height:1.4;
	width:50%;
	margin:auto;
	margin-bottom:2rem;
	text-align:center;
}
	
.narrow .call-to-action-text-module p {

	width:75%;
	margin:auto;
	text-align:center;
	font-size:1.2rem;
	/* letter-spacing:.5px; */
	margin-bottom:2rem;
	line-height:1.4;
}

/*** end call to action text content object ***/

/*** begin heading module ***/

.heading-module {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	margin:3rem 0 6rem 0;
}

.heading-module h3 {
	font-size:3.6rem;
	line-height:1;
	padding: 4rem 0 6rem 9.6%;
	text-align:left;	
	border:1px solid #999;
	border-width:0 0 1px 0;
}

/*** end heading module ***/

/*** begin hero carousel ***/

.hero-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none red;
	padding:0 !important;
	text-align:left;
	background:#e9e8e4;
}

.hero-carousel .boxcanvas {
	position:relative;
	background-color:#e9e8e4;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.hero-carousel .imageheader {
	position:relative;
	left:0;
	margin-top:-6.25rem;
	width:62%;
	/*min-height:12.5rem;*/
	text-align:left;
	color:#000;
	outline:1px none red;
	/*transform: translateY(-6.25rem);
	margin-bottom:-6.25rem;*/
}

.hero-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:3.25rem 10% 3.25rem 20%;
}

.hero-carousel .imageheader h3 {
	font-size:4rem;
	line-height:1;
	margin-bottom:1rem;
	text-align:left;
}
	
.hero-carousel .imageheader p {
	font-family: Studio6-Regular;
	font-size:1.25rem;
	margin-bottom:1rem;
	/* letter-spacing:1px; */
	text-align:left;
}
.hero-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}

.hero-carousel .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	margin-left:.25rem;
	margin-top:.5rem;
}
.hero-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.hero-carousel .buttonprev, .hero-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.hero-carousel .buttonprev:hover, .hero-carousel .buttonnext:hover {
	opacity:0.5;
}
.hero-carousel .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.hero-carousel .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}
/*** end hero carousel ***/


/*** begin standard carousel ***/

.standard-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	margin-bottom:4rem !important;
}

/*.standard-carousel h3 {
	text-align:left;
	padding-top:2rem;
	font-size:3rem;
}*/

.standard-carousel .boxcanvas {
	background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.standard-carousel .imageheader {
	position:relative;
	left:0;
	margin-top:-3.5rem;
	width:32%;
	/*min-height:5.5rem;*/
	text-align:left;
	color:#000;
	outline:1px none red;
}

.standard-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:1.8rem 20% 1.5625rem 0%;
}

.standard-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:1rem;
	text-align:left;
	padding-top:0;
}
	
.standard-carousel .imageheader p {
	font-family: Studio6-Regular;
	font-size:1.25rem;
	margin-bottom:1rem;
	/* letter-spacing:1px; */
	text-align:left;
}
.standard-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}

.standard-carousel .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:.6rem;
	float:right;
}
.standard-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.standard-carousel .buttonprev, .standard-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.standard-carousel .buttonprev:hover, .standard-carousel .buttonnext:hover {
	opacity:0.5;
}
.standard-carousel .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.standard-carousel .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}
/*** end standard carousel ***/


/*** begin extended carousel ***/

.extended-carousel {
	position: relative;
	width: 100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	margin-bottom:4rem !important;
}

.extended-carousel .vertical-bar {
	position:absolute;
	top:0;
	width:6.25rem;
	height:100%;
	background:#e9e8e4;
	z-index:20;
}
.extended-carousel .vertical-bar-left {
	right:auto;
	left:14.9rem;
	
}
.extended-carousel .vertical-bar-right {
	left:auto;
	right:14.9rem;
}

.extended-carousel .boxcanvas {
	background-color:#fff;
	background-position: top center;
	background-repeat:no-repeat;
	background-size:cover;
}

.extended-carousel .imageheader {
	position:relative;
	width:100%;
	height:10.5rem;
	text-align:left;
	color:#000;
	outline:1px none red;
	/*transform: translateY(-6.25rem);*/
}

.extended-carousel .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:center;
	padding:0.78125rem 0% 1.5625rem 0%;
}

.extended-carousel .imageheader h3 {
	font-size:3.6rem;
	font-size:3rem;
	line-height:1;
	margin-bottom:1rem;
	text-align:center;
}
	
.extended-carousel .imageheader p {
	font-family: Studio6-Regular;
	font-size:1.25rem;
	margin-bottom:1rem;
	/* letter-spacing:1px; */
	text-align:center;
}
.extended-carousel .imageheader p:last-of-type {
	margin-bottom:0;
}

.extended-carousel .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:1rem;
	margin-right:21.125rem;
	float:right;
	z-index:1001;
}
.extended-carousel .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.extended-carousel .buttonprev, .extended-carousel .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.extended-carousel .buttonprev:hover, .extended-carousel .buttonnext:hover {
	opacity:0.5;
}
.extended-carousel .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.extended-carousel .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}

/*** end extended carousel ***/


.quadrant-module {
	margin-bottom:4rem !important;
	outline:1px none red;
}


/*** begin 2/3 width carousel and text object ***/

.two-thirds-carousel-and-text-object {
	position: relative;
	width: 56.17%;
	outline:1px none red;
	text-align:left;
}

.two-thirds-carousel-and-text-object .imageheader {
	position:relative;
	display:inline-block;
	left:0;
	margin-top:-6.25rem;
	margin-bottom:2rem;
	width:60%;
	/*height:15.5rem;*/
	text-align:left;
	color:#000;
	float:none;
	overflow:hidden;
	outline:1px none red;
}

.two-thirds-carousel-and-text-object .imageheader .headingcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	background:#e9e8e4;
	padding-top:2.25rem;
	float:left;
	margin-bottom:1rem;
}
.two-thirds-carousel-and-text-object .imageheader .headingcontainer .headingcontainertext {
	position:relative;
	width:100%;
	height:auto;
	min-height:4.1rem;
	outline:1px none blue;
	/*display: table-cell;
	vertical-align: bottom;*/
	display: flex;
	align-items: flex-end;
	font-size:2rem;
	line-height:1.1;
	margin-bottom:.5rem;
	text-align:left;
	font-family: Studio6-Regular;
	padding-right:10%;
}

.two-thirds-carousel-and-text-object .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	text-align:left;
	padding:2.5rem 10% 0 0;
}

.two-thirds-carousel-and-text-object .imageheader h3 {
	font-size:2rem;
	line-height:1.1;
	margin-bottom:1.5rem;
	text-align:left;
}
	
.two-thirds-carousel-and-text-object .imageheader p {
	font-family: Studio6-Regular;
	font-size:1.25rem;
	margin-bottom:1rem;
	text-align:left;
	line-height:1.1;
}
.two-thirds-carousel-and-text-object .imageheader p:last-of-type {
	margin-bottom:0;
}

.two-thirds-carousel-and-text-object .textobject {
	position:relative;
	width:100%;
	outline:1px none blue;
	margin-top:-6.25rem;
}
.two-thirds-carousel-and-text-object .textobject:before {
	padding-top: 68%;
	padding-top: 58%;
	display: block;
	content: '';
}

.two-thirds-carousel-and-text-object .textobject .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	padding:0 10% 0 10%;
	outline:1px outline green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	z-index:100;
    font-family: Studio6-Regular;
}

.two-thirds-carousel-and-text-object .textobject .textcontainer h3 {
	font-size:2.5rem;
	line-height:1.1;
	margin-bottom:1.5rem;
}

.two-thirds-carousel-and-text-object .textobject .textcontainer p {
	font-size:1.25rem;
	margin-bottom:.5rem;
    font-family: Studio6-Regular;
	line-height:1.2;
}

.two-thirds-carousel-and-text-object .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:.5rem;
	float:right;
}
.two-thirds-carousel-and-text-object .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.two-thirds-carousel-and-text-object .buttonprev, .two-thirds-carousel-and-text-object .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.two-thirds-carousel-and-text-object .buttonprev:hover, .two-thirds-carousel-and-text-object .buttonnext:hover {
	opacity:0.5;
}
.two-thirds-carousel-and-text-object .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.two-thirds-carousel-and-text-object .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}

/*** end 2/3 width carousel and text object ***/

/*** begin 1/3 width carousel and text object ***/

.one-third-carousel-and-text-object {
	position: relative;
	width: 37.58%;
	outline:1px none red;
	text-align:left;
}

.one-third-carousel-and-text-object .imageheader {
	position:relative;
	left:0;
	margin-top:-6.25rem;
	margin-bottom:2rem;
	width:83%;
	/*height:15.5rem;
	min-height:12.5rem;
	max-height:12.5rem;*/
	text-align:left;
	color:#000;
	overflow:hidden;
	outline:1px none red;
}

.one-third-carousel-and-text-object .imageheader .headingcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	background:#e9e8e4;
	padding-top:2.35rem;
	float:left;
	margin-bottom:1rem;
}
.one-third-carousel-and-text-object .imageheader .headingcontainer .headingcontainertext {
	position:relative;
	width:100%;
	height:auto;
	min-height:4.1rem;
	outline:1px none blue;
	/*display: table-cell;
	vertical-align: bottom;*/
	display: flex;
	align-items: flex-end;
	font-size:2rem;
	line-height:1.1;
	margin-bottom:.5rem;
	text-align:left;
	font-family: Studio6-Regular;
	padding-right:10%;
}

.one-third-carousel-and-text-object .imageheader .textcontainer {
	position:relative;
	width:100%;
	height:auto;
	outline:1px none green;
	text-align:left;
	padding:2.5rem 10% 0 0;
}

.one-third-carousel-and-text-object .imageheader h3 {
	font-size:2rem;
	line-height:1.1;
	margin-bottom:1.5rem;
	text-align:left;
}
	
.one-third-carousel-and-text-object .imageheader p {
	font-family: Studio6-Regular;
	font-size:1.25rem;
	margin-bottom:1rem;
	text-align:left;
	line-height:1.1;
}

.one-third-carousel-and-text-object .imageheader p:last-of-type {
	margin-bottom:0;
}

.one-third-carousel-and-text-object .textobject {
	position:relative;
	width:100%;
	outline:1px none blue;
}
.one-third-carousel-and-text-object .textobject:before {
	padding-top: 51%;
	display: block;
	content: '';	
}

.one-third-carousel-and-text-object .textobject .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	padding:0 10% 0 10%;
	outline:1px none green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	
}

.one-third-carousel-and-text-object .textobject .textcontainer h3{
	font-size:2rem;
	line-height:1.1;
	margin-bottom:1rem;
}

.one-third-carousel-and-text-object .textobject .textcontainer p {
	font-size:1.2rem;
	margin-bottom:0;
	font-family: Studio6-Regular;
	/* letter-spacing:1px; */
	margin-bottom:1rem;
}

.one-third-carousel-and-text-object .carouselnav {
	position:relative;
	display:inline-block;
	width:auto;
	height:1.275rem;
	line-height:1.275rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:top;
	font-family: Studio6-Regular;
	font-size:1.2rem;
	margin-left:0rem;
	margin-top:.5rem;
	float:right;
}
.one-third-carousel-and-text-object .carouselnav .carouselnumber {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:2px;
}

.one-third-carousel-and-text-object .buttonprev, .one-third-carousel-and-text-object .buttonnext {
	position:relative;
	display:inline-block;
	width:0.825rem;
	height:1.275rem;
	outline:1px none blue;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
	transition:opacity .2s linear;
}
.one-third-carousel-and-text-object .buttonprev:hover, .one-third-carousel-and-text-object .buttonnext:hover {
	opacity:0.5;
}
.one-third-carousel-and-text-object .buttonprev {
	background: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg') center center no-repeat; 
	background-size:cover;
	opacity:1;
	margin-right:.5rem;
}
.one-third-carousel-and-text-object .buttonnext {
	background: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg') center center no-repeat;
	background-size:cover;
	opacity:1;
	margin-left:.5rem;
}

/*** end 1/3 width carousel and text object ***/

/*** begin full width landscape carousel ***/

.full-width-landscape-carousel {
	position: relative;
	width: 100%;
	outline:1px none red;
}

.full-width-landscape-carousel .imageheader {
	position:absolute;
	left:32%;
	bottom:-1px;
	width:36%;
	height:20%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.full-width-landscape-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
}

.full-width-landscape-carousel .imageheader h3 {
	font-size:3rem;
	line-height:1;
	margin-bottom:.25rem;
}
	
.full-width-landscape-carousel .imageheader p {
	font-size:1rem;
	margin-bottom:0;
	font-family: HelveticaNeueLT-Medium;
	/* letter-spacing:2px; */
}

/*** end full width landscape carousel ***/

/*** begin 75% width portrait carousel ***/

.three-quarter-portrait-carousel {
	position: relative;
	width: 75%;
	outline:1px none red;	
}

.three-quarter-portrait-carousel .imageheader {
	position:absolute;
	left:33.33%;
	bottom:-1px;
	width:33%;
	height:7.5%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.three-quarter-portrait-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-30%);
	text-align:center;
}

.three-quarter-portrait-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:0;
}
	
.three-quarter-portrait-carousel .imageheader p {
	font-size:.75rem;
	margin-bottom:0;
	font-family: HelveticaNeueLT-Medium;
	/* letter-spacing:2px; */
}

/*** end 75% width portrait carousel ***/

/*** begin 75% width landscape carousel ***/

.three-quarter-landscape-carousel {
	position: relative;
	width: 75%;
	outline:1px none red;	
}

.three-quarter-landscape-carousel .imageheader {
	position:absolute;
	left:33.33%;
	bottom:-1px;
	width:33%;
	height:15%;
	background:#f3f3f3;
	text-align:center;
	color:#000;
}

.three-quarter-landscape-carousel .imageheader .textcontainer {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	outline:1px none green;
	transform: translateX(-50%) translateY(-30%);
	text-align:center;
}

.three-quarter-landscape-carousel .imageheader h3 {
	font-size:2rem;
	line-height:1;
	margin-bottom:0;
}
	
.three-quarter-landscape-carousel .imageheader p {
	font-size:.75rem;
	margin-bottom:0;
	font-family: HelveticaNeueLT-Medium;
	/* letter-spacing:2px; */
}

/*** end 75% width landscape carousel ***/


/*** begin grid image modules ***/
.content-grid {

}
.content-grid h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:3rem;
}

.gridobject {
	position:relative;
	width:100%;
	margin:auto;
	margin-bottom:3rem;
	padding-top:1rem;
	border:1px solid #999;
	border-width: 1px 0 1px 0;
}

.grid-carousel p {
	text-align:left;
	margin-bottom:.1rem;
	font-size:1.2rem;
	/* letter-spacing:.5px; */
}

ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -6.2%; /* should match li left margin */
	margin-bottom:0;
	overflow:hidden;
	outline:1px none red;
}
ul.rig li {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 6%;
	background: transparent;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}

ul.rig.threecolumn li {
	width: 27.33%; /* this value + 6 should = 33.33% */
	margin-bottom:2.5rem;
}

ul.rig.fourcolumn li {
	width: 19%; /* this value + 6 should = 25% */
	margin-bottom:6rem;
}


.content-grid-item {
	outline:1px none red;
	position:relative;
	overflow:hidden;
	text-align:center;
	
}

.content-grid-item * {
	transition:color .2s;
}
.content-grid-item:hover * {
	color:#666;
	cursor:pointer;
}

.content-grid-item.landscape.large {
	width:62.96%;
}
.content-grid-item.landscape.small {
	margin-bottom:.25rem;
}

.content-grid-item.landscape:before {
	padding-top: 74%;
	display: block;
	content: '';
}
.content-grid-item.landscape.top {
	margin-bottom:2.5rem;
}
.content-grid-item.landscape.large:before {
	padding-top: 78.5%;
	display: block;
	content: '';	
}
.content-grid-item.portrait:before {
	padding-top: 155.65%;
	display: block;
	content: '';	
}

.content-grid-item .image-zoom-wrapper {
	width:100%;
	overflow:hidden;
	margin-bottom:1rem;
}

.content-grid-item .image-zoom-wrapper:hover img {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}

.content-grid-item  p {
	font-family: Studio6-Regular;
	text-align:center;
	margin-bottom:.5rem;
	line-height:1.4;
	font-size:1.4rem;
	outline:1px none red;
}

.content-grid-container ul.rig {
	margin-bottom:1.45rem;
}

.grid-item-image {
	position:relative;
	outline:1px none green;
	margin-bottom:0rem;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
}
.grid-item-image:hover {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}
/*a.slidelink:hover.grid-item-image {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}*/


.content-grid-item.landscape.large .grid-item-image:before {
	padding-top: 71.05%;
	display: block;
	content: '';
}

.content-grid-item.landscape .grid-item-image:before {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.content-grid-item.portrait .grid-item-image:before {
	padding-top: 137.45%;
	display: block;
	content: '';
}

.story-grid-item {
	outline:1px none red;
	position:relative;
	overflow:hidden;
	text-align:left;
}

.story-grid-item * {
	transition:color .2s;
}
.story-grid-item:hover * {
	color:#666;
	cursor:pointer;
}
.story-grid-item  h3 {
	font-family: Studio6-Regular;
	text-align:left;
	margin-bottom:.5rem;
	margin-bottom:1.6rem;
	font-size:2rem;
	outline:1px none red;
}
.story-grid-item  p {
	font-family: Studio6-Regular;
	text-align:left;
	margin-bottom:.5rem;
	font-size:1.2rem;
	outline:1px none red;
}
.story-grid-item .image-zoom-wrapper {
	width:100%;
	overflow:hidden;
	margin-bottom:1rem;
}

.story-grid-item .image-zoom-wrapper:hover img {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}


ul.rig.twocolumn li {
	width: 44%; /* this value + 6 should = 50% */	
	margin-bottom:1rem;
}

.panelcontent ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -9%; /* should match li left margin */
	margin-bottom:0;
	overflow:hidden;
	outline:1px none red;
}
.panelcontent ul.rig li {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 9%;
	background: transparent;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
.panelcontent ul.rig.threecolumn li {
	width: 24.33%; /* this value + 3.7 should = 33.33% */
	margin-bottom:48px;
}

.panelcontent ul.rig.twocolumn li {
	width: 41%; /* this value + 3.7 should = 50% */	
	margin-bottom:16px;
	transition: color .2s;
}

.panelcontent ul.rig.twocolumn li:hover * {
	cursor:pointer;
	color:#666;
}

ul.rig img {
	width:100%;
	height:auto;
	vertical-align:top;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}
ul.rig img:hover {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}

.bigsearchimage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	transition: all 0.2s;
	cursor:pointer;
}
.bigsearchimage:before {
	padding-top: 60.25%;
	display: block;
	content: '';
}
.bigsearchimage:hover {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);	
}

.image-zoom-wrapper {
	width:100%;
	overflow:hidden;
	margin-bottom:1rem;
}
.image-zoom-wrapper .instagram-item {
	-moz-transform: scale(1);
	-webkit-transform: scale();
	transform: scale(1);
	transition:transform 0.2s;
}
.image-zoom-wrapper:hover .instagram-item {
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
	transition:transform 0.2s;
}

.panel-grid-item {
	position:relative;
	height:206px;
	outline:1px none red;
}
.panel-grid-item.large {
	position:relative;
	height:400px;
	outline:1px none red;
}
.panel-grid-item.large.search {
	position:relative;
	height:428px;
	outline:1px none red;
}

.panel-grid-item .image-zoom-wrapper {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

ul.rig .slick-prev, ul.rig .slick-next { position: absolute; display: block; height: 22px; width: 15px; opacity: 0; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; padding: 0; border: none; outline: none; z-index: 99; }
ul.rig.twocolumn .slick-prev, ul.rig.twocolumn .slick-next {height: 44px; width: 29px; }

ul.rig .slick-prev:hover, ul.rig .slick-prev:focus, ul.rig .slick-next:hover, ul.rig .slick-next:focus { outline: none; opacity: 0; color: transparent; }

ul.rig .slick-slider:hover .slick-prev, ul.rig .slick-slider:hover .slick-prev:focus, ul.rig .slick-slider:hover .slick-next, ul.rig .slick-slider:hover .slick-next:focus { outline: none; opacity: 1; color: transparent; }


ul.rig .slick-prev:hover:before, ul.rig .slick-next:hover:before { opacity: 1; }
ul.rig .slick-prev:focus:before, ul.rig .slick-next:focus:before { opacity: 1 }
ul.rig .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

ul.rig .slick-prev:before, ul.rig .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

ul.rig .slick-prev { left: 20px; background-image: url('Desktop_Carousel_Arrow_Prev_Off.png'); background-size:cover; }
ul.rig .slick-prev:hover { left: 20px; background-image: url('Desktop_Carousel_Arrow_Prev_On.png'); background-size:cover; }
ul.rig .slick-next { right: 20px; background-image: url('Desktop_Carousel_Arrow_Next_Off.png'); background-size:cover; }
ul.rig .slick-next:hover { right: 20px; background-image: url('Desktop_Carousel_Arrow_Next_On.png'); background-size:cover; }

ul.rig .slick-dots { position: absolute; bottom: 4rem; right:0; list-style: none; display: block; text-align: right; padding: 0; width: auto; }
ul.rig .slick-dots li { position: relative; display: inline-block; height: 20px; width: 10px; margin: 0 1px; padding: 0; cursor: pointer; text-align:right; }
ul.rig .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
ul.rig .slick-dots li button:hover, ul.rig .slick-dots li button:focus { outline: none; }
ul.rig .slick-dots li button:hover:before, ul.rig .slick-dots li button:focus:before { opacity: 0.5; }
ul.rig .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 10px; height: 20px; font-family: "slick"; font-size: 8px; line-height: 20px; text-align: right; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul.rig .slick-dots li.slick-active button:before { color: black; opacity: 0.5; }

/*.grid-carousel.landscape.large .carouselimage {
	outline:1px solid red;
	position:relative;
	width:100%;
}*/
.grid-carousel.landscape.large .carouselimage:before {
	padding-top: 71.05%;
	display: block;
	content: '';
}

/*.grid-carousel.landscape.top {
	margin-bottom:.75rem;
}

.grid-carousel .carouselimage {
	margin-bottom:0.8125rem;
}*/

/*** end grid image modules ***/

.full-width-video {
	padding:0;
	margin-bottom:4rem !important;
}

/*** Begin Video Player Module ***/

.videocontainer {
	padding-bottom:0rem;
	outline:none;
	background:transparent;
}
.videocontainer * {
	outline:none;
}
.video-wrapper {
	position:relative;
	left:-1px;
	width:calc(100% + 1px);
	margin-bottom:0;
	background:transparent;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
	background:transparent;
	outline:1px none red;
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
	background:transparent;
}

.slidelink.playicon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: transparent;
    z-index: 2;
    background: url(JWA_Desktop_Film_Off.svg) center center no-repeat;
    background-size: 9.375rem 9.375rem;
}

.slidelink.playicon:hover {
    background: url(JWA_Desktop_Film_On.svg) center center no-repeat;
    background-size: 9.375rem 9.375rem;
}

/*** End Video Player Module ***/


/* begin slider / carousel component */

/* begin global slick slider styles */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {position:relative;/*needed for hero carousel*/ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; width:100%; height:auto; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 1.0625rem; width: 0.6875rem; opacity: 1; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; padding: 0; border: none; outline: none; z-index: 99; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-prev:focus, .slick-slider:hover .slick-next, .slick-slider:hover .slick-next:focus { outline: none; opacity: 1; color: transparent; }
.slick-prev:hover:before, .slick-next:hover:before { opacity: 1; }
.slick-prev:focus:before, .slick-next:focus:before { opacity: 1 }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { right: 4rem; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg'); background-size:cover; opacity:1 }
.slick-prev:hover { right: 4rem; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Left_Off_New.svg'); background-size:cover; opacity:.5 }
.slick-next { right: 0px; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg'); background-size:cover; opacity:1 }
.slick-next:hover { right: 0px; top:-3rem; background-image: url('JWA_Desktop_Side_Menu_Arrow_Right_Off_New.svg'); background-size:cover; opacity:.5 }

.carouselnumbers {
	position:absolute;
	/*float:right;
	right:2.5rem;
	top:1.875rem;*/
	right:1.25rem;
	top:50%;
	transform: translateY(-50%);
	width:2.125rem;
	height:1.375rem;
	line-height:1.375rem;
	text-align:center;
	text-decoration:none;
	outline:1px none red;
	vertical-align:middle;
	font-family: Studio6-Regular;
	font-size:1rem;
}

/* Dots */
/*.slick-slider { margin-bottom: 30px; }*/

/*.slick-dots { position: absolute; bottom: 10%; list-style: none; display: block; text-align: right; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: right; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }*/

.slick-dots { position: absolute; bottom: -2rem; right:0; list-style: none; display: block; text-align: right; padding: 0; width: auto; padding-right:1.25rem; outline:1px none red; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 10px; margin: 0 1px; padding: 0; cursor: pointer; text-align:right; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, ul.rig .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, ul.rig .slick-dots li button:focus:before { opacity: 0.5; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 10px; height: 20px; font-family: "slick"; font-size: 8px; line-height: 20px; text-align: right; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.5; }

[dir="rtl"] .slick-next {right: auto;left: -25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: -25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}

/* end global slick slider styles */

/* begin main slider over-rides */

.carousel {
	position:relative;
}

.carouseltext {
	background:#f7f7f7;
	/*min-height:15rem;*/
}

.slick-slide:hover {
	/*cursor:pointer;*/
}

.slide-overlay {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    text-align: center;
    color: #fefefe;
    outline: 1px none #fff;
    z-index: 10000000;
    padding: 0% 5% 0% 5%;
}
.slidetextcontent {
	display:none;
}

h2.projectsdivider {
	position:relative;
	margin:0;
	font-size:2.4rem;

	padding-top:2rem;

	padding-bottom:2rem;

	background:transparent;
	z-index:100000;
}


.slideimage {
	width:100%;
	height:auto;
}

.dummyspacer {
	width:100%;
	height:auto;
}

.slick-track {
    margin-left: 0;
    transition: margin-left 0.6s ease;
}

.pull-little-left {
    margin-left: -4% !important;
}

.pull-little-right {
    margin-left: 4% !important;
}

.extended-carousel .pull-little-left {
    margin-left: -6% !important;
}

.extended-carousel .pull-little-right {
    margin-left: 6% !important;
}

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

	html, body {
		font-size:60%;
	}

}

@media only screen 
and (min-width : 2000px) {

	html, body {
		font-size:103%;
	}

}

/* end main slider over-rides */

/* end slider / carousel component */

/*************************** End Content Object Styles ***************************/

/*************************** begin utility styles ***************************/

.fullscreen-overlay {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:10000000000;
	display:none;
}

.fullscreen-overlay .popupformbox .popupformfields {
	position:relative;
	min-height:200px;
}

.fullscreen-overlay .popupformbox .popupformfields p {
	text-align:left;
	margin-bottom:1rem;
}

.fullscreen-overlay .popupclosebox {
	position:absolute;
	right:40px;
	top:40px;
	width:22px;
	height:22px;
	background:url(Desktop_Popup_Close_Off.png) left top no-repeat;
	background-size:100%;
	cursor:pointer;
}
.fullscreen-overlay .popupclosebox:hover {
	background:url(Desktop_Popup_Close_On.png) left top no-repeat;
	background-size:100%;	
}

.fullscreen-overlay .popupformbox {
	position:absolute;
	left:50%;
	top:50%;
	width:40%;
	max-width:750px;
	transform: translateX(-50%) translateY(-50%);
	text-align:center;
	color:#fff;
	outline:1px none red;	
}
.fullscreen-overlay .popupformbox h3, .fullscreen-overlay .popupformbox p {
	color:#fff;
	margin:auto;
	margin-bottom:3rem;
}
.fullscreen-overlay .popupformbox p {
	width:60%;
}
/*input[type=password],input[type=email],input[type=submit]*/
.fullscreen-overlay .popupformbox input[type=text], .fullscreen-overlay .popupformbox input[type=email], .fullscreen-overlay .popupformbox input[type=button], .fullscreen-overlay .popupformbox a {
	color:#fff;
}
.fullscreen-overlay .popupformbox input[type=submit] {
	background:#fff;
	color:#000;
}
.fullscreen-overlay .popupformbox input[type=submit]:hover {
	background:#808080;
	color:#fff;	
}

.popupformoverlay {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:transparent;
	display:none;
}

.popupformoverlay .overlaymessage {
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	text-align:center !important;
	outline:1px none red;
}
.popupformoverlay .overlaymessage h4 {
	font-size:1.6rem;
	margin-bottom:1.6rem;
}
.popupformoverlay .overlaymessage p {
	text-align:center !important;
}

/* Begin clearfix hack */
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
/* End clearfix hack */

/*************************** end utility styles ***************************/

/* End Styles */