body,.font-open-sans{font-family:'Open Sans',sans-serif}
html,body{margin:0;padding:0;height:100%}
img:hover,img:focus{outline:none;border:none}
body{overflow-x:hidden}
#main-container{min-height:100%;position:relative}
#header{background:#fff;box-shadow:0 3px 10px #00000021;position:relative;top:0;width:100%;z-index:99}
#body{overflow-x:hidden;padding-bottom:150px}
ul,li{list-style-type:none}
.full-list ul, .full-list li{list-style-type: disc; color: #fff; padding-bottom: 10px;}
ul{padding:0;margin:0}
#footer{position:absolute;bottom:0;width:100%;height:150px;background:#fff;padding:30px 0;text-align:center}
#footer:before{content:'';position:absolute;max-width:1140px;margin:0 auto;border-top:1px solid #CDCDCD;left:0;right:0;top:0}
#footer .copyright{font-size:16px;line-height:22px;color:#131313;margin-bottom:20px;font-weight:400}
#footer .copyright a{color:#131313}
#footer .copyright a:hover{background:-webkit-linear-gradient(#660EB2,#F0152B);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer-social-icon{display:flex;justify-content:center}
#footer .social-icon{height:38px;width:38px;border-radius:50%;background:#E1E1E1;display:inline-block;line-height:34px;margin:0 5px;text-align:center}
#footer .social-icon:hover{background:transparent linear-gradient(206deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box}
#footer .social-icon i{height:22px;width:22px;background-repeat:no-repeat;background-position:center top;display:inline-block;text-align:center;vertical-align:middle;overflow:hidden}
#footer .social-icon.whatsapp i{background:url(../image/whatsapp.png) no-repeat}
#footer .social-icon.facebook i{background:url(../image/facebook.png) no-repeat}
#footer .social-icon.twitter i{background:url(../image/twitter.png) no-repeat}
#footer .social-icon.linkedin i{background:url(../image/linkedin.png) no-repeat}
#footer .social-icon.instagram i{background:url(../image/instagram.png) no-repeat}
#footer .social-icon:hover i{background-position:center bottom}
h1,h2,h3,h4,h5,h6{font-family:Helvetica,sans-serif;margin-bottom:15px}
h1,h2,h3,h4,h5,h6{ font-family:Helvetica, sans-serif; margin-bottom:15px;}
	h1{font-size:161px; line-height:1; font-weight:600; color:rgba(0,0,0,0.14); margin-bottom:0;}
	h2{ font-size:161px; line-height:1; font-weight:600; color:rgba(0,0,0,0.14); margin-bottom:0;}
	h3{ font-size:44px; line-height:1; font-weight:600;}
	h4{ font-size:34px; line-height:44px; font-weight:600;}
	h5{ font-size:24px; line-height:1; font-weight:600;}
	h6{ font-size:22px; line-height:1; font-weight:600;}
	p{ font-size:16px; line-height:24px;  margin-bottom: 20px;}
.full-img{width:100%}
.gray-bg{background:#F7F7F7}
.text-yellow{color:#F9BC60}
.jarallax{min-height:654px}
.jarallax-keep-img{position:relative;z-index:0;overflow:hidden}
.jarallax-keep-img > .jarallax-img{position:relative;display:block;max-width:100%;height:auto;z-index:-100;vertical-align:top}
span[data-jarallax-element]{display:inline-block}
.common-padding{padding:50px 0 0}
.title-h2{position:relative;top:25px;letter-spacing:-1.45rem;z-index:9; text-transform: uppercase;}
.title-h2 span{display:inline-block}
.readmore{background:transparent linear-gradient(206deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box;font-size:16px;line-height:44px;height:44px;width:167px;text-align:center;color:#fff;display:inherit;font-family:'Open Sans',sans-serif;border-radius:5px;transition:all .6s}
.readmore-white{background:#fff;font-size:16px;line-height:35px;height:35px;width:167px;text-align:center;color:#F0152B!important;display:inherit;font-family:'Open Sans',sans-serif;border-radius:5px;text-decoration:none!important;transition:all .6s; cursor: pointer;}
.readmore:hover{color:#fff;text-decoration:none;background:#f9bd62}
.readmore-white:hover{background:#f9bd62;color:#fff!important}
.readmore-text-only{color:#fff;text-decoration:underline;transition:all .6s}
.readmore-text-only:hover{color:#F9BC60}
.view-project-btn{position:absolute;font-size:14px;line-height:50px;color:#fff;font-family:'Open Sans',sans-serif;padding-left:70px;top:10px;right:14%;transform:rotate(90deg);animation:arrow .6s;display:flex;cursor:pointer}
.ico{margin:0 auto;text-align:center;width:50px;height:50px;position:relative;top:0;left:-25px;transform:rotate(-90deg);filter:url(#goo)}
.ico .circle{background:#fff;border-radius:50%;display:inline-block;height:50px;width:50px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transform-origin:0}
.ico .circle.circle-top{height:20px;width:24px;-webkit-animation:blob-1-anim 3s cubic-bezier(0.77,0,0.175,1) infinite;animation:blob-1-anim 3s cubic-bezier(0.77,0,0.175,1) infinite;z-index:0;top:0}
.ico .circle.circle-bottom{height:20px;width:24px;-webkit-animation:blob-2-anim 3s cubic-bezier(0.77,0,0.175,1) infinite;animation:blob-2-anim 3s cubic-bezier(0.77,0,0.175,1) infinite;z-index:9;bottom:0}
.ico .st-arrow{fill:#55544F;-webkit-animation:scrolly 3s cubic-bezier(0.77,0,0.175,1) forwards infinite;animation:scrolly 3s cubic-bezier(0.77,0,0.175,1) forwards infinite;perspective:9000px;transform:translateZ(0);transform-origin:bottom}
.ico .svg{z-index:9;position:absolute;top:0;left:0}
@-webkit-keyframes blob-1-anim {
0%{transform:translateX(-50%) translateY(0)}
14%{transform:translateX(-50%) translateY(-8px)}
24%{transform:translateX(-50%) translateY(0)}
100%{transform:translateX(-50%) translateY(0)}
}
@keyframes blob-1-anim {
0%{transform:translateX(-50%) translateY(0)}
14%{transform:translateX(-50%) translateY(-8px)}
24%{transform:translateX(-50%) translateY(0)}
100%{transform:translateX(-50%) translateY(0)}
}
@-webkit-keyframes blob-2-anim {
0%{transform:scale(1) translate(-50%,10px)}
30%{transform:scale(1) translate(-50%,10px)}
70%{transform:scale(1) translate(-50%,10px)}
95%{transform:scale(1) translate(-50%,26px)}
100%{transform:scale(1) translate(-50%,10px)}
}
@keyframes blob-2-anim {
0%{transform:scale(1) translate(-50%,10px)}
30%{transform:scale(1) translate(-50%,10px)}
70%{transform:scale(1) translate(-50%,10px)}
95%{transform:scale(1) translate(-50%,26px)}
100%{transform:scale(1) translate(-50%,10px)}
}
@-webkit-keyframes scrolly {
0%{transform:translate3d(0,-150%,0) rotateX(90deg) scale(0.5) skewX(3deg)}
30%{transform:translate3d(0,0,0) rotateX(0deg) scale(1) skewX(0deg)}
70%{transform:translate3d(0,0,0) rotateX(0deg) scale(1) skewX(0deg)}
95%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(0.5) skewX(-3deg)}
100%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(0.5) skewX(-3deg)}
}
@keyframes scrolly {
0%{transform:translate3d(0,-150%,0) rotateX(90deg) scale(0.5) skewX(3deg)}
30%{transform:translate3d(0,0,0) rotateX(0deg) scale(1) skewX(0deg)}
70%{transform:translate3d(0,0,0) rotateX(0deg) scale(1) skewX(0deg)}
95%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(0.5) skewX(-3deg)}
100%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(0.5) skewX(-3deg)}
}
.start-header{opacity:1;transform:translateY(0);padding:25px 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.start-header.scroll-on{box-shadow:0 5px 10px 0 rgba(138,155,165,0.15);padding:10px 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.start-header.scroll-on .navbar-brand img{height:24px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.navigation-wrap{position:relative;width:100%;top:0;left:0;z-index:1000;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.navbar{padding:0}
.navbar-brand{padding:0}
.navbar-brand img{height:94px;width:auto;display:block;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.navbar-toggler{float:right;border:none;padding-right:0;cursor:pointer}
.navbar-toggler:active,.navbar-toggler:focus{outline:none}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{background:-webkit-linear-gradient(#660EB2,#F0152B);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-item:after{background:transparent linear-gradient(224deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box}
.navbar-light .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000;transition:all 300ms linear}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000;top:0;left:0;content:'';z-index:2;transition:all 300ms linear}
.navbar-light .navbar-toggler-icon:after{top:8px}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{transform:rotate(45deg)}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{border-color:transparent}
.nav-link{color:#212121!important;font-weight:500;transition:all 200ms linear}
.nav-item:hover .nav-link{color:#8167a9!important}
.nav-item.active .nav-link{color:#777!important}
.nav-link{position:relative;padding:5px 0!important;display:inline-block}
.nav-item:after{position:absolute;bottom:-5px;left:0;width:100%;height:2px;content:'';background-color:#8167a9;opacity:0;transition:all 200ms linear}
.nav-item:hover:after{bottom:0;opacity:1}
.nav-item.active:hover:after{opacity:0}
.nav-item{position:relative;transition:all 200ms linear}
.left-nav-control.nav-control{width:100%;display:flex;width:100%;justify-content:flex-end}
.nav-control li:hover > ul.dropdown-menu{display:block;padding:0;margin:0;background:-webkit-linear-gradient(#660EB2,#F0152B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-radius:0;background-color:#000}
.dropdown-submenu{ position: relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:8rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
#navbarSupportedContent{justify-content:flex-end}
#navbarSupportedContent .nav-item{padding:0!important;white-space:nowrap}
.figure-img{margin-bottom:0;overflow:hidden}
.dropdown-toggle{color:#000}
.dropdown-submenu .dropdown-item{padding:10px 5px; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.02);color: #999; -webkit-text-fill-color:inherit; font-size:14px; line-height:1;}
.dropdown-submenu .dropdown-toggle::after{ right:10px; position: absolute; top:50%;}
.nav-control li:hover > ul.dropdown-menu{-webkit-text-fill-color:inherit; }
.dropdown-submenu .dropdown-item:hover{ background:rgba(155, 155, 155, 1);color: #fff;}

#trivia .container{position:relative}
#trivia .figcaption{max-width:580px;background:transparent linear-gradient(215deg,#660eb2de 0%,#f0152be8 100%) 0 0 no-repeat padding-box;padding:40px 65px 40px 40px;position:absolute;top:-70px;right:0px;color:#fff;max-height:700px;overflow-y:scroll;overflow-x:hidden}
#trivia .figcaption p:last-child{ margin-bottom:0;}
#trivia .figcaption-in{height:100%}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.6);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#f9bd62}
#trivia .title-h2{left:70px;position:relative;z-index:9}
.latest-slider-wrap{display:inline-block;position:relative;max-width:100%;margin:0 auto;z-index:10}
.latest-slider-wrap .slide img{display:block;width:100%}
.latest-slider-wrap .slide h3{margin-bottom:15px;color:#fff}
.latest-slider-wrap .slide h4{margin-bottom:10px;font-size:26px;line-height:36px;color:#fff}
.latest-slider-wrap .slide p{color:#fff;margin-bottom:10px}
.latest-slider-wrap .slide a{text-decoration:underline;color:#fff}
#latest{position:relative;top:0;padding-bottom:70px;z-index:9}
#latest:before{content:'';position:absolute;background:#fff;height:25%;width:58%;top:0;left:0}
#latest:after{content:'';position:absolute;background:#fff;height:20%;width:35%;bottom:0;right:0;z-index:2}
.single-item .slide img{width:100%;-webkit-transition:all 1s cubic-bezier(0.7,0,0.3,1);transition:all 1s cubic-bezier(0.7,0,0.3,1);-webkit-transform:scale(1.05);transform:scale(1.05)}
.single-item .slide.slick-active img{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:cssAnimation 8s 1 ease-in-out forwards;animation:cssAnimation 8s 1 ease-in-out forwards}
@keyframes cssAnimation {
from{-webkit-transform:scale(1) translate(0px)}
to{-webkit-transform:scale(1.05) translate(0px)}
}
@-webkit-keyframes cssAnimation {
from{-webkit-transform:scale(1) translate(0px)}
to{-webkit-transform:scale(1.05) translate(0px)}
}
.slick-arrow{position:absolute;top:137px;transform:translateY(-50%);z-index:10;top:25px;border:none;outline:none;padding:0}

.slick-prev{left:15%;top:55px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.slick-next{left:20%;right:inherit;top:55px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.slick-track{display:flex!important}
.slick-slide{height:inherit!important}
.latest-slider-wrap .figcaption{background:transparent linear-gradient(200deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box;padding:50px 45px 65px 28%;margin:120px 0 75px;max-height:370px;min-height:370px}
.latest-slider-wrap .single-item1 .figcaption{padding:50px 28% 65px 45px;}
.slide-count-wrap, 
.slide-count-wrap1{left:32%;position:absolute;top:40px;color:#CECECE;font-weight:700;font-size:22px;line-height:30px;font-family:'Open Sans',sans-serif}
.slide-count-wrap .current, 
.slide-count-wrap1 .current{color:#000}

.single-item-left .slide-count-wrap1{ right: 32%; left: inherit;}
.single-item-left .slick-prev{right:20%; left: inherit;}
.single-item-left .slick-next{right:15%; left: inherit;}

#interview{padding-bottom:30px}
.padding50{padding:0 50px}
.positionzindex{z-index:9;position:relative}
#in-this-section{background:transparent linear-gradient(211deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box;padding:10px 0;font-size:44px;line-height:1;font-weight:700}
#in-this-section h5{font-weight:400}
.interview-container{position:relative;padding:0 0 50px}
.interview-container:after{content:'';position:absolute;background:#F7F7F7;height:350px;bottom:0;left:0;right:0;z-index:2}
.interview-img .figure-img{margin-bottom:0;overflow:hidden}
.interview-caption{padding:0 100px 0 110px !important;margin:90px 0 0}
.interview-caption p{font-size:22px;line-height:32px;font-family:'Open Sans',sans-serif;font-weight:400;color:#000;margin-bottom:10px}
.interview-caption p.small-txt{font-size:15px;line-height:22px;margin-bottom:15px}
.by-line{font-size:16px;line-height:1;font-weight:700;margin-bottom:24px;display:inline-block}
.start-qoute{position:relative;margin-top:-75px}
.podcast-outer{margin-top:0px}
.small-font10{font-size: 16px!important; margin-top: 15px;}

#LikeWhatYouSaw{text-align:center;padding:70px 0 90px}
.LikeWhatYouSaw-form{padding:0 50px; }
.LikeWhatYouSaw-form .form-group{position:relative;padding-top:20px;margin-bottom:0}
.LikeWhatYouSaw-form .form-group:first-child:last-child{height:100%}
.LikeWhatYouSaw-form .form-group:first-child:last-child .form-control{height:100%}
.LikeWhatYouSaw-form .form-group textarea{resize:none}
.LikeWhatYouSaw-form .col-md-6{margin-bottom:30px}
.LikeWhatYouSaw-form .g-recaptcha{ margin:0 auto 30px;     display: flex; justify-content: center; }
.LikeWhatYouSaw-form label.error{float:left;color:#F0152B;font-size:12px}
.LikeWhatYouSaw-form .form-group .input-highlight{content:"";width:0;height:2px;background:#e03443;position:absolute;display:block;bottom:0;transition:width .4s ease}
.LikeWhatYouSaw-form .form-group label{position:absolute;left:0;top:25px;transition:all .4s ease}
.LikeWhatYouSaw-form .form-group .form-control{border-radius:0;border-width:0 0 2px;padding-left:0;padding-right:0;padding-bottom:15px}
.LikeWhatYouSaw-form .form-group .form-control:focus,.LikeWhatYouSaw-form .form-group .form-control.hasValue{box-shadow:none;border-color:#ced4da}
.LikeWhatYouSaw-form .form-group .form-control:focus ~ .input-highlight,.LikeWhatYouSaw-form .form-group .form-control.hasValue ~ .input-highlight{width:100%}
.LikeWhatYouSaw-form .form-group .form-control:focus ~ label,.LikeWhatYouSaw-form .form-group .form-control.hasValue ~ label{transform:scale(0.7);top:0;left:-15px;font-weight:700;color:#000}
.Subscribe-btn{background:transparent linear-gradient(206deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box;border-radius:5px;height:44px;line-height:44px;padding:0 30px;font-size:18px;color:#fff;border:none;font-family:'Open Sans',sans-serif;transition:all .6s}
.Subscribe-btn:hover{background:#f9bd62;color:#fff}
.LikeWhatYouSaw-form .col-md-6{margin-bottom:30px;}

.LikeWhatYouSaw-form label.error{float:left;color:#F0152B;font-size:12px}

#success-message p{color:rgba(40,167,69,1);text-align:center;position:relative;margin:0 auto}
#podcast{position:relative;z-index:10}
#podcast .title-h2{position:relative;z-index:99}
.podcast-img{max-width:38%;flex:0 0 38%}
.podcast-img .jarallax-keep-img{max-height:570px;position:relative}
.podcast-img .by-line, .by-line{position:absolute;bottom:0;right:0;color:#fff;background:rgba(0,0,0,0.2);padding:5px;margin:0;font-size:12px;line-height:14px}
.by-line.left-side{ right:inherit !important;  left: 0 !important;}
.podcast-caption{max-width:62%;flex:0 0 62%;padding:100px 50px 50px!important;position:relative;background:transparent linear-gradient(212deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box; min-height:500px;}
.podcast-caption:before{content:'';position:absolute;background:url(../image/headphones.png) no-repeat;width:432px;height:449px;top:0;right:30px;background-position:top 0px right 0px;animation:bounce 1.5s linear .6s infinite alternate ; background-size:auto;}
@keyframes bounce {
0%{transform:translateY(15px)};
100%{transform:translateY(55px)}
}
#podcast .title-h2{color:rgba(0,0,0,0.14);top:0}
.podcast-figcaption{max-width:555px; color:#fff}
.podcast-figcaption h3,.podcast-figcaption h5{margin-bottom:20px;font-weight:700}
.podcast-figcaption p{font-weight:400}
.podcast-video{margin-top:35px}
#podcast h6{font-family:'Open Sans',sans-serif;font-weight:400}
#case-studies{padding-bottom:155px;background:url(../image/dot-bg.png) no-repeat;background-position:left ;right:0;top:0px;background-repeat:repeat-y;position:relative;  }
.mb-top{margin-top:220px!important;}
#case-studies h2.title-h2{line-height:110px;position:absolute;top:28%;left:48%}
#case-studies li{position:relative}
#case-studies li:not(:last-child):after{content:'';position:absolute;height:100%;width:1px;background:#F9BC60;right:7px;top:0;opacity:.5}
#case-studies figure{position:relative}
#case-studies figcaption h3{line-height:52px;margin-bottom:30px; max-width:560px;}
#case-studies figcaption{position:absolute;bottom:-160px;right:0;width:55%;background:transparent linear-gradient(215deg,#660EB2 0%,#F0152B 100%) 0 0 no-repeat padding-box;padding:80px 45px 50px;margin-top:100px}
#case-studies figcaption h5{margin-bottom:10px}
#case-studies ul li p{margin-bottom:0;line-height:20px}
#case-studies a{color:#fff}
#case-studies a:hover{color:#fff}
#interview,#trivia,#latest,#podcast, #dialogues-gallery,#buzzfeed{background:url(../image/dot-bg.png) no-repeat;background-position:left;  left:0;top:120px;background-repeat:repeat-y}
#trivia{padding:20px 0 0}
#about-us{margin-bottom:60px}
#about-us .about-right{padding:0 10% 30px}
#about-us .about-left{position:relative;max-height:725px;top:-100px;z-index:99}
#about-us .about-left .jarallax-keep-img{z-index:99}
#about-us .about-left .jarallax-keep-img:nth-of-type(1){position:relative;right:0;top:0}
#about-us .about-left .jarallax-keep-img:nth-of-type(2){position:relative;left:-60px;top:-60px}
#about-us .about-left .jarallax-keep-img:nth-of-type(3){position:absolute;right:0;bottom:0}
#about-us .title-h2{top:0}
.about-right h5{font-family:'Open Sans',sans-serif;font-weight:600;font-size:28px;line-height:40px}
#about-us:before{content:'';position:absolute;background:url(../image/dot-bg.png) no-repeat;background-position:right top 10px;right:0;bottom:-60px;background-repeat:repeat-y;width:100%;height:60px;z-index:1}
#about-us:after{content:'';position:absolute;background:url(../image/dot-bg.png) no-repeat;background-position:right top 10px;right:0;top:0;background-repeat:repeat-y;width:42%;height:50%;z-index:1;background-color:#fff}
#about-us .title-h2:before{content:'';position:absolute;background:url(../image/dot-bg.png) no-repeat;background-position:right top 10px;right:0;top:-125px;background-repeat:repeat-y;width:55%;height:60px;z-index:1}
.video-container{min-height:420px;top:0;z-index:99;overflow:hidden;position:relative;width:120%;margin-left:-20%;max-height:420px}
.video-container::after{padding-top:56.25%;display:block;content:''}
.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.about-left h4{max-width:inherit;margin:0 0 0 auto;background:rgba(0,0,0,0.7);color:#fff;position:absolute;top:-30px;padding:10px 20px;z-index:999;line-height:30px;right:0}
.audio-btn{border:none;outline:none;background:transparent;height:30px;width:30px;background-size:cover;display:inline-block;position:absolute;right:10px;bottom:-40px;z-index:99;padding:5px}
.mute{background-image:url(../image/mute-icon.png)}
.unmute{background-image:url(../image/unmute-icon.png)}
#interview-page{position:relative;padding:30px 0}
#interview-page:before{content:'';position:absolute;background:url(../image/dot-bg-gray.png) no-repeat;height:64%;width:72%;right:0;top:0;z-index:1;background-position:top right;opacity:.6}
.more-detail{max-width:640px;margin:80px auto 0;position:relative;z-index:9}
.more-detail .blockquote-left{max-width:50%;margin-right:20px}
.more-detail .blockquote-right{max-width:50%;margin-left:20px}
.more-detail .blockquote-right .qoute-img{float:left;margin-right:20px}
.more-detail blockquote{font-size:16px;line-height:22px}
.interview-page-container{margin:60px 0 0}
.interview-page-container .figure-img{max-width:45%;z-index:2}
.interview-page-container figcaption{max-width:74%;background:#fff;padding:85px 50px 50px 195px;margin-top:-85px;position:absolute;right:0;z-index:1}
.interview-page-container figcaption p{color:#767676;font-size:20px;line-height:27px}
.interview-page-container figcaption h4{line-height:40px}
.other-article-list,.other-article-list ul li{position:relative}
.other-article-list{background:#f1f1f1;padding:20px 0 30px}
.other-article-list:before{content:'';position:absolute;top:0;width:100%;height:155px;background:#fff}
.other-article-list ul li::before{content:'';position:absolute;background-color:#F9BC60;height:160px;width:2px;right:-75%}
.other-article-list ul li:last-child::before{display:none}
.other-article-list ul h5{font-size:18px;font-weight:900}
.other-article-list ul p{font-size:16px;font-weight:700;color:#131313}
.other-article-list a{text-decoration:none;display:block}
.highlightbox{background:rgba(0,0,0,0.15);padding:20px;color:#1f1f1f;margin-bottom:20px}
.highlightbox-left{float:left;max-width:50%;margin-right:20px}
.highlightbox-right{float:right;max-width:50%;margin-left:20px}
.Question-answer-outer{padding:40px 0}
.question-answer-row{margin:0 -30px;display:-ms-flexbox;display:flex}
.question-answer-col{padding:0 30px}
.question-part{flex:0 0 33.33%;max-width:33.33%}
.answer-part{flex:0 0 66.67%;max-width:66.67%;position:relative}
.question-answer-col .title{font-size:55px;line-height:75px;font-weight:900;display:block;color:rgba(249,188,96,0.40)}
.question-answer-row{padding-top:60px;position:relative}
.question-part{font-size:24px;line-height:33px;color:#131313;font-weight:900;position:relative}
.question-part:after{content:'';position:absolute;top:0;background-color:#F9BC60;height:160px;width:2px;right:0}
.question-part .title{margin-top:-55px;line-height:55px;margin-bottom:5px}
.answer-part p:first-child .title{position:relative;top:0;left:0;float:left;margin-right:10px;display:inherit}
.answer-part .title{font-size:55px;line-height:55px;float:left}
.blockquote-right{max-width:260px;position:relative;margin-left:20px;margin-bottom:20px}
.blockquote-right .qoute-img{display:block;margin-bottom:10px}
blockquote{font-size:18px;line-height:24px;color:#409ED1}
.blockquote-full{padding-left:126px;position:relative;padding-top:40px}
.qoute-img{height:84px;width:98px}
.blockquote-full .qoute-img{position:absolute;left:0;top:0}
.podcast-video-wrap .video {top:50px;}
.podcast-video-outer.podcast-outer {margin-top: -140px;}
.podcast-video-wrap .vid-wrap {height: 340px;}
.interlink a{color: #fff; text-decoration: none;}
.interlink a:hover{color:#d9d9d9;}
.left,
.right {
  display: inline-flex;
  position: relative;
  width: 30px;
  height: 12px;
  cursor: pointer;
  margin-top: -15px;
  /* before будет линиями*/
  /* after будет углом стрелки*/
}
.left:before, .left:after,
.right:before,
.right:after {
  content: "";
  position: absolute;
}
.left:before,
.right:before {
  border-top: 2px solid #000;
  /*background-color: $blk;*/
  width: 20px;
  /*height: 4px;*/
  top: 5px;
}
.left:after,
.right:after {
  width: 10px;
  height: 10px;
  top: 1px;
}
.left.left:after,
.right.left:after {
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  transform: rotate(-45deg);
  left: 0;
}
.left.right:after,
.right.right:after {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  right: 0;
}

/****/
.single-item.single-item-left .slick-next{ left:inherit; right:20%;}
.single-item.single-item-left .slick-prev{ left:inherit; right:40%;}
.latest-slider-wrap  .single-item.single-item-left .figcaption{ padding:50px 28% 65px 45px;}
.latest-slider-wrap  .single-item.single-item-left .slide-count-wrap{right:40%; left:inherit;}

.multiColor{background: -webkit-linear-gradient(#660EB2, #F0152B); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/**dialogues-gallery**/
#dialogues-gallery .gallery-caption{ background: -webkit-linear-gradient(#660EB2, #F0152B);min-height:500px; display: flex; flex-wrap: wrap; align-items: center; padding: 50px 30px 50px 150px;}
#dialogues-gallery .gallery-caption-in{ color: #fff;}
#dialogues-gallery .slider{position:relative;z-index:200;padding:0;margin:0rem auto;max-width:100%;width:100%}
#dialogues-gallery .slick-list{ padding: 0 !important;}
#dialogues-gallery .slick-arrow{position:absolute;top:50%;width:40px;height:50px;line-height:50px;margin-top:-25px;border:none;background:transparent;color:#fff;font-family:monospace;font-size:5rem;z-index:300;outline:none}
#dialogues-gallery .slick-prev{left:-50px;text-align:left}
#dialogues-gallery .slick-next{right:-50px;text-align:right}
#dialogues-gallery .item.slick-slide{width:400px;height:400px!important;transition:transform .4s;position:relative}
#dialogues-gallery .slick-slide:after{content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:transform .4s}
#dialogues-gallery .item.slick-slide{transform:scale(0.7) translate(640px)}
#dialogues-gallery .item.slick-slide.slick-center + .slick-slide{transform:scale(0.8) translate(-250px);z-index:10}
#dialogues-gallery .item.slick-slide.slick-center + .slick-slide + .item.slick-slide{transform:scale(0.7) translate(-640px);z-index:5}
#dialogues-gallery .item.slick-slide.slick-active{transform:scale(0.8) translate(250px)}
#dialogues-gallery .item.slick-slide.slick-center{transform:scale(1);z-index:30}
#dialogues-gallery .slick-center:after{opacity:0}

.pointevent-default{ pointer-events: none;}
 
@media all and (max-width:1080px) {
.title-h2{font-size:115px;letter-spacing:-1rem}
.interview-caption{padding:0 25px!important}
.podcast-img,.podcast-caption{max-width:100%;flex:0 0 100%}
#trivia .figcaption{position:relative;right:-85%;top:inherit;left:inherit;transform:translateX(-85%);max-height:100vw;max-width:inherit;padding:40px}
#trivia .jarallax{min-height:480px}
.latest-slider-wrap{margin-top:25px}
.latest-slider-wrap .col-md-6{max-width:100%;flex:0 0 100%}
.slick-arrow{top:calc(78vw);left:inherit}


.slide-count-wrap, .single-item-left .slide-count-wrap1{top:35px;right:60px;left:inherit}
.single-item-left .slide-count-wrap1{ top: 12px;}
.latest-slider-wrap .figcaption{padding:50px 45px 65px;margin:0 0 75px}
.latest-slider-wrap .jarallax-keep-img{max-width:calc(100vw);margin:0 auto}
.latest-slider-wrap .slick-list{overflow:visible}
#case-studies{padding-bottom:125px}
#case-studies figcaption{position:relative;width:90%;left:10%;right:0;bottom:inherit;margin-top:-30px;padding:35px 30px}
#case-studies figcaption h2{margin-top:0;font-size:80px;line-height:65px;top:0;margin-left:-35px}
#case-studies figure .jarallax-keep-img img{min-height:calc(100vw);max-width:calc(200vw);width:auto}
.LikeWhatYouSaw-form .col-md-6{margin-bottom:30px!important}
.LikeWhatYouSaw-form .form-group{padding-top:20px}
}

@media all and (max-width:1024px) {
	.slick-arrow{top:calc(76.5vw);}
}

@media all and (max-width:990px) {
#about-us .about-left,#about-us .about-right{max-width:100%;flex:0 0 100%}
#about-us .about-left{max-height:inherit;margin-top:0;top:0}
#about-us .about-right{padding:0 20px 40px;margin-top:20px}
.video-container{min-height:calc(100vw - 50vw);width:100%;margin-left:0}
.video-container iframe,.video-container video{object-fit:fill}
.interview-page-container figure{flex-wrap:wrap}
.interview-page-container figcaption,.interview-page-container .figure-img{max-width:100%}
.interview-page-container figcaption{position:relative;padding:100px 30px 25px;}

.dropdown-menu{ left: inherit; right: 0;}
.dropdown-submenu>.dropdown-menu{ left:-100%; right: inherit;}

#trivia .jarallax .jarallax-img{ object-position:0 50% !important; }
.left-nav-control.nav-control{ position: relative; right:40px; width: inherit;}

.navbar-brand img{ height: 70px; }
.left-nav-control.nav-control{justify-content: end; width: auto; right: 0; position: inherit;}

}

@media all and (max-width:767px) {
#body{padding-bottom:0}
#footer{height:auto;position:relative}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding-left:20px;padding-right:20px}
#navbarSupportedContent{margin-top:10px;}

#navbarSupportedContent .navbar-nav{padding:10px 0 0!important}
.title-h2{font-size:65px;letter-spacing:-.6rem;z-index:100}
.interview-caption{padding:0!important}
.interview-container .positionzindex{padding:0 20px}
.view-project-btn{right:-50px}
#trivia{position:relative;z-index:99}
#trivia .title-h2{left:0}
#trivia .figcaption{padding:30px;bottom:-30px;position:absolute;transform:inherit;right:0;left:30px}
#trivia .container{position:unset;height:100%}
#trivia .by-line.left-side{right: 0!important;left: inherit !important; bottom:-55px; color:#000;}
.podcast-outer{margin-top:0}
#podcast .title-h2{color:rgba(0,0,0,0.3)}
#podcast .podcast-caption{padding:30px 30px 30px!important}
#podcast .podcast-caption:before{background-position:right 0 bottom 30px;background-size:150px 150px}
.case-studies{padding-bottom:80px}
#case-studies{padding-bottom:30px}
.slide-count-wrap{top:12px}
#about-us .about-left .jarallax-keep-img:nth-of-type(2){position:relative;left:0;top:-50px;z-index:100}
#about-us .about-left .jarallax-keep-img:nth-of-type(3){bottom:90px;position:relative}
#about-us:after{height:12%}
.about-right h5{font-size:24px;line-height:30px}
.highlightbox-left,.highlightbox-right{float:none;max-width:100%;margin:0 0 20px}
#LikeWhatYouSaw{padding:0 0 50px}
#LikeWhatYouSaw br{display:none}
.LikeWhatYouSaw-form{padding:0}
.navbar-toggler{position:absolute;right:0;top:15px}
.navbar-brand{max-width:200px}
.navbar-brand img{width:100%;height:auto}
h2{font-size:65px;line-height:1;font-weight:600;color:rgba(0,0,0,0.14);margin-bottom:0}
h3{font-size:34px;line-height:40px;font-weight:600}
h4{font-size:30px;line-height:44px;font-weight:600}
h5{font-size:22px;line-height:1;font-weight:600}
h6{font-size:20px;line-height:1;font-weight:600}
.interview-page-container figure{flex-wrap:wrap}
.left-nav-control.nav-control{ width: inherit; right: 40px; position: relative;}
.interview-page-container .figure-img,.interview-page-container figcaption{max-width:100%;padding:20px;position:relative;margin-top:0;right:0;left:0}
.interview-page-container .figure-img{padding:0}
.interview-page-container figcaption h4{line-height:32px;font-size:26px}
.interview-page-container figcaption p{font-size:18px;line-height:24px}
.interview-page-container{margin:10px 0 0}
.more-detail{margin-top:40px}
.picture-grid-outer .img-outer{margin-bottom:15px}
.Question-answer-outer{padding:40px 0 0}
.question-answer-row{flex-wrap:wrap;margin:0 -15px}
.question-part,.answer-part{flex:0 0 100%;max-width:100%}
.question-part{margin-bottom:20px}
.question-part:after{display:none}
.question-answer-col{padding:0 15px}
.question-part{font-size:20px;line-height:26px}
.question-answer-col .title,.answer-part .title{font-size:45px;line-height:45px}
.blockquote-right{max-width:50%}
.blockquote-full{padding-left:0;position:relative;padding-top:70px}
.blockquote-full .qoute-img{position:absolute;left:0;top:0}
.qoute-img{height:60px;width:70px}
.other-article-list ul{flex-wrap:wrap}
.other-article-list ul li{padding-bottom:20px;margin-bottom:20px}
.other-article-list ul li p{margin-bottom:0}
.other-article-list ul li::before{content:'';position:absolute;background-color:#F9BC60;width:160px;height:2px;right:0;left:50%;transform:translateX(-50%);top:100%}
#latest{padding-bottom:0}
#case-studies h2.title-h2{line-height:60px;position:relative;top:20px;left:20px}
#case-studies{padding-bottom:30px}
#case-studies li:not(:last-child):after{height:1px;width:100%;top:inherit;bottom:-15px;right:0;left:0}
#case-studies li p{margin-bottom:0}
#case-studies li{margin-bottom:30px}
.latest-slider-wrap .figcaption{max-height:inherit;margin-bottom:0}
.latest-slider-wrap .single-item1 .figcaption {padding: 50px 45px;}

.podcast-video-outer .readmore-white{ display: none;}

.single-item1{ margin-top: 30px;}

#case-studies figcaption h3{ padding-right:20px; line-height: 42px;}
}
body.loaded{overflow-y:auto;position:relative;overflow-x:hidden}
.overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000000}
.overlay-loader .overlayDoor:before,.overlay-loader .overlayDoor:after{content:"";position:absolute;width:50%;height:100%;background:#fafafa;-webkit-transition:.5s cubic-bezier(0.77,0,0.18,1);-moz-transition:.5s cubic-bezier(0.77,0,0.18,1);-o-transition:.5s cubic-bezier(0.77,0,0.18,1);-ms-transition:.5s cubic-bezier(0.77,0,0.18,1);transition:.5s cubic-bezier(0.77,0,0.18,1);-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;-ms-transition-delay:.8s;transition-delay:.8s}
.overlay-loader .overlayDoor:before{left:0}
.overlay-loader .overlayDoor:after{right:0}
.overlay-loader.loaded .overlayDoor:before{left:-50%}
.overlay-loader.loaded .overlayDoor:after{right:-50%}
.overlay-loader.loaded .overlayContent{opacity:0;margin-top:-15px}
.overlay-loader .overlayContent{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transition:.5s cubic-bezier(0.77,0,0.18,1);-moz-transition:.5s cubic-bezier(0.77,0,0.18,1);-o-transition:.5s cubic-bezier(0.77,0,0.18,1);-ms-transition:.5s cubic-bezier(0.77,0,0.18,1);transition:.5s cubic-bezier(0.77,0,0.18,1)}
.loader{width:130px;height:130px;background-position:center center;background-size:cover;position:relative;-webkit-animation:bounce2 2s ease infinite;-moz-animation:bounce2 2s ease infinite;-o-animation:bounce2 2s ease infinite;animation:bounce2 2s ease infinite;display:flex;justify-content:center;align-items:center}
@-webkit-keyframes bounce2 {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@-moz-keyframes bounce2 {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@-o-keyframes bounce2 {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@keyframes bounce2 {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@-webkit-keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@-moz-keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@-o-keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner {
0%{transform:rotate(0deg)}
100%{transform:rotate(-720deg)}
}
@-moz-keyframes spinInner {
0%{transform:rotate(0deg)}
100%{transform:rotate(-720deg)}
}
@-o-keyframes spinInner {
0%{transform:rotate(0deg)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner {
0%{transform:rotate(0deg)}
100%{transform:rotate(-720deg)}
}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #1968b3;border-top-color:#d2f9eb;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;-moz-animation:animate-preloader 1s linear infinite;-o-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}
@-webkit-keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@-moz-keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@-o-keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}


.aside {
	position: fixed;
	width: 40%;
	}
	.video {
	position:relative;
	top: 0;
	right: 0;
	width: 100%;
	transition: .5s;
	z-index: 5;
	}
	.vid-wrap {
	height: 480px;
	background-color: hsl(0,0%,10%);
	transition: .5s;
	}
.vid-wrap > iframe, .vid-wrap > video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	max-width: 854px;
	 
	}
.aside .vid-wrap {
	height: 240px;
	}

	@media screen and (max-width: 767px) {.podcast-video-outer.podcast-outer {margin-top: 20px;}.podcast-video-wrap .video {top: 0; position: relative;}.podcast-video-wrap .vid-wrap {height: calc(100vw - 44vw);}}
	@media screen and (min-width: 768px) and (max-width: 1023px) {.podcast-video-outer.podcast-outer {margin-top: 20px;}.podcast-video-wrap .video {top: 0; position: relative;}.podcast-video-wrap .vid-wrap {height: calc(100vw - 44vw);}}
	@media only screen and (min-width: 1024px) and (max-width: 1080px) {.podcast-video-outer.podcast-outer {margin-top: 20px;}.podcast-video-wrap .video {top: 0; position: relative;}.podcast-video-wrap .vid-wrap {height: 475px;}}
	@media only screen and (min-width: 375px) and (max-width: 384px) {}
	@media only screen and (min-width: 360px) and (max-width: 374px) {}
	@media only screen and (min-width: 390px) and (max-width: 410px) {}
	@media only screen and (min-width: 400px) and (max-width: 650px) {}
 

/**NEW **/
.dropdown-submenu>.dropdown-menu {overflow: hidden;}
.new-badge-icon {position: absolute;top: -1px;right: 0;}
.new-badge-icon img {height: 38px;}
.monthissue-text {font-size: 12px;line-height: 16px;color: #000;position: absolute;left: 0px;bottom: -20px;text-transform: uppercase;}
.row-center {justify-content: center;}
@media screen and (max-width: 767px) {
	.monthissue-text{bottom: -21px;left: 0;}
}