.content-section{padding-top:.1px}
.hero-carousel-wrapper,.hero-carousel-item,#hero-carousel{@include desktop{height:340px}
}
.hero-carousel-item-width{max-width:1400px;margin:0 auto;position:relative;height:100%}
.hero-carousel-item{background-size:cover;background-position:center top;position:relative}
a.hero-caorousel-item-link:hover{text-decoration:none}
.hero-carousel-copy-title{line-height:38px;@include desktop{line-height:56px}
}
.hero-carousel-copy-description{font-size:18px;font-weight:bold;color:$font-color-primary;@include desktop{line-height:28px;font-size:21px;font-weight:normal}
h1,h2,h3,h4,h5{color:inherit}
}
.hero-carousel-copy-link{font-size:16px;font-weight:bold;line-height:25px;color:$link-color;&:hover{color:$link-color-hover}
@include desktop{font-size:16px;font-weight:normal}
}
.hero-carousel-item--left-aligned-copy{.hero-carousel-copy{text-align:center;max-width:480px;@include mobile-only{margin:24px auto 16px}
@include desktop{max-width:100%;text-align:left;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0}
}
.hero-carousel-productImgWrapper{@include mobile-only{margin:0 auto;width:240px;height:170px}
@include desktop{width:480px;height:340px}
}
}
#hero-carousel .owl-dots{position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}
@media screen and (max-width:$convertToMobileBreakpoint){.hero-carousel-wrapper,.hero-carousel-item,#hero-carousel{height:340px}
.hero-carousel-item{.row{position:static}
h2{font-size:24px;font-weight:400;line-height:28px}
}
.hero-carousel-productImgWrapper{overflow:hidden;position:absolute;margin:auto;bottom:0;left:0;right:0}
.hero-carousel-copy{margin-top:24px}
.hero-carousel-copy-title{margin-bottom:8px;padding:0}
.hero-carousel-copy-description,.hero-carousel-copy-description p{font-size:14px}
}
.content-section{padding-top:.1px}
.owl-dot{display:inline-block;width:12px;height:12px;margin:5px 7px;border-radius:20px;background:white;border:1px solid #999;box-shadow:0 1px 1px rgba(0,0,0,0.3);opacity:.6}
.owl-dot.active{opacity:1;box-shadow:0 1px 2px rgba(0,0,0,0.4)}
@media screen and (max-width:$convertToMobileBreakpoint){.hero-carousel-wrapper,.hero-carousel-item,#hero-carousel{height:340px}
.hero-carousel-item{.row{position:static}
h2{font-size:24px;font-weight:400;line-height:28px}
}
.hero-carousel-productImgWrapper{overflow:hidden;position:absolute;margin:auto;bottom:0;left:0;right:0}
.hero-carousel-copy{margin-top:24px}
.hero-carousel-copy-title{margin-bottom:8px;padding:0}
.hero-carousel-copy-description,.hero-carousel-copy-description p{font-size:14px}
}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("clientlibs-publishing/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-prev,.owl-next{position:absolute;top:35%;background-color:rgba(0,0,0,0.3);width:60px;height:60px;border-radius:30px;display:inline-block;padding:18px;transition:background-color .5s ease}
.owl-prev{left:16px}
.owl-next{right:16px}
.owl-next::after{position:relative;content:"";display:inline-block;width:1.8em;height:1.8em;border-right:.1em solid #fdfdfd;border-top:.1em solid #FFF;transform:rotate(45deg);left:-10px;top:-3px}
.owl-prev::after{position:relative;content:"";display:inline-block;width:1.8em;height:1.8em;border-left:.1em solid #fdfdfd;border-bottom:.1em solid #FFF;transform:rotate(45deg);left:5px;top:-3px}
.owl-prev:hover,.owl-next:hover{background-color:rgba(0,0,0,0.4)}