.container {max-width:1400px;}
.popup-container {transition: all 0.3s ease-in-out;transform: scale(1.3);position: fixed;z-index: 9999999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(21, 17, 17, 0.61);display:none;}
.show-popup {display:flex;}
.popup-content {background-color: #fefefe;margin: auto;padding: 20px;padding-top:10px;border: 1px solid #888;width: 50%;}
.popup-content span{color: #aaaaaa;float: right;font-size: 20px;font-weight: 300;background: none;padding: 0;margin: 0;text-decoration:none;border:1px solid #ddd;padding:0 8px;display:inline-block;margin-left:5px;border-radius:4px;}
.popup-content span:hover{color:#333;}
.ifr-vid {width:100%;height:calc(100vh - 45vh);border:1px solid #333;margin-top:10px;}
.popup-content > span {float:right;cursor:pointer;}

.mini-player {width: 400px;height: 280px;bottom: 70px;right: 80px;left: auto;top: auto;}
.mini-player .ifr-vid {height:200px;width:100%;}
.mini-player .popup-content {width: 100%;}
section > .sec-pTB.mbH, .heading-menu, #scroll, #VideosAndLogos {display:none !important;}
.banner {background: #1c1c1c;padding:0;position:fixed;width:100%;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;}
.banner-row {display:flex;gap:24px;flex-wrap: wrap;justify-content: space-between;align-items:center;padding:16px 0;}
.banner-row > .cell h1 {margin:0;color:#fff;}
.banner-row > .cell input {outline:0;padding:12px 16px;padding-right:48px;border-radius: 4px;border: 0;width:400px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;}
.banner-row > .cell {flex:1;position:relative;}
.banner-row > .cell h1 {font-size:35px;line-height:45px;}
.banner-row > .cell:last-child {display:flex;justify-content:flex-end;}
.sec {padding:50px 0;} .mb0 {margin-bottom:0 !important;}
/*.tab-container {position:relative;background:#f3f3f3;padding-top:20px;bottom:-15px;border-top-right-radius:8px;border-top-left-radius:8px;}*/
.tab-container {position:relative;border-bottom:1px solid #dddddd;}
.vid-nav {padding-top:4px;background:#fff;}
.video-wrapper {margin-top:100px;} .video-wrapper .container {-webkit-transform:scale(.95);transform:scale(.95);}
.video-tabs {display:flex;justify-content: center;gap: 8px;flex-wrap:wrap;}
.video-tabs > li {position:relative;border-top-right-radius:8px;border-top-left-radius:8px;background:#fff;}
.video-tabs > li.active a {color:#139669;pointer-events:none;}
.video-tabs > li.active a:before {content:"";position:absolute;width:100%;height:5px;background:#139669;border-radius: 32px;bottom: -3px;left: 0;}
.video-tabs > li > a {display:block;padding: 8px 12px;font-size: 16px;font-weight: 500;}
.video-tabs > li > a:hover {text-decoration:none;color:#139669;}
.sec-title > h2 {margin-top:0;font-size:35px;font-weight:500;margin-bottom:32px;}
.video-wrapper > div:nth-child(even) {background:#f8f8f8;}
.video-row {display:flex;gap:24px;flex-wrap: wrap;}
.video-row > .col {border:1px solid #f1f1f1;width:calc(25% - 20px);border-radius:6px;-webkit-box-shadow:4px 4px 16px 0 rgb(231 231 231 / 50%);box-shadow:4px 4px 16px 0 rgb(231 231 231 / 50%);background:#fff;position:relative;
-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;cursor:pointer;margin:0;float:none;}
.video-row > .col:hover {/*-webkit-transform:scale(1.1);transform:scale(1.1);background:#f8f8f8;*/-webkit-box-shadow:8px 8px 32px 0 rgb(215 212 212 / 50%);box-shadow:8px 8px 32px 0 rgb(215 212 212 / 50%);}  .video-row > .col:hover i{font-weight:500;}
.vid-img-con {background:#FAFAFA;text-align: center;overflow:hidden;border-top-left-radius:6px;border-top-right-radius:6px;}
.vid-img-con > img {width:100%;height:100px;object-fit:cover;border-top-right-radius:6px;border-top-left-radius:6px;border-bottom:2px solid #ddd;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.video-row > .col:hover .vid-img-con > img {-webkit-transform:scale(1.15);transform:scale(1.15);}
.vid-desc {padding:24px;min-height: 80px;} .vid-desc > p {margin:0;color:#000;font-size:16px;}
.vid-cta {border-top:1px solid #ebebeb;padding:10px 0;}
.play-btn {position:relative;display: block;margin-left:40px;font-style: normal;color:#e95d4d;font-size:16px;}
.play-btn:before {content:"";position:absolute;border:5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid;left:-16px;top:7px;}
.no-data {display:none;font-size:16px;font-weight:400;color:#f00;}
/*#how-to-videos {padding:0 !important;}*/
.find {position: absolute;width: 40px;height:40px;background: #d3d3d3;right:0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.find::after {content: "";position: absolute;background: url(../images/search-svg.svg) top center no-repeat;background-size: 24px;width: 24px;height:24px;top: 8px;right: 8px;}

@media (max-width: 1400px) {
.container {max-width:96%;}
}

@media (max-width: 1024px) {
.banner-row  {margin-top:20px;}
}
@media (max-width: 991px) {
.video-row {justify-content:center;}
.video-row > .col {width:calc(50% - 24px);}
}
@media (max-width: 800px) {
.video-wrapper .container {-webkit-transform:scale(1);transform:scale(1);}
.video-wrapper .container {max-width:90%;}
.video-wrapper {margin-top:220px;}
.banner-row {justify-content:center;text-align:center;margin-top:20px;}
.banner-row > .cell:last-child {display:block;justify-content:normal}
.banner-row > .cell {flex:none;width:100%;}
.banner-row > .cell input {width:90%;}
}
@media (max-width: 550px) {
.banner {position:relative;} .video-wrapper {margin-top:0;}
}
@media (max-width: 500px) {
.video-row > .col {width:calc(100% - 24px);}
/*.video-tabs {gap:12px;}*/ .video-tabs > li > a {font-size:12px;}
}
@media (max-width: 375px) {
.video-tabs > li {width:48%;text-align:center;} .sec-title > h2 {font-size:30px;}
}