.logoBanner{
    box-shadow: 0.3em 0.0em 0.4em #333;
    
}

/*KA*/
.logoKA{
    display:block; width:40px; height:40px; border:0px solid #666;
    border-radius: 50%; background-color:white;
    font-size:1.6rem; text-align:center;color:rgb(63, 83, 120);line-height: 2;
}

/*Krisalex*/
.logoTitle
{
     
    text-shadow: 3px 5px 4px rgba(102, 102, 102, 0.38);
    color:#243E6E;
    font-size:16rem;
    border-bottom:3px solid rgba(24, 105, 15, 0.92);
    border-radius: 50%;
}

.logoCss{
    display:block; width:40px; height:40px; border:0px solid #666;
    border-radius: 50%; background-color:white;float:left;
    font-size:1.5rem; text-align:center;color:rgb(52, 58, 64);
}

.logoCssDark{
    
    display:block; width:40px; height:40px; border:0px solid #666;
    border-radius: 50%; background-color:rgb(52, 58, 64);float:left;
    font-size:1.5rem; text-align:center;color:white;
}
.logoCss,.logoCssDark::after{
    content: 'KA';
}
/*Export Import Soucing Specialist*/
.logoSubTitle
{
    text-shadow: 3px 5px 3px rgba(102, 102, 102, 0.38); 
   
    color: #243E6E; 
    
    
}


#theNavBar {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;   
  width:100%;clear:left; z-index: 9999;
}

/* Page content */
.theNavBar_Content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.theNavBar_Sticky {
  position: fixed;
  top: 0; left:0;
  width: 100%;
  box-shadow: 0 4px 3px rgba(0,0,0,.5);   
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.theNavBar_Sticky + .theNavBar_Content {
  padding-top: 102px;transition: all 1.6s ease;
  
}



.row > div.Subb {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    
}

.divPageContainer {
  max-width: 1400px;
}