@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 300;
  font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
  src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://themes.googleusercontent.com/licensed/font?kit=Lx1xfUTR4qFjwg0Z_pb900DGSpWewu0sZH-jqLz8Q00) format('truetype');
}

body{
  font-family: 'Helvetica Neue';
  font-weight: 300;
  font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


body::-webkit-scrollbar {
    width: 8px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		
}
 
body::-webkit-scrollbar-thumb {
  background-color: #004C81;
  outline: 1px solid slategrey;
  border-radius: 10px;
}



.menu-container::-webkit-scrollbar {
    width: 5px;
}
 
.menu-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.menu-container::-webkit-scrollbar-thumb {
  background-color: #004C81;
  outline: 1px solid slategrey;
}

.menubar .icofont-navigation-menu{
	font-size: 36px;
	margin-left:-42px;
	line-height: 45px;
    color: #044167;
    cursor: pointer;
	}
:root{
    --skin-hover: rgba(0, 0, 0, 0.1); 
    --skin-color:  rgba(255, 255, 255, 0.9);
}
.default-skin{
  font-family: 'Helvetica Neue';
  font-weight: 300;
  font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
   --skin: #2a2a2e;
   --skin-hover: #2098D1; 
   --skin-color: rgba(255, 255, 255, 0.8); 
}
.light-skin{
   --skin: #f0f0f0;
   --skin-hover: #ddd; 
   --skin-color:  #232323;
}

.menubar{
   width: 48px;
   height: auto;
   line-height: 48px;
 }



.menu-container{
   overflow: auto;
   display: block;
   top: 120px;
   
}
.position-left{
   left: -270px;
}
.position-right{
   right: -270px;
}

.position-left.open{
    left: 0;
}

.position-right.open{
    right: 0;
}

.menu-container,
.menu-head,
.menu-left,
.menu-left.open
.menu-right,
.menu-right.open{
    transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
   
}

.menu-container,
.menu-head{
    background: var(--skin);
    position: fixed;
    z-index: 100;
    width: 270px;
    top:-4px;
}
.menu-head .layer{
  background: #fff;
  display: block;
  padding: 10px;
}


.menu-head{
   height: 120px;
   box-sizing: border-box; 
   margin: 0px;
   top: 0;
   
}

.menu-items {
  list-style: none;
  font-size: 14px;
}

.dropdown-heading,
.menu-items li a{
	font-size:16px;
   text-decoration: none;
   padding: 10px 12px 12px 45px;
   display: block;
   color: var(--skin-color);
   border-bottom: 1px dotted rgba(255, 255, 255, 0.050);
   margin: 0;
   cursor: pointer;
   user-select: none;
  -webkit-user-select: none;
}
.dropdown-heading{
  -webkit-tap-highlight-color: transparent;
}
	
.dropdown-heading:hover,
.menu-items li a:hover{
   background: #004C81;
}



@keyframes fadeIn{
   from{
     opacity: 0;
    -webkit-opacity: 0;
    }
    to{
     opacity: 1;
    -webkit-opacity: 1;
   }
}
-webkit-@keyframes fadeIn{
   from{
     opacity: 0;
    -webkit-opacity: 0;
    }
    to{
     opacity: 1;
    -webkit-opacity: 1;
   }
}

.item-icon{
   margin: 0 25px 0 0;
   display: inline;
   width: 32px;
   height: 32px;
   line-height: 32px;
   position: absolute;
   font-size: 15pt;
  margin: 5px;
   text-align: center;
   color: var(--skin-color);
  
}

/* Dropdowns */
.has-sub ul{

   list-style: none;

   overflow: hidden;

   height: 0px;

   transition: .360s;

   background: #f2f9f9;
}



.has-sub ul li a{

   display: block;

   padding: 12px 33px;

   border-bottom: 0;

   font-size: 13px;
   color: #444;
   transition: .1s;
   -webkit-transition: .1s;
   border-bottom: 1px dotted #e1e1e1;
}

.has-sub ul li a:hover{
   background: #dedede;
   transition: .1s;
 -webkit-transition: .1s;
}

.has-sub span{

  display: block;

  box-sizing: border-box;

  

}



.has-sub i.arrow{

   float: right;

   margin-right: 10px;  

   transition: 0.360s;

   font-size: 16px;
}



.has-sub .arrowdown{

   transform: rotateZ(180deg);

-webkit-transform: rotateZ(180deg);

-moz-transform: rotateZ(180deg);

   transition: 0.360s;

 -webkit-transition: 0.360s;

 -moz-transition: 0.360s;

}

.for-pic {
    width: 250px;

	
	
	
}

.profile-pic img{
	display:block;
	margin-left:auto;
	margin-right:auto;
  width: 120px;
    height: 80px;
  
  

   object-fit: cover;
  
}



/* Dim background effect */
.dim-overlay{
   display: none;
}

.dim-overlay:before {
	content: "";
	background-color: rgba(0, 0, 10, .4);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

@media (min-width:521px) and (max-width:1920px){
	#menu-bx{display:none;}
	.menubar .icofont-navigation-menu{
		display:none;
	}
	.hero-slider-area {
		margin-top:5% !important;
	}
}