@font-face {
  font-family: 'MADE SAONARA';
  src: url('../fonts/MADESAONARA.woff2') format('woff2'),
      url('../fonts/MADESAONARA.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Light.woff2') format('woff2'),
      url('../fonts/Nunito-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
      url('../fonts/Nunito-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Bold.woff2') format('woff2'),
      url('../fonts/Nunito-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



body { background:#28315A;  margin:0px; padding:0px;}



.loader-section {
   display: flex;
     flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: space-between; height:100vh;

}
.loader-section img{margin-bottom:3%;}
.loader-section h1{ font-size:80px; font-family: 'MADE SAONARA'; font-weight:400; color:#fff; text-transform:uppercase; text-align:center;}

.progress-container {
  width: 300px;
  text-align: center;
}
.progress2:after {
  content: "";
  position: absolute;
  width:95%;
  height: 7px;
  background: #D7DFFF;
  border-radius: 5px;
  /* left: 6px; */
  left: 0;
  right: 0;
  margin: auto;
  top: 6px;
  z-index: -1;
}

.progress2 {
  padding: 6px;
  position:relative;
}
.home-icon {
    position: absolute;
    right: 25px;
    z-index: 999;
    top: 25px; cursor:pointer;
	padding: 5px;
    display: inline-table;background: #28315a; border-radius:8px;
}
.home-icon:hover{background:#30408A;}
.home-icon img { width: 25px;
    height: 25px;}

.progress-bar2 {
  height: 7px;
  border-radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
  width: 100%;
  background-color: #58618a;
  animation: progressAnimation 6s;
}

@keyframes progressAnimation {
  0% {
    width: 5%;
    background-color: #58618a;
  }
  100% {
    width: 100%;
    background-color: #58618a;
  }
}

.home-screen-wrap .item img:hover{margin-left:30px;transition: 0.4s margin;}

.back-arrow.top-0{top:0px;}
.back-arrow{
 background: url(../images/back-arrow.png) no-repeat  15% center;
  width:95px;
  height:30px;
  cursor: pointer;
  display: inline-table;
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 1;
  transition: background-position 0.5s;
    font-family: 'Nunito';
	color:#fff;
	padding: 5px 10px 5px 45px;
	border: 1px solid #fff;
	border-radius:5px;

}

.back-arrow:hover{
color:#fff;
text-decoration:none;
  background-position:4%;
}

.d-fix {
    background-position: 5px center;
    position: fixed !important;
    background-color: #28315a;
    width: 100px;
    display: inline-table;
    border-radius: 5px;z-index: 99;
}
.main {
  /* top: 50%;
  left: 50%; */
  display: flex;
  /* transform: translate(-50%, -50%);  */
  margin-top:5%;
}

.main div {
  margin: 2px;
  width: 5px;
  height: 5px;
  background-color: #58618A;
  border-radius: 50%;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
}

.one {
  animation-name: load-one;
}

@keyframes load-one {
  30% {
     transform: translateY(-50%);
  }
}

.two {
  animation-name: load-two;
}

@keyframes load-two {
  50% {
     transform: translateY(-50%);
  }
}

.three {
  animation-name: load-three;
}

@keyframes load-three {
  70% {
     transform: translateY(-50%);
  }
}





.home-screen{position:relative;}

.home-screen-wrap {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: space-around;
    flex-direction: row;
    background: #898989;
}
.home-screen-wrap .owl-dot.active{
  background: #fff;
}
.home-screen-wrap.owl-carousel{ display: flex;}
.home-screen-wrap  .item {
	cursor:pointer;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	position:relative;
	transition: width 1s;
}
.home-screen-wrap.owl-carousel .item:hover{width:180%;}

.home-screen-wrap .item:after{
	content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgb(40 49 90 / 90%);
    z-index: 1;
}

.home-screen-wrap .item:before{
	display:none;
	content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg-logo.png) no-repeat center;
	background-size: 70%;
    z-index: 2;
}

.home-screen-wrap .item h2 {
    position: relative;text-transform: uppercase;
    z-index: 99;
    color: #fff;
}
.home-screen-wrap .item h2{  font-family: 'MADE SAONARA'; font-size:60px; text-align:center; color:#fff; font-weight:400;   transition:font-size 1s;
     -moz-transition:font-size 1s; /* Firefox 4 */
     -webkit-transition:font-size 1s; /* Safari and Chrome */
     -o-transition:font-size 1s;}
.home-screen-wrap.owl-carousel .item img{width:80px; display:none;}
.home-screen-wrap .item:hover img{ display:block;position: relative;    z-index: 99;}
.home-screen-wrap .item:hover h2{font-size:100px;}

.c1{background: url(../images/home-screen-1.jpg) no-repeat center;}
.c2{background: url(../images/home-screen-2.png) no-repeat center;}
.c3{background: url(../images/home-screen-3.png) no-repeat center;}
.home-screen-wrap .item:hover {    background-size: cover;}
.home-screen-wrap .item:hover:after{  background:rgb(40 49 90 / 60%);}
.home-screen-wrap .item:hover:before{display:block;}



.our-leaders-wrap {
    width: 100%;
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;overflow-y:scroll;
    align-items: center;
}
.our-leaders-wrap:before {
    content: "";
    width: 40%;
    height: 70%;
    position: absolute;
    right: -10%;
    max-width: 650px;
    top: -25%;
    z-index: 1;
    background: url(../images/bg-logo.png) no-repeat 90%;
    background-size: contain;
    opacity: 0.3;
}

.our-leaders-wrap:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    bottom: 10%;
    height: 60%;
    z-index: 1;
    background: rgb(255 255 255 / 15%);
}

.our-leaders.owl-carousel:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -10%;
    max-width: 650px;
    top: -55%;
    z-index: 1;
    background: url(../images/bg-logo.png) no-repeat 100%;
    background-size: contain;
    opacity: 0.3;
}


.item.leaders {
    padding: 10% 12%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-around;
}
.logo-main p{ margin-top:10px;line-height: 16px;}
.our-leaders-wrap .owl-carousel .owl-item img {
    border-radius: 50%;
    width: 250px;
    padding: 10px;
    border: 1px solid rgb(255 255 255 / 20%);
    box-sizing: border-box;
}
.our-leaders-wrap .owl-carousel .owl-item h2{font-family: 'MADE SAONARA'; font-size:40px; text-align:center; color:#fff; font-weight:400;    margin: 15px 0px 4px 0px;}

.our-leaders-wrap .owl-carousel .owl-item span{  font-family: 'Nunito';font-size:20px; text-align:center; color:#fff; font-weight:300; margin-bottom: 30px; }
.our-leaders-wrap .owl-carousel .owl-item p{font-family: 'Nunito';font-size:16px; line-height:25px; text-align:center; color:#fff; font-weight:300;max-width: 670px; min-height:100px;}

.our-leaders-wrap .owl-carousel .owl-item a {
    color: #fff;
    text-decoration: none;
    border: 2px solid #ffffffb0;
    padding: 15px 100px 15px 25px;
    border-radius: 15px;
    font-size: 17px;
    font-family: 'Nunito';
    font-weight: 300;
    background: url(../images/s-arrow.png) no-repeat 90%;
    background-size: 12%;
    margin-top: 25px;transition:background-position 0.5s;
}
.our-leaders-wrap .owl-carousel .owl-item a:hover{background: url(../images/s-arrow.png) no-repeat 95%; background-size: 12%;}


.logo-section {
    position: absolute;
    top: 20px;
    width: 100%;
    left: 0;
    z-index: 99;
}

.text-module{text-transform:uppercase; display:none;}

svg #module-1:hover  #Group_19989{display:block !important;}
svg #module-2:hover  #Group_1985{display:block !important;}
svg #module-3:hover  #Group_1984{display:block !important;}
svg #module-4:hover  #Group_1988{display:block !important;}
svg #module-5:hover  #Group_1987{display:block !important;}
svg #module-6:hover  #Group_1999{display:block !important;}
svg #module-7:hover  #Group_1994{display:block !important;}
svg #module-8:hover  #Group_1990{display:block !important;}
svg #module-9:hover  #Group_1998{display:block !important;}
svg #module-10:hover  #Group_1991{display:block !important;}
svg #module-12:hover  #Group_1996{display:block !important;}
svg #module-13:hover  #Group_1997{display:block !important;}
svg #module-14:hover  #Group_1989{display:block !important;}
svg #module-16:hover  #Group_1992{display:block !important;}
svg #module-24:hover  #Group_1993{display:block !important;}
svg #module-25:hover  #Group_1995{display:block !important;}
svg #_x31__8_:hover  #Group_1986{display:block !important;}

.main_wrapper{
	opacity:0;
  overflow:hidden;
  width:100%;
  height:100vh;
 background: #fff url(../images/map-bg.png) no-repeat left;
 background-size: cover;
}

.main_wrapper svg{cursor: move; width:90%; min-width:1000px;    margin: 0 auto;
    display: block;}
.outerDiv {
	  width:100%;  height:80vh;
	  overflow: hidden;  margin-top:150px;
    background-size: cover;
	}

	.innerDiv { width: 100%;}

	.image-setter{ position:relative;}

svg text {font-family: 'Nunito'; font-size:12px; text-align:center; color:#fff; font-weight:300;}

#Group_1998, #Group_19989, #Group_1997, #Group_1996, #Group_1995, #Group_1996, #Group_1991, #Group_1992, #Group_1999,
#Group_1984, #Group_1985 , #Group_1986 , #Group_1987, #Group_1990, #Group_1988, #Group_1989, #Group_1993, #Group_1994
{
	display:none;
}


.module{cursor:pointer;}

.slide-main-content-area.map {
    background: #F0F4FD !important;
}
.slide-main-content-area.map .close-button {
    background: url(../images/blue-close.png) no-repeat center center;
}
.slide-main-content-area.map h2 {
    text-transform: uppercase;
    margin: 0 auto 10% auto;
    font-weight: 600;
    width: 60%;
    text-align: center;
}
.slide-main-content-area.map h2,.slide-main-content-area.map h3, .slide-main-content-area.map p{ color:#28315A;}


.scroll-area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background: #485FA4 !important; }
.scroll-area .mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail{ width: 6px; background: #E4E7EF; }
.back-arrow.blue{    background: url(../images/blue-arrow.png) no-repeat left center;color:#28315a; }


.scroll-area .row:nth-child(even) {
	text-align:right;
}
.scroll-area .row img{margin-top:20%; margin-bottom:5%;}
.scroll-area .row a {
    margin-top: 5%;
    margin-bottom: 20%;
    padding-right: 50px;
    color: #28315a;
    text-decoration: none;text-transform: capitalize;
    background: url(../images/blue-arrow-2.png) no-repeat 90% center;
    background-size: 27px;
    display: inline-block;
}
 .scroll-area hr {border-top: 2px solid #28315a;}
 .scroll-area .row a:hover{background: url(../images/blue-arrow-2.png) no-repeat 100% center;  background-size: 27px;}
.slide-main{width: auto; z-index:1110;}
.overlay{position:fixed;width:100%; height:100%; background: rgba(30,38,77,0.7); z-index:2; display:none;    top: 0;
    left: 0; }

	.drag-view {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(30,38,77,0.7);
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
}
.drag-view p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
}








@media only screen and (min-width:1500px) and (max-width:3000px) {
	.logo-section{    top: 20px}

}

@media screen and (max-width: 950px) {
	.leader-home-top{
    padding-top: 20px}
	.logo-main p{ margin-top:10px; font-size:12px; line-height: 16px;}
	.home-screen-wrap:after {
    content: "Swipe right to explore other sections";
    width: 50%;
    height: auto;
    position: absolute;
    bottom: 82px;
    z-index: 99;
    font-size: 12px;
    color: #a6a6a6;
    transform: translate(50%, 50%);
    text-align: center;
}
	.owl-dots {
    position: absolute;
    z-index: 99;
    bottom: 22px;
    transform: translate(50%, 50%);
    width: 50%;
    text-align: center;
}
.our-leaders .owl-dot.active{
  background: #fff;
}
	.our-leaders-wrap .owl-carousel .owl-item h2{min-height:100px;}
	.home-screen-wrap .item h2{font-size:60px;}
	.home-screen-wrap .item:hover h2{font-size:80px;}
.loader-section h1{ font-size:40px;}
	.outerDiv {
    width: 100%;
    height: 80vh;
    overflow: auto;
    margin-top: 125px;
    background-size: cover;
}
.logo-main .logo img {
    width: 150px;
}

}


@media screen and (max-width: 600px) {
.back-arrow {

    width: 78px;
    height: 30px;
    padding: 5px 5px 5px 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 12px;
    background-size: 17px;
}
  .our-leaders-wrap .owl-carousel .owl-item p{
    font-size: 15px;
    line-height: 25px;
  }
	.logo-section{    top: 30px}

.item.leaders {
    margin-top: 294px;
}
.scroll-area .mCSB_container .col-6	{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
	.back-arrow{left: 7px;    top: 30px;}
	.outerDiv {
    width: 100%;
    height: 90vh;
    overflow: auto;
    margin-top: 200px;
    background-size: cover;
}
.our-leaders-wrap .owl-carousel .owl-item h2{min-height:50px;}
.our-leaders-wrap .owl-carousel .owl-item h2.head-breaker{width: 183px;}
.our-leaders-wrap:after{ display:none;}
.home-screen-wrap.owl-carousel .item:hover{width:100%;}
.home-screen-wrap .item:hover{ background-size:cover;}
.home-screen-wrap .item h2{font-size:50px;}
.home-screen-wrap .item:hover h2{font-size:55px;}
.loader-section h1{ font-size:40px;}
.c3,.c2,.c1{ background-size:cover;}
}

@media only screen and (min-height:1080px) and (max-height: 2000px) {
	.c3,.c2,.c1{ background-size:cover;}
}
@media only screen and (max-height: 415px){
  .item.leaders {
    margin-top: 612px;
  }
}