.discovery{
    position:relative;
}
 .discovery_patterns .lSSlideWrapper {
    width: 90%;
    margin: 0 auto;
     padding-bottom:20px;
}

@media (max-width: 767px) {
    .discovery .lSSlideWrapper {
        width: 90%;
        margin: 0 auto;
    }
    .discovery_patterns .lSSlideWrapper {
        width: 80%;
        margin: 0 auto;
    }
}
.discovery__heading{
    font-family: 'Old Standard TT', serif;
    font-size: 22px;
    font-style: italic;
    color: #666;
    width: 100%;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-top:30px;
}

.discovery__image-container{
    background-color:#F0F0F0;
    height:135px;
    display:flex;
    align-items:Center;
}
.discovery__image-container_patterns{
    height:200px;
}
.discovery__image-container_patterns img{
    max-height:200px;
}


@media (min-width: 993px) and (max-width: 1200px){
    .discovery__image-container{
        height:110px;
    }

    .discovery__image-container_patterns{
        height:175px;
    }
    .discovery__image-container_patterns img{
        max-height:175px;
    }

}
@media (min-width: 768px) and (max-width: 992px){
    .discovery__image-container{
        height:145px;
    }

    .discovery__image-container_patterns{
           height:200px;
       }
    .discovery__image-container_patterns img{
        max-height:200px;
    }

}

.discovery__image{
    border: 2px solid #F0F0F0;
    max-height:130px;
}



@media (min-width: 993px) and (max-width: 1200px){
    .discovery__image{
        max-height:110px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .discovery__image{
        max-height:145px;
    }
}
@media (max-width: 767px){
    .discovery__image-container{
        height:120px;
    }
    .discovery__image{
        max-height:120px;
    }
    .discovery__image-container_patterns{
        height:150px;
    }
    .discovery__image-container_patterns img{
        max-height:150px;
    }


}

/* IE10+ ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .discovery__image-container img {
        min-width: 1px;
    }
}
/* END IE10+ ONLY */

.discovery__title{
    padding-top:5px;
    font-size: 13px;
    color: #666;
    font-weight: 400;
    display:block;
    line-height:1.5;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) and (max-width: 1200px){
    .discovery__title{
        font-size: 12px;
    }
}
@media (max-width: 767px){
    .discovery__title{
        font-size: 12px;
    }
}
.discovery__prev:hover:before,
.discovery__next:hover:before{
    color:#333;
}
.discovery__prev:before,
.discovery__next:before
{
    font-family: 'Glyphicons Halflings';
    padding:10px;
    font-size:22px;
    top:35%;
    color:#ccc;
    position:absolute;
    cursor: pointer;

}


.discovery__prev-patterns:before,
.discovery__next-patterns:before
{
    top:35%;
}


.lSSlideOuter .lSPager.lSpg > li{
    display:inline-block;
}


@media (min-width: 768px) and (max-width: 1200px){
    .discovery__prev:before,
    .discovery__next:before{
        top:43%;
    }
}

.discovery__prev:before
{
    content:"\e257";
    left:0;
}

.discovery__next:before{
    content:"\e258";
    right:0;
}

@media (min-width: 993px) {
    .discovery__next:before,
     .discovery__prev:before {
         display:none;
     }
    .discovery__next-patterns:before,
    .discovery__prev-patterns:before {
        display:block;
    }
}
.discovery__items .tooltip{
    opacity:1;
    font-family: 'Lato', sans-serif;
    z-index:1;
}


.discovery__items .tooltip .glyphicon{
    font-size:24px;
    color:#f37d7c;
    position:absolute;
    left:185px;
    z-index:100;
    top:-35px;
    background-clip: padding-box;
    cursor:pointer;

}

.discovery__items .tooltip .glyphicon-remove-circle{
    display:none;
}


.discovery__items .tooltip-inner {
    background-color:transparent;
    width:150px;
    max-width:100%;
    text-align:left;
    font-size:14px;
    border-radius: 0 0 0 0;
    color:#333;
    padding-left:10px;
    padding-right:10px;
    text-align:left;

}
.discovery .tooltip.top{
    height:100px;
    margin-left:115px;
    margin-top:-45px;
    padding:0 0 0 0;
}

@media (min-width: 993px) and (max-width: 1200px) {
    .discovery .tooltip.top {
        margin-left: 115px;
        margin-top: -30px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .discovery .tooltip.top {
        margin-left: 115px;
        margin-top: -30px;
    }

    .discovery__items .tooltip .glyphicon{
        left:200px;
        top:-40px;
    }

}

@media (max-width: 767px) {
    .discovery .tooltip.top {
        margin-left: 85px;
        margin-top: -20px;
    }

    .discovery__items .tooltip .glyphicon{
        left:145px;
        top:-35px;
    }

}


.discovery .tooltip.top .tooltip-arrow {
    display:none;
}

.discovery a{
    display:block;
    z-index:1000;
}

.relationship-message  .discovery__image-container{

    border:2px solid #ccc;
}


.relationship-message {
    pointer-events: none;
    cursor: default;
}


.discovery__image-container_patterns{
    background-color:#F0F0F0;
    border:2px solid #F0F0F0;
    transition: background-color .25s ease-in;
    transition: border .25s ease-in;
}
.relationship-message .discovery__image-container_patterns{
    background-color:transparent;
    border:2px solid #ccc;
}


.relationship-message .discovery__image-container_patterns img{
    opacity:0;

}
.discovery__image-container_patterns img{
    opacity:1;
    transition: opacity .20s ease-in;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #ccc;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #333;
}
/*
#######################
START testing related patterns slider
#######################

.replacements .fact-and-fiction ul {
    padding-left: 0;
    list-style-type: none;
    color: #6d6e72;
    font-size: 16px;
}


.recommended-items{
    padding-top:0;
    padding-bottom:0;
    font-family: 'Lato', sans-serif;
}
.replacements .recommended-item a:hover{
    text-decoration:none;
}

ul.content-slider li{
    position: relative;
    width: 100%;
    padding-top:0;
}
.content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.img-container{
    width:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    overflow:hidden;
}

.img-container img.img-responsive {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: -webkit-translate(-50%, -50%);
    max-width:98%;
    max-height:98%;
}

.fact-and-fiction h4{
    font-family: 'Old Standard TT', serif;
    font-size:22px;
    font-style:italic;
    color:#666;
    width:100%;
    border-bottom:2px solid #ccc;
    padding-bottom:5px;
    margin-top:50px;
}

ul.content-slider li.description{
    font-size:13px;
    color:#666;
    font-weight:300;
    display:block;
    height:80px;
    padding-top:0;
    width:100%;
    margin-right:15px;
    margin-top:5px;
    float:left;
    padding-left:5px;
}


.lSAction > a {
    width: 53px;
    display: block;
    top: 35%;
    height: 45px;
    background-image: url(../images/slider-arrow.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .7;
    -webkit-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}

.content-slider li .tooltip{
    opacity:1;
    font-family: 'Lato', sans-serif;
    z-index:1;
}
.content-slider li .tooltip .glyphicon{
    font-size:24px;
    color:#f37d7c;
    position:absolute;
    left:80%;
    z-index:100;
    top:-40px;
    background-clip: padding-box;
    cursor:pointer;
}
.content-slider li .tooltip .glyphicon-remove-circle{
    display:none;
}
.content-slider .tooltip-inner {
    background-color:transparent;
    width:100%;
    max-width:100%;
    text-align:left;
    font-size:14px;
    border-radius: 0 0 0 0;
    color:#333;
    padding-left:10px;
    padding-right:10px;

    text-align:left;

}

.fact-and-fiction .tooltip.top{
    height:100px;
    margin:-45px 0 0 0;
    padding:0 0 0 0;


}
.fact-and-fiction .tooltip.top .tooltip-arrow {
    display:none;
}



.fact-and-fiction li a{
    display:block;
    z-index:1000;
}



li .img-container{

    background-color:#F0F0F0;
    border:2px solid #F0F0F0;
    transition: background-color .25s ease-in;
    transition: border .25s ease-in;
}

li.relationship-message .img-container{
    background-color:transparent;
    border:2px solid #ccc;


}

li.relationship-message a{
    pointer-events: none;
    cursor: default;
}

li.relationship-message .img-container img{
    opacity:0;

}

li .img-container img{
    opacity:1;
    transition: opacity .20s ease-in;
}

.lSSlideOuter{
    width:90%;
    margin:0 auto;

}
.toNextSlide, .toPrevSlide{
    display:none;
    position:absolute;
    color:#ccc;
    background-color:#fff;
    font-size:24px;
    margin-top:-17%;
}
.toPrevSlide{
    left:10px;
}
.toNextSlide{
    right:10px;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;


}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #333;
}


.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #ccc;
}
 start related patterns slider for ipad landscape
@media (min-width: 992px) and (max-width: 1200px) {
/*
    .lSAction > a {
        top: 45%;
    }
    .fact-and-fiction .tooltip.top{
        height:100px;
        margin-top:-40px;


    }
    #goToPrevSlide-1, #goToNextSlide-1,
    #goToPrevSlide-2, #goToNextSlide-2{
        margin-top:-20%;
    }
    */
/*
    .content-slider li .tooltip .glyphicon{
        left:80%;
        top:-40px;
    }
}

 start related patterns slider for ipad portrait
@media (min-width: 768px) and (max-width: 992px) {
    .content-slider li .tooltip .glyphicon {
        left: 81%;
    }
    .fact-and-fiction .tooltip.top{
        height:100px;
        margin-top:-45px;

    }
    .lSAction > a {
        top: 35%;
    }
    #goToPrevSlide-1, #goToNextSlide-1,
    #goToPrevSlide-2, #goToNextSlide-2{
        margin-top:-27%;
    }
    .lSSlideOuter{
        width:85%;
        margin:0 auto;

    }
}


@media (max-width: 767px){
    .lSAction > a {
        top: 35%;
    }
    .content-slider .tooltip.top .tooltip-arrow {
        bottom: -8px;
        left: 94% !important;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }
    .fact-and-fiction .tooltip.top{
        height:100px;
        margin-top:-45px;
        

    }
    .content-slider .tooltip-inner {
        font-size:13px;
    }
    .content-slider li .tooltip .glyphicon {
        left: 80%;
    }
    .lSSlideOuter {
        width: 100%;
    }
    #goToPrevSlide-1, #goToNextSlide-1,
    #goToPrevSlide-2, #goToNextSlide-2{
        margin-top:-8%;
    }
    .fact-and-fiction{
        padding-bottom:30px;
    }
    .fact-and-fiction .lSSlideOuter .lSPager.lSpg{
        padding:0 15%;
    }




}

*/