*{
    position: relative;
    box-sizing: border-box;
    /* font-size: 0; */
}
html, body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: proxima-nova, sans-serif;
    background-color:rgba(0,61,121,0.5);
}

a{
    text-decoration: none;
    color: current;
}
*:focus{
    outline: none;
}
#mainContent{
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.header{
    padding: 1.4vw 2vw;
    background-color: #FFFFFF;
    z-index: 999;
    display: none;
}
/* .header .side-menu{
    width:1.45vw;
    height: 1.04vw;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.header .side-menu i{
    width: 100%;
    height: 0.2vw;
    background-color: #00B392;
    border-radius: 5px;
    position: absolute;
    top:0;
    left:0;
    right: 0;
}
.header .side-menu i:nth-child(2){
    top: 0.44vw;
}
.header .side-menu i:nth-child(3){
    top: 0.9vw;
} */

/* hamburger */

.header .side-menu{
    display: inline-block;
    vertical-align: middle;
    width: 2%;
    height: 1.6vw;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
.header .side-menu span{
    display: block;
    position: absolute;
    height: 10%;
    width: 100%;
    background: #00B392;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.header .side-menu span:nth-child(1) {
    top: 0;
}

.header .side-menu span:nth-child(2),.header .side-menu span:nth-child(3) {
    top: 45%;
}

.header .side-menu span:nth-child(4) {
    top: 90%;
}

.header .side-menu.open span:nth-child(1) {
    top: 45%;
    width: 0%;
    left: 50%;
}

.header .side-menu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header .side-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header .side-menu.open span:nth-child(4) {
    top: 45%;
    width: 0%;
    left: 50%;
}

/* hamburger ends */

.header .logo-wrapper{
    display: inline-block;
    vertical-align: middle;
    width: 8.9vw;
    margin-left: 2vw;
}
.header .logo-wrapper img{
    width: 100%;
}
.header .route-text-wrapper{
    position: absolute;
    top:0;
    right:0;
    background-image: url(../images/green-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    z-index: 999;
    width: 70%;
    height: 5.2vw;
    padding: 1vw 2vw;
    text-align: right;
}
.header .route-text-wrapper h1{
    color:#fff;
    font-size: 2.65vw;
    font-weight: 700;
    margin: 0;
}


/* The intro screen */ 


.showCaseToJourny{
    display: none;
    position: absolute;
    z-index: 9999;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 9vh;
}

#showCaseToJourny_1{
    background: url('../images/background.png');
    background-position: center center;
    background-size: cover;
}

#showCaseToJourny_1 div#video_showcase{
    width: 45vw;
    position: relative;
    margin: 0 auto;
}

#showCaseToJourny_2{
    background: rgba(0, 85, 134, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 85, 134, 1)), color-stop(100%, rgba(0, 71, 130, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
}

.showCaseToJourny img, .showCaseToJourny video{
    width: 45vw;
    position: relative;
}

#showCaseToJourny_2 > img{
    width: 15vw;
    position: relative;
    margin: 4vw auto 7vw;
}

.showCaseToJourny .clickToEnter{
    display: block;
    margin-top: 2vw;
}

.showCaseToJourny .logodiv {
    width: 10%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 4vw;
}

.showCaseToJourny .logodiv img{
    width: 100%;
}

.showCaseToJourny h2 {
    color: #fff;
    font-size: 2vw;
    font-weight: 300;
    margin: 0 auto;
    margin-bottom: 3vw;
    width: 60%;
}

.showCaseToJourny p{
    color: #fff;
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 6vh;
}

.btn-cont {
    text-align: center;
  }
  .btn-cont .btn {
    position: relative;
    padding: 1vw 1.5vw;
    border: 1px solid white;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    -webkit-font-smoothing: antialiased;
  }
  .btn-cont .btn:hover {
    border: none;
  }
  .btn-cont .btn:hover .line-1 {
    -webkit-animation: move1 1500ms infinite ease;
            animation: move1 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-2 {
    -webkit-animation: move2 1500ms infinite ease;
            animation: move2 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-3 {
    -webkit-animation: move3 1500ms infinite ease;
            animation: move3 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-4 {
    -webkit-animation: move4 1500ms infinite ease;
            animation: move4 1500ms infinite ease;
  }
  .btn-cont .line-1 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    left: 0;
    bottom: 0;
  }
  .btn-cont .line-2 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    left: 0;
    top: 0;
  }
  .btn-cont .line-3 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    right: 0;
    top: 0;
  }
  .btn-cont .line-4 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    right: 0;
    bottom: 0;
  }
  
  @-webkit-keyframes move1 {
    0% {
      height: 100%;
      bottom: 0;
    }
    54% {
      height: 0;
      bottom: 100%;
    }
    55% {
      height: 0;
      bottom: 0;
    }
    100% {
      height: 100%;
      bottom: 0;
    }
  }
  
  @keyframes move1 {
    0% {
      height: 100%;
      bottom: 0;
    }
    54% {
      height: 0;
      bottom: 100%;
    }
    55% {
      height: 0;
      bottom: 0;
    }
    100% {
      height: 100%;
      bottom: 0;
    }
  }
  @-webkit-keyframes move2 {
    0% {
      width: 0;
      left: 0;
    }
    50% {
      width: 100%;
      left: 0;
    }
    100% {
      width: 0;
      left: 100%;
    }
  }
  @keyframes move2 {
    0% {
      width: 0;
      left: 0;
    }
    50% {
      width: 100%;
      left: 0;
    }
    100% {
      width: 0;
      left: 100%;
    }
  }
  @-webkit-keyframes move3 {
    0% {
      height: 100%;
      top: 0;
    }
    54% {
      height: 0;
      top: 100%;
    }
    55% {
      height: 0;
      top: 0;
    }
    100% {
      height: 100%;
      top: 0;
    }
  }
  @keyframes move3 {
    0% {
      height: 100%;
      top: 0;
    }
    54% {
      height: 0;
      top: 100%;
    }
    55% {
      height: 0;
      top: 0;
    }
    100% {
      height: 100%;
      top: 0;
    }
  }
  @-webkit-keyframes move4 {
    0% {
      width: 0;
      right: 0;
    }
    55% {
      width: 100%;
      right: 0;
    }
    100% {
      width: 0;
      right: 100%;
    }
  }
  @keyframes move4 {
    0% {
      width: 0;
      right: 0;
    }
    55% {
      width: 100%;
      right: 0;
    }
    100% {
      width: 0;
      right: 100%;
    }
  }

  /* End of the intro screen */


/* Sidebar starts */
.sidebarMenu {
    display: none;
    z-index: 2;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #0000008c;
    top: 0;
    left: 0;
}
.sidebarMenu.showMenu{
    display: block;
}
.sidebarMenu > ul {
    width: 20vw;
    height: 100vh;
    background: #003d79;
    background: -moz-linear-gradient(45deg, #003d79 0%, #006990 100%);
    background: -webkit-linear-gradient(45deg, #003d79 0%,#006990 100%);
    background: linear-gradient(45deg, #003d79 0%,#006990 100%);
    position: absolute;
    z-index: 1;
    list-style: none;
    padding-top: 5vw;
}
.sidebarMenu > ul > li {
    font-size: 1vw;
    font-weight: 500;
    color: #ffffff;
    padding: 0.5vw;
    padding-left: 2vw;
    /* background: #004f87; */
    list-style: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebarMenu > ul > li:hover {
    color: #82DA7C;
    cursor: pointer;
}
.sidebarMenu > ul > li.active {
    color: #82DA7C;
}
.sidebarMenu > ul > li > ul {
    display: none;
    padding: 1vw 0.5vw 0 0.5vw;
}
.sidebarMenu > ul > li.active > ul {
    display: block;
}
.sidebarMenu > ul > li > ul li {
    font-size: 1vw;
    font-weight: 300;
    color: #ffffff;
    padding: 0.5vw;
    list-style: none;
}
.sidebarMenu > ul > li > ul li:hover {
    cursor: pointer;
    background: #026f9e;
}

.sidebarMenu > ul > li:after {
    content: '';
    position: absolute;
    width: 2%;
    height: 0.2vw;
    background: #fff;
    left: 2%;
    top: 1.05vw;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebarMenu > ul > li.active:after {
    width: 5%;
    background: #82DA7C;
}
/* Sidebar ends */


  /* popup Begin */

.popup{
    /* display: none; */
    position: absolute;
    /* top: 4.2vw;
    left: 0; */
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
}
.popup.otherPopups{
    display: none;
}
.block-level{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.block-level.md{
    width: 35.7%;
}
.block-level.lg{
    width: 64.3%;
}
.popup .content-wrapper{
    width: 100%;
    height: 100%;
    padding: 3vw 0;
    top: -0.7vw;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003d79+0,006990+100 */
background: #003d79; /* Old browsers */
background: -moz-linear-gradient(45deg, #003d79 0%, #006990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #003d79 0%,#006990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #003d79 0%,#006990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#006990',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.popup .content-wrapper h1{
    color: #fff;
    font-size: 1.4vw;
    margin: 0;
    font-weight: 700;
    padding: 1vw 2vw;
    background-image: url(../images/title-bg.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 0 0;
}
.popup .content{
    margin: 3vw 0;
    padding: 0 2vw;
}
.popup .content h3{
    color: #fff;
    font-size: 1.19vw;
    font-weight: 700;
}
.popup .content p{
    color: #fff;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 1.5vw;
    padding: 1vw 0;
}
.popup .content p span{
    font-size: 1.04vw;
    font-weight: 700;
    color: #82DA7C;
    display: inline-block;
}
.popup .content p span:after{
    content: '';
    position: absolute;
    top: 42%;
    right: -1.34vw;
    width: 0.83vw;
    height: 0.83vw;
    background-image: url(../images/external-link.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
}
.popup .content ul{
    list-style: none;
    padding-left: 1.5vw;
}
.popup .content ul li{
    color: rgba(255,255,255,0.5);
    font-size: 0.93vw;
    padding: 0.6vw 0;
    font-weight: 700;
}

.popup .content ul li a{
    color: rgba(130, 218, 124, 0.8);
    font-size: 0.93vw;
    padding: 0.6vw 0;
    font-weight: 700;
}
.popup .content ul li:after {
    content: '';
    position: absolute;
    width: 2%;
    height: 0.2vw;
    background: #fff;
    left: -5%;
    top: 1vw;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popup .content ul li.active{
    color: rgba(255,255,255,1);
}
.popup .content ul li span{
    width: 1.87vw;
    height: 2.03vw;
    background-image: url(../images/machine.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: -2.6vw;
    transform: translateY(-50%);
    opacity: 0.32;
}
.popup .content ul li.active span{
    opacity: 1;
}
.popup .content ul li span.gov{
    background-image: url(../images/tick.svg);
}
.popup .content ul li span.del{
    background-image: url(../images/cloud.svg);
}
.popup .content ul li span.cust{
    background-image: url(../images/lock.svg);
}
.popup .asset{
    text-align: center;
}
.popup iframe {
    width: 90%;
    margin: 6vw auto;
    height: 65vmin;
}
.popup .cross, .overviewMainBox .cross{
    position: absolute;
    top:2vw;
    right: 3.1vw;
    width: 1.66vw;
    height: 1.66vw;
    cursor: pointer;
    z-index: 99999;
}
.popup .cross img, .overviewMainBox .cross img{
    width: 100%;
    height: 100%;
}
.popup .asset-info{
    width: 7.55vw;
    height: 7.39vw;
    position: absolute;
    top: 2vw;
    right: 1vw;
    border-radius: 360px;
    background-color: #fff;
}
.popup .asset-info > div{
    position: absolute;
    top:50%;
    left:0;
    right:0;
    transform: translateY(-50%);
}
.popup .asset-info img{
    width: 1.35vw;
    margin: auto;
    display: block;
}
.popup .asset-info p{
    font-size: 0.72vw;
    color: #003D79;
    text-align: center;
    width: 80%;
    margin: 0.5vw auto;
}
/* slick css */
.slick-dots {
    bottom: 4vw;
    padding-left: 2.3vw;
    text-align: left;
}
.slick-dots li {
    width: 2.91vw;
    height: 0.62vw;
    margin: 0 1vw;
    background-color: #fff;
}
.slick-dots li button{
    display: none;
}
.slick-dots li.slick-active{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82da7c+0,00b392+100 */
background: #82da7c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #82da7c 0%, #00b392 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #82da7c 0%,#00b392 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #82da7c 0%,#00b392 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82da7c', endColorstr='#00b392',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Overview screen starts */

.overviewSideBox{
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 15vw;
    right: 2vw;
    bottom: 2vw;
    padding: 1vw;
    padding-top: 0.5vw;
    border-radius: 1vw;
    cursor: pointer;
}

.overviewSideBox > h3 {
    font-size: 1vw;
    color: #ffffff;
    text-align: center;
    padding-bottom: 0.5vw;
    font-weight: 400;
}

.overviewSideBox > div {
    background: #165086;
    padding-top: 1vw;
}

.overviewSideBox div img {
    width: 100%;
}

.overviewMainBox {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 85, 134, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 85, 134, 1)), color-stop(100%, rgba(0, 71, 130, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 85, 134, 1) 0%, rgba(0, 71, 130, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgb(0, 85, 134, 1) 0%, rgb(0, 71, 130, 0.8) 100%);
}

.overviewMainBox h2{
    color: #fff;
    font-size: 2vw;
    font-weight: 500;
    margin: 0 auto;
    margin: 7vw auto 0;
    width: 60%;
    text-align: center;
}

.overviewMainBox svg{
    width: 70%;
    display: block;
    margin: 5vw auto 0;
}

.overviewMainBox .cross{
    top: 7vw;
}


/* Overview SVG map starts */

.overview-svg-1, .overview-svg-15, .overview-svg-27 {
    fill: none;
  }

  .overview-svg-1, .overview-svg-14, .overview-svg-15, .overview-svg-2, .overview-svg-8 {
    stroke: #5af2f2;
  }

  .overview-svg-1, .overview-svg-14, .overview-svg-15, .overview-svg-19, .overview-svg-2, .overview-svg-8 {
    stroke-miterlimit: 10;
  }

  .overview-svg-2 {
    fill: url(#radial-gradient);
  }

  .overview-svg-3 {
    fill: url(#linear-gradient);
  }

  .overview-svg-13, .overview-svg-4 {
    fill: #fff;
  }

  .overview-svg-19, .overview-svg-5, .overview-svg-6 {
    fill: #003d79;
  }

  .overview-svg-13, .overview-svg-5 {
    letter-spacing: 0.01em;
  }

  .overview-svg-7 {
    fill: url(#linear-gradient-2);
  }

  .overview-svg-14, .overview-svg-8 {
    stroke-linecap: square;
    fill: url(#radial-gradient-2);
  }

  .overview-svg-9 {
    fill: url(#linear-gradient-5);
  }

  .overview-svg-10 {
    fill: #006990;
    opacity: 0.2;
  }

  .overview-svg-11 {
    fill: url(#linear-gradient-6);
  }

  .overview-svg-12 {
    fill: url(#linear-gradient-7);
  }

  .overview-svg-14, .overview-svg-15 {
    stroke-width: 0.5px;
  }

  .overview-svg-16 {
    fill: url(#linear-gradient-8);
  }

  .overview-svg-17 {
    fill: url(#linear-gradient-10);
  }

  .overview-svg-18 {
    fill: url(#linear-gradient-11);
  }

  .overview-svg-19 {
    stroke: #82da7c;
  }

  .overview-svg-20 {
    fill: url(#linear-gradient-14);
  }

  .overview-svg-21 {
    fill: url(#linear-gradient-16);
  }

  .overview-svg-22 {
    fill: url(#linear-gradient-28);
  }

  .overview-svg-23 {
    fill: #82da7c;
  }

  .overview-svg-24 {
    fill: #458bc4;
  }

  .overview-svg-25 {
    fill: #43a6dd;
  }

  .overview-svg-26 {
    opacity: 0.7;
  }

  .overview-svg-27 {
    opacity: 0.8;
  }

  .overview-svg-28 {
    fill: url(#linear-gradient-36);
  }

  .overview-svg-29 {
    fill: url(#linear-gradient-38);
  }

  .overview-svg-30 {
    fill: url(#linear-gradient-46);
  }

  .overview-svg-31 {
    fill: url(#linear-gradient-53);
  }

  .overview-svg-32 {
    fill: #c6c6c6;
  }

  .overview-svg-33 {
    fill: #e6e6e6;
  }

  .overview-svg-34 {
    fill: url(#linear-gradient-62);
  }

  .overview-svg-35 {
    fill: url(#linear-gradient-66);
  }

  .overview-svg-36 {
    filter: url(#Cloud_Management);
  }

  .overview-svg-37 {
    filter: url(#Line_94-13);
  }

  .overview-svg-38 {
    filter: url(#Path_8890-13);
  }

  .overview-svg-39 {
    filter: url(#Path_8891-13);
  }

  .overview-svg-40 {
    filter: url(#Compute_Virtualization);
  }

  .overview-svg-41 {
    filter: url(#Line_94-12);
  }

  .overview-svg-42 {
    filter: url(#Path_8890-12);
  }

  .overview-svg-43 {
    filter: url(#Path_8891-12);
  }

  .overview-svg-44 {
    filter: url(#Software-Defined_Storage);
  }

  .overview-svg-45 {
    filter: url(#Line_94-11);
  }

  .overview-svg-46 {
    filter: url(#Path_8890-11);
  }

  .overview-svg-47 {
    filter: url(#Path_8891-11);
  }

  .overview-svg-48 {
    filter: url(#Network_Virtualization);
  }

  .overview-svg-49 {
    filter: url(#Line_94-10);
  }

  .overview-svg-50 {
    filter: url(#Path_8890-10);
  }

  .overview-svg-51 {
    filter: url(#Path_8891-10);
  }

  .overview-svg-52 {
    filter: url(#Path_8886);
  }

  .overview-svg-53 {
    filter: url(#Understanding_SDDC);
  }

  .overview-svg-54 {
    filter: url(#Ellipse_47-6);
  }

  .overview-svg-55 {
    filter: url(#Ellipse_46-6);
  }

  .overview-svg-56 {
    filter: url(#Ellipse_45-6);
  }

  .overview-svg-57 {
    filter: url(#Success_Stories);
  }

  .overview-svg-58 {
    filter: url(#Line_94-9);
  }

  .overview-svg-59 {
    filter: url(#Path_8890-9);
  }

  .overview-svg-60 {
    filter: url(#Path_8891-9);
  }

  .overview-svg-61 {
    filter: url(#Path_1333);
  }

  .overview-svg-62 {
    filter: url(#Path_1334);
  }

  .overview-svg-63 {
    filter: url(#Ellipse_47-5);
  }

  .overview-svg-64 {
    filter: url(#Ellipse_46-5);
  }

  .overview-svg-65 {
    filter: url(#Ellipse_45-5);
  }

  .overview-svg-66 {
    filter: url(#Features);
  }

  .overview-svg-67 {
    filter: url(#Path_1314-2);
  }

  .overview-svg-68 {
    filter: url(#Line_94-8);
  }

  .overview-svg-69 {
    filter: url(#Path_8890-8);
  }

  .overview-svg-70 {
    filter: url(#Path_8891-8);
  }

  .overview-svg-71 {
    filter: url(#Benefits);
  }

  .overview-svg-72 {
    filter: url(#Path_1314);
  }

  .overview-svg-73 {
    filter: url(#Line_94-7);
  }

  .overview-svg-74 {
    filter: url(#Path_8890-7);
  }

  .overview-svg-75 {
    filter: url(#Path_8891-7);
  }

  .overview-svg-76 {
    filter: url(#Path_8040);
  }

  .overview-svg-77 {
    filter: url(#Path_7964-2);
  }

  .overview-svg-78 {
    filter: url(#Path_7964);
  }

  .overview-svg-79 {
    filter: url(#Ellipse_47-4);
  }

  .overview-svg-80 {
    filter: url(#Ellipse_46-4);
  }

  .overview-svg-81 {
    filter: url(#Ellipse_45-4);
  }

  .overview-svg-82 {
    filter: url(#Explore_the_modern_data_center);
  }

  .overview-svg-83 {
    filter: url(#Rectangle_145-2);
  }

  .overview-svg-84 {
    filter: url(#Path_1332-2);
  }

  .overview-svg-85 {
    filter: url(#Line_94-6);
  }

  .overview-svg-86 {
    filter: url(#Path_8890-6);
  }

  .overview-svg-87 {
    filter: url(#Path_8891-6);
  }

  .overview-svg-88 {
    filter: url(#Ellipse_395);
  }

  .overview-svg-89 {
    filter: url(#Ellipse_394);
  }

  .overview-svg-90 {
    filter: url(#Rectangle_3387);
  }

  .overview-svg-91 {
    filter: url(#Union_2);
  }

  .overview-svg-92 {
    filter: url(#Ellipse_47-3);
  }

  .overview-svg-93 {
    filter: url(#Ellipse_46-3);
  }

  .overview-svg-94 {
    filter: url(#Ellipse_45-3);
  }

  .overview-svg-95 {
    filter: url(#Explore_IT_automating_IT);
  }

  .overview-svg-96 {
    filter: url(#Path_1319-4);
  }

  .overview-svg-97 {
    filter: url(#Line_94-5);
  }

  .overview-svg-98 {
    filter: url(#Path_8890-5);
  }

  .overview-svg-99 {
    filter: url(#Path_8891-5);
  }

  .overview-svg-100 {
    filter: url(#Path_1320-2);
  }

  .overview-svg-101 {
    filter: url(#Path_1319-3);
  }

  .overview-svg-102 {
    filter: url(#Path_1318-2);
  }

  .overview-svg-103 {
    filter: url(#Path_1320);
  }

  .overview-svg-104 {
    filter: url(#Path_1319-2);
  }

  .overview-svg-105 {
    filter: url(#Path_1318);
  }

  .overview-svg-106 {
    filter: url(#Ellipse_47-2);
  }

  .overview-svg-107 {
    filter: url(#Ellipse_46-2);
  }

  .overview-svg-108 {
    filter: url(#Ellipse_45-2);
  }

  .overview-svg-109 {
    filter: url(#vRealize_Suite);
  }

  .overview-svg-110 {
    filter: url(#Path_1326-2);
  }

  .overview-svg-111 {
    filter: url(#Path_1326);
  }

  .overview-svg-112 {
    filter: url(#Line_94-4);
  }

  .overview-svg-113 {
    filter: url(#Path_8890-4);
  }

  .overview-svg-114 {
    filter: url(#Path_8891-4);
  }

  .overview-svg-115 {
    filter: url(#NSX);
  }

  .overview-svg-116 {
    filter: url(#Rectangle_145);
  }

  .overview-svg-117 {
    filter: url(#Path_1332);
  }

  .overview-svg-118 {
    filter: url(#Line_94-3);
  }

  .overview-svg-119 {
    filter: url(#Path_8890-3);
  }

  .overview-svg-120 {
    filter: url(#Path_8891-3);
  }

  .overview-svg-121 {
    filter: url(#vSAN);
  }

  .overview-svg-122 {
    filter: url(#Line_94-2);
  }

  .overview-svg-123 {
    filter: url(#Path_8890-2);
  }

  .overview-svg-124 {
    filter: url(#Path_8891-2);
  }

  .overview-svg-125 {
    filter: url(#vSphere);
  }

  .overview-svg-126 {
    filter: url(#Path_1319);
  }

  .overview-svg-127 {
    filter: url(#Line_94);
  }

  .overview-svg-128 {
    filter: url(#Path_8890);
  }

  .overview-svg-129 {
    filter: url(#Path_8891);
  }

  .overview-svg-130 {
    filter: url(#Path_8894);
  }

  .overview-svg-131 {
    filter: url(#Path_8893);
  }

  .overview-svg-132 {
    filter: url(#Ellipse_47);
  }

  .overview-svg-133 {
    filter: url(#Ellipse_46);
  }

  .overview-svg-134 {
    filter: url(#Ellipse_45);
  }

.overview-svg-13 {
    font-size: 18px;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
}

.overview-svg-5 {
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
}

.hoverOnMe{
    fill: transparent;
}

.hoverText{
    display: none;
}

.hoverOnMe:hover{
    cursor: pointer;
}

.hoverOnMe:hover ~ .hoverText{
    display: block;
}

/* Overview SVG map ends */

/* Overview screen ends */


/* Please Scroll */

.pleaseScroll.displayNone {
    display: none;
}

.pleaseScroll.permanentDisable {
    display: none !important;
}

.pleaseScroll {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    justify-content: center;
    height: 20vh;
    width: 8vw;
    /* background-color: #111111d9; */
    z-index: 1;
    margin: 0 auto;
}
  
.pleaseScroll p {
    margin-top: 50px;
    font-family: proxima-nova, sans-serif;
    letter-spacing: 12px;
    text-indent: 12px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
            animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
  }
  
.pleaseScroll .mouse {
    background: #0091c0 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
    position: relative;
    width: 52px;
    height: 88px;
    border-radius: 100px;
    background-size: 100% 200%;
    margin: 0 auto;
    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
            animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  }
.pleaseScroll .mouse:before, .pleaseScroll .mouse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
.pleaseScroll .mouse:before {
    width: 46px;
    height: 82px;
    background-color: #0091c0;
    border-radius: 100px;
  }
.pleaseScroll .mouse:after {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 5s linear infinite;
            animation: trackBallSlide 5s linear infinite;
  }
  
@-webkit-keyframes colorSlide {
0% {
    background-position: 0% 100%;
}
20% {
    background-position: 0% 0%;
}
21% {
    background-color: #316879;
}
29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
}
30% {
    background-color: #316879;
    background-position: 0% 100%;
}
50% {
    background-position: 0% 0%;
}
51% {
    background-color: #316879;
}
59% {
    background-color: #ffffff;
    background-position: 0% 0%;
}
60% {
    background-color: #316879;
    background-position: 0% 100%;
}
80% {
    background-position: 0% 0%;
}
81% {
    background-color: #316879;
}
90%, 100% {
    background-color: #ffffff;
}
}

@keyframes colorSlide {
0% {
    background-position: 0% 100%;
}
20% {
    background-position: 0% 0%;
}
21% {
    background-color: #316879;
}
29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
}
30% {
    background-color: #316879;
    background-position: 0% 100%;
}
50% {
    background-position: 0% 0%;
}
51% {
    background-color: #316879;
}
59% {
    background-color: #ffffff;
    background-position: 0% 0%;
}
60% {
    background-color: #316879;
    background-position: 0% 100%;
}
80% {
    background-position: 0% 0%;
}
81% {
    background-color: #316879;
}
90%, 100% {
    background-color: #ffffff;
}
}
@-webkit-keyframes trackBallSlide {
0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
}
@keyframes trackBallSlide {
0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
}
74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
}
75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
}
88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
}
}
@-webkit-keyframes nudgeMouse {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes nudgeMouse {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes nudgeText {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes nudgeText {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes colorText {
21% {
    color: #316879;
}
30% {
    color: #ffffff;
}
51% {
    color: #316879;
}
60% {
    color: #ffffff;
}
81% {
    color: #316879;
}
90% {
    color: #ffffff;
}
}
@keyframes colorText {
21% {
    color: #316879;
}
30% {
    color: #ffffff;
}
51% {
    color: #316879;
}
60% {
    color: #ffffff;
}
81% {
    color: #316879;
}
90% {
    color: #ffffff;
}
}
  
/* evidon banner css */
.evidon-banner div, .evidon-banner div a {
  font-size: 16px !important;
}
button#_evidon-accept-button, #_evidon-button-text.evidon-consent-button-text {
  font-size: 14px;
}

@media only screen and (max-width:1300px){
    .popup iframe {
        margin: 8vw auto;
    }
    .slick-dots {
        bottom: 5vw;
    }   
}   

@media only screen and (max-width: 1367px) {
    #showCaseToJourny_1 div#video_showcase{
        width: 40vw;
    }
    .btn-cont .btn{
        font-size: 1vw;
    }
    .showCaseToJourny h2{
        margin-bottom: 1vw;
    }
    .showCaseToJourny .logodiv{
        margin-bottom: 3vw;
    }
}