#top_wrap {
position:relative; height:80px;}
	  
/* :: Header Area CSS */
.header-area {
  position: fixed;
  z-index: 995;
  top: 0;
  left: 0;
  width: 100%; height:80px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 0px 5%; background:rgba(255,255,255, 1);}
  
   .header-area.sticky {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);}
	
.header-area .menu-area {
height:80px;}

  @media (min-width: 1400px) {
  .header-area {
  height:80px;}
  }
    
  @media (max-width: 1199px) {
	 .header-area {
	 padding: 0px 0px;}
	  }

	  

.header-area .logo-grid {}
  .header-area .logo {
  margin-top:0px; width:178px;}
  .header-area .logo img {
   max-width:100%;}

	 @media only screen and (max-width: 991px) {
   .header-area .logo {
   width:150px;}
   .header-area .logo img {
   max-width:100%;}
		}
		

		
		
.header-area .menu-content-area {
 float:right; display:inline-block; }

  .navbar-toggler-icon {display:inline-block; vertical-align:middle;content:"";
 cursor: pointer; }
 .navbar-toggler-icon i {
  font-size: 1.4em; color:#222;}
 
 @media (min-width: 1401px) {
   .header-area .menu-content-area {
   display:none !important;}
   }
  
 @media (max-width: 1400px) {
  .navbar-toggler-icon i {
  font-size: 1.2em;}
 }
 
   
 
 
.mainMenu {
  position: fixed;
  top: 0; right:5%;
  z-index: 99999;
  text-align: center;
 padding: 27px 0px;}
  
  .mainMenu .closeIcon {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 999999;
    color: #ffffff;
    font-size: 20px; padding:10px;
    cursor: pointer;
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms;
display:inline-block;	}
	
 .mainMenu .nav-item  {
  padding:0 5px;}
 .mainMenu .nav-item a {
    font-size: 1.05em; color:#444; text-transform:uppercase; font-weight: 400;
    padding: 5px 20px;  }
	.mainMenu .nav-item a:hover {
    background:rgba(0,0,0, 0.1); border-radius:5px;}

.mainMenu .social ul {
	overflow: hidden;}
.mainMenu .social li {
float: left; margin:0 3px; text-align:center; 
	transition:0.2s ease-out; width: 30px; height: 30px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; 
}
.mainMenu .social li a {width:100%; height:100%; display:inline-block; padding:0; }
.mainMenu .social li img {width:100%; display:none;}
.mainMenu .social li i {}

    @media only screen and (max-width: 767px) {
      .mainMenu .closeIcon {
        right: 30px;
        top: 30px; } 
		}
  .mainMenu .logo-area a {
    color: #ffffff;
    font-size: 30px;
    display: block;
    font-weight: 100; }
    @media only screen and (max-width: 767px) {
      .mainMenu .logo-area a {
        font-size: 24px; } }
  .mainMenu .copywrite-text p {
    margin-bottom: 0;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .mainMenu .copywrite-text p {
        font-size: 14px; } }
		
  .mainMenu .copywrite-text a {
    font-weight: 100;
    color: #ffffff; }
    .mainMenu .copywrite-text a:hover, .mainMenu .copywrite-text a:focus {
      font-size: 14px; }
	  
    @media only screen and (max-width: 767px) {
      .mainMenu .nav-item a {
        font-size: 14px;
        padding: 10px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainMenu {
      padding: 30px 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainMenu {
      padding: 30px 15px; } }
	  
  @media (max-width: 767px) {
    .mainMenu {
      padding: 15px;
      width: 300px; }
	  }
  

  
   @media (min-width: 1401px) {
   .header-area .menu-content-area {
   display:none !important;}

 .mainMenu .nav-item  {
  float:left; }
  
 .mainMenu .closeIcon {
 display:none;}
 
}  

 
@media (max-width: 1400px) { 
.mainMenu {
 position: fixed;
  width: 60%;
  height: 100%;
  top: 0;
  right: -60%;
  background-color: #232323;
  z-index: 99999;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 100px 0;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.2); 
  overflow-y:auto;}
  
  .menu-open .mainMenu {
  right: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
  
  .mainMenu .closeIcon {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 999999;
    color: #ffffff;
    font-size: 20px; padding:10px;
    cursor: pointer;
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms;
display:inline-block;	}

 .mainMenu .nav-item a {
    font-size: 18px; color:#fff;
    position: relative;
    z-index: 1;
    padding: 15px 15px; display:block;}

.mainMenu .social {
margin-top:20px;}
  }
   
 @media (max-width: 991px) {
 .mainMenu {
 width: 100%;
  right: -100%;}
  }