/* Carousel specific styles */
section.arya{
  margin: 20px auto;
}
.arya .carousel{
  width: 1366px;
  margin: 10px auto;
  overflow: hidden;
}
.arya .carousel > .cycle-prev, .arya .cycle-next{
  position: absolute;
  width: 80px;
  height: 100%;
  overflow: hidden;
  top: 0px;
  z-index: 999;
  cursor: pointer;
  -webkit-transition:color 50ms,background 900ms,border-color 50ms ease;
	transition:color 50ms,background 900ms,border-color 50ms ease;
}
.arya .carousel > .cycle-prev:hover, .arya .cycle-next:hover{
  background-color:rgba(255,255,255, 0.2)!important;
}
.arya .carousel > .cycle-prev{
  left: 0px;
  background: url("http://lsco.scene7.com/is/image/lsco/white-left-ar-gray?$full-png$") center center no-repeat;
}
.arya .carousel > .cycle-next {
  right: 0px;
  background: url("http://lsco.scene7.com/is/image/lsco/white-right-ar-gray?$full-png$") center center no-repeat;
}
.arya .carousel > .cycle-pager{
  margin-top: 10px;
  text-align: center;
}
.arya .carousel > .cycle-pager span{
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
  margin-right: 10px
}
.arya .carousel > .cycle-pager span.cycle-pager-active{
  color: #000;
}
.arya .carousel_pager{
	position: absolute;
	left: 100px;
	bottom: 10px;
	z-index: 999;
}
.arya .carousel_pager span{
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
  margin-right: 10px
}
.arya .carousel_pager span.cycle-pager-active{
  color: #000;
}
.arya .tile{
  position: relative;
  width: auto;
  height: auto;
}
.arya .tile .tile_img{
  z-index: 1;
}
.arya .tile .sheet{
	position: absolute;
  left: 0;
  top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 2;
}
.arya .carousel .tile .sheet > .item{
	position: relative;
	margin:0 70px !important;
	padding: 20px;
}
/* Arya Fix */
.standard-landing-template .sheet.top{
  text-align: inherit !important;
  width: inherit !important;
  display: inherit !important;
  clear: inherit !important;
  margin-bottom: inherit !important;
}
.standard-landing-template .copy.center, .sheet.center{
  vertical-align: inherit !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: auto !important;
  margin-top: inherit !important;
}
.standard-landing-template .copy.center{
  display: inline-block !important;
}

/* Grid Container & Items Positioning */
.arya .sheet{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  overflow: hidden;
}
.arya .left{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.arya .right{
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.arya .center{
  -webkit-justify-content: center;
  justify-content: center;
}
.arya .top{
  -webkit-align-items: flex-start;
  align-items: flex-start;;
}
.arya .middle{
  -webkit-align-items: center;
  align-items: center;
}
.arya .bottom{
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.arya .item{
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.arya .one-third{ width: 32%; }
.arya .two-third{ width: 65%; }
.arya .half-half{ width: 49%; }

/* Copy specific styles */
.stark a, .stark a > *{
  border: 0;
  outline: none;
  text-decoration: none;
}
.stark .copy{
  z-index: 2;
}
.stark .copy .overlay{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  z-index: -1;
}
.stark .copy.white > *{
  color: #fff;
}
.stark .copy.black > *{
  color: #000;
}
.stark .copy h2, .stark .copy h3, .stark .copy h4, .stark .copy p{
  font-family: "Interstate";
  color:#000;
  margin:5px;
  text-transform: uppercase;
  line-height: 1em;
  z-index: 2;
}
.stark .copy h2, .stark .copy h3, .stark .copy h4{
  font-weight: bold;
}
.stark .copy h2{ font-size: 40px; }
.stark .copy h3{ font-size: 30px; }
.stark .copy h4{ font-size: 24px; }
.stark .copy p{ font-family: Interstate-Light; font-size: 16px; margin-top: 10px; font-weight: lighter; text-transform: none;}
.stark .copy ol{
  list-style-type: square;
  list-style-position:inside;
  padding-left: 5px;
}
.stark .copy.left{
  text-align: left;
}
.stark .copy.center{
  text-align: center;
}
.stark .tile .sheet > .copy h2{
	font-size: 55px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.stark .carousel .tile .sheet .copy p{
	margin: 30px 5px;
}
.stark .eyebrow:before, .stark .eyebrow:after {
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
}
.stark .eyebrow.white:before, .stark .eyebrow.white:after{
  background-color: #fff;
}
.stark .eyebrow.black:before, .stark .eyebrow.black:after{
  background-color: #000;
}
.stark .eyebrow:after{
	left: 0.3em;
	width: 140px;
}
.stark .eyebrow:before{
	right: 0.3em;
	width: 140px;
}
/* CTAs */
.stark .cta{
  text-align:center;
  display:inline-block;
  text-decoration:none;
  font-family: "Interstate";
  font-size:16px;
  line-height: 1em;
  letter-spacing: 1px;
  padding:10px 22px;
  margin: 5px;
  width:auto;
  -webkit-transition:color 100ms,background 900ms,opacity 500ms, border-color 100ms ease;
  transition:color 100ms,background 900ms, opacity 500ms, border-color 100ms ease;
  box-sizing: border-box;
}
.stark .cta.white{
  border:2px solid #fff;
  background:#fff;
  color:#000 !important;
  opacity: 0.7;
}
.stark .cta.white:hover{
  background: #fff !important;
  color:#000 !important;
  opacity: 1;
}
.stark .cta.black{
  border:2px solid #000;
  background:#000;
  color:#fff;
}
.stark .cta.black:hover{
  background: transparent !important;
  color:#000 !important;
}
.stark .cta.clearwhite{
  border:2px solid #fff;
  background:transparent;
  color:#fff;
}
.stark .cta.clearwhite:hover{
  background: #fff !important;
  color:#000 !important;
}
.stark .cta.clearblack{
  border:2px solid #000;
  background:transparent;
  color:#000;
}
.stark .cta.clearblack:hover{
  background: #000 !important;
  color:#fff !important;
}
.stark .cta.underlined{
  color: #000;
  padding: 0 0 3px!important;
  border-bottom: 1px solid #000;
}
