@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:14px;
}
#logo{
    float: left;
    padding-left:0px;
    margin-top:15px;
    height: 65px;
    padding-right:10px;
    transition: .5s;
   
}

.logo-title-1{
    color:#6ffdff; 
    font-weight:normal;
    font-size: 25px; 
    font-style: italic; 
    vertical-align: bottom; 
    width:300px; 
    padding-top:10px;
}
.logo-title-2{
    color:#6ffdff; 
    font-weight:normal;
    font-size: 22px; 
   
}
.social-icons{
    
    display:contents !important;
}
.navbar-newage-style{
    
   
    position: sticky;
    top: 40;
    left: 0;
    height: 100px;
    box-sizing: border-box;
    transition: .5s;
    margin-top:0px;
    background: linear-gradient(180deg, #d2d2d2, #b2b2b2); 
     -webkit-box-shadow: 0px 2px 2px 0px #0e4559;
    box-shadow: 0px 2px 2px 0px #0e4559;
}
/* Add a black background color to the top navigation */
.topnav {
  z-index: 11000;
  overflow: hidden;
    padding-top:30px;
    
  
     
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #6ffdff;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  
    
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #6ffdff;
  color: #ff017e;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

#navbar-newage-top.black{
    background: rgba(0,0,0,0.8);
    height: 100px;
    display:inline-flex;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    overflow: hidden;
    box-sizing: border-box;
}
#navbar-newage-top.black .logo-title-1{
    color:#6ffdff; 
    font-weight:normal;
    font-size: 20px; 
    font-style: italic; 
    vertical-align: bottom; 
    width:300px; 
    padding-top:10px;
}
#navbar-newage-top.black .logo img{
    height: 45px;
}

#navbar-newage-top.black-margin{
    margin-top:0px;
}



/* When the screen is less than 600 pixels */
@media screen and (max-width: 600px) 
{
  .topnav a {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
    }
    .topnav{
        background-color: #212529;
        padding-top:0px;
        position:fixed;
        top:130;
        left:0;
        mrgin:0;
        padding:0;
        width:100%
    }
    #navbar-newage-top{
        
        position: absolute;
        top:250;
        left:0;
        z-index: 11000;
       
    }
    #main-nav-container{
        
        height:600px;
        overflow: hidden;
    }
    
    .navbar-newage-style{
    
        float:right;
        position: relative;
        top: 100;
        left: 0;
        height: 150px;
       
        box-sizing: content-box;
        transition: .5s;
        
        background: linear-gradient(180deg, #d2d2d2, #b2b2b2); 
         -webkit-box-shadow: 0px 2px 2px 0px #0e4559;
        box-shadow: 0px 2px 2px 0px #0e4559;
    }

  .topnav.responsive {
      position: absolute;
      vertical-align: top;
      top:0;
    }
  .topnav.responsive a.icon {
    position: relative;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
    .social-icons {
    
        display:none !important;
        
    }
    
    .logo-title-1 {
        color:#6ffdff; 
        font-weight:normal;
        font-size: 25px; 
        font-style: italic;  
        width:305px;; 
        padding-left:10px;
        position:relative;
        top:60;
        left: 10;
        padding-top:14px;
        padding-bottom:0;
        
    }
    .bg-dark{
        height:80px;
    }
    
    
    #logo {
        margin-bottom:0;
    padding-bottom:0;
    padding-left:40px;
    position: relative;
    top:100;
    float:right;
    height:65px;
    display:block;
    transition: .5s
    }
    .logo{
        padding-top:50px;
    }
}