@CHARSET "ISO-8859-1";
#lookbookContainer .product-video-overlay {
	position: absolute;
	bottom: 0%;
	height: 15% !important;
	color: #eee;
	background-color:  rgba(0,0,0,0.3);
	display: none;
}
#lookbookContainer.banner-hotspot.horizontal-banner .product-video-overlay {
	bottom: 0%;
	height: 15% !important;
}
#lookbookContainer.banner-hotspot.vertical-banner .product-video-overlay {
	bottom: 0%;
	height: 23% !important;
}
#lookbookContainer.banner-hotspot.vertical-banner.reveal .product-video-overlay {
	height: 100% !important;
	margin-top: 5% !important;
	max-height: 30%;
}
#lookbookContainer.banner-hotspot div.video-js .hotspot-banner-container{
	position: absolute;
	color: #eee;
	background-color: rgba(0,0,0,0.5);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}
#lookbookContainer.banner-hotspot.horizontal-banner div.video-js .hotspot-banner-container{
	height: 20% !important;
	padding:20px 0px;
	bottom: 3em;
	color: #eee;
	width: 100%;
	justify-content: center;
	top: calc(100% - 3em - 23%);
}
#lookbookContainer.banner-hotspot.horizontal-banner div.video-js .hotspot-banner-container{
	height: 23% !important;
}
#lookbookContainer.banner-hotspot div.video-js .hotspot-banner-container.hide-hotspot-banner{
    display:none;
}
#lookbookContainer.banner-hotspot.vertical-banner div.video-js .hotspot-banner-container{
	width: 24vw !important;
	padding:20px 0px;
	position: absolute;
	bottom: 0%;
	height: 100% !important;
	flex-direction: column;
}
#lookbookContainer.banner-hotspot div.video-js .hotspot-banner-container .hotspot-banner-products-container{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	flex-grow: 1;
	overflow: hidden;
	justify-content: center;
}
#lookbookContainer.banner-hotspot.vertical-banner div.video-js .hotspot-banner-container .hotspot-banner-products-container{
	flex-direction: column;
	padding: 0px 20px;
}
#lookbookContainer.banner-hotspot.vertical-banner.reveal div.video-js .hotspot-banner-container .hotspot-banner-products-container{
    height:70%;
}
#lookbookContainer .product-video-overlay-info {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: auto !important;
}

#lookbookContainer .product-video-overlay-info.left {
	left: 10%;
}

#lookbookContainer .product-video-overlay-info.right {
	right: 10%;
}
#lookbookContainer .product-video-overlay .video-product-container {
    float: left;
    width: auto;
    margin-left: 1%;
    margin-right: 1%;
    height: 100%;
}
#lookbookContainer:not(.banner-hotspot) .product-video-overlay .video-product-container {
	text-align: center;
}

#lookbookContainer .product-video-overlay .product-name {
    height: auto !important;
    margin-top: 2%;
    margin-bottom: 2%;
}

#lookbookContainer .product-video-overlay .product-price {
    height: auto !important;
    margin-bottom: 2%;
}
#lookbookContainer .product-video-overlay .product-name, #lookbookContainer .product-video-overlay .product-price {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
#lookbookContainer.banner-hotspot .product-video-overlay .product-name,
#lookbookContainer.banner-hotspot .product-video-overlay .product-price{
	padding-left: 0px;
	margin: 0;
	padding: 0em 0em 1em 0em;
	text-align: left;
	line-height: 1.3em;
}
#lookbookContainer.banner-hotspot .product-video-overlay .video-product-container.missing-name .product-name,
#lookbookContainer.banner-hotspot .product-video-overlay .video-product-container.missing-wsp .product-price.wsp,
#lookbookContainer.banner-hotspot .product-video-overlay .video-product-container.missing-msrp .product-price.msrp,
#lookbookContainer.banner-hotspot .product-video-overlay .video-product-container.missing-mainImageUrl .image-container{
    display:none;
}

#lookbookContainer.banner-hotspot .product-video-overlay .product-name{
	font-weight:bold;
}
#lookbookContainer .product-video-overlay .other-info-container {
    height: auto !important;
    margin-bottom: 3%;
}
#lookbookContainer.banner-hotspot .product-video-overlay .other-info-container:not(.popup-container):not(.image-container) {
    height: 100%!important;
    margin-bottom: 0;
    top: 0;
}
#lookbookContainer.banner-hotspot .product-video-overlay .cta-container:not(.popup-container):not(.image-container){
	height: 2em!important;
}
#lookbookContainer.banner-hotspot .product-video-overlay .cta-container:not(.popup-container):not(.image-container) .cta{
	padding: 0;
	margin: 0;
	background: black;
	line-height: 2em !important;
	color: white;
	float: none;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	font-size: 0.85em;
}
#lookbookContainer .product-video-overlay .cta[data-type="hide"] {
	display: none;
}

#lookbookContainer .product-video-overlay .cta {
    display: inline;
    padding: 1% 2%;
    margin: 1.5%;
    background-color: #eee;
    color: black;
    cursor: pointer;
}

#lookbookContainer .video-product-container div:not(.popup-container):not(.image-container) {
    height: auto !important;
}
#lookbookContainer .product-video-overlay .image-container img{
    height: 100%;
}
#lookbookContainer.product-look .product-video-overlay .image-container img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
#lookbookContainer.product-look.horizontal-banner .product-video-overlay .image-container img{
    left:50%;
    position: absolute;
    transform: translateX(-50%);
}
#lookbookContainer .product-video-overlay .image-container {
	float: left;
	height: 100%;
}
#lookbookContainer.banner-hotspot .product-video-overlay .image-container{
	width: 40%;
	overflow: hidden;
	position: relative;
}

#lookbookContainer.banner-hotspot.vertical-banner .product-video-overlay .image-container img{width: 100%;object-fit: contain;left: 50%;position: relative;transform: translateX(-50%);}
#lookbookContainer .product-video-overlay .popup-container {
    transition: all .5s ease-out;
    overflow: hidden;
    float: left;
    width: 0 !important;
    position: relative;
    height: 100%;
    display: flex;
}

#lookbookContainer .product-video-overlay .absolute-container {
	position: absolute;
	width: 25vw;
}
#lookbookContainer.banner-hotspot .product-video-overlay .video-product-container div.absolute-container:not(.popup-container):not(.image-container) {
	height: 100% !important;
	top: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1.563em;
}
#lookbookContainer .product-video-overlay .popup-container.in {
	width: 25vw !important;
}
#lookbookContainer.banner-hotspot .product-video-overlay .popup-container{
	flex-grow: 1;
	flex-shrink: 0;
}
#lookbookContainer .product-video-overlay .video-products-container {
    height: 100% !important;
    position: absolute;
    width: 90%;
	left: 10%;
}
#lookbookContainer .product-video-overlay .video-main-name {
	 padding: 5%;
	 width: 100%;
	 height: 60% !important;
	 text-align: center;
	 font-size: 1vw;
	 font-weight: bold;
}
#lookbookContainer .product-video-overlay .video-products-time-remaining {
	width: 100%;
	bottom: 0;
	height: 39% !important;
	text-align: center;
}

#lookbookContainer .product-video-overlay .video-products-time-remaining-container {
    height: 100%;
    display: inline-block;
    position: relative;
}

#lookbookContainer .product-video-overlay .video-products-time-remaining-container img {
    height: 100%;
    margin: 0;
    display: block;
    opacity:0
}

#lookbookContainer .product-video-overlay .video-products-time-remaining .progress-bar-container {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#lookbookContainer .product-video-overlay .left-info-container {
    width: 10%;
    height: 100%;
    float: left;
    position: relative;
}

#lookbookContainer .product-positional-link.video-related {
	display: none;
}

#lookbookContainer .product-positional-link.video-related.timerVisible {
	display: block;
	cursor:pointer;
}
body:not(.mobile) #lookbookContainer.reveal.banner-hotspot.vertical-banner .product-positional-link.video-related.timerVisible,
body:not(.mobile) #lookbookContainer.reveal.banner-hotspot.horizontal-banner .product-positional-link.video-related.timerVisible,
#lookbookContainer.responsive.banner-hotspot.vertical-banner:not(.mobile) .product-positional-link.video-related.timerVisible,
#lookbookContainer.responsive.banner-hotspot.horizontal-banner:not(.mobile) .product-positional-link.video-related.timerVisible {
	opacity:1;
	visibility:hidden;
}
#lookbookContainer .product-video-overlay {
	display: none;
}
#lookbookContainer.banner-hotspot .product-video-overlay.hidden-overlay{
    display: none !important;
}
#lookbookContainer.banner-hotspot .hotspot-banner-container{

}
#lookbookContainer.banner-hotspot.horizontal-banner .product-video-overlay.timerVisible {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	background-color: transparent;
	position: relative;
	height: 100% !important;
	width: 30vw;
	margin-left: 2vw;
}
#lookbookContainer.banner-hotspot.vertical-banner .product-video-overlay.timerVisible {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	background-color: transparent;
	position: relative;
	width: 100% !important;
	height: 30vw;
	margin-top: 1.5vw;
}
#lookbookContainer.banner-hotspot .product-video-overlay.hidden-overlay.timerVisible + .product-video-overlay.timerVisible{
	margin-left:0;
}
#lookbookContainer.banner-hotspot .product-video-overlay.timerVisible:not(.hidden-overlay):first-child{
	margin-left:0;
}
#lookbookContainer.banner-hotspot .product-video-overlay.timerVisible .video-product-container{
    width: 100%;
    margin: auto;
    background-color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
}
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-left,
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-right{
	position: relative;
}
#lookbookContainer.banner-hotspot.horizontal-banner .hotspot-banner-container .arrow-left,
#lookbookContainer.banner-hotspot.horizontal-banner .hotspot-banner-container .arrow-right{
	width: 8vw;
}
#lookbookContainer.banner-hotspot.vertical-banner .hotspot-banner-container .arrow-left,
#lookbookContainer.banner-hotspot.vertical-banner .hotspot-banner-container .arrow-right{
	height: 5vw !important;
}
#lookbookContainer.banner-hotspot.vertical-banner.reveal .hotspot-banner-container .arrow-left,
#lookbookContainer.banner-hotspot.vertical-banner.reveal .hotspot-banner-container .arrow-right{
	height: 10% !important;
}
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow.hide-arrow{
	opacity:0;
	visibility:hidden;
}
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-right::before,
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-left::before {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Pro";
    font-weight: inherit;
    width: 50px;
    text-align: center;
    pointer-events: all;
    color: white;
    cursor: pointer;
    font-weight: 700;
    left: 50%;
    font-size: 20px;
}
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-left::before{
	content: "\f053";
}
#lookbookContainer.banner-hotspot .hotspot-banner-container .arrow-right::before {
    content: "\f054";
}
#lookbookContainer.banner-hotspot.vertical-banner .hotspot-banner-container .arrow-left::before{
	content: "\f077";
}
#lookbookContainer.banner-hotspot.vertical-banner .hotspot-banner-container .arrow-right::before {
    content: "\f078";
}
html.lookcastProductInView #lookbookContainer .product-video-overlay.timerVisible{
	display:none !important;
}
.video-js.vjs-playing .vjs-tech {
  	pointer-events: none;
}
html.lookcastProductInView #lookbookContainer.banner-hotspot div.video-js .hotspot-banner-container{
    display:none;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
#lookbookContainer.banner-hotspot.vertical-banner .slideInRight {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
#lookbookContainer.banner-hotspot.vertical-banner .slideInLeft {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
#lookbookContainer.banner-hotspot.horizontal-banner .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
#lookbookContainer.banner-hotspot.horizontal-banner .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
#lookbookContainer.banner-hotspot .product-video-overlay.timerVisible{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  cursor: default;
}
#lookbookContainer.banner-hotspot.vertical-banner .product-video-overlay .image-container.vertical-product img{
	object-fit:cover;
}