.video_box_wrap{position:relative;}

div#accordion {background: none;position: relative;z-index: 2;display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
div#accordion .accordion-item {background: none;border: none;border-radius: 0px;display: inline-block;max-width: 380px;width: 100%;}
div#accordion .accordion-header {border: none;background: none;padding: 0px;}
div#accordion .accordion-button {color: #060606;font-size: 22px;font-weight: 700;width: 100%;height: 50px;text-align: left;background: none !important;padding: 0px;position: relative;box-shadow: none !important;}
div#accordion .accordion-button span {display: inline-block;padding: 0px 15px;position: relative;}
div#accordion .accordion-button span::after {content: "";position: absolute;top: 18px;left: 0px;width: 0%;height: 15px;background: #ececec;z-index: -1;transition: all 300ms ease-in-out;}

/* Custom +/− toggle indicators (mimicking Bootstrap 4 style) */
div#accordion .accordion-button::before,
div#accordion .accordion-button::after {content: "";position: absolute;top: 22px;right: 40px;width: 18px;height: 3px;background: black;}
div#accordion .accordion-button::after {transform: rotate(90deg);transition: all 300ms ease-in-out;}
div#accordion .accordion-button:not(.collapsed)::after {transform: rotate(0deg);}
div#accordion .accordion-button[aria-expanded="true"] span::after {width: 100%;background: #fbdaee;transition: all 300ms ease-in-out;}

div#accordion .accordion-collapse {/* optional transition control */}
div#accordion .accordion-body {position: relative;top: -15px;padding-bottom: 0px;}

.grid{padding-top: 50px;min-height:99vh;}
.grid:before{content:"";position:absolute;top:0;left:33.333333%;width:1px;height:100%;}
.grid:after{content:"";position:absolute;top:0;left:66.666666%;width:1px;height:100%;}
.grid .row{counter-reset: numbered-list 00;}
.grid .row .col-md-4{counter-increment: numbered-list 01;}
.grid .row .col-md-4 h1:after{content: counter(numbered-list, decimal-leading-zero);color: #fff;position: absolute;top: 49%;left: 50%;transform: translate(-50%,-50%);}
.grid .row .col-md-4 .project_number:after{content: counter(numbered-list, decimal-leading-zero);color: #000;position: absolute;top: 0;left: -3px;width: 15px;}

.grid-immersive {display: table-cell;vertical-align: middle;width: 100vw;height: 100vh;}

 
.accordion-body ul {margin: 0px;padding: 0px;list-style-type: none;position: relative;}
.accordion-body ul li a {color: #333;font-size: 16px;font-weight: 100;text-align: left;position: relative;cursor: pointer;display: block;padding: 4px 0px 4px 20px;transition:all 300ms ease-in-out;}
.accordion-body ul li .active{color:#ec028c;transition:all 300ms ease-in-out;}
.accordion-body ul li span {position: relative;display: flex;}
.accordion-body ul li span:after {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: black;transition: all 300ms ease-in-out;}
.accordion-body ul li.is-checked {color: #0c0c0c;font-weight: 700;}
.accordion-body ul li.is-checked span:after {width: 100%;transition: all 300ms ease-in-out;}

.industry-sec-01{min-height:100vh;overflow:hidden;}
.industry-sec-01 h1{position:relative;top:40px;}
.industry-sec-01 h1{font-size:18px;color:#333;font-weight:300;letter-spacing:.3px;padding:30px;padding-bottom:11px;position:relative;display:none;}
.industry-sec-01 h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd9d8;}
.industry-sec-01 .filters{}
.industry-sec-01 .filters.stick-fixed{position:fixed;}
.industry-sec-01 .filters ul{margin:0px;padding:0px;list-style-type:none;position:relative;}
.industry-sec-01 .filters ul li a{color:#333;font-size:16px;font-weight:100;text-align:left;position:relative;cursor:pointer;padding:4px 0px 4px 20px;}
.industry-sec-01 .filters ul li span{position:relative;}
.industry-sec-01 .filters ul li span:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:black;transition:all 300ms ease-in-out;}
.industry-sec-01 .filters ul li.is-checked{color:#0c0c0c;font-weight:700;}
.industry-sec-01 .filters ul li.is-checked span:after{width:100%;transition:all 300ms ease-in-out;}

.work_box {display:none;}
.work_box.active {display:flex;}

.inudstry-link{display:inline-block;position:relative;text-align:center;margin: 20px 0px;}
.inudstry-link .client-logo{position:absolute;left:0;right:0;margin:0px auto;width:50%;z-index:9;}
.inudstry-link .client-logo img{box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.inudstry-link .client-thumb{display:block;position:relative;overflow:hidden;}
.inudstry-link .client-thumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all 400ms ease-in-out;}
.inudstry-link .client-thumb img{max-width:100%;transition:all 500ms ease-in;}

.inudstry-link.lt{padding-bottom:7vh;}
.inudstry-link.lt .client-logo{bottom:0;}
.inudstry-link.video-page.lt:before{display:none;top:60%;left:52%;transform:translate(-50%,-50%);}
.inudstry-link.video-page.lt:after{display:none;top:60%;left:50%;transform:translate(-50%,-50%);}
.inudstry-link.lb{padding-bottom:7vh;}
.inudstry-link.lb .client-logo{bottom:0;}
.inudstry-link:hover{}
.inudstry-link:hover .client-thumb:after{transition:all 400ms ease-in-out;}
.inudstry-link:hover .client-thumb img{transform:scale(1.1);transition:all 500ms ease-in;}

.inudstry-link.video-page.lb:before{display:none;top:40%;left:52%;transform:translate(-50%,-50%);}
.inudstry-link.video-page.lb:after{display:none;top:40%;left:50%;transform:translate(-50%,-50%);}
.inudstry-link.video-page:before{content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-left:12px solid #fff;border-bottom:8px solid transparent;border-right:8px solid transparent;z-index:1;}
.inudstry-link.video-page:after{content:"";position:absolute;width:55px;height:55px;background:rgba(0, 0, 0, 0.75);}

.immersive-box{color: #000;padding: 50px;display: block;position: relative;}
.immersive-box.blue:after{background: rgba(43, 104, 210, 1);}
.immersive-box.green:after{background: rgba(95,226,128,1);}
.immersive-box:after{content:"";cursor: default !important;position: absolute !important;top: 0;left: 0 !important;bottom: 0;color: #fff;overflow: hidden;text-align: center;width: 0%;z-index: 1;transition: all 1s ease-in;}
.immersive-box .imm_exp-thumb{display: block;width: 100%;height: 40vh;margin-bottom: 20px;position: relative;z-index: 2;overflow: hidden;border: 1px solid #f1f1f1;}
.immersive-box .imm_exp-thumb iframe{width: 190%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.immersive-box .imm_exp-thumb:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: #ffffff; */z-index: 1;/* opacity: .2; */transition: all .5s ease-out;}
.immersive-box .imm_exp-thumb:after{content:"";}
.immersive-box .imm_exp-txt{}
.immersive-box .imm_exp-txt p{font-size: 15px;position: relative;z-index: 9;}
.immersive-box .imm_exp-txt p span {margin-left: 9px;font-size: 13px;font-weight: 400 !important;line-height: 20px;}

.immersive-box:hover{color:#000;text-decoration:none;}
.immersive-box:hover:after {right: 0 !important;left: inherit !important;width: 100%;transition: all .5s ease-out;} 
.immersive-box:hover .imm_exp-thumb:before{width:0%;opacity: 0;transition: all .5s ease-out;}


@media only screen and (max-width : 480px) 
{
	div#accordion{}
}