.article-hotspot-carosel .item p.caption{margin-top:11px;color:#000;font-weight:300;font-size:14px;line-height:18px;-webkit-animation:fadeout 5s;-webkit-animation-fill-mode:forwards;animation:fadeout 5s;animation-fill-mode:forwards}
.article-hotspot-carosel.primary-bg-color .item p.caption{color:#fff}
.article-hotspot-carosel .active .item p.caption{display:block;-webkit-animation:fadein 5s;-webkit-animation-fill-mode:forwards;animation:fadein 5s;animation-fill-mode:forwards}
.article-hotspot-carosel .owl-nav.disabled+.owl-dots{margin-top:14px}
.article-hotspot-carosel .owl-dots .owl-dot span{border-radius:0;width:33px;height:2px;margin-right:1px;margin-left:1px}
.article-hotspot-carosel .owl-dots button:focus{outline:0}
.article-hotspot-carosel .owl-dots .owl-dot span{background:#000;opacity:.3}
.article-hotspot-carosel .owl-dots .owl-dot.active span,.article-hotspot-carosel .owl-dots .owl-dot:hover span{background:#000;opacity:1}
.article-hotspot-carosel.primary-bg-color .owl-dots .owl-dot span{background:#fff;opacity:.3}
.article-hotspot-carosel.primary-bg-color .owl-dots .owl-dot.active span,.article-hotspot-carosel.primary-bg-color .owl-dots .owl-dot:hover span{opacity:1;background:#fff}
.article-hotspot-carosel .hotspot-popover{top:50%;transform:translateY(-50%);width:300px;min-height:430px}
.article-hotspot-carosel .popover{transform:translate3d(0,0,0) !important}
.article-hotspot-carosel .hotspot-container .hotspot-icon{background-color:transparent;height:25px;width:25px;border-radius:50%;border:1px solid #fff;padding:1px;position:absolute}
.article-hotspot-carosel .hotspot-container .hotspot-icon:focus{outline:0}
.article-hotspot-carosel .hotspot-container .hotspot-icon i{color:#fff}
.article-hotspot-carosel .hotspot-container .hotspot-icon.active i{font-weight:600}
.article-hotspot-carosel .popover .arrow{display:none !important}
.article-hotspot-carosel .text-section p.desc{font-size:16px;line-height:22px;margin-left:27%;margin-right:27%}
.article-hotspot-carosel .text-section p.sku{color:#666;font-size:14px;line-height:18px;margin-bottom:14px}
.article-hotspot-carosel .text-section a{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase;text-decoration:underline;text-underline-position:under}
.article-hotspot-carosel .text-section h2,.article-hotspot-carosel .article-desc h1{font-size:18px;font-weight:700;line-height:20px}
.article-hotspot-carosel .article-desc a.save-to-folder{font-size:16px;line-height:22px;font-weight:300}
.article-hotspot-carosel .article-desc a.save-to-folder i{font-size:18px;padding-right:6px}
.article-hotspot-carosel .article-desc a.save-to-folder:hover{text-decoration:none;color:#000}
.article-hotspot-carosel .article-desc p.description{color:#000;font-size:16px;line-height:22px;font-weight:300;margin-top:7px}
.article-hotspot-carosel .article-desc a.read_article{font-size:14px;font-weight:700;line-height:20px;border-bottom:1px solid #000}
.article-hotspot-carosel .article-desc a.read_article:hover{text-decoration:none;color:#000}
.article-hotspot-carosel.primary-bg-color .article-desc h1,.article-hotspot-carosel.primary-bg-color .article-desc a.save-to-folder,.article-hotspot-carosel.primary-bg-color .article-desc a.save-to-folder:hover,.article-hotspot-carosel.primary-bg-color .article-desc a.save-to-folder:hover,.article-hotspot-carosel.primary-bg-color .article-desc p.description,.article-hotspot-carosel.primary-bg-color .article-desc a.read_article,.article-hotspot-carosel.primary-bg-color .article-desc a.read_article:hover,.article-hotspot-carosel.primary-bg-color .article-desc .image-carousel-caption,.article-hotspot-carosel.primary-bg-color .article-desc .image-carousel-photocredit,.article-hotspot-carosel.primary-bg-color .article-desc .carousel-title{color:#fff}
.article-hotspot-carosel .active .item .article-desc{display:block}
.article-hotspot-carosel .active .item .article-desc h1,.article-hotspot-carosel .active .item .article-desc a.save-to-folder,.article-hotspot-carosel .active .item .article-desc p.description,.article-hotspot-carosel .active .item .article-desc a.read_article{-webkit-animation:fadein 5s;-webkit-animation-fill-mode:forwards;animation:fadein 5s;animation-fill-mode:forwards}
.article-desc .image-carousel-caption{font-size:14px;line-height:16px;margin-bottom:6px}
.article-desc .image-carousel-photocredit{font-size:10px;line-height:14px}
@media only screen and (min-width:768px) and (max-width:991px){.article-hotspot-carosel .item{margin:0}
.article-hotspot-carosel .left-indent-space{margin-left:60px}
.article-hotspot-carosel .owl-nav.disabled+.owl-dots{margin-top:20px}
.article-hotspot-carosel .article-desc a.read_article{line-height:22px}
}
@media only screen and (max-width:767px){.article-hotspot-carosel .item{margin:0}
.article-hotspot-carosel .item p.caption{font-size:12px;line-height:16px}
.article-hotspot-carosel .article-desc{margin-top:7px}
.article-hotspot-carosel .article-desc h1{font-size:16px;line-height:18px}
.article-hotspot-carosel .article-desc p.description{font-size:14px;line-height:18px;margin-top:12px}
.article-hotspot-carosel .read-article-sm{padding-top:2px}
.article-hotspot-carosel .article-desc a.read_article{font-size:12px;line-height:20px}
.article-hotspot-carosel.non-hotspot .owl-nav.disabled+.owl-dots{margin-top:18px}
.article-hotspot-carosel .owl-nav.disabled+.owl-dots{margin-top:22px}
.article-hotspot-carosel.non-hotspot .item img{object-fit:cover;object-position:inherit;height:290px}
}
@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeout{from{opacity:1}
to{opacity:0}
}
@keyframes fadeout{from{opacity:1}
to{opacity:0}
}
.active .popover{min-width:300px}
.hotspot-image{width:100%;height:100%}
.imagecarousel .primary-bg-color{background-color:transparent}
.imagecarousel .article-hotspot-carosel.black::before{content:"";height:100%;position:absolute;top:0;left:50%;width:100vw;background:#000;z-index:-1;transform:translateX(-50%)}
.imagecarousel .article-hotspot-carosel.grey::before{content:"";height:100%;position:absolute;top:0;left:50%;width:100vw;background:#f7f7f7;z-index:-1;transform:translateX(-50%)}
.imagecarousel .article-hotspot-carosel.white::before{content:"";height:100%;position:absolute;top:0;left:50%;width:100vw;background:#fff;z-index:-1;transform:translateX(-50%)}
#article-hotspot.article-hotspot-carosel.black .article-desc p,#article-hotspot.article-hotspot-carosel.black .article-desc .carousel-title{color:#fff !important}
.article-hotspot-carosel.black .owl-dots .owl-dot span{background:#fff !important}