/*
/etc/designs/ccr/static/html/css/2020/homepage-responsive-lazy-css.css
*/
html {min-width: 300px;} 
@media screen and (max-width: 1023px) and (min-device-width: 1024px){
   html:not(.no-scaling) {
     min-width: 300px; 
   }
}

body.homepage.hpv3 {min-width: 1024px; }
body.homepage.sk_homepage {min-width: 300px !important; }
.no-js .lazy {
  display: none;
}
 body.sk_homepage .container { overflow-x: hidden; } 
/*  body.sk_homepage .container { overflow-x: hidden; } */
/* START  RECOMMENDER MODULE */
.sk_homepage .recommender-landing {clear:left;}
.sk_homepage .recommender-landing .recommended-section {

    height: auto;
    padding:0;

}
.sk_homepage .recommended-section > .col-lg-3 {height:220px;}
.sk_homepage .recommended-section  .col-lg-3.selected {height:110px;}
.sk_homepage .recommended-section > .col-lg-3,  
.sk_homepage .recommended-section > .col-lg-9 {width: 100%; padding:0; float: none;}

.sk_homepage .flex.searchbox-container {justify-content: center; margin-top: 22px;}

.sk_homepage .fav-finder-logo{
    margin-top: 58px;
    /*  */
    width: 100%;
    text-align: center;
}
 .sk_homepage .recommended-section >  .sk_homepage .col-lg-3.selected .fav-finder-logo{
    margin-top: 40px;
}
.sk_homepage .fav-finder-logo svg {
/*    width: 43px !important;
    height: 37px !important;*/
        width: 176px !important;
    height: 40px !important;
}

.sk_homepage .recommender-landing .favorite-finder-section .favorite-finder h2 { 
    font-size:36px;
    letter-spacing: .825px; 
    line-height: 1.25;
    white-space: normal;
    margin:15px 0 0 0;

}
.sk_homepage .recommender-landing .fav-search-logo { 
    left: 35px;
    top: 13px;
    position: relative;
}
.sk_homepage .recommender-landing .favorite-finder-section .favorite-finder {border-right-width: 0;}

.sk_homepage .recommender-landing .favorite-finder-section .favorite-finder p{
    font-size: 15px;
    line-height: 1.42;
    letter-spacing: .34px;
}

.sk_homepage .recommender-landing .favorite-finder-section .favorite-finder p.hidden ~ p { display:none;}
.sk_homepage .recommender-landing .fav-search-logo svg {
    width: 17px;
    height: 17px; 
}
.sk_homepage .recommender-landing .favorite-book-search { 
    padding-left: 0;
    background: #a4d39c;
}
 
.sk_homepage .recommender-landing h3 {
    font-size: 19px;
    letter-spacing: .5px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 11px;
} 
/*. 5.21 11/7 update */
.sk_homepage .recommender-landing .popular-books-suggestion h3 {
    font-size: 20px;
    letter-spacing: .4px;
    line-height: 1.3;
    padding-top:1px;
    margin-bottom: 12px;
}

.sk_homepage .modal-recommend input[type=text], 
.sk_homepage .recommender-landing input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
}
.sk_homepage .modal-recommend input[type=text],
.sk_homepage .recommender-landing input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
   opacity:  1;
}
.sk_homepage .modal-recommend input[type=text],
.sk_homepage .recommender-landing input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
   opacity:  1;
}
.sk_homepage .modal-recommend input[type=text],
.sk_homepage .recommender-landing input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
}
.sk_homepage .modal-recommend input[type=text],
.sk_homepage .recommender-landing input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
   font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
}

.sk_homepage .modal-recommend input[type=text],
.sk_homepage .recommender-landing input[type="text"]::placeholder { /* Most modern browsers support this now. */
   font-size: 20px; 
    letter-spacing: .35px;
    font-weight: 300;
}

.sk_homepage .recommender-landing .btn-go {
    font-size: 17px;
    letter-spacing: .64px;
    height: 45px;
    width: 44.7px;
    opacity: 0.6;
   
    margin-left: 8px;
    margin-bottom: -4px;
    padding: 0 8px;
}
.sk_homepage .recommender-landing .btn-go:active,
.sk_homepage .recommender-landing .btn-go:focus{opacity: 0;}

.sk_homepage input#reccommendsearch{
    font-size: 20px; 
    letter-spacing: .41px;
    font-weight: 400;
 }
.sk_homepage .recommender-landing input[type="text"] { 
    width: 284px;
     padding: 0 15px 0 44px ;
}  

@media only screen and (orientation : portrait) and (max-width:  325px) {
    .sk_homepage .recommender-landing input[type="text"] { 
        width: 244px;
         padding: 0 15px 0 20px ;
    } 
    .sk_homepage .recommender-landing .fav-search-logo { 
      left: 15px; 
  }
    .sk_homepage .recommender-landing .btn-go { 
      margin-left: 0px; 
      margin-right: 10px;
  }
} 
   
.sk_homepage .recommender-landing .recommend-or p {
    font-size: 15px;
    letter-spacing: 1px; 
    width:85px;
    margin: 25px auto 30px;
}

.sk_homepage .recommender-landing .recommend-or p.rule::after {margin-left: 13px;}
.sk_homepage .recommender-landing .recommend-or p.rule::before {margin-right: 13px;}

.sk_homepage .recommender-landing .popular-books-suggestions-item .product-shelf-image>a,
.sk_homepage .recommender-landing .popular-books-suggestions-item .product-shelf-image>a img{
    max-height:172px;
    max-width: 120px;
}

.sk_homepage .recommender-landing .popular-books-suggestions-item .product-shelf-image>a:after {display: none;}

@media only screen and (orientation : portrait) and (max-width:  660px) {
    .sk_homepage .recommender-landing .popular-books-suggestions-item { 
        min-height: 170px;
            margin-left: -35px;
            padding-bottom: 12px;
            overflow: scroll;
    }
}

@media only screen and (orientation : portrait) and (max-width:  325px) {
    .sk_homepage .recommender-landing .popular-books-suggestions-item { 
        min-height: 170px;
            margin-left: -60px;
            padding-bottom: 12px;
            overflow: scroll;
    }
} 
 .sk_homepage .recommender-landing .popular-books-suggestions-item .product-shelf-image:hover>a:after { visibility: hidden !important; 
 } 


 

/* section two */ 
.sk_homepage .recommender-landing .selected-book {  
    width: 100%;    
    background-color: #a4d39c;
    float: none;
 }
.sk_homepage .recommender-landing .selected-book:after {  
    content:"";
    display:block;
    width: 320px;
    height: 0px;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-top: 30px solid #a4d39c;
    overflow: hidden; 
    margin: 0 auto;
    position: relative;
    top: 30px;
}


.sk_homepage .recommender-landing .selected-book-heading { width: 100%; }

.sk_homepage .recommender-landing .recommended-book {
    width: 100%;
}
.sk_homepage .recommender-landing .no-selected-result {
    width: 100%;
    font-size: 20px;
    padding: 0 20px 20px;
    text-align: center;
}

.sk_homepage .recommender-landing .product-shelf-image>a { 
    max-width: 128px;
    max-height: 179px; 
}

 
.sk_homepage .recommender-landing .product-shelf-tile .product-shelf-image>a img,
.sk_homepage .recommender-landing .product-shelf-image>a img {
    border: 4px solid transparent;
    max-height: 179px !important;
}

 

.sk_homepage .recommender-landing .selected-book> .product-shelf-image> a { 
    max-width: 128px;
    max-height: 179px; 
    position: absolute;
    left: 50%;
      -webkit-transform: translate(-50%, 25%);
      -moz-transform: translate(-50%,25%);
      -ms-transform: translate(-50%, 25%);
      -o-transform: translate(-50%, 25%);
    transform: translate(-50%, 25%);
        z-index: 1;
}

.sk_homepage .recommended-books-suggestion.mt-s{ 
    margin: 0; padding: 13px 0 0; 
}

.sk_homepage .recommended-books-suggestion.mt-s .row:nth-child(2){ 
    background-color: #F2F2F2;
}

.sk_homepage .recommended-books-suggestion .row {margin:0;}

.sk_homepage #recommendationOnSelect.product-shelf[data-carousel] { 
    overflow: scroll;
    width:100%;
}
.sk_homepage .product-shelf .product-shelf-image-cont, .product-shelf .product-shelf-info {
    width: auto;
    padding: 0;
}

.sk_homepage .recommender-landing .selected-book .product-shelf-image {
    height: 135px;
}

.sk_homepage .recommender-landing .recommended-book-heading h3, 
.sk_homepage .recommender-landing .selected-book-heading h3 {display: none;}
.sk_homepage .recommender-landing .favorite-book-search .recommended-book {
    padding-bottom: 18px;
}
.sk_homepage .recommender-landing .recommended-book:before{
    content:"WE RECOMMEND";
    display: block; 
    width: auto;
    margin:56px auto 9px; 
        text-align: center;
        color:404140;
    font-size: 19px;
    letter-spacing: 1.27px; 
    background-color:#f2f2f2;
    z-index:2;
    padding:0 22px
}
.sk_homepage .recommender-landing .recommended-book:after{
    content:"";
    display: block;
    border-bottom: 1px #404140 solid;
    width:90%; 
        height: 1px;
        position:absolute;
        top:70px;
        left:50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

@media only screen and (orientation : portrait) and (max-width:  415px) {

    .sk_homepage .recommender-landing .selected-book:after {
        width: 414px;
        height: 0px;
        border-left: 207px solid transparent;
        border-right: 207px solid transparent;
        border-top: 40px solid #a4d39c;
        /* overflow: hidden; */
        margin: 0 auto -6px;
        content: "";
        display: block;
        position: relative;
        top: 39px;  
          z-index: 0;
    }
} 

@media only screen and (orientation : portrait) and (max-width:  380px) {

    .sk_homepage .recommender-landing .selected-book:after {
        width: 375px;
        height: 0px;
        border-left: 188px solid transparent;
        border-right: 187px solid transparent;
        border-top: 40px solid #a4d39c;
        /* overflow: hidden; */
        margin: 0 auto -6px;
        content: "";
        display: block;
        position: relative;
        top: 39px; 
        left: -3px;
          z-index: 0;
    }
} 

@media only screen and (orientation : portrait) and (max-width:  325px) {
     .sk_homepage .recommender-landing .selected-book:after {
        width: 320px;
        height: 0px;
        border-left: 158px solid transparent;
        border-right: 160px solid transparent;
        border-top: 40px solid #a4d39c;
        margin: 0 auto -6px;
        content: "";
        display: block;
        position: relative;
        top: 39px; 
          z-index: 0;
    }
} 







/* 01/2019 update */
.sk_homepage .recommended-section>.col-lg-3,  .sk_homepage  .recommended-section>.col-lg-9 {
    width: 100%; 
    float: none; 
}
.sk_homepage .recommended-section>.col-lg-3,
.sk_homepage .flex.searchbox-container { padding: 0 15px;}
 .sk_homepage .recommender-landing .favorite-finder-section .favorite-finder h3 {
    width: 100%;
    color: #3d3d3d;
    font-family: FjallaOne,sans-serif;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .04386rem;

    font-size: 36px;
    max-width: 100%;
  margin: 15px 0 0; 
}
.sk_homepage .recommender-landing .favorite-finder-section .favorite-finder p {
    font-size: 15px;
    line-height: 1.42;
    letter-spacing: .34px;
    max-width: 100%;
    text-align: center;
}

.sk_homepage input#reccommendsearch {
    font-size: 20px;
    letter-spacing: .41px;
    font-weight: 400;

    height: auto;
    width: 100%;
    margin-right: 30px;
    padding: 0 0 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sk_homepage input#reccommendsearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 20px;
    letter-spacing: .41px; 
    font-weight: 300;
}
.sk_homepage input#reccommendsearch::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 20px;
    letter-spacing: .41px; 
    font-weight: 300;
   opacity:  1;
}
.sk_homepage input#reccommendsearch::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 20px;
    letter-spacing: .41px; 
    font-weight: 300;
   opacity:  1;
}
.sk_homepage input#reccommendsearch::-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 20px;
    letter-spacing: .41px; 
}
.sk_homepage input#reccommendsearch:::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 20px;
    letter-spacing: .41px; 
}
.sk_homepage input#reccommendsearch::placeholder {
    font-size: 20px;
    letter-spacing: .41px; 
}

.sk_homepage .fav-finder-logo {
    margin-top: 58px;
    width: 100%;
    text-align: center;
}
.sk_homepage .fav-finder-logo svg {
    width: 176px!important;
    height: 40px!important; 
}
.sk_homepage .recommender-landing .fav-search-logo {
    left: 0;
    top: 5px;
    position: relative;
}
@media only screen and (max-width: 325px) and (orientation: portrait){ 
    .sk_homepage .recommender-landing .fav-search-logo { left: 0px; top: 5px; }
    .sk_homepage input#reccommendsearch {  padding: 0 0 0 2px; }
    .sk_homepage .recommender-landing .favorite-finder-section .favorite-finder h3 { font-size: 30px;}
}

#recommendedResponse [data-carousel].slick-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center; 
    height: 165px;
}
.sk_homepage #recommendedResponse [data-carousel].slick-slider .slick-list { 
    height: auto;
}
/* end 01/2019 update */





/*   END REcommender  */



/* Top 5  BOOKS & Toys with toggle */
 
#topList.bnhpfeatured-products-wrapper {margin: 12px 0 20px;}
  

.sk_homepage #topList .bnhpfeatured-products-wrapper {
  max-width: 400px;
  margin: 0 auto 14px; 
}
#topList .bnhpfeatured-products-header { 
  width: 155px; 
   display: table;
  }
.sk_homepage #topList .bnhpfeatured-products-header { 
  width: auto; 
  }
 
#topList .bnhpfeatured-products-header-content { 

  display: table-cell;
  vertical-align: middle;
  
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #285934; 
}

#topList .bnhpfeatured-h2 {
  font-family: FjallaOne,Lato,sans-serif;
  font-weight: 400;
  /*font-size: 40.0075px;*/
  font-size: 3.0775rem; 
  line-height: 1.2;
  letter-spacing: .0384rem; /* 0.4992px */
  color: #285934;
  margin: 0 0 22px 0;
}
.sk_homepage #topList .bnhpfeatured-h2 {
  font-size: 32px;
  margin: 0 0 8px 0;
  line-height: 1.15;
  margin: 0 0 7px 0;
}

#topList .bnhpfeatured-btn.toyitem, 
#topList .bnhpfeatured-btn.bookitem {display: inline-block;}
#topList .bnhpfeatured-btn {
  display: inline-block;
  width: auto; 
  padding:8px 22px;
  border: 1px solid #285934;
  font-family: Lato,sans-serif;
  font-size:  11.5px;
  line-height: 1;
  letter-spacing: .0638rem; /* 0.8293999999999999px */
  color: #285934;
  text-decoration: none;
  margin:0 10px;
}
.sk_homepage #topList .bnhpfeatured-btn {    
  font-size: 10px;
  padding:8px 16px; 
  font-weight: 700;
}
#topList .bnhpfeatured-btn:hover {
  text-decoration: none;
    color: #fff;
  background-color: #285934;
      -webkit-transition: 0.25s ease all;
    -moz-transition: 0.25s ease all;
    -o-transition:  0.25s ease all;
    transition: 0.25s ease all;
}

#topList .bnhpfeatured-toggle {
  margin:0px 0px 18px; 
}
.sk_homepage #topList .bnhpfeatured-toggle {
  margin:0px 0px 12px; 
}
#topList .bnhpfeatured-products {
  list-style-type: none;
    margin: 0;
    padding: 0;
    display:table; 
    overflow: hidden;
    text-align: center;
}
.sk_homepage #topList .bnhpfeatured-products { 
    margin: 0 auto;  
}

@media only screen and (orientation : portrait) and (max-width:  330px) { 
   .sk_homepage #topList .bnhpfeatured-products { 
        margin: 0 auto; 
        width: 275px;
    } 
}   

#topList .bnhpfeatured-products li {
  display: inline-block; 
  text-align: center;
}
#topList .bnhpfeatured-products li:first-child {
    padding: 2px 7px 0 0;
}
.sk_homepage #topList .bnhpfeatured-products li {
  width: 31%;
}


#topList .bnhpfeatured-products .item {
  display: table-cell;  
  padding: 0 24px 0 0;
  height: 230px;
  vertical-align : middle; 
  text-align: center; 
}
.sk_homepage #topList .bnhpfeatured-products .item { 
   padding: 0 15px 0 2px;
      padding: 0 ;
   height: 178px; 
}

#topList .bnhpfeatured-products img {
  max-width: 140px;
  max-height: 214px;
}
#topList .bnhpfeatured-products .toyitem img {
  max-width: 140px; 
}
.sk_homepage #topList .bnhpfeatured-products .toyitem img,
.sk_homepage #topList .bnhpfeatured-products img {  
  max-width: 100px;   
  margin:0 10%;
 }   

@media only screen and (orientation : portrait) and (max-width:  330px) { 
   .sk_homepage #topList .bnhpfeatured-products li {
    width: 45%; 
      margin: 0 0 0 5px;
  }
  .sk_homepage #topList .bnhpfeatured-products img {  
    max-width: 100px;   
  }  

}  

#topList .bookitem img {
    -webkit-box-shadow: -4px 4px 6px -1px #c5c5c5;     
  -moz-box-shadow:  -4px 4px 6px -1px #c5c5c5;     
  box-shadow:   -4px 4px 6px -1px #c5c5c5;    

}
#topList .bnhpfeatured-products .item a{ position: relative; cursor: pointer;}
.homepage #topList .bnhpfeatured-products .item a:before {
  content: " ";
  position: absolute;
  z-index: 0;
  top: -6px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 1px solid #fff;
}
.homepage #topList .bnhpfeatured-products .item > a:hover:before{ border-color: #000; }
.homepage #topList .bnhpfeatured-products .item>a:focus:before { border-color: #000;}
 
 #topList .topbooks .toyitem, .topbooks .toyitemlist {display:none;}
 #topList .toptoys .bookitem, .toptoys .bookitemlist{display:none;} 
 #topList:not(.toptoys) .toyitem{display:none;} 

.sk_homepage #topList .toptoys li .item {padding:0 1px 0 1px;}
.sk_homepage #topList .toptoys li:nth-child(9) .item {padding-bottom: 40px;}
.sk_homepage #topList .toptoys li:nth-child(10) .item {padding-bottom: 40px;}
.sk_homepage #topList .toptoys li:nth-child(11) .item {padding-bottom: 40px;}
 

 
/* toggle styles */
#topList .switch {
  /*width: 120px; fix*/ 
  position: relative;
}
#topList .switch input {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
#topList .switch input:checked {
  z-index: 1;
}
#topList .switch input:checked + label {
  opacity: 1;
  cursor: default;
}
#topList .switch input:not(:checked) + label:hover {
 /* opacity: 0.5;*/
  font-weight: 600;
}
#topList .switch label {
  color: #347d56;
/*  opacity: 0.33;*/
  font-weight: normal;
      -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease; 
  cursor: pointer;
}
#topList .switch .toggle-outside {
  height: 100%;
  border-radius:10.5px;
  padding: 1px;
  overflow: hidden; 
      -webkit-transition: 0.25s ease all;
    -moz-transition: 0.25s ease all;
    -o-transition:  0.25s ease all;
    transition: 0.25s ease all;

}
#topList .switch .toggle-inside {
  border-radius: 10.5px;
  background: #2a5935;
  position: absolute;
  top:2px;
      -webkit-transition: 0.25s ease all;
    -moz-transition: 0.25s ease all;
    -o-transition:  0.25s ease all;
    transition: 0.25s ease all;
}
#topList .switch--horizontal {
  width: 140px;
  height: 22px;
  margin: 0 auto;
  font-size: 0; 
}
.sk_homepage #topList .switch--horizontal {
  width: 120px; 
}
#topList .switch--horizontal input { 
  width: 35px;
  height: 20px;
  left: 60px;
  margin: 0; 
}
.sk_homepage #topList .switch--horizontal input {  
  left: 50px; 
}
#topList .switch--horizontal label {
  font-family: Lato,sans-serif; 
  font-size: 12px;
  color: #285934;
  letter-spacing: .0638rem; /* 1px */
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  
  height: 100%;
  margin: 0;
  padding-top:3px;
  text-align: center;
}
#topList .switch--horizontal label:last-of-type {
  margin-left:45px;
}
.sk_homepage #topList .switch--horizontal label { 
  font-size: 10px;
    font-weight: 700;
    padding-top:5px;
}
.sk_homepage #topList .switch--horizontal label:last-of-type {
  margin-left:35px;
}
#topList .switch--horizontal .toggle-outside {
  background: #eee;
  position: absolute;
  width: 36px;
  left: 58px;
  border: 1px #dfdfdf solid;

}
.sk_homepage #topList .switch--horizontal .toggle-outside { 
  width: 30px;  
}
.sk_homepage #topList .switch--horizontal .toggle-outside {
  left: 50px;
}
#topList .switch--horizontal .toggle-inside {
  height: 16px;
  width: 16px;
}
#topList .switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
  left: 2px;
}
#topList .switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 15px;
}
.sk_homepage #topList .switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 10px;
}

/* end Top 5   toggle styles */




/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

/*      .hpicon { 
          width: 120px; 
      }*/

     #topList  .bnhpfeatured-products img {
          max-width: 90px;
      }

     #topList  .bnhpfeatured-products .toyitem img {
          max-width: 88px;
      }

     #topList  .bnhpfeatured-products-header {
          width: 145px;
          display: table;
      }

}



/*   END TOP 5 STYLES */







/* toolkit */
.text--uppercase {text-transform: uppercase; }
.tile-grid {
 width:100%;
 position:relative;
 padding:0;
}
.tile-grid.tile-demo {
 border:1px solid #347d56;
 padding:.5625rem 0 0 .5625rem
}
.tile-grid.tile-demo .tile {
 border:1px solid #347d56;
 color:#347d56;
 padding:.5625rem
}
.tile-grid .tile-col-2 {
 width:calc(66.6666% - .5625rem)
}
.tile-grid .tile-col-3 {
 width:calc(100% - .5625rem)
}
.tile-grid .tile-row-2 {
 height:calc(36.5625rem * 2 + 0.559rem)
}
.tile-grid .tile-row-2.tile-right {
 height:calc(36.5625rem * 2 + 0.563rem)
}
.tile-grid .tile-right {
 float:right
}
.tile-grid:after {
 content:"";
 display:table;
 clear:both
}
.tile-ribbon {
 top:0;
 left:0;
 padding:5px 15px;
 text-align:center;
 position:absolute;
 width:100%;
 font-family:Lato,sans-serif;
     font-size: 12px;
 font-weight:600;
 font-style:normal;
 letter-spacing:0;
}
.tile.tile-default {
 color:#21282d
}
.tile.tile-default .tile-bg {
 background-size:cover
}
.tile.tile-default:after {
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:1!important;
 content:"";
 position:absolute;
 pointer-events:none;
 border:1px solid #ccc!important
}
.tile.tile-default:active .tile-bg,
.tile.tile-default:focus .tile-bg,
.tile.tile-default:hover .tile-bg {
 opacity:.5
}
.tile.tile-default:active .tile-content .tile-link,
.tile.tile-default:focus .tile-content .tile-link,
.tile.tile-default:hover .tile-content .tile-link {
 color:#21282d
}
.tile.tile-default:active:after,
.tile.tile-default:focus:after,
.tile.tile-default:hover:after {
 opacity:1;
 border:1px solid #346250!important
}
.tile.tile-default.tile-wide-img .tile-images.tile-images-1 {
 margin-top:7.75rem!important
}
.tile.tile-default.tile-wide-img .tile-images.tile-images-1 .tile-image {
 max-width:80%;
 height:auto
}
.tile {
 float:left;
 overflow:visible;
 position:relative;
 display:inline-block;
 height:36.5625rem;
 margin-right:.5625rem;
 margin-bottom:.5625rem;
 width:calc(33.3333% - .5625rem)
}
.tile+a {
 color:#21282d
}
.btn--tile {
 font-family:Lato,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:1.0625rem;
 text-decoration:none;
 white-space:nowrap;
 color:#fff;
 background-color:#054f72;
 position:relative;
 display:inline-block;
 width:12.5rem;
 height:auto!important;
 padding:.75rem 0;
 transition:background-color .25s
}
.btn--tile:hover {
 text-decoration:none;
 background-color:#043e5a
}
.btn--tile:focus {
 text-decoration:none;
 background-color:#054f72
}
.btn--tile:focus:after {
 content:" ";
 position:absolute;
 top:-6px;
 left:-6px;
 right:-6px;
 bottom:-6px;
 border:1px solid #054f72
}
.btn--tile-top100 {
 font-family:Lato,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:1.0625rem;
 text-decoration:none;
 white-space:nowrap;
 color:#fff;
 background-color:#21282d;
 position:relative;
 display:inline-block;
 width:18.5rem;
 height:auto;
 padding:.75rem 0;
 transition:background-color .25s;
 margin-top:2rem
}
.btn--tile-top100:hover {
 text-decoration:none;
 background-color:#010101
}
.btn--tile-top100:focus {
 text-decoration:none;
 background-color:#21282d
}
.btn--tile-top100:focus:after {
 content:" ";
 position:absolute;
 top:-6px;
 left:-6px;
 right:-6px;
 bottom:-6px;
 border:1px solid #21282d
}
.tile .btn,
.tile a.btn-ghost,
.tile a.btn.active,
.tile a.btn.focus,
.tile a.btn.hover,
.tile a.btn:active,
.tile a.btn:focus,
.tile a.btn:hover {
 position:relative;
 margin:0 auto!important;
 display:inline-block;
 width:12.5rem;
 height:auto!important;
 padding:.75rem 0
}
.tile.hover-opacity {
 position:relative
}
.tile.hover-opacity.focus .tile-bg,
.tile.hover-opacity:active .tile-bg,
.tile.hover-opacity:focus .tile-bg,
.tile.hover-opacity:hover .tile-bg {
 opacity:.5
}
.tile.hover-opacity.focus .tile-content .tile-link,
.tile.hover-opacity:active .tile-content .tile-link,
.tile.hover-opacity:focus .tile-content .tile-link,
.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d
}
.tile.hover-opacity.focus:after,
.tile.hover-opacity:active:after,
.tile.hover-opacity:focus:after,
.tile.hover-opacity:hover:after {
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:1;
 content:"";
 position:absolute;
 pointer-events:none;
 overflow:visible;
 border:1px solid #347d56
}
.tile.hover-opacity.tile-promo.focus .tile-bg,
.tile.hover-opacity.tile-promo:active .tile-bg,
.tile.hover-opacity.tile-promo:focus .tile-bg,
.tile.hover-opacity.tile-promo:hover .tile-bg {
 opacity:.85
}
.tile.hover-opacity.tile-promo.no-bg-image.focus .tile-bg,
.tile.hover-opacity.tile-promo.no-bg-image:active .tile-bg,
.tile.hover-opacity.tile-promo.no-bg-image:focus .tile-bg,
.tile.hover-opacity.tile-promo.no-bg-image:hover .tile-bg {
 opacity:.5
}
.tile.hover-opacity .tile-bg {
 top:0;
 left:0;
 opacity:1;
 content:"";
 position:absolute;
 pointer-events:none;
 width:100%;
 height:100%
}
.tile.hover-opacity .tile-bg .tile-top {
 top:0;
 width:100%;
 height:50%;
 position:absolute
}
.tile.hover-opacity .tile-bg .tile-bottom {
 bottom:0;
 width:100%;
 height:50%;
 position:absolute
}
.tile.hover-opacity .tile-content .tile-link {
 border-top:1px solid transparent;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 display:inline-block;
 padding:2px 2px 1px
}
.tile.hover-opacity.dark-red.focus .tile-content .tile-link,
.tile.hover-opacity.dark-red:active .tile-content .tile-link,
.tile.hover-opacity.dark-red:focus .tile-content .tile-link,
.tile.hover-opacity.dark-red:hover .tile-content .tile-link {
 color:#21282d;
 border-bottom:1px solid #21282d
}
/*  End Toolkit */





/*  toolkit themes   */




.tile-ecomm .tile-content {
 bottom:1.875rem!important
}
.tile-ecomm .tile-images .tile-image {
 -webkit-transform:translateX(-50%)!important;
 transform:translateX(-50%)!important;
 height:17.8125rem!important
}
.tile-ecomm .tile-price {
 font-family:Lato,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:1rem
}
.tile-list .tile-content {
 top:0;
 margin-top:4.25rem
}
.tile-list .btn--commerce {
 background-color:#21282d;
 color:#fff;
 height:auto!important;
 padding:.375rem 4.5rem!important;
 max-width:13.375rem!important;
 white-space:nowrap;
 overflow:hidden
}
.tile-list .btn--commerce:focus,
.tile-list .btn--commerce:focus:hover,
.tile-list .btn--commerce:hover {
 background-color:#0b0e10!important
}
.tile-list .tile-header:after {
 content:"";
 height:0;
 display:block;
 width:2.375rem;
 border-bottom:.25rem solid;
 margin:3rem auto 3.75rem
}
.tile-list .tile-list-item-title {
 font-family:Poynter,Georgia,serif;
 font-weight:400;
 font-style:normal;
 font-size:1.5rem
}
.tile-list .tile-list-item-author {
 font-family:Lato,sans-serif;
 font-weight:300;
 font-style:normal;
 font-size:1.0625rem
}
.tile-list ol {
 margin:0;
 padding:0 .75rem 0 2.25rem;
 list-style:none;
 position:relative;
 text-indent:0!important
}
.tile-list ol li {
 counter-increment:item-number;
 padding:0 0 0 5.25rem;
 margin:0 0 4.5rem;
 height:5.25rem;
 overflow:visible;
 list-style:none;
 position:relative;
 text-align:left;
 text-indent:none
}
.tile-list ol li a {
 color:#21282d;
 line-height:1.25;
 display:block;
 margin-bottom:.25rem
}
.tile-list ol li a:active,
.tile-list ol li a:focus,
.tile-list ol li a:hover {
 color:#347d56
}
.tile-list ol li:before {
 font-family:Poynter,Georgia,serif;
 font-weight:600;
 font-style:normal;
 position:absolute;
 left:0;
 top:0;
 content:counter(item-number);
 font-size:5.25rem;
 color:#353535;
 line-height:1
}
.tile-list ol li:after {
 content:"";
 clear:both;
 display:block;
 width:100%
}
.tile-list .btn--tile {
 transition:background-color .25s;
 background-color:#21282d
}
.tile-list .btn--tile:hover {
 background-color:#010101
}
.tile-list .btn--tile:focus {
 background-color:#21282d
}
.tile-list .btn--tile:focus:after {
 border:1px solid #21282d
}
.tile-quote {
 line-height:1.5
}
.tile-quote .tile-content {
 text-align:center;
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 padding:3rem
}
.tile-quote .tile-content .tile-body {
 font-family:Poynter,Georgia,serif;
 font-weight:400;
 font-style:normal;
 font-size:1.875rem;
 margin-bottom:1.5rem;
 margin-top:0
}
.tile-quote .tile-content .tile-author,
.tile-quote .tile-content .tile-book {
 font-family:Lato,sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:inherit;
 margin:0;
 padding-bottom:.375rem
}
.tile-quote .tile-content .tile-author {
 font-size:1.0625rem
}
.tile-quote:hover .tile-content .tile-book {
 text-decoration:underline
}


.tile-list .tile-shadows,
.tile-shadow .tile-shadows,
.tile.tile-default .tile-shadows {
 position:absolute;
 width:100%;
 height:100%;
 opacity:.07
}
.tile-list .tile-images *,
.tile-shadow .tile-images *,
.tile.tile-default .tile-images * {
 display:block
}
.tile-list .tile-images .tile-image,
.tile-shadow .tile-images .tile-image,
.tile.tile-default .tile-images .tile-image {
 left:50%;
 width:auto;
 position:absolute
}
.tile-list .tile-images.tile-images-1 .tile-image,
.tile-shadow .tile-images.tile-images-1 .tile-image,
.tile.tile-default .tile-images.tile-images-1 .tile-image {
 height:21.5rem;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.sk_homepage .tile-list .tile-images.tile-images-1 .tile-image, 
.sk_homepage .tile-shadow .tile-images.tile-images-1 .tile-image, 
.sk_homepage .tile.tile-default .tile-images.tile-images-1 .tile-image {
    height: 230px; 
}


.tile-list .tile-images.tile-images-2 .tile-image,
.tile-shadow .tile-images.tile-images-2 .tile-image,
.tile.tile-default .tile-images.tile-images-2 .tile-image {
 height:17.25rem
}
.tile-list .tile-images.tile-images-2 .tile-image:first-child,
.tile-shadow .tile-images.tile-images-2 .tile-image:first-child,
.tile.tile-default .tile-images.tile-images-2 .tile-image:first-child {
 z-index:2;
 -webkit-transform:translateX(-75%);
 transform:translateX(-75%)
}
.tile-list .tile-images.tile-images-2 .tile-image:last-child,
.tile-shadow .tile-images.tile-images-2 .tile-image:last-child,
.tile.tile-default .tile-images.tile-images-2 .tile-image:last-child {
 -webkit-transform:translateX(-25%);
 transform:translateX(-25%);
 margin-top:4.25rem
}
.tile-list .tile-images.tile-images-3 .tile-image,
.tile-shadow .tile-images.tile-images-3 .tile-image,
.tile.tile-default .tile-images.tile-images-3 .tile-image {
 height:15.625rem;
     height: 200px;
}
.tile-list .tile-images.tile-images-3 .tile-image:first-child,
.tile-shadow .tile-images.tile-images-3 .tile-image:first-child,
.tile.tile-default .tile-images.tile-images-3 .tile-image:first-child {
 z-index:3;
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
.tile-list .tile-images.tile-images-3 .tile-image:nth-child(2),
.tile-shadow .tile-images.tile-images-3 .tile-image:nth-child(2),
.tile.tile-default .tile-images.tile-images-3 .tile-image:nth-child(2) {
 z-index:2;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 margin-top:3.75rem
}
.tile-list .tile-images.tile-images-3 .tile-image:last-child,
.tile-shadow .tile-images.tile-images-3 .tile-image:last-child,
.tile.tile-default .tile-images.tile-images-3 .tile-image:last-child {
 z-index:1;
 margin-top:7.5rem
}
.tile-list .tile-content,
.tile-shadow .tile-content,
.tile.tile-default .tile-content {
 bottom:3rem;
 left:50%;
 width:90%;
 position:absolute;
 text-align:center;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.tile-list .tile-content .tile-title,
.tile-shadow .tile-content .tile-title,
.tile.tile-default .tile-content .tile-title {
 font-size:1.5rem
}
.tile-list .tile-content .tile-link,
.tile-shadow .tile-content .tile-link,
.tile.tile-default .tile-content .tile-link {
 text-align:center;
 color:#21282d;
 font-weight:700;
 padding:2px 2px 1px;
 text-decoration:none;
 text-transform:uppercase;
 border-bottom:1px solid #21282d
}
.tile-list .tile-content .tile-author,
.tile-shadow .tile-content .tile-author,
.tile.tile-default .tile-content .tile-author {
 font-family:Lato,sans-serif;
 font-style:normal;
 font-weight:700;
 font-size:.75rem
}
header nav>ul>*>div>div:first-of-type {
 width:78%
}
header nav>ul>*>div>div:last-of-type {
 width:22%
}
.header-tile {
 background-color:#eeeeed;
 width:17.4rem
}
.header-tile a {
 text-decoration:none!important;
 padding:0!important
}
.header-tile .tile-wrapper {
 padding:2.3rem
}
.header-tile .tile-wrapper .header-tile-image {
 opacity:0;
 visibility:hidden;
 transition:all .2s linear
}
.header-tile .tile-wrapper .header-tile-image img {
 width:12.7rem;
 padding-bottom:1.295rem
}
.header-tile .tile-wrapper .header-tile-content {
 width:12.3rem
}
.header-tile .tile-wrapper .header-tile-content .promo-header-content {
 padding-bottom:.795rem
}
.header-tile .tile-wrapper .header-tile-content .header-tile-text {
 padding-bottom:1.295rem
}
.tile-promo {
 padding:4.5rem
}
@media screen and (max-width:1024px) {
 .tile-promo {
  padding:3rem
 }
}
@media screen and (max-width:1280px) {
 .tile-promo {
  padding:3.75rem
 }
}
.tile-promo .tile-bg {
 background-size:cover
}
.tile-promo .tile-foreground {
 width:100%;
 height:100%;
 position:relative
}
.tile-promo .tile-content {
 text-align:center;
 position:absolute;
 width:100%;
 left:50%;
 top:50%;
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}
.tile-promo .tile-content .tile-header .tile-title {
 font-family:Poynter,Georgia,serif;
 font-weight:400;
 font-style:normal;
 font-size:2.5rem;
 margin-top:0;
 margin-bottom:.375rem;
 line-height:1.2
}
.tile-promo .tile-content .tile-header .tile-subtitle {
 font-family:Poynter,Georgia,serif;
 font-weight:400;
 font-style:normal;
 font-size:1.5rem;
 margin-top:0;
 margin-bottom:.375rem
}
.tile-promo .tile-content .tile-header:after {
 content:"";
 height:0;
 border:none;
 border-style:solid;
 border-bottom-width:.0625rem;
 display:block;
 width:2.375rem;
 margin:2.25rem auto 2.1875rem
}
.tile-promo .tile-content .tile-body,
.tile-promo .tile-content .tile-code {
 font-family:Lato,sans-serif;
 font-style:normal;
 font-size:1rem;
 font-weight:500;
 margin:0;
 line-height:1.2
}
.tile-promo .tile-content .tile-link {
 color:inherit;
 display:inline-block;
 margin-top:4.5rem;
 font-weight:700;
 text-decoration:none;
 text-transform:uppercase;
 padding-bottom:1px;
 border-bottom:1px solid
}
.on-peach.tile-list .tile-top,
.on-peach.tile.tile-default .tile-top,
.tile-shadow.on-peach .tile-top {
 background-color:#f7e8dd
}
.on-peach.tile-list .tile-bottom,
.on-peach.tile.tile-default .tile-bottom,
.tile-shadow.on-peach .tile-bottom {
 background-color:#efd1bc
}
.on-mist.tile-list .tile-top,
.on-mist.tile.tile-default .tile-top,
.tile-shadow.on-mist .tile-top {
 background-color:#e4edf0
}
.on-mist.tile-list .tile-bottom,
.on-mist.tile.tile-default .tile-bottom,
.tile-shadow.on-mist .tile-bottom {
 background-color:#c9dbe2
}
.on-dust.tile-list .tile-top,
.on-dust.tile.tile-default .tile-top,
.tile-shadow.on-dust .tile-top {
 background-color:#e8e4e4
}
.on-dust.tile-list .tile-bottom,
.on-dust.tile.tile-default .tile-bottom,
.tile-shadow.on-dust .tile-bottom {
 background-color:#d1c9c9
}
.on-mist-full.tile-list .tile-bottom,
.on-mist-full.tile-list .tile-top,
.on-mist-full.tile.tile-default .tile-bottom,
.on-mist-full.tile.tile-default .tile-top,
.tile-shadow.on-mist-full .tile-bottom,
.tile-shadow.on-mist-full .tile-top {
 background-color:#e4edf0
}
.on-tan-full.tile-list .tile-bottom,
.on-tan-full.tile-list .tile-top,
.on-tan-full.tile.tile-default .tile-bottom,
.on-tan-full.tile.tile-default .tile-top,
.tile-shadow.on-tan-full .tile-bottom,
.tile-shadow.on-tan-full .tile-top {
 background-color:#e9e3d7
}
.gray-ribbon-lapis-btn.tile-list .tile-ribbon,
.gray-ribbon-lapis-btn.tile.tile-default .tile-ribbon,
.tile-shadow.gray-ribbon-lapis-btn .tile-ribbon {
 background-color:#757680
}
.gray-ribbon-lapis-btn.tile-list .btn--tile,
.gray-ribbon-lapis-btn.tile.tile-default .btn--tile,
.tile-shadow.gray-ribbon-lapis-btn .btn--tile {
 background-color:#054f72
}
.gray-ribbon-lapis-btn.tile-list .btn--tile:hover,
.gray-ribbon-lapis-btn.tile.tile-default .btn--tile:hover,
.tile-shadow.gray-ribbon-lapis-btn .btn--tile:hover {
 background-color:#043e5a
}
.emerald-ribbon-coal-btn.tile-list .tile-ribbon,
.emerald-ribbon-coal-btn.tile.tile-default .tile-ribbon,
.tile-shadow.emerald-ribbon-coal-btn .tile-ribbon {
 background-color:#145944
}
.emerald-ribbon-coal-btn.tile-list .btn--tile,
.emerald-ribbon-coal-btn.tile.tile-default .btn--tile,
.tile-shadow.emerald-ribbon-coal-btn .btn--tile {
 background-color:#21282d
}
.emerald-ribbon-coal-btn.tile-list .btn--tile:hover,
.emerald-ribbon-coal-btn.tile.tile-default .btn--tile:hover,
.tile-shadow.emerald-ribbon-coal-btn .btn--tile:hover {
 background-color:#054f72
}
.tile-quote.on-peach .tile-bg {
 background-color:#f7e8dd
}
.tile-quote.on-mist .tile-bg {
 background-color:#e4edf0
}
.tile-quote.on-dust .tile-bg {
 background-color:#cec6c6
}
.tile-promo.white-on-peony {
 color:#fff!important
}
.tile-promo.white-on-peony .tile-foreground,
.tile-promo.white-on-peony .tile-bg {
 background-color:#d8685d
}
.tile-promo.white-on-peony .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-peony.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-peony.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-peony.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-peony.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.coal-on-spring-wood {
 color:#21282d!important
}
.tile-promo.coal-on-spring-wood .tile-foreground, 
.tile-promo.coal-on-spring-wood .tile-bg {
 background-color:#f9f8f4
}
.tile-promo.coal-on-spring-wood .tile-link {
 border-bottom:1px solid #21282d
}
.tile-promo.coal-on-spring-wood.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-spring-wood.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-spring-wood.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-spring-wood.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.peony-on-peach {
 color:#d8685d!important
}
.tile-promo.peony-on-peach .tile-foreground,
.tile-promo.peony-on-peach .tile-bg  {
 background-color:#f7e8dd
}
.tile-promo.peony-on-peach .tile-link {
 border-bottom:1px solid
}
.tile-promo.peony-on-peach.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.peony-on-peach.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.peony-on-peach.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.peony-on-peach.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #d8685d;
 color:#d8685d
}
.tile-promo.mist-on-haze {
 color:#c9dbe2!important
}
.tile-promo.mist-on-haze .tile-foreground,
.tile-promo.mist-on-haze .tile-bg {
 background-color:#6c8892;
}
.tile-promo.mist-on-haze .tile-link {
 border-bottom:1px solid
}
.tile-promo.mist-on-haze.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.mist-on-haze.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.mist-on-haze.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.mist-on-haze.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #c9dbe2;
 color:#c9dbe2
}
.tile-promo.white-on-coal {
 color:#fff!important
}
.tile-promo.white-on-coal .tile-foreground,
.tile-promo.white-on-coal .tile-bg {
 background-color:#21282d
}
.tile-promo.white-on-coal .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-coal.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-coal.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-coal.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-coal.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.black-on-mist {
 color:#000!important
}
.tile-promo.black-on-mist .tile-foreground,
.tile-promo.black-on-mist .tile-bg {
 background-color:#e4edf0
}
.tile-promo.black-on-mist .tile-link {
 border-bottom:1px solid
}
.tile-promo.black-on-mist.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.black-on-mist.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.black-on-mist.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.black-on-mist.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #000;
 color:#000
}
.tile-promo.coal-on-gray-3 {
 color:#21282d!important
}
.tile-promo.coal-on-gray-3 .tile-foreground,
.tile-promo.coal-on-gray-3 .tile-bg{
 background-color:#eeeeed
}
.tile-promo.coal-on-gray-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-gray-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-gray-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-gray-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-gray-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-tan-3 {
 color:#21282d!important
}
.tile-promo.coal-on-tan-3 .tile-foreground,
.tile-promo.coal-on-tan-3 .tile-bg {
 background-color:#f0ece4
}
.tile-promo.coal-on-tan-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-tan-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-tan-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-tan-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-tan-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-lilac-3 {
 color:#21282d!important
}
.tile-promo.coal-on-lilac-3 .tile-foreground,
.tile-promo.coal-on-lilac-3 .tile-bg {
 background-color:#e8e4e4
}
.tile-promo.coal-on-lilac-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-lilac-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-lilac-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-lilac-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-lilac-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-peach-3 {
 color:#21282d!important
}
.tile-promo.coal-on-peach-3 .tile-foreground,
.tile-promo.coal-on-peach-3 .tile-bg {
 background-color:#f7e8dd
}
.tile-promo.coal-on-peach-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-peach-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-peach-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-peach-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-peach-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-sage-3 {
 color:#21282d!important
}
.tile-promo.coal-on-sage-3 .tile-foreground,
.tile-promo.coal-on-sage-3 .tile-bg {
 background-color:#d9ded6
}
.tile-promo.coal-on-sage-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-sage-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-sage-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-sage-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-sage-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-mist-3 {
 color:#21282d!important
}
.tile-promo.coal-on-mist-3 .tile-foreground, 
.tile-promo.coal-on-mist-3 .tile-bg {
 background-color:#e4edf0
}
.tile-promo.coal-on-mist-3 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-mist-3.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-mist-3.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-mist-3.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-mist-3.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-gray-1 {
 color:#21282d!important
}
.tile-promo.coal-on-gray-1 .tile-foreground,
.tile-promo.coal-on-gray-1 .tile-bg {
 background-color:#dddddb
}
.tile-promo.coal-on-gray-1 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-gray-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-gray-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-gray-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-gray-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-tan-1 {
 color:#21282d!important
}
.tile-promo.coal-on-tan-1 .tile-foreground,
.tile-promo.coal-on-tan-1 .tile-bg {
 background-color:#e1d9ca
}
.tile-promo.coal-on-tan-1 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-tan-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-tan-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-tan-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-tan-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-lilac-1 {
 color:#21282d!important
}
.tile-promo.coal-on-lilac-1 .tile-foreground,
.tile-promo.coal-on-lilac-1 .tile-bg {
 background-color:#d1c9c9
}
.tile-promo.coal-on-lilac-1 .tile-link {
 border-bottom:1px solid;
}
.tile-promo.coal-on-lilac-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-lilac-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-lilac-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-lilac-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d;
}
.tile-promo.coal-on-peach-1 {
 color:#21282d!important;
}
.tile-promo.coal-on-peach-1 .tile-foreground, 
.tile-promo.coal-on-peach-1 .tile-bg {
 background-color:#efd1bc;
}
.tile-promo.coal-on-peach-1 .tile-link {
 border-bottom:1px solid #21282d;
}
.tile-promo.coal-on-peach-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-peach-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-peach-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-peach-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-sage-1 {
 color:#21282d!important
}
.tile-promo.coal-on-sage-1 .tile-foreground, 
.tile-promo.coal-on-sage-1 .tile-bg {
 background-color:#b3bdad
}
.tile-promo.coal-on-sage-1 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-sage-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-sage-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-sage-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-sage-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-mist-1 {
 color:#21282d!important
}
.tile-promo.coal-on-mist-1 .tile-foreground,
.tile-promo.coal-on-mist-1 .tile-bg {
 background-color:#c9dbe2
}
.tile-promo.coal-on-mist-1 .tile-link {
 border-bottom:1px solid
}
.tile-promo.coal-on-mist-1.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-mist-1.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-mist-1.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-mist-1.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-olive {
 color:#21282d!important
}
.tile-promo.coal-on-olive .tile-foreground,
.tile-promo.coal-on-olive .tile-bg {
 background-color:#9e966b
}
.tile-promo.coal-on-olive .tile-link {
 border-bottom:1px solid #21282d
}
.tile-promo.coal-on-olive.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-olive.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-olive.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-olive.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.coal-on-salmon {
 color:#21282d!important
}
.tile-promo.coal-on-salmon .tile-foreground,
.tile-promo.coal-on-salmon .tile-bg {
 background-color:#f79e7f
}
.tile-promo.coal-on-salmon .tile-link {
 border-bottom:1px solid #21282d
}
.tile-promo.coal-on-salmon.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.coal-on-salmon.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.coal-on-salmon.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.coal-on-salmon.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #21282d;
 color:#21282d
}
.tile-promo.white-on-vermillion {
 color:#fff!important
}
.tile-promo.white-on-vermillion .tile-foreground,
.tile-promo.white-on-vermillion .tile-bg {
 background-color:#dd2612
}
.tile-promo.white-on-vermillion .tile-link {
 border-bottom:1px solid
}
.tile-promo.white-on-vermillion.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-vermillion.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-vermillion.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-vermillion.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-forest {
 color:#fff!important
}
.tile-promo.white-on-forest .tile-foreground,
.tile-promo.white-on-forest .tile-bg {
 background-color:#2d493f
}
.tile-promo.white-on-forest .tile-link {
 border:1px solid #fff;
 border-bottom:1px solid
}
.tile-promo.white-on-forest.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-forest.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-forest.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-forest.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-deep-blue {
 color:#fff!important
}
.tile-promo.white-on-deep-blue .tile-foreground,
.tile-promo.white-on-deep-blue .tile-bg {
 background-color:#112d4d
}
.tile-promo.white-on-deep-blue .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-deep-blue.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-deep-blue.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-deep-blue.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-deep-blue.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-lapis {
 color:#fff!important
}
.tile-promo.white-on-lapis .tile-foreground,
.tile-promo.white-on-lapis .tile-bg {
 background-color:#054f72
}
.tile-promo.white-on-lapis .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-lapis.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-lapis.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-lapis.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-lapis.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-emerald {
 color:#fff!important
}
.tile-promo.white-on-emerald .tile-foreground,
.tile-promo.white-on-emerald .tile-bg {
 background-color:#145944
}
.tile-promo.white-on-emerald .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-emerald.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-emerald.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-emerald.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-emerald.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-walnut {
 color:#fff!important
}
.tile-promo.white-on-walnut .tile-foreground,
.tile-promo.white-on-walnut .tile-bg {
 background-color:#353535
}
.tile-promo.white-on-walnut .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-walnut.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-walnut.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-walnut.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-walnut.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.white-on-gold {
 color:#fff!important
}
.tile-promo.white-on-gold .tile-foreground, 
.tile-promo.white-on-gold .tile-bg {
 background-color:#B49028
}
.tile-promo.white-on-gold .tile-link {
 border-bottom:1px solid #fff
}
.tile-promo.white-on-gold.tile.hover-opacity.focus .tile-content .tile-link,
.tile-promo.white-on-gold.tile.hover-opacity:active .tile-content .tile-link,
.tile-promo.white-on-gold.tile.hover-opacity:focus .tile-content .tile-link,
.tile-promo.white-on-gold.tile.hover-opacity:hover .tile-content .tile-link {
 border:1px solid #fff;
 color:#fff
}
.tile-promo.no-image .tile-foreground {
 background-color:transparent
}
.tile-promo.no-image.white-on-peony .tile-bg {
 background-color:#d8685d
}
.tile-promo.no-image.coal-on-spring-wood .tile-bg {
 background-color:#f9f8f4
}
.tile-promo.no-image.peony-on-peach .tile-bg {
 background-color:#f7e8dd
}
.tile-promo.no-image.mist-on-haze .tile-bg {
 background-color:#6c8892
}
.tile-promo.no-image.white-on-coal .tile-bg {
 background-color:#21282d
}
.tile-promo.no-image.black-on-mist .tile-bg {
 background-color:#e4edf0
}
.tile-promo.no-image.coal-on-gray-3 .tile-bg {
 background-color:#eeeeed
}
.tile-promo.no-image.coal-on-tan-3 .tile-bg {
 background-color:#f0ece4
}
.tile-promo.no-image.coal-on-lilac-3 .tile-bg {
 background-color:#e8e4e4
}
.tile-promo.no-image.coal-on-peach-3 .tile-bg {
 background-color:#f7e8dd
}
.tile-promo.no-image.coal-on-sage-3 .tile-bg {
 background-color:#d9ded6
}
.tile-promo.no-image.coal-on-mist-3 .tile-bg {
 background-color:#e4edf0
}
.tile-promo.no-image.coal-on-gray-1 .tile-bg {
 background-color:#dddddb
}
.tile-promo.no-image.coal-on-tan-1 .tile-bg {
 background-color:#e1d9ca
}
.tile-promo.no-image.coal-on-lilac-1 .tile-bg {
 background-color:#d1c9c9
}
.tile-promo.no-image.coal-on-peach-1 .tile-bg {
 background-color:#efd1bc
}
.tile-promo.no-image.coal-on-sage-1 .tile-bg {
 background-color:#b3bdad
}
.tile-promo.no-image.coal-on-mist-1 .tile-bg {
 background-color:#c9dbe2
}
.tile-promo.no-image.coal-on-olive .tile-bg {
 background-color:#9e966b
}
.tile-promo.no-image.coal-on-salmon .tile-bg {
 background-color:#f79e7f
}
.tile-promo.no-image.white-on-vermillion .tile-bg {
 background-color:#dd2612
}
.tile-promo.no-image.white-on-forest .tile-bg {
 background-color:#2d493f
}
.tile-promo.no-image.white-on-deep-blue .tile-bg {
 background-color:#112d4d
}
.tile-promo.no-image.white-on-lapis .tile-bg {
 background-color:#054f72
}
.tile-promo.no-image.white-on-emerald .tile-bg {
 background-color:#145944
}
.tile-promo.no-image.white-on-walnut .tile-bg {
 background-color:#353535
}
.tile-promo.no-image.white-on-gold .tile-bg {
 background-color:#B49028
}
.tile-default .tile-bg {
 background-size:cover
}




/*  force white text  */
.tile-grid .tile.tile-default.white-text{ color:#ffffff;} 
.tile.tile-shadow.white-text .tile-body-content, 
.tile.tile-default.white-text .tile-body-content{ color:#ffffff;}
.tile.tile-shadow.white-text .tile-link, 
.tile.tile-default.white-text .tile-link{
    color:#ffffff; 
    border-bottom: 1px #ffffff solid;
    border-color: #ffffff;
}
.tile.white-text .hover-opacity.focus .tile-footer .tile-link, 
.tile.white-text .hover-opacity:active .tile-footer .tile-link, 
.tile.white-text .hover-opacity:focus .tile-footer .tile-link, 
.tile.white-text .hover-opacity:hover .tile-footer .tile-link {
    border-bottom: 1px #ffffff solid;
    border-color: #ffffff;
}


/*  end toolkit themes */





/*  Tile Product Image Animation */
.tile-images-3 img:nth-of-type(1){
  -moz-animation:tricycleA 18s linear infinite; 
  -webkit-animation:tricycleA 18s linear infinite;
  animation:tricycleA 18s linear infinite;
  -moz-transform: translateZ(0);    
  -webkit-transform: translateZ(0);   
  transform: translateZ(0);
}
.tile-images-3 :nth-of-type(2) {
  -moz-animation:tricycleB 18s linear infinite;
  -webkit-animation:tricycleB 18s linear infinite;
  animation:tricycleB 18s linear infinite;
  -moz-transform: translateZ(0);    
  -webkit-transform: translateZ(0);   
  transform: translateZ(0); 
}
.tile-images-3 img:nth-of-type(3){
  -moz-animation:tricycleC 18s linear infinite;
  -webkit-animation:tricycleC 18s linear infinite;
  animation:tricycleC 18s linear infinite;  
  -moz-transform: translateZ(0);    
  -webkit-transform: translateZ(0);   
  transform: translateZ(0);   
}
 
@-webkit-keyframes tricycleA { 
  0% {   opacity:0.8; z-index:3; } 
  1% {   opacity:0.8; z-index:6; } 
  2% {   opacity:1; z-index:6; } 
  30% {   opacity:1; z-index:6; }
  31% {   opacity:0.8; z-index:6; }
  32% {   opacity:0.8; z-index:3; }
  33% {   opacity:1; z-index:3; }
  50% {   opacity:1; z-index:3; }
  92% {   opacity:1; z-index:3; } 
  100%{   opacity:1; z-index:3; }
}
@-webkit-keyframes tricycleB {
  0%  {    opacity:1; z-index:4; }
  16% {   opacity:1; }
  31% {   opacity:0.8; z-index:4; }
  32% {   opacity:0.8; z-index:6; }
  33% {  opacity:1; z-index:6; }  
  65% {   opacity:1; z-index:6; }
  66% {  opacity:0.8; z-index:6; }  
  67% {  opacity:0.8; z-index:4; }   
  67% {  opacity:1; z-index:4; }  
  100%{    opacity:1; z-index:4; }
}
@-webkit-keyframes tricycleC {
  0%  {  opacity:1; z-index:3; }
  36% {   opacity:1; }
  40% {   opacity:1; }
  65% {   opacity:1; z-index:3; }  
  66% {   opacity:0.8; z-index:3; } 
  67% {   opacity:0.8; z-index:6  } 
  68% {   opacity:1; z-index:6  }   
  100%{   opacity:1; z-index:6; }
 }
 
.tile-images-2 img:nth-of-type(1){
  -moz-animation:bicycleA 12s linear infinite;  
  -webkit-animation:bicycleA 12s linear infinite; 
  animation:bicycleA 12s linear infinite; 
  -moz-transform: translateZ(0);    
  -webkit-transform: translateZ(0);   
  transform: translateZ(0);
}
.tile-images-2 :nth-of-type(2) {
  -moz-animation:bicycleB 12s linear infinite;
  -webkit-animation:bicycleB 12s linear infinite;
  animation:bicycleB 12s linear infinite;
  -moz-transform: translateZ(0);    
  -webkit-transform: translateZ(0);   
  transform: translateZ(0);
}
  
@-webkit-keyframes bicycleA { 
  0% {   opacity:0.8; z-index:3; } 
  1% {   opacity:0.8; z-index:6; } 
  2% {   opacity:1; z-index:6; } 
  49% {  opacity:1; z-index:6; }
  50% {  opacity:0.8; z-index:6; }
  51% {  opacity:0.8; z-index:3; }
  52% {  opacity:1; z-index:3; } 
  100%{  opacity:1; z-index:3; }
}
@-webkit-keyframes bicycleB {
  0%  {  opacity:1; z-index:4; }
  50% {  opacity:1; z-index:4; }
  51% {  opacity:0.8; z-index:4; }
  52% {  opacity:0.8; z-index:6; }
  53% {  opacity:1; z-index:6; }   
  100%{  opacity:1; z-index:4; }
} 

/* END Tile Product Image Animation */

.recommender-landing {
    clear: both;
    padding: 10px 0 15px;
}

.featuredCategories.mt-l {
    margin-top: 10px !important;
        margin-bottom: 15px;
}


.peel{
 
   position: absolute; 
    top: 0;
   z-index: 5;
    width: 100%;
    height: 26px;  
}


.peel.right,  
.peel.left {
   position: absolute; 
   border-radius: 5px;  
   top: 0;
/*   left:50%;*/
}
 
 
.peel:after {
   content: "";
   position: absolute;
   top: 0;
   width: 0; 
   height: 0; 
   display: block; ;
   z-index:5; 
} 


.peel.left:after { 
   left: 0;
   border-top: 88px solid #d1c7bb;
   border-right: 88px solid transparent; 
   border-left: 88px solid #d1c7bb;
   border-bottom: 88px solid  transparent;
 }
  .peel.right:after { 
   right: 0;
   border-top: 88px solid #6a8dae; 
   border-right: 88px solid #6a8dae ;
   border-left: 88px solid transparent;
   border-bottom: 88px solid transparent; 
 }


@media only screen and  (max-width: 479px) {  
 .peel.left:after { 
   left: 0;
   border-top: 80px solid #d1c7bb;
   border-right: 80px solid transparent; 
   border-left: 80px solid #d1c7bb;
   border-bottom: 80px solid  transparent;
  }
  .peel.right:after { 
   right: 0;
   border-top: 80px solid #6a8dae; 
   border-right: 80px solid #6a8dae ;
   border-left: 80px solid transparent;
   border-bottom: 80px solid transparent; 
  }

}




.peel .tableCell  {   background-color: #6a8dae; }
.peel.left .tableCell { background-color: #d1c7bd; height: 57px;}
.peel.right .tableCell { background-color: #6a8dae; height: 57px;}


.peel.right .box,  
.peel.left .box{
  position: absolute;

  z-index:6;
  margin:0; 
  padding:0px; 
  width: 138px;
  height: 57px;
  font-family: Lato;
  font-size: 13px;
  font-weight: bold; 
  line-height: 1.46;
  letter-spacing: 1px;
  text-align: center;
  color: #21282d; 
}
.peel.left .box{ 
    left: -10px;
  top: 30px;  
  transform: rotate(-45deg);
}
.peel.right .box{ 
     right: -10px;
    top: 30px;
    transform: rotate(45deg);
}

 
.peel .table {display: table;width: 100%;}
.peel .tableCell { 
    display: table-cell; 
    vertical-align: middle;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold; 
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    color: #21282d;  
    height: 24px;  
    text-transform:uppercase;
  }
 


@media only screen and  (max-width: 479px) {  
 .peel .tableCell {   
    font-size: 13px; 
  }

 .peel .tableCell {  
    letter-spacing: 0.25px; 
  }
}






.hprow{clear:left;}

.halfHeroContent a[style="color:#000000;"] { color: #21282d !important;}
.fullHeroContent a[style="color:#000000;"] { color: #21282d !important;}

.halfHeroContent {
    text-align: center; 
    max-width: 839px;
    margin: 0 auto; 
    position: relative;
    width: auto;
    overflow: hidden;
}
.half-hero.left .halfHeroContent {margin: 0 20px 15px 0;}
.half-hero.right .halfHeroContent {margin: 0 0 15px 20px;}




.halfHeroContent a {text-decoration: none;}
.halfHeroContent img {max-width: 100%; width: 100%;}
.halfHeroTextArea {width:100%; max-width: 530px;margin: 0 auto; font-family: Lato;  padding: 20px 30px 0;overflow: hidden; }
.hpEyebrow{line-height:2.5; font-size: 13px; text-transform: uppercase; }
.hpHeader {
    font-family: PoynterOSDisp, poynter; 
    font-weight: 600; 
    line-height: 1.07;
    margin: 0 0 8px; 
}
.hpHeader.fjallaOne {
    font-family: FjallaOne;
     font-weight: 400; 
    line-height: 1.15;
     text-transform: uppercase;
 }

.fullHero .hpHeader {  font-size: 37px; }


.fullHero.full-hero-left .hpHeader,
.fullHero.fullHeroLeft .hpHeader { font-size: 39px; margin-top: 5px;}

@media only screen and  (max-width: 839px) { 
  app-root .half-hero.left .halfHeroContent {margin: 0 0 30px 0;}
  app-root .half-hero.right .halfHeroContent {margin: 0 0 10px 0;}


  .sk_homepage .half-hero.left .halfHeroContent {margin: 0 0 30px 0;}
  .half-hero.right .halfHeroContent {margin: 0 0 10px 0;}


}
@media only screen and (min-width: 513px) and (max-width: 839px) { 

 app-root .half-hero.left .halfHeroContent {margin: 0 0 30px 0;}
 app-root .half-hero.right .halfHeroContent {margin: 0 0 10px 0;}    
 app-root .fullHero .hpHeader {  font-size: 42px; }
 app-root .fullHero.full-hero-left .hpHeader,
 app-root .fullHero.fullHeroLeft .hpHeader { font-size: 42px; } 
 app-root .fullHero.full-hero-left .hpCopy,
 app-root .fullHero.fullHeroLeft .hpCopy {  font-size: 14px;  } 

 .sk_homepage .half-hero.left .halfHeroContent {margin: 0 0 30px 0;}
 .sk_homepage  .half-hero.right .halfHeroContent {margin: 0 0 10px 0;}    
 .sk_homepage .fullHero .hpHeader {  font-size: 42px; }
 .sk_homepage .fullHero.full-hero-left .hpHeader,
 .sk_homepage .fullHero.fullHeroLeft .hpHeader { font-size: 42px; } 
 .sk_homepage .fullHero.full-hero-left .hpCopy,
 .sk_homepage .fullHero.fullHeroLeft .hpCopy {  font-size: 14px;  } 
} 

@media only screen and (max-width: 512px) {  
 app-root .fullHero .hpHeader {  font-size: 34px; line-height: 1.11;}
 app-root .fullHero.full-hero-left .hpHeader, 
 app-root .fullHero.fullHeroLeft .hpHeader { font-size: 35px; }
 app-root .fullHero.full-hero-left .hpCopy, 
 app-root .fullHero.fullHeroLeft .hpCopy {  font-size: 13.5px;  } 

 .sk_homepage .fullHero .hpHeader {  font-size: 34px; line-height: 1.11;}
 .sk_homepage .fullHero.full-hero-left .hpHeader, 
 .sk_homepage .fullHero.fullHeroLeft .hpHeader { font-size: 35px; }
 .sk_homepage .fullHero.full-hero-left .hpCopy, 
 .sk_homepage .fullHero.fullHeroLeft .hpCopy {  font-size: 13.5px;  } 
}


 
.fullHeroContent {position: relative; z-index: 5; height:485px;overflow: hidden;}

.fullHeroContent a {text-decoration: none;}
.fullHeroContent img {position: relative;width:1024px;height: 485px; margin: 0 auto; z-index: 0; }
 .fullHeroTextArea {
  position: absolute; z-index: 5; 
  bottom: 20px; 
  width: 674px; 
  margin: 0 175px;
  text-align: center;
  text-decoration: none;
 }



.fullHero { 
    width: 1024px;
     height:485px;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden; 
}






@media only screen and  (max-width: 839px) {  
 
    app-root .fullHero {  
        width: auto;
        left: 0;
        transform: translate(0);
        max-width: 100%;
        height: auto; 
        overflow: visible;
    }
   app-root .fullHeroContent {   height: auto;  }
   app-root .fullHeroContent img { 
        max-width: 100%;
        width: 100%;
        height:100%; 
    }
    app-root .fullHeroTextArea { 
        width: 100%;
        margin: 0 auto;
        padding:  12px 25px 8px;
        position: relative;
        overflow: visible;
    }
     
    .sk_homepage .fullHero {  
        width: auto;
        left: 0;
        transform: translate(0);
        max-width: 100%;
        height: auto; 
        overflow: visible;
    }
   .sk_homepage .fullHeroContent {   height: auto;  }
   .sk_homepage .fullHeroContent img { 
        max-width: 100%;
        width: 100%;
        height:auto;  
    }
    .sk_homepage .fullHeroTextArea { 
        width: 100%;
        margin: 0 auto;
        padding:  12px 25px 8px;
        position: relative;
        overflow: visible;
    }
 
}

 
/*   app-root  */
  .full-hero-left .fullHeroTextArea,
  .fullHeroLeft .fullHeroTextArea {
      position: absolute;
      z-index: 5;
      bottom: 20px;
      margin: 0 0 0 150px;
      text-align: center; 
  }

  .full-hero-left .fullHeroTextArea .tableCell,
  .fullHeroLeft .fullHeroTextArea .tableCell{
      display: table-cell;
      height: 450px;
      width: 310px;
      padding-top:25px;
      vertical-align: middle;
      text-align: left;  
  }

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

    app-root .full-hero-left .fullHeroTextArea, 
    app-root .fullHeroLeft .fullHeroTextArea {
        width: 100%;
        margin: 0 auto;
        padding:  12px 25px 8px;
        position: relative;
        overflow: visible;
        text-align: center; 
        display: table;
    }
    app-root .full-hero-left .fullHeroTextArea .tableCell,
    app-root .fullHeroLeft .fullHeroTextArea .tableCell{
        display: block;
        height: auto;
        width: 100%;
        padding-top:0;
        vertical-align: middle;
        text-align: center;
    }

    .sk_homepage .full-hero-left .fullHeroTextArea, 
    .sk_homepage .fullHeroLeft .fullHeroTextArea {
        width: 100%;
        margin: 0 auto;
        padding:  12px 25px 8px;
        position: relative;
        overflow: visible;
        text-align: center; 
    }
    .sk_homepage .full-hero-left .fullHeroTextArea .tableCell,
    .sk_homepage .fullHeroLeft .fullHeroTextArea .tableCell{
        display: block;
        height: auto;
        width: 100%;
        padding-top:0;
        vertical-align: middle;
        text-align: center;
    }

} 
 



.hpCopy {  
    font-size: 14px; 
  line-height: 1.46;
  letter-spacing: 0px;
  margin: 0 0 15px; 
}
.hpLegaleze {  
  font-family: Lato;
  font-size: 10px;
  letter-spacing: 0px;
/*  padding: 10px 8px 20px; */
  line-height: 16px; 
}


.fullHero .hpLegaleze,
.full-hero-left .hpLegaleze,
.fullHeroLeft .hpLegaleze {  
position: relative;
bottom: 30px;
width: 100%;
text-align: center;
  padding: 0 8px;
  line-height: 1.5;
}
.full-hero-left .hpLegaleze,
.fullHeroLeft .hpLegaleze {   
text-align: left;
  padding: 0 8px 0 150px;
}

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

    app-root .fullHero .hpLegaleze, 
    app-root .full-hero-left .hpLegaleze,
    app-root .fullHeroLeft .hpLegaleze {  
      bottom: 20px;
      text-align: center;
      padding: 0 8px; 
    }

  .sk_homepage .fullHero .hpLegaleze, 
  .sk_homepage .full-hero-left .hpLegaleze,
  .sk_homepage .fullHeroLeft .hpLegaleze {  
    bottom: 20px;
    text-align: center;
    padding: 0 8px; 
  }



}


.hpLegaleze a{  
  font-family: Lato;
  font-size: 10px;
  letter-spacing: 0px;
  color: inherit;
  text-decoration: underline;
}

.ctawrapper button { 
  height: 16px;
  font-size: 13px;
  letter-spacing: 1.9px;
  padding: 0px 27px;
  height: 40px;
  margin: 0 auto 30px; 
  width: auto;
  text-transform: uppercase;
}

 

.ctawrapper .btn  { /* color: #21282d; */     display: initial;}
.ctawrapper .btn:focus,
.ctawrapper .btn:hover {
    color: #fff;
    background-color: #21282d;
    border-color: #fff;
}

.ctawrapper.white .btn {
    color: #fff;
    border-color: #fff; 
}
.ctawrapper.white  .btn:focus,
.ctawrapper.white  .btn:hover  {
    color: #21282d;
    background-color: #fff
}

.ctawrapper.white .btn:focus:after  {  border: 1px solid #fff }

 

 


/*.halfHero {float: unset; width: 100%; overflow: hidden;}
    .halfHero {
        float: left;
       width: 100%; 
    } 
*/
    .halfHero {
        float: left;
        width: 50%; 
        overflow: hidden;
    } 
@media only screen and (max-width: 839px) { 

   app-root .halfHero {
        float: unset; 
        width: 100%; 
    }

   .sk_homepage .halfHero {
        float: unset; 
        width: 100%; 
    }



}


.halfHero .hpHeader {  font-size: 35px; }
.halfHero .hpHeader.fjallaOne {  font-size: 32px; line-height: 1.25;}
.halfHero .hpCopy {  font-size: 13px;  } 

@media only screen and (min-width: 493px) and (max-width: 580px) {  
  app-root .halfHero .hpHeader {  font-size: 35px; }  

  .sk_homepage .halfHero .hpHeader {  font-size: 35px; }  
}  
@media only screen and (min-width: 376px) and (max-width: 492px) {  
  app-root .halfHero .hpHeader {  font-size: 22px; }   

  .sk_homepage .halfHero .hpHeader {  font-size: 22px; }   
} 
@media only screen and (max-width: 375px) { 
  app-root .halfHero .hpHeader {  font-size: 35px; } 

  .sk_homepage .halfHero .hpHeader {  font-size: 35px; } 
}





.alert.hp2018 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex;-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
   padding: 11px; 
    border-bottom: 1px #999 solid;
    text-align: center;

}
.alert.hp2018 h1.message {
    text-transform: uppercase;
}
.alert.hp2018 .message {
    color: #21282d;
    font-size: 13px;  /* 1rem; */ 
    line-height: 1.5;
    margin: 0;
    padding: 0 5px;
}
.alert.hp2018 .message, .hpiconLabel {
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-style: normal;
}
@media only screen and (max-width: 839px) { 
  app-root .alert.hp2018 {display: block; }
  .sk_homepage .alert.hp2018 {display: block; }
}





 /* Homeoage ICONS */

.hpicons { 
        margin: 20px auto 15px;
    overflow: hidden;
    clear: left; 
    text-align: center;
      display:flex; flex-direction: row;
    padding: 20px 0;  
}

    .hpiconsGroup { 
      display:flex; 
      flex-direction: row; 
      width:50%;  
    padding: 15px 0;  
    }

    .hpicon {
    text-align: center; 
    display: inline-block;
    width:166px;/*
    margin:0 10px; */ 
    margin: 0 auto;  
}
.hpicon img {
    max-width: 100%;
    max-height: 74px;
}
.hpiconLabel { 
    margin: 0 auto;
    padding: 20px 0 0 0; 
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #285934;
    line-height: 1; 
    letter-spacing: 1px;
}
@media only screen and (max-width: 839px) { 
    app-root .hpicons { flex-direction: column; }
    app-root .hpiconsGroup { display:block; flex-direction: row; width:100%; }
    app-root .hpicon {  width: 31%; }

    .sk_homepage .hpicons { flex-direction: column; }
    .sk_homepage .hpiconsGroup { display:block; flex-direction: row; width:100%; }
    .sk_homepage .hpicon {  width: 31%; } 
}



/*
.hpicons { 
    margin: 40px auto 33px;
    padding: 0; 
    overflow: hidden;
  clear: left; 
  text-align: center;
}

.hpicon {
  text-align: center; 
    display: inline-block;
    width:166px; 
    margin: 0 auto;  
}

.hpicon img {
  max-width: 100%;
  max-height: 74px;
}
.hpiconLabel { 
    margin: 0 auto;
    padding: 20px 0 0 0; 
    font-family: Lato,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #285934;
  line-height: 1; 
  letter-spacing: 1px;
}
*/
/*.sk_homepage .hpicons { 
    max-width: 515px; 
    margin: 0 auto; 
    background-color: #fbfbfb;
    padding: 26px 0 0 0; 
  }
.sk_homepage .hpicon { 
  max-width: 33%;
  }
.sk_homepage .hpiconLabel  { 
  margin: 0 auto 40px;
  padding-top: 16px; 
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .3px;
  }
*/

 /* END Homeoage ICONS */










/*.  Responsive Tiles */ 
 
.tile-grid .tile {
/*    float: left;
    overflow: visible;
    position: relative;
    display: inline-block;
    height: 36.5625rem;
    margin-right: .5625rem;
    margin-bottom: .5625rem;
    width: calc(33.3333% - .5625rem);*/
    width: 300px;
    height: 472px;
  color:#21282d ;
  margin:0;
}    

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

  app-root .tile-grid .tile {margin-bottom:30px;}  

  .sk_homepage .tile-grid .tile {margin-bottom:30px;}   

}




.tile-grid .tile.whiteText {color:#fff;}
.tile-ribbon {
    /*top: 0;
    left: 0;
    padding: .375rem .75rem;
    text-align: center;
    position: absolute;
    width: 100%;
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 2px;*/
    background-color: #757680;
    color:#fff;
    z-index: 2;
}
@media only screen and  (max-width: 839px) { 

  app-root .tile-grid{padding:0;}   

  .sk_homepage .tile-grid{padding:0;}   

}
.tile-promo .tile-bg {
/*    background-size: cover;*/
    background-repeat: no-repeat;
    background-size: contain;
}

.tile-promo {
    padding: 0 15px;
}
 .tile-promo.yes-image{
    padding: 12.3rem 0 0 0;
}
.sk_homepage .tile-promo.yes-image{
    padding: 160px 0 0 0;
}

 
.tile-promo.coal-on-gray-3 .tile-bg {
    background-color: #eeeeed;
}

.tile.tile-ecomm .tile-images .tile-image {
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important;
    height: 16.3rem !important; 
    height: 230px !important;
}

.tile-table{display: table;}

.tile-list .tile-content, 
.tile-shadow .tile-content, 
.tile.tile-default .tile-content,
.tile.tile-ecomm .tile-content { bottom: 5.4rem !important;  }
.sk_homepage .tile-list .tile-content, 
.sk_homepage .tile-shadow .tile-content, 
.sk_homepage .tile.tile-default .tile-content,
.sk_homepage .tile.tile-ecomm .tile-content { bottom: 55px !important;  }
    

.tile.tile-ecomm .tile-images-1 + .tile-table .tile-content {  bottom: 4.8rem !important; }
.sk_homepage .tile.tile-ecomm .tile-images-1 + .tile-table .tile-content {  bottom: 4.8rem !important; }
.tile-list .tile-body-content, 
.tile-shadow .tile-body-content, 
.tile.tile-default .tile-body-content{ 
    height:120px; 
      display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    min-width: 268px; 
        padding: 0;
  }
.tile.tile-promo.yes-image .tile-body-content{  padding: 0 15px; }



.tile-shadow .tile-images-2 .tile-body-content,
.tile-shadow .tile-images-3 .tile-body-content {height:100px; }

.tile.tile-ecomm .tile-content .tile-body-content {height:150px; }

.tile.tile-promo.yes-image .tile-body-content{min-width: 299px; }
.tile.tile-promo.yes-image .tile-body-content {
    height: 235px; 
  }

.tile-promo.yes-image  .tile-content { 
    height: 290px; 
}
 
 
.tile-promo .tile-footer, 
.tile-list .tile-footer, 
.tile-shadow .tile-footer, 
.tile-shadow .tile-footer, 
.tile.tile-default .tile-footer {
    bottom: 1.6rem;
    left: 50%;
    width: 90%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); 
}
 
.tile-brow {
  font-size:12px;  
  line-height: 2;
 letter-spacing: 1px;
 text-transform: uppercase;
}
.tile-shadow .tile-brow , 
.tile.tile-default .tile-brow { 
  line-height: 1.6 ; 
}


 
.tile.tile-promo .tile-content .tile-brow {
   font-size: 14px;
   letter-spacing: 1px; 
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}
.tile.tile-ecomm .tile-content .tile-brow {font-size: 15px;}
.tile-list .tile-content .tile-title, 
.tile-shadow .tile-content .tile-title, 
.tile.tile-default .tile-content .tile-title {
   font-size: 27px;
   letter-spacing: 0.44px;
   font-family: Poynter,Georgia,serif;
    font-weight: 600;
    line-height: 30px;
}
.tile-list .tile-content .tile-title.fjallaOne, 
.tile-shadow .tile-content .tile-title.fjallaOne, 
.tile.tile-default .tile-content .tile-title.fjallaOne {
   font-size: 26px;
   letter-spacing: 1px;
   font-family: FjallaOne;
    font-weight: 400;
    text-transform: uppercase;
}

.tile.tile-promo .tile-content .tile-title {
   font-size: 37px;
   letter-spacing: 0.5px;
   font-family: Poynter,Georgia,serif;
    font-weight: 600;
    line-height: 40px;
}
.tile.tile-promo .tile-content .tile-title.fjallaOne {
   font-size: 35px;
   letter-spacing: 1px;
    font-family: FjallaOne;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
}

.tile.tile-ecomm  .tile-content .tile-title { font-size: 26px;line-height: 28px;letter-spacing: 0.435px;}
.tile.tile-ecomm  .tile-content .tile-title.fjallaOne  { 
    font-size: 24px;line-height: 28px;letter-spacing: 1px;
    text-transform: uppercase;}
.tile-promo .tile-content .tile-header .tile-subtitle {
    font-family: Poynter,Georgia,serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height:1.2;
    margin-top: 0;
    margin-bottom: .375rem;
    letter-spacing: 1px;
}
.tile-promo .tile-content .tile-header .tile-subtitle.fjallaOne {
    font-family: FjallaOne;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;   
    letter-spacing: 1px;
}

.tile.tile-ecomm .tile-content .tile-header .tile-subtitle  {
  font-size: 15px;letter-spacing: 1px; line-height: 1; margin: 7px 0 7px;
}


.tile-shadow .tile-content .tile-header .tile-subtitle {margin: 7px 0 7px;}


.tile.tile-ecomm  .tile-content .tile-title.fjallaOne + .tile-subtitle, 
.tile.tile-promo .tile-content .tile-title.fjallaOne + .tile-subtitle, 
.tile-list .tile-content .tile-title.fjallaOne + .tile-subtitle, 
.tile-shadow .tile-content .tile-title.fjallaOne + .tile-subtitle, 
.tile.tile-default .tile-content .tile-title.fjallaOne + .tile-subtitle {font-family: FjallaOne !important;}

.tile.tile-default .tile-subtitle {font-size:13px; line-height: 16px;}
.tile-copy {font-size:13px; line-height: 16px;}

.tile.tile-ecomm .tile-copy {font-size:13px; line-height: 19px; margin:7px 0 0;}
.tile-shadow .tile-content .tile-header .tile-copy {margin: 7px 0 10px;}

.tile-promo .tile-copy {font-size:13px; line-height: 19px;}

.tile-promo .tile-content .tile-copy:first-of-type::before {
    content: "";
    height: 0;
    border: none;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-left-style: none;
    border-style: solid;
    border-bottom-width: .0625rem;
    display: block;
    width: 2.375rem;
    margin: 2.25rem auto 2.1875rem;
}
.tile-promo.yes-image .tile-content .tile-copy::before { 
    margin: 1.25rem auto 1.1875rem;
}
/* remove border dash from copy */
.tile-promo .tile-content .tile-copy.noDash:first-of-type::before {
    border-width: 0;
}

/* remove border dash from header */
.tile-promo .tile-content .tile-header::after {
    content: "";
    height: 0;
    border: none;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-left-style: none;
    border-style: solid;
    border-bottom-width: 0;
    display: none;
    width: 0;
    margin: 0;

}





/*
 .block { 
       
}


    


.tile-promo .block {
    display: block;
    width: 100%;
    border: 1px #21282d solid;
    border-color: inherit;
    padding: 8px 18px 7px;
    width: auto;
    display: inline-block;
}
*/

.tile-link {
  font-family: Lato,sans-serif; 
 font-weight: 600;
 font-size:13px; 
 letter-spacing: 0.54px;
 text-transform: uppercase;
 padding: 2px 2px 1px;
    display: inline-block;
    width: auto; 
    border-bottom: 1px #21282d solid;
    border-color: inherit;

      

}
.tile.hover-opacity.focus .tile-footer .tile-link ,
.tile.hover-opacity:active .tile-footer .tile-link ,
.tile.hover-opacity:focus .tile-footer .tile-link ,
.tile.hover-opacity:hover .tile-footer .tile-link {
 border: 1px solid #21282D;
    border-color: inherit;
}

/*
.tile-promo .tile-link {border-bottom-width: 0!important;font-weight: 400;}

*/

.tile-promo .tile-link  { 
    border: 1px transparent solid;
    
    padding: 8px 18px 7px;
    width: auto;
    display: inline-block;

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-color: inherit;

}

.tile-legal{padding-top: 15px; font-size:10px;height: 30px; }
.tile-promo.tile-legal{ padding-top: 18px;   line-height:1.2; }
.tile-promo.no-imag .tile-legal { padding-top:  18px; font-size: 10px; line-height:1.2; height: 35px;}


 

.tile-images.mt-xxl.tile-images-1,
.tile-images.mt-xxl.tile-images-3 {
    margin-top: 3.3rem !important;
}
.sk_homepage .tile-images.mt-xxl.tile-images-1, 
.sk_homepage .tile-images.mt-xxl.tile-images-3 {
    margin-top: 55px !important;
}

.tile-list .tile-images.tile-images-3 .tile-image:nth-child(2), 
.tile-shadow .tile-images.tile-images-3 .tile-image:nth-child(2), 
.tile.tile-default .tile-images.tile-images-3 .tile-image:nth-child(2) {
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 3.75rem;
    margin-top: 28px;
}
.tile-list .tile-images.tile-images-3 .tile-image:last-child, 
.tile-shadow .tile-images.tile-images-3 .tile-image:last-child, 
.tile.tile-default .tile-images.tile-images-3 .tile-image:last-child {
    z-index: 1;
    margin-top: 7.5rem;
    margin-top: 56px;
}

.tile-images.mt-xxl.tile-images-2 {
    margin-top: 5.1rem!important;
}

.sk_homepage .tile-images.mt-xxl.tile-images-2 {
    margin-top: 65px !important;
}
.tile-list .tile-images.tile-images-2 .tile-image:last-child, 
.tile-shadow .tile-images.tile-images-2 .tile-image:last-child, 
.tile.tile-default .tile-images.tile-images-2 .tile-image:last-child {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    margin-top: 2.8rem;
}
.tile-list .tile-images.tile-images-2 .tile-image, 
.tile-shadow .tile-images.tile-images-2 .tile-image, 
.tile.tile-default .tile-images.tile-images-2 .tile-image {
    height: 15.625rem;
      height: 200px;  
}

   

.tile-grid.tile-grid1,
.tile-grid.tile-grid3,
.tile-grid.tile-grid4,
.tile-grid.tile-grid5  {
  display: -webkit-flex;
  -webkit-flex-direction:row;
  display: flex;
  flex-direction:row;
  justify-content: space-between  ;  
  padding: 20px;
}
.tile-grid.tile-grid5  {  
  padding: 20px 0 20px 0;
}


app-root .tile-grid.tile-grid1,
app-root .tile-grid.tile-grid3,
app-root .tile-grid.tile-grid4,
app-root .tile-grid.tile-grid5  { flex-flow: row wrap; }

.sk_homepage .tile-grid.tile-grid1,
.sk_homepage .tile-grid.tile-grid3,
.sk_homepage .tile-grid.tile-grid4,
.sk_homepage .tile-grid.tile-grid5  { flex-flow: row wrap; }


 
.tile-grid + .container {padding:0;}
.tile-grid::after { content: unset;  }


  app-root .moveable {display:none;}
  app-root .tile-grid1 .moveable { display: none;}
  app-root .tile-grid3 .moveable {display: inline-block;}

  .sk_homepage .moveable {display:none;}
  .sk_homepage .tile-grid1 .moveable { display: none;}
  .sk_homepage .tile-grid3 .moveable {display: inline-block;}


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

    app-root .tile-grid.tile-grid1,
    app-root .tile-grid.tile-grid3,
    app-root .tile-grid.tile-grid4,
    app-root .tile-grid.tile-grid5  {  padding: 20px 0px 20px 0px; justify-content: space-evenly; }

    .sk_homepage .tile-grid.tile-grid1,
    .sk_homepage .tile-grid.tile-grid3,
    .sk_homepage .tile-grid.tile-grid4,
    .sk_homepage .tile-grid.tile-grid5  {  padding: 20px 0px 20px 0px; justify-content: space-evenly; }

  } 

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

    app-root .tile-grid.tile-grid1,
    app-root .tile-grid.tile-grid3,
    app-root .tile-grid.tile-grid4,
    app-root .tile-grid.tile-grid5 { justify-content: space-evenly; }
    app-root .tile-grid1 .moveable { display: inline-block;}
    app-root .tile-grid3 .moveable {display: none;}

    .sk_homepage .tile-grid.tile-grid1,
    .sk_homepage .tile-grid.tile-grid3,
    .sk_homepage .tile-grid.tile-grid4,
    .sk_homepage .tile-grid.tile-grid5 { justify-content: space-evenly; }
    .sk_homepage .tile-grid1 .moveable { display: inline-block;}
    .sk_homepage .tile-grid3 .moveable {display: none;}
    
  } 



section {clear: left;}





/*.  End. Responsive Tiles */ 


/*  responsive Homepage carousel   */ 
app-root .record-spotlight header.d-block h2 {  text-align: center; padding:0 20px;}
@media only screen and (max-width: 839px) {
    app-root .homepage .record-spotlight .reset-row.carousel {  padding-left: 12px;}
}
/*  responsive Homepage carousel   */


/*  Mobile Homepage carousel   */
.sk_homepage header h2.rule {     
    font-family: PoynterOSDisp-Semibold,Poynter;
    font-size: 24px;
    line-height: 1.3;
    color: #000;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 0 2px;
    text-align: center !important;
    background-color:#fff;
    height:auto;
}
.sk_homepage header h2.rule.rule::after, 
.sk_homepage header h2.rule.rule::before {background-color:#fff;}
.sk_homepage section header.mb-s .rule:after, 
.sk_homepage section header.mb-s .rule:before { -webkit-flex-grow: .5; }

.sk_homepage header.mb-s{margin-bottom:0px !important;}

.sk_homepage .product-shelf-favorite {
  display: none;
}
.sk_homepage .product-shelf-tile.product-shelf-tile-book {
    width: auto; 
    display: table-cell;
    min-width: 131px !important;
    
}
/* fix for toys in caroiusel .sk_homepage .  */
.sk_homepage .product-shelf .product-shelf-tile  {
    width: auto;
    display: table-cell;
    min-width: 131px !important;
  }

.sk_homepage .featuredCategories.book{ margin-top: 25px!important;}
.sk_homepage #book-carousel-1.product-shelf  {
    width: auto;
    overflow-x: scroll;
    margin-top: 20px;
    padding-left:10px;
    -webkit-overflow-scrolling: touch;
}
.sk_homepage .product-shelf .product-shelf-image-cont, 
.sk_homepage .product-shelf .product-shelf-info{
    width:135px;    
    padding: 0 5px;
    border-width:0;
}
.sk_homepage .book .product-shelf-info {
    min-height: 110px;
}

.sk_homepage .product-shelf-image > a img {
    line-height: 0;
    width: auto;
    outline: 0;
    display: inline-block;
    margin: 0 auto;
    max-height: 175px;
    max-width: 100%;
    border: 1px solid transparent;
}
.sk_homepage .product-shelf-title { 
    padding-top: 15px; 
}
.sk_homepage .book .product-shelf-tile .product-shelf-title a {font-size: 14px;white-space: normal;    max-height: 36px; }
.sk_homepage .product-shelf-tile-book .product-shelf-author, 
.sk_homepage .product-shelf-tile-book .product-shelf-title a{font-size: 13px;}

.sk_homepage .product-shelf-tile  .product-shelf-author, .product-shelf-tile  .product-shelf-author a {font-size: 12px;}


.sk_homepage .product-shelf .product-shelf-tile .product-shelf-title a {font-size: 14px;white-space: normal;    max-height: 36px; }
.sk_homepage .product-shelf .product-shelf-tile .product-shelf-title a .span-with-no-wrap-white-space {     max-width: 120px;}
.sk_homepage .product-shelf-ratings {
    padding-top: 10px;
}
.sk_homepage .gig-comment-rating-star, .gig-rating-star, .star {
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 13px;
}

.sk_homepage .product-shelf-grid {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/* END Mobile Homepage carousel   */








/* NEW tile-full-image */

 
.tile.tile-fullimage .mt-xxl {
    margin-top: 0 !important;
}
.tile.tile-fullimage .tile-images .tile-image {
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important;
    max-height: 100% !important; 
    height: 100% !important;
}

.tile.tile-fullimage .tile-images * {
 display:block
}
.tile.tile-fullimage .tile-images.tile-images-1 .tile-image {
 height:21.5rem;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}

.sk_homepage .tile.tile-fullimage .tile-images.tile-images-1 .tile-image {
    height: 230px; 
}

.tile.tile-fullimage {
 color:#21282d
}
.tile.tile-fullimage.white-text {
    color: 
    #ffffff;
}
.tile.tile-fullimage:after {
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:1!important;
 content:"";
 position:absolute;
 pointer-events:none;
 border:1px solid #ccc!important
}
.tile.tile-fullimage:active .tile-bg,
.tile.tile-fullimage:focus .tile-bg,
.tile.tile-fullimage:hover .tile-bg {
 opacity:.5
}
.tile.tile-fullimage:active .tile-content .tile-link,
.tile.tile-fullimage:focus .tile-content .tile-link,
.tile.tile-fullimage:hover .tile-content .tile-link {
 color:#21282d
}
.tile.tile-fullimage:active:after,
.tile.tile-fullimage:focus:after,
.tile.tile-fullimage:hover:after {
 opacity:1;
 border:1px solid #346250!important
}
 
.tile.tile-fullimage .tile-images.mt-xxl.tile-images-1 {
    margin-top: 0 !important;
}

 
.tile.tile-fullimage .tile-images .tile-image {
    left: 50%;
    width: auto;
    position: absolute;
}


.tile.tile-fullimage.white-text .tile-link{
    color:#ffffff; 
    border-bottom: 1px #ffffff solid;
    border-color: #ffffff;
}



 
.tile.tile-fullimage .tile-content .tile-title {
   font-size: 27px;
   letter-spacing: 0.44px;
   font-family: Poynter,Georgia,serif;
    font-weight: 600;
    line-height: 30px;
}
 
.tile.tile-fullimage .tile-content .tile-title.fjallaOne {
   font-size: 26px;
   letter-spacing: 1px;
   font-family: FjallaOne;
    font-weight: 400;
    text-transform: uppercase;
}

 
 .tile.tile-fullimage .tile-content  {
    bottom: 5.4rem !important;
 
    left: 50%;
    width: 90%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tile.tile-fullimage .tile-footer {
    bottom: 1.6rem;
    left: 50%;
    width: 90%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tile.tile-fullimage img.tile-image.bnlazy {max-width:300px; }



.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 30000;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.5);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.cqmodal {
  display: none;
  vertical-align: middle;
  overflow-x:scroll;
  position: relative;
  z-index: 2;
  max-width: 500px;
  max-height: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
/*  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;*/
  text-align: left;
}

.cqmodal a.close-cqmodal {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

 
    
}

 

.cqmodal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.cqmodal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.cqmodal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.cqmodal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.cqmodal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}