.header1 {
   background-color: black;
   z-index: 9999;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   padding: 10px;
   box-shadow: 1px 1px 5px -3px;
   display: inline-block;
   flex: 0;
}

.header1 .header-social > a {
   display: inline-block;

}

.header1 .menu-link:hover{
   text-decoration: none;
}

.header1 .left-logo{
  position: absolute;
  z-index: 1;
  left: 25px;
}

.header1 .canvas-wrapper{
  position: relative;
  min-height: 100%;
}

.header1 .logo-text
{
   color: white;
}

.header1 .header-social
{
   display: inline-block;
}

.header1 .header-logo
{
   width: 100%;
}

.header1 .right-container
{
   /*display: inline-block;
   vertical-align: top;*/
   float: right;
   text-align: right;
}

.header1 .menu-items
{
   color: white;
   display: none;
   margin-right: 60px;
   height: auto;
}
/*
.header1 .right-container
{
   text-align: right;
}*/

.header1 .share-main-icon {
    width: 4rem;
    height: 4rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 45% center;
    border-color: #3886c8;
    margin: 0;
    padding: 0;
    display: block;
}

.header1 .logo-text
{
   margin-left: 40px;
   white-space: nowrap;
   margin-top: 5px;
}

.header1 .menu-item
{
   max-width: 400px;
   display: inline-block;
   list-style: none;
   cursor: pointer;
}

.header1 .menu{
   transition: color 0.5s ease;
}
.header1 .fa2{
   border: 2px solid white;
   border-radius: 100%;
   padding: 10px;
   display: inline-block;
   background-color: transparent;
   transition: background-color 0.5s ease,
               color 0.5s ease;
}

.header1 .menu-link:hover .fa2
{
   background-color: white;
   color: #3886c8;

}


.header1 .menu-link:hover .header1
{
   color: #3886c8;
}
.header1 .menu-link {
    color: white;
    text-decoration: none;
    padding: 10px 5px;
    position: relative;
}

.header1 .share-container
{
   position: relative;
   display: inline-block;
   vertical-align: middle;
    height: 56px;
}

.header1 .share-container:hover .share-circle {
    width: 25rem;
    height: 25rem;
    display:inline-block;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    -webkit-transition: opacity .1s,width .4s ease-in,height .4s ease-in,-webkit-transform .4s .4s linear;
    transition: opacity .1s,width .4s ease-in,height .4s ease-in,transform .4s .4s linear;
    z-index: 1;
    pointer-events: all;
    top:40px;
}

.header1 .share-container .share-circle {
    width: 5rem;
    display:inline-block;
    height: 5rem;
    border-radius: 50%;
    background: #3886c7;
    position: absolute;
    margin-top: -30px;
    margin-left: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.8) rotate(120deg);
    -ms-transform: translate(-50%,-50%) scale(.8) rotate(120deg);
    transform: translate(-50%,-50%) scale(.8) rotate(120deg);
    opacity: 0;
    -webkit-transition: width .3s .3s,height .3s .3s,opacity .1s .5s,-webkit-transform .3s .3s,z-index .01s .6s;
    transition: width .3s .3s,height .3s .3s,opacity .1s .5s,transform .3s .3s,z-index .01s .6s;
    z-index: -1;
    pointer-events: none;
}

.header1 .share-container:hover .share-circle
{
   opacity: 1;
   width: 240px;
   height: 240px;
   display: block;

}

.header1 .soc-circle
{
   position: absolute;
   top: 50%;
   left: 50%;
   opacity: 0;
   transition: all ease 0.7s;
}

.header1 .share-container:hover .soc-circle
{
   opacity: 1;
   transition: all ease 0.7s;
}

.header1 .share-container .share-main-icon
{
color: #3886c8;
border-color: #3886c8;
z-index: 1000;
padding: 10px;

}

.header1 .share-container:hover .share-main-icon{
  border-color: #ffffff;
  transition: color 0.5s ease;
  background-color: #ffffff
}

.header1 .share-main-icon:before{
  position:absolute;
  left:12px;
  top:13px;
  z-index:11;
  transition: color 0.5s ease;
}

.header1 .inside-circle-soc
{
   color: white;
   transition: color 0.5s ease;

}

.header1 .menu-items-mobile .uk-nav
{
text-align: left;
padding-left: 15px;
padding-right: 15px;
color: white;


}

.header1 .menu-items-mobile
{
display: inline-block;
vertical-align: top;
text-align: right;
vertical-align: middle;
}

.header1 .menu-items-mobile .dropdown-item
{
padding: 5px;
border-bottom: 1px solid #e1e8ed;
color: black;
}

.header1 .fa3
{

border: 2px solid black;
border-radius: 100%;
padding: 10px;
display: inline-block;
background-color: transparent;
transition: background-color 0.5s ease,
            color 0.5s ease;

}
@media screen and (min-width: 800px) {

.header1 .menu-items{ display: inline-block; margin-bottom: 0}
.header1 .menu-items-mobile{ display: none;}

}

.header1 .main-share-onhover-icon{

   color: #3886c8;
   font-size: 28px;
   border: 2px solid white;
   border-radius: 100%;
   background-color: white;
   z-index: 1000;
   border: 2px solid white;
   border-radius: 100%;
   padding: 10px;
   display: inline-block;
   background-color: white;
   transition: background-color 0.5s ease,
               color 0.5s ease;

}

body.edit-mode .header1{
  position: relative;
}

@media screen and (max-width: 720px){
  .header1 .uk-dropdown {
      top: 50px !important;
      left: -120px !important;
  }

}

@media screen and (max-width: 650px){
  .header1 .left-logo{
    max-width: 180px !important;
  }

}


.header1 .uk-nav
    {
        max-height: 200px;
        overflow-y: scroll;
    }

.header1 .inside-circle-soc
{
  font-size: 18px;
  display: inline-block;
}

.header1 .off-canvas-container
{
  text-align: left;
  padding: 30px 15px 60px;
}
.header1 .off-canvas-container li{
  border-bottom: 1px solid #e7e6e7;
  padding-top: 20px;
  padding-bottom: 5px;
}

.header1 .social-off-canvas-container
{
  width: 100%;
  background-color:#e1e2e3 ;
  padding: 20px;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

.header1 #hamburger .header-container2{
  text-align: center;
}

.header1 #hamburger{
  z-index:20000;
}

.header1 .uk-dropdown .menu-item
{
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid;
  display: block;

}

.header1 .soc{
  padding: 10px;
}

.header1 .uk-dropdown{
  text-align: center;
}

.header1 .left-logo{
  z-index: 1;
}