.link { display:block; text-decoration:underline; }
.box-link { display:inline-block; height:40px; margin:0 0 20px; padding:0 40px; font-size:15px; line-height:40px; letter-spacing:0.1em; color:#fff; background:#999; }

/* ========================================================================== */
/* ===== HEADER / SCREEN COVER ============================================== */
/* ========================================================================== */

.screen-cover { position:relative; z-index:5; background-repeat:no-repeat; background-position:center; background-size:cover; }
.screen-cover .title-text { text-align:center; color:#fff; }
.screen-cover h1 span { display:block; font-size:32px; line-height:36px; letter-spacing:0.1em; text-transform:uppercase; }
.screen-cover h1 em { display:block; font-size:16px; }

.store-cont p { letter-spacing:0.15em; text-transform:uppercase; }
.store-cont a { display:inline-block; margin:0 7px; line-height:30px; text-decoration:underline; letter-spacing:0.1em; text-transform:uppercase; }

.cta-btn { display:block; margin-top:45px; text-decoration:underline; }

@media screen and (max-width:719px) {
	.screen-cover { padding-bottom:50px; background-image:none; top: 110px; }
  .screen-cover h1 { padding:140px 0 0; }
  .screen-cover h1 span { margin-bottom:10px; }

  .screen-cover .title-text { margin-top:25px; padding:0 4%; }

  .store-cont p { margin-bottom:20px; font-size:9px; }
  .store-cont a { font-size:12px; color:#fff; }

  .cta-btn { display:inline-block; margin:30px 0; font-size:16px; color:#fff; }
}
@media screen and (min-width:720px) {
	.screen-cover { top:121px; }
  .screen-cover .title-box { display:table; width:100%; height:100%; }
  .screen-cover .title-text { display:table-cell; padding-bottom:110px; vertical-align:middle; }
  .screen-cover h1 span { margin-bottom:20px; line-height:1.25em; }
  .screen-cover h1 em { line-height:1.5em; }

  .screen-cover .scroll-below-cover { position:absolute; bottom:20px; left:50%; margin-left:-50px; }

  .store-cont p { margin:25px 0 35px; font-size:11px; }
  .store-cont a { margin-top:15px; font-size:14px; }

  .title-wrapper { width:980px; margin:0 auto; }
  .title-cont { width:490px; }
  .title-cont.centre { margin:0 auto; }
  .title-cont.left { float:left; }
  .title-cont.right { float:right; }

  .cta-btn { font-size:27px; }
}


/* ========================================================================== */
/* ===== MAIN + LAYOUTS CONTENT ============================================= */
/* ========================================================================== */
.below-cover h3 { text-transform:uppercase; }
.cont-block { width:100%; }
.cont-block h3 { margin-bottom:25px; }
.cont-block.white-cont-bg { background-color:#fff; }
.cont-block.centre-cont p { text-align:center; }

.cont-description strong { color:#000; }

.cont-video iframe { display:none; }
.video-description { margin-top:25px; }

.read-more { display:block; margin-top:25px; text-decoration:underline; }
@media screen and (max-width:719px) {
	.below-cover { padding-top:10px; }

  .cont-block { margin-bottom:30px; text-align:center; }
  .cont-block h3 { font-size:16px; color:#666; }
  .cont-block p { font-size:14px; line-height:1.75em; text-align:center; }

  .cont-article h3 { margin:35px 0 25px; }
  .cont-article p { line-height:1.75em; text-align:center; }

  .cont-video h3 { color:#333; }
  .cont-video img { width:90% !important; }
  .cont-video iframe { width:90%; height:100%; }

  .read-more { font-size:16px; }
}
@media screen and (min-width:720px) {
	.below-cover { float:none; width:auto; }
  .cont-block { float:left; margin-top:25px; }
  .cont-block h3 { font-size:16px; letter-spacing:0.1em; }
  .cont-block p { font-size:14px; line-height:2em; }
  .cont-block strong { font-size:16px; letter-spacing:0.1em; }

  .cont-article h3 , .cont-article p { text-align:left; }
  .cont-article img { float:left; width:380px; height:auto; }
  .cont-article.right-align , .cont-article.right-align img { float:right; }
  .cont-article .description { float:left; width:550px; margin-left:50px; }
  .cont-article.right-align .description { margin:0 50px 0 0; }
  .cont-article img.fw { width:100%; }

  .cont-article.full-pan img { width:100%; }
  .cont-article.full-pan.white-cont-bg img { width:94%; padding:3% 3% 0; }
  .cont-article.full-pan.white-cont-bg img.image-btm { width:94%; padding:0 3% 3%; }
  .cont-article.full-pan .description { float:left; width:100%; margin:0; }
  .cont-article.full-pan.white-cont-bg .description { width:94%; padding:3%; }

  .carousel .description.right-align { float:right; }

  .carousel-full { width:100%; padding-top:50px; }
  .carousel-full.related-products { margin-bottom:0; }
  .carousel-full .swiper-container { width:760px; }
  .carousel-full img { width:820px; margin:0; }

  .carousel .cont-block strong { line-height:3em; }

  .half-col { float:left; width:489px; }

  .cont-video h3 { margin-bottom:12px; text-align:center; }
  .cont-video p { margin-bottom:20px; font-size:18px; text-align:center; }
  .cont-video img { width:95%; height:auto; margin:0 2.5%; }
  .cont-video iframe { width:930px; height:523px; margin:0 27px; }

  .cont-video h3.text-bottom { margin-top:13px; }
  .cont-video p.text-bottom { margin-bottom:0; }

  .read-more { font-size:20px; }
}


/* ========================================================================== */
/* ===== ANCHOR ============================================================= */
/* ========================================================================== */
.anchor h2 { text-align:center; color:#333; }
@media screen and (max-width:719px) {
	.anchor { margin-top:10px; }
  .anchor h2 { font-size:32px; }
  .anchor a img { width:30% !important; margin:10px 0 0 3%; }
  .anchor a:first-of-type img , .anchor a:nth-of-type(4n) img { margin-left:0; }
}
@media screen and (min-width:720px) {
	.anchor h2 { font-size:36px; line-height:2em; }
  .anchor a img { width:150px; height:auto; margin-left:16px; }
  .anchor a:first-of-type img { margin-left:0; }
}


/* ========================================================================== */
/* ===== CAROUSEL =========================================================== */
/* ========================================================================== */
.description { text-align:center; }

.carousel { border-top:1px solid #ededed; border-bottom:1px solid #ededed; background-color:#fff; }
.carousel .centre-cont p { color:#666; }

.half-col.related-products { border:0 none; }
@media screen and (max-width:719px) {
	.carousel .centre-cont p { padding:0 10%; }
}
@media screen and (min-width:720px) {
	.carousel .description { display:table; height:550px; }
  .carousel .centre-cont { display:table-cell; vertical-align:middle; }
  .carousel .centre-cont p { padding:0 45px; }

  .half-col.related-products { margin-bottom:0; }
  .swiper-slide img { margin-top:10px; }
}


/* ========================================================================== */
/* ===== CT CONTAINER + GRID ================================================ */
/* ========================================================================== */
.grid-block-large { float:left; margin:65px 0 0; padding:0 24px; }
.grid-block-large h3 { font-size:24px; text-align:center; color:#333; border-top:1px solid #9c9c9c; }
.grid-block-large h3 span { position:relative; top:-17px; display:inline-block; width:84%; background:#ededed; }
.grid-block-large img { padding:1px; border:1px solid #d8d8d8; background:#fff; }
@media screen and (max-width:719px) {
	.grid-block-large li { margin-bottom:15px; }
  .grid-block-large li.last { margin-bottom:0; }
}
@media screen and (min-width:720px) {
	.grid-block-large h3 { width:50%; margin:0 auto; }
  .grid-block-large h3 span { width:55%; }
  .grid-block-large li { float:left; margin:0 0 6px 10px; }
  .grid-block-large li img { width:300px; height:auto; }
  .grid-block-large li:first-of-type , .grid-block-large li:nth-of-type(3n+1) { margin-left:0; }
}


.cont-cta { clear:both; width:100%; text-align:center; }
.cont-cta .box-link { text-transform:uppercase; }


/* ========================================================================== */
/* ===== FOOTER ============================================================= */
/* ========================================================================== */
@media screen and (min-width:720px) {
	.full-width-wrapper { clear:both; }
  .full-width-inner { position:relative; z-index:1; text-align:center; }
  .full-width-bg { position:absolute; left:0; width:100%; min-height:760px; margin-top:50px; background-color:#333; }
  .details-container { width:100%; padding:100px 0 65px; }

  .store-details { float:left; width:320px; text-align:left; }
  .store-details h2 { margin:0 0 18px; font-size:16px; line-height:1em; text-transform:uppercase; color:#666; }
  .store-details span { font-size:15px; color:#ccc; }

  .store-link { display:inline-block; margin-bottom:60px; font-size:22px; letter-spacing:0.08em; text-transform:uppercase; color:#fff; }

  .store-images li { float:left; width:326px; }
  .store-images img { width:287px; height:286px; margin:0 auto 25px; }

  #map-canvas { float:left; width:338px; height:223px; border:1px solid #c3c1c1; }
}


/* ========================================================================== */
/* ===== PROMO 6 ============================================================ */
/* ========================================================================== */
.split-promo .left { text-align:center; }
.split-promo .left h2 { font-size:16px; letter-spacing:0.1em; text-transform:uppercase; }
.split-promo .left p { margin:0 auto 20px; font-size:14px; }
.split-promo .left li { margin:0 auto 10px; color:#333; }
.split-promo .left img { width:250px; }
.split-promo .right { text-align:center; background:#fff; }
.split-promo .right h2 { margin-bottom:10px; font-size:16px; letter-spacing:0.1em; text-transform:uppercase; }
.split-promo .right p { font-size:14px; }
.split-promo .right img { padding:10px; -webkit-transform:rotate(7deg); -moz-transform:rotate(7deg); -ms-transform:rotate(7deg); -o-transform:rotate(7deg); transform:rotate(7deg); background:#fff; }
@media screen and (max-width:720px) {
  .split-promo .left { margin-bottom:20px; }
  .split-promo .left img { width:50%; margin-bottom:10px; }
  .split-promo .left li { font-size:14px; line-height:1.75em; }
  .split-promo .right { margin-bottom:30px; }
  .split-promo .right img { width:90%; margin-top:10px; }
  .split-promo .cta-layer { position:relative; z-index:1; }
}
@media screen and (min-width:721px) {
	.split-promo { width:50%; }
  .split-promo .left { float:left; width:450px; }
  .split-promo .left p { width:80%; margin-top:15px; border-top:1px solid #333; }
  .split-promo .left li { width:80%; font-size:14px; line-height:2em; }
  .split-promo .right { position:relative; float:right; width:450px; padding:20px 0 350px; }
  .split-promo .right h2 { line-height:48px; }
  .split-promo .right p { width:80%; margin:0 auto 20px; padding-top:15px; border-top:1px solid #333; }
  .split-promo .right img { position:absolute; left:0; width:390px; }
  .split-promo .cta-layer { position:absolute; bottom:20px; width:100%; text-align:center; }
  .split-promo .button { min-width:151px; padding:8px 4px; font-size:15px; line-height:normal; text-align:center; letter-spacing:0.1em; color:#fff; background:#666; }
}
