@font-face {
    font-family: "Druk Wide Medium";
    src: url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.eot");
    src: url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.eot?#iefix")format("embedded-opentype"),
    url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.woff2")format("woff2"),
    url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.woff")format("woff"),
    url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.ttf")format("truetype"),
    url("../fonts/7e389c5e310dc537b083e0e25ea6eab5.svg#Druk Wide Medium")format("svg");
}

@font-face{
    font-family: "Mabry Pro Medium";
    src: url("../fonts/9b06ae83a4412168ed194a8ed31218c2.eot");
    src: url("../fonts/9b06ae83a4412168ed194a8ed31218c2.eot?#iefix")format("embedded-opentype"),
        url("../fonts/9b06ae83a4412168ed194a8ed31218c2.woff")format("woff"),
        url("../fonts/9b06ae83a4412168ed194a8ed31218c2.woff2")format("woff2"),
        url("../fonts/9b06ae83a4412168ed194a8ed31218c2.ttf")format("truetype"),
        url("../fonts/9b06ae83a4412168ed194a8ed31218c2.svg#Mabry Pro Medium")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


body{margin:0;}

ul, ul li, p{margin:0;padding:0}
.panel{display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;}
.panel2{background:#1A1A1A;}
.panel3{background:#070707;}
.panel4{background:#070707;}
.panel5{background:#1A1A1A;display:block}
.panel6{background:#070707;padding-top:100px;padding-bottom:100px}
.panel7{background:#000;}
.panel8{background:#000;}
.pt0{padding-top:0}

.sw{padding-top:50px;padding-bottom:50px}

header{position:fixed;top:0;width:100%;background:#000;z-index:1000;padding-top:10px;padding-bottom:10px}
.top-menu ul{display:flex;justify-content:center;margin:0;padding:15px;list-style:none;}
.top-menu li{margin:0 10px}
.top-menu a{color:#fff;text-decoration:none;font-size:18px;padding:6px 15px;border-radius:20px;border:1px solid #fff;}
.top-menu a.active{color:#fff;background-color:#BF1F28;padding-bottom:4px;border:2px solid #BF1F28;}

.cnt-blk{margin-top:70px}

footer{background:#000}

.footer{
color:white;
display:flex;
align-items:center;
justify-content:center;
}


.footer .ftr-tp ul.add{display:flex;flex-direction:row;padding:0;}
.footer .ftr-tp ul.add li{color:#fff;padding:0 10px 0 10px;font:18px/28px "Mabry Pro Medium";list-style:none}
.footer .ftr-tp ul.add li a{color:#fff;display:block;position:relative;padding-left:30px;text-decoration:none}
.footer .ftr-tp ul.add li a:before{position:absolute;content:'';left:0;top: 3px;width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;background-size:contain}
.footer .ftr-tp ul.add li.tel a:before {background-image:url('../../assets/images/ic_phone.png')}
.footer .ftr-tp ul.add li.mail a:before{background-image:url('../../assets/images/ic_mail.png')}
.footer .ftr-tp ul.add li.loc a:before{background-image:url('../../assets/images/ic_loc.png')}
.footer .ftr-md {padding-bottom:50px;padding-top:30px}
.footer .ftr-btm ul.soc{display:flex;flex-direction:row;padding:0;justify-content: center;}
.footer .ftr-btm ul.soc li{padding:0 10px 0 10px;list-style:none}
.footer .ftr-btm ul.soc li a{position:relative;padding-left:30px;text-indent:-9999em;display:block;height:35px}
.footer .ftr-btm ul.soc li a:before{position:absolute;content:'';left:0;top: 3px;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;background-size:contain}
.footer .ftr-btm ul.soc li.fb a:before {background-image:url('../../assets/images/ic_fb.png')}
.footer .ftr-btm ul.soc li.tw a:before{background-image:url('../../assets/images/ic_twitter.png')}
.footer .ftr-btm ul.soc li.insta a:before{background-image:url('../../assets/images/ic_instagram.png')}
.footer .ftr-btm ul.soc li.uTube a:before{background-image:url('../../assets/images/ic_youtube.png')}

.footer .ftr-btm ul.ftr-links{display:flex;flex-direction:row;padding:0;justify-content: end;}
.footer .ftr-btm ul.ftr-links li{color:#fff;padding-left:10px;font:16px/26px "Mabry Pro Medium";list-style:none}
.footer .ftr-btm ul.ftr-links li a{color:#fff;display:block;text-decoration:none}

/* Text Gradient CSS */
.partner-logo-slide p {font-size:100px;
  color: #BF1F28;
  background-image: linear-gradient(180deg, #BF1F28 , #740005 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-family: "Druk Wide Medium";padding:0 30px
}


.partner-logo-slider {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}
.partner-logo-slider:before {display:none;
  content: "";
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  z-index: 9;
}
.partner-logo-slider:after {display:none;
  content: "";
  background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  z-index: 9;
}
.partner-logo-slide {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: partner-logo 30s linear infinite;
}
.partner-logo-slide:hover {
  animation-play-state: paused;
}
.partner-logo-slide img {
  width: 150px;
  border: 1px solid #b2b2b2;
  padding: 20px;
  border-radius: 10px;
}
@keyframes partner-logo {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

h2{font-family: "Druk Wide Medium";color:#BF1F28;font-size:40px}
h3{font-family: "Druk Wide Medium";color:#fff;font-size:18px}
p{font-family: "Mabry Pro Medium";color:#fff;font-size:16px}

.abt-cnt-cent{text-align:center}
.abt-cnt-lft,.abt-cnt-rgt{padding-top:150px}
.abt-cnt-lft figure{text-align:right}
.abt-cnt-lft h3,.abt-cnt-rgt h3{margin-bottom:25px}
.abt-cnt-lft p,.abt-cnt-rgt p{min-height:140px}
.abt-cnt-cent h2{margin-bottom:30px}

.collaborate h2{color:#fff;font-size:35px}

.stage{background:url('../images/stage-cen-img.png') no-repeat center top;text-align:center;min-height:843px;padding-top:150px}

.stage h2{font-size:100px;line-height:100px;margin-bottom:50px}
.stage h3{font-size:26px;font-family: "Mabry Pro Medium";color:#fff;margin-bottom:30px}
.stage p{font-size:22px;font-family: "Mabry Pro Medium";color:#fff;font-weight:400;line-height:32px}


.banner-slider {
    position: relative;
    width:100%;overflow:hidden
}

.banner-slider .slide {
	width:1920px
    width:100%;
    height:800px;
    position:relative;
	background-color:#000
}

/* FULL WIDTH FIX */
.banner-slider{
    width:100vw;
    margin-left:calc(-50vw + 50%);
}

/* SLIDE */
.banner-slider .slide{
    height:800px;
    position:relative;
}

/* BACKGROUND HERO */
.banner-slider .slide.hero1{
    background:url('../images/hero-banner1.jpg') no-repeat center center;
    background-size:cover;
}

.banner-slider .slide.hero2{
    background:url('../images/hero-banner2.jpg') no-repeat center center;
    background-size:cover;
}

/* DARK OVERLAY */
.banner-slider .slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}

/* CONTENT */
.banner-slider .content{
    position:absolute;
    top:50%;
    left:10%;
    transform:translateY(-50%);
    color:#fff;
    z-index:2;
	width:800px
}

/* TEXT ANIMATION */
.banner-slider .heading,
.banner-slider .text, .banner-slider h3{
    opacity:0;
    transform:translateY(80px);
    transition:all .8s ease;
}

.banner-slider .slick-active .heading{
    opacity:1;
    transform:translateY(0);
    transition-delay:.3s;margin-bottom:30px
}

.banner-slider .slick-active .text{
    opacity:1;
    transform:translateY(0);
    transition-delay:.6s;
    font-family: "Mabry Pro Medium";font-size:12px;color:#fff
}
.banner-slider .slick-active h3{
    opacity:1;
    transform:translateY(0);
    transition-delay:.6s;
    font-family: "Druk Wide Medium";font-size:18px;color:#fff;margin-bottom:30px
}
.banner-slider .slick-active h3 span{display:block;font-size:13px}

/* IMPORTANT FOR FADE */
.banner-slider .slick-slide{
    height:800px;
}

/*What we do*/
.what-we-do-wrapper{width:100%}
.what-we-do-wrapper h2{text-align:center;margin-bottom:30px}
.intro-wrapper{
position:relative;
width:100%;
height:100vh;
background:#000;
z-index:999999;
overflow:hidden;
}

.intro-text{
position:absolute;
left:50%;
font-size:70px;
font-weight:bold;
color:#fff;
opacity:0;
white-space:nowrap;
transition:1.2s cubic-bezier(.77,0,.18,1);
}

/* THREE ROWS */

.text1{ top:30%; transform:translate(120vw,0); }
.text2{ top:50%; transform:translate(-120vw,0); }
.text3{ top:70%; transform:translate(120vw,0); }

.show{
opacity:1;
transform:translate(-50%,0);
}

/* MERGE CENTER */

.merge{
top:50%;
transform:translate(-50%,-50%) scale(1.15);
}

/* FadeUpOut */

.fadeUpOut{
opacity:0;
transform:translate(-50%,-150%) scale(1.25);
transition:1s ease;
}

.do-slider{
display:none;
}
/*What We Do*/
.do-slider,
.do-slider .slide3{
height:700px;
}

.do-slider .slide3{
display:flex !important;
align-items:center;
justify-content:center;
color:#fff;
position:relative;
}

.do-slider .caption{
text-align:center;
}

.do-slider .hdg,
.txt{
opacity:0;
transform:translateY(100px);
}

.do-slider .hdg.show{
animation:slideUp 0.8s forwards;
}

.do-slider .txt.show{
animation:slideUp 0.8s forwards;
}

.do-slider .caption{
position:relative;
z-index:2;
}

@keyframes slideUp{
to{
opacity:1;
transform:translateY(0);
}
}

.do-slider .hdg{
font-size:60px;
margin-bottom:20px;
}

.do-slider .txt{
font-size:22px;
}
.slick-vertical .slick-slide{height:700px}

/* SLIDER */

/* .banner-slider2{
display:none;
position:relative;
width:60%;
height:100vh;
overflow:hidden;
float:right
}

.slide2{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:1.2s ease;
}

.slide2.active{
opacity:1;
z-index:2;
}

.slide2 img{
width:100%;
height:100vh;
object-fit:cover;
}

/*.caption{
position:absolute;
bottom:120px;
left:100px;
color:#fff;

opacity:0;
transform:translateY(80px);
transition:opacity .9s ease, transform .9s ease;
transition-delay:.4s;
}

/* Fade In Up when slide active *

.slide.active .caption{
opacity:1;
transform:translateY(0);
}

.slide2{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
transform:translateY(100%);
transition:1s ease;
}

.slide2.active{
transform:translateY(0);
z-index:2;
}

.slide2.prev{
transform:translateY(-100%);
z-index:1;
}

.caption2{
position:absolute;
bottom:120px;
left:100px;
color:#fff;

opacity:0;
transform:translateY(120px) scale(.95);
transition:1.1s cubic-bezier(.77,0,.18,1);
}

.slide2.active .caption2{
opacity:1;
transform:translateY(0) scale(1);
}


.caption2 h2{
opacity:0;
transform:translateY(60px);
transition:.9s;
}

.caption2 p{
opacity:0;
transform:translateY(60px);
transition:.9s;
transition-delay:.3s;
}

.slide2.active .caption2 h2,
.slide2.active .caption2 p{
opacity:1;
transform:translateY(0);
}*/


.our-journey {width:100%}
.our-journey h2{text-align:center;font-size:40px;margin-bottom:30px}
.our-journey .banner{background:url('../images/our-journey-img.png') no-repeat center top;padding:50px 60px}
.our-journey .banner .banner-in{height:650px;position:relative;}
.our-journey .banner .banner-in figure{position:absolute;top:0;right:0}
.our-journey .banner .banner-in .cnt{position:absolute;bottom:0;left:0;width:545px}
.our-journey .banner h3{font-family: "Druk Wide Medium";color:#fff;font-size:35px;margin-bottom:25px}
.our-journey .banner p{font-family: "Mabry Pro Medium";color:#fff;font-size:16px}


/* Podcast*/
.podcast-slider-wrap{text-align:center;padding-bottom:60px;overflow:hidden}
.podcast-slider {margin:0 auto;width:700px}
.podcast-slider-wrap h2{font-size:80px;margin-bottom:30px}
.podcast-slider .slide{position:relative;}
.podcast-slider .slick-list{overflow:visible}
.podcast-slider img{

height:400px;
object-fit:cover;
}

/* LEFT TITLE */

.podcast-slider .caption-left{
position:absolute;
bottom:-50px;
left:0;
overflow:hidden;
}

.podcast-slider .caption-left h3{
color:#fff;font-family: "Mabry Pro Medium";
font-size:22px;
margin:0;
transform:translateX(120%);
opacity:0;
transition:0.8s;
}

/* RIGHT NAV TEXT */

.podcast-slider .caption-right{
position:absolute;
bottom:-50px;
right:0;
display:flex;
gap:10px;
overflow:hidden;
}

.podcast-slider .caption-right span{
color:#fff;font-family: "Mabry Pro Medium";
font-size:22px;
cursor:pointer;
/*transform:translateX(120%);*/
opacity:1;
transition:0.8s;
}

/* ACTIVE ANIMATION */

.podcast-slider .slick-active .caption-left h3{
transform:translateX(0);
opacity:1;
}

.podcast-slider .slick-active .caption-right span{
transform:translateX(0);
opacity:1;
}




@media only screen and (max-width: 1025px) {
  .partner-logo-slide {
    gap: 20px;
  }
  .partner-logo-slide img {
    height: 45px;
  }
}