.listicle .listicle__container{position:relative;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif'}
.listicle .listicle__container--content{margin-top:0}
.listicle .listicle__container--number{font-size:20px;font-weight:normal;line-height:20px}
.listicle .listicle__container--number div{margin-top:20px}
.listicle .listicle__container--wrapper:nth-of-type(6n+1) .listicle__container--number{color:#0090da}
.listicle .listicle__container--wrapper:nth-of-type(6n+1) .listicle__container--number div{height:1px;background-color:#0090da}
.listicle .listicle__container--wrapper:nth-of-type(6n+2) .listicle__container--number{color:#007abc}
.listicle .listicle__container--wrapper:nth-of-type(6n+2) .listicle__container--number div{height:1px;background-color:#007abc}
.listicle .listicle__container--wrapper:nth-of-type(6n+3) .listicle__container--number{color:#0061a0}
.listicle .listicle__container--wrapper:nth-of-type(6n+3) .listicle__container--number div{height:1px;background-color:#0061a0}
.listicle .listicle__container--wrapper:nth-of-type(6n+4) .listicle__container--number{color:#00aca0}
.listicle .listicle__container--wrapper:nth-of-type(6n+4) .listicle__container--number div{height:1px;background-color:#00aca0}
.listicle .listicle__container--wrapper:nth-of-type(6n+5) .listicle__container--number{color:#aace4e}
.listicle .listicle__container--wrapper:nth-of-type(6n+5) .listicle__container--number div{height:1px;background-color:#aace4e}
.listicle .listicle__container--wrapper:nth-of-type(6n+6) .listicle__container--number{color:#5f259f}
.listicle .listicle__container--wrapper:nth-of-type(6n+6) .listicle__container--number div{height:1px;background-color:#5f259f}
.listicle .listicle__container--title{font-size:28px;font-weight:bold;line-height:36px;letter-spacing:-0.4px;color:#000;margin-top:24px;margin-bottom:0}
.listicle img,.listicle .video_container{margin-top:30px}
.listicle .listicle__container--imagecopy{font-size:12px;line-height:18px;color:#000;margin-top:20px;margin-bottom:20px}
.listicle .listicle__container--imagecopy a{color:#0090da}
.listicle .listicle__container--copy{font-family:'Noto Sans','Arial','Helvetica','sans-serif';font-size:16px;line-height:30px;letter-spacing:-0.16px;color:#333;margin-top:17px}
.listicle .listicle__container--copy a{color:#007abc}
.listicle .listicle__container--imagecopy+.listicle__container--copy{margin-top:0}
.listicle .btn-brand-1st{margin-top:20px}
.listicle .listicle__container--wrapper>.extra-content-section{margin-top:80px;margin-bottom:10px;padding:0}
.listicle .listicle__overlay{position:absolute;height:100px;background-color:#fff;width:100%;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:14px;font-weight:bold;line-height:20px;letter-spacing:.01px;color:#008edd;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(72%,#fff));background:-o-linear-gradient(top,rgba(255,255,255,0),#fff 72%);background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 72%)}
.listicle .listicle__overlay span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.listicle .listicle__overlay svg{height:12px;width:12px;fill:#008edd;margin-left:5px;margin-bottom:6px}
.listicle .listicle__overlay:hover{cursor:pointer;text-decoration:underline}
.listicle .videoWrapper{position:relative;height:auto;padding-top:0;padding-bottom:0}
.listicle .videoWrapper--youtube{padding-top:56.25%}
.listicle .videoWrapper object{position:absolute}
.listicle .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.listicle .video-js .vjs-big-play-button,.listicle .video-js .vjs-dock-text{display:none}
.listicle .content-wrapper.video .video-js.video-playing{pointer-events:auto}
.listicle .video-playing .play-button{visibility:hidden}
.listicle .play-button{display:inline-block;margin-top:30px;position:absolute;z-index:1;bottom:30px;left:30px;cursor:pointer}
.listicle .play-button{-webkit-transform:matrix(1,0,0,1,0,0);-ms-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);-webkit-transition:transform .5s;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.listicle .play-button:hover{-webkit-transform:matrix(1.1,0,0,1.1,0,0);-ms-transform:matrix(1.1,0,0,1.1,0,0);transform:matrix(1.1,0,0,1.1,0,0);-webkit-transition:transform .5s;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.listicle .play-button .icon-clear-play-button{height:60px;width:60px}
.listicle .play-button .icon-clear-play-button{display:block}
@media screen and (max-width:767px){.listicle .product-info-table__overlay{height:110px}
}
@media screen and (min-width:768px){.listicle .listicle__container--content{margin-top:0}
.listicle .listicle__container--number{line-height:60px}
.listicle .listicle__container--title{font-size:32px;line-height:40px;letter-spacing:-0.46px;margin-top:30px}
.listicle img,.listicle .video_container{margin-top:29px}
.listicle .listicle__container--copy{font-size:18px;line-height:32px;letter-spacing:-0.18px}
}
@media screen and (max-width:1023px){.listicle .listicle__container--number div{width:110px}
}
@media screen and (min-width:1024px){.listicle .container-fluid{padding:0}
.listicle .extra-content-section .container{max-width:none;padding:0}
.listicle .listicle__container--content{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1300px;margin-right:auto;margin-left:auto;margin-top:0;padding-right:15px;padding-left:15px;width:100%}
.listicle .listicle__container--content>div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.listicle .listicle__container--content>div:last-of-type{width:100%}
.listicle .listicle__container--number{font-size:20px;line-height:20px;display:inline-block;margin-right:38px;min-width:180px}
.listicle .listicle__container--title{margin-top:0}
.listicle img,.listicle .video_container{margin-top:39px}
.listicle .listicle__container--copy{margin-top:17px}
}