body{
    background-color:#47607d;
    user-select: none;
}
#navbarContent
{
    display: none;
}
.scrollBar
{
    padding: 2vw;
	overflow-x: hidden;
	overflow-y: scroll;
    height:84%;
}
::-webkit-scrollbar {
    width: 1vw;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px black;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 10px;
}   
.aboutUsInformation{
    font-size: 3vw;
    font-style: oblique;
    color: white;
    font-weight: 600;
}
span{
    color:white;
    font-size: 3vw;
}
#aboutUsText
{
    padding:8%;
    height:100%;
    background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
	user-select:none;
    overflow:hidden;
    box-shadow: 8px 6px 9px 
}
#aboutUsText p{
    color: white;
    text-indent: 5vw;
}
#aboutUsText span{
font-size: 2vw;
color: #ffc107;
font-weight: 600;
}
.menu_item ul li a {
    color:#112e41 !important;
    font-size: 1.2vw;
    padding: 9px 24px !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    color: white;
    font-weight: bold;
}
.noPadding
{
    padding: 0% !important;
}
.nav-item a{
    color:white !important;
    font-weight: 600;
    padding: 0px 20px !important;
    box-shadow: none !important;
}

.navbar-nav{
    text-transform: uppercase;
    text-align: left !important;
}
.navbar-light .navbar-toggler
{
    border-color: transparent;
    background-color: #ff1481;
}
.banner_text{
    display: none;
    display: table;
    width:100%;
    font-family: Bookman!important;
}
.banner_inner_text
{
    display: table-cell;
    vertical-align: middle;
}
.banner_inner_text a span{
    font-size: 1.5vw;
}
.button
{
    border-radius: 2vw;
    padding:1vw;
    font-weight: bold;
    font-size: 2vw;
    color:white;
    background-color: #288d9b;
    text-transform: uppercase;
}
.dropdown-menu
{
    display:block;
    transform: scale(1,0);
    transition:all 0.5s;
    transform-origin:top;
    position: absolute !important;
    /* left: 15vw;
    top: 5vh;
    box-shadow: 5px 3px 2px black; */
}
.dropdown:hover .dropdown-menu
{
    transform: scale(1);
}
.dropdown-menu a{
    color: #195278 !important;
    font-weight: bold;
}
.prev, .next {
    cursor: pointer;
    position: absolute;
    top:50%;
    width: auto;
    padding: 1vw;
    color: #f3f4f5 !important;
    font-weight: bold;
    font-size: 4vw;
    
    user-select: none;
    box-shadow: none !important;
  }
  .next {
    right: 2%;
  }
  .prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
  }
  .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: #bbb 0.6s ease;
}
.active,.dot:hover {
  background-color: #717171 !important;
}
.dotClass
{
    padding: 2vw;
}
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
a:hover {
    color: white;
    text-decoration: none;
       box-shadow: 2px 3px 5px #288d9b;
       transition:all 0.5s;
}
.navbar{
    padding: 1vh 0vw;
}
.features
{
    background-color: #47607d;
    padding: 20px;
}
.features h1
{
    color: #f7f9fa !important;
    font-family: serif;
    font-style: oblique;
}
p{
    color: #fef8f8;
    font-size: 1.4vw;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.introduction
{
    background-color: #112e41;
    padding: 20px;
}
.innerDiv
{
    background-color: #47607d;
    padding: 20px 11px;
    border-radius: 2vw;
    height: 70vh;
}
.innerDiv h2
{
    color: white;
    font-size: 2vw;
    margin-bottom: 5vh;
    font-family: serif;
}
.innerDiv p{
    color: #c5d8e5;
}
.innerDiv span{
    background-color: #a0b4cc;
    width: 4.5vw;
    height: 9vh;
    font-size: 2.5vw;
    display: inline-block;
    border-radius: 3vw;
    line-height: 9vh;
    color: #fff;
    margin-bottom: 3vh;
}
.innerDiv:hover
{
    background-color: gray;
}
.innerDiv:hover span{
    background-color: #112e41;  
}
.ourLeaderTxt
{
    padding:3vw;
}
.leaders div{
    font-size: 4vw;
    color: #ffbe00;
    font-weight: 600;
}
.leaders p
{
    font-size:2vw!important;
    font-family: 'Times New Roman', Times, serif;
    color: #b4b4b4 !important;
    PADDING: 2vw;
    text-align: left !important;
}
.leaders img{
    border-radius: 50% !important;
}
#coFounder1,#coFounder2,#ceo,#officer
{
    box-shadow: 0px 2px 10px white;
    padding: 2vw;
    margin: 1vw;
}
.top-box {
    display: grid;
    align-items: center;
    justify-items: center;
  }
.top-box-a
{
    grid-area: top-box-a;
}
.top-box-b
{
    grid-area: top-box-b;
}
.top-box-c
{
    grid-area: top-box-c;
}
.top-box-d
{
    grid-area: top-box-d;
}
.topContainer
{
    display: grid;
    grid-gap: 20px;
    grid-template-areas: 
    'top-box-a top-box-b top-box-c top-box-d';
}
@media (max-width: 700px)
{
    .topContainer{
        grid-template-areas: 
        'top-box-a top-box-b'
        'top-box-c top-box-d'
    }
}
@media (max-width: 500px)
{
    .topContainer{
        grid-template-areas: 
        'top-box-a'
        'top-box-b'
        'top-box-c'
        'top-box-d'
    }
}
footer p
{
    margin: 0%;
    font-size: 1vw !important;
    text-align: center;
    padding: 2vw;
    color:#fdfbfb;
    border-top: 1px solid #777777;
    font-family: Arial, Helvetica, sans-serif;
}
@media (min-width: 300px){

}
@media (max-width: 960px) {
    .container
    {
        padding: 3vw !important;
    }
    #navbarContent
    {
       /*  display:block; */
        transform: scale(1,0);
        transition:all 0.5s;
        transform-origin:top;
    }
    .navbar-light .navbar-toggler {
      border-color: transparent;
      background-color: #ff1481;
    }
    .nav-item a{
        color: #112e41 !important;
        font-weight: 600;
        padding:15px !important;
    }
    .navbar-collapse {
      z-index: 9999 !important;
      position: absolute;
      left: 0;
      top: 20vh;
      width: 100%;
      background-color: white;
      box-shadow:5px 3px 2px black ;
      text-align: center !important;
    }
    /* .main_menu .menu-item {
      text-align: left !important;
      margin-top: 20px;
    }
    .main_menu .menu-item .nav-item {
      padding: 10px 15px !important;
    }
    .main_menu .menu-item .nav-item a {
      padding: 5px 15px !important;
    }
    .dropdown .dropdown-menu {
      transform: scale(1, 0);
      display: none;
    }
    .dropdown .dropdown-menu .dropdown-item {
      padding: 5px 15px !important;
    }
    .dropdown .dropdown-menu .dropdown-item:hover {
      color: #000 !important;
    }
    .dropdown:hover .dropdown-menu {
      transform: scale(1);
      display: block;
    }
    .menu_fixed .menu-item ul li a {
      color: #000 !important;
    } */
  }