.pl-sn-skynav .pl-sn-pad{
  padding: 0;
}
.pl-sn-skynav {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #eee;
}
.skynav-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pl-sn-skynav.skynav-nav-wrap {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pl-sn-skynav.skynav-branding.skynav-nav {
  text-align: left;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pl-sn-skynav.skynav-nav {
  display: inline-block;
  vertical-align: top;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.pl-sn-skynav.skynav-content.skynav-nav {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.skynav-nav-wrap ul li a {
    color: inherit;
}
.skynav-nav-menu ul li {
    list-style: none;
    display: inline-block;
    line-height: 2em;
}
.skynav-nav-menu ul {
padding: 0;
  margin: 0;
}
.skynav-nav.skynav-nav-menu a {
    padding: .5em 1em;
    font-size: .85em;
    text-decoration: none;
}
.skynav-nav.skynav-nav-menu ul {
  padding:0;
}
.skynav-menu.skynav-nav-menu li {
    position: relative;
}

.skynav-nav.skynav-nav-menu ul ul {
display: none;
  position:absolute;
	top:100%;
	left:0;
	background:white;
	padding:0;
  color: black;
}
ul.sub-menu {
    text-align: center;
    border: 1px solid #eee;
  }

.skynav-nav ul li:hover > ul{
	display:block;
  width: 100%;
}
.skynav-nav a {
    padding: .5em 1em;
    font-size: .85em;
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.skynav-nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.skynav-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1em .5em;
}
ul.sub-menu li a {
    padding: 0;
}
@media (min-width:800px){
.headroom {
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

/*adjust this if you have a big header or parts

of your header are still visible after the hide*/
.headroom--unpinned {
top: -150px;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;
}
.headroom--pinned {
  top: 0;
  -webkit-transition: all .500s ease-in-out;
  transition: all .500s ease-in-out;
}
}
.pl-sn-skynav {
    z-index: 1000;
}
/*
helpful classes
*/
@media (min-width: 800px){
.sky-margin-lg {
  margin-top: 8%;
}
.sky-margin-md {
  margin-top: 6.5%;
}
.sky-margin-sm {
  margin-top: 5%;
}
}

/***********/
/* mobile nav */
@media(max-width:769px){

.skynav-nav-menu {
    display: none;
}
}

@media(min-width:769px){
.skynav-nav-mobile {
    display: none;
}
}
.covernav-container {
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.covernav-navigation ul li {
text-decoration: none;
list-style: none;
}
.covernav-navigation li {
font-size: 3em;
}
.covernav-navigation a:hover {
text-decoration: none;
}
.overlay.overlay-data.overlay-open ul {
    margin: 0;
    padding: 0;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.89);
    z-index: 1000!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.covernav-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: .7em;
}

button#overlay-menu {
    color: inherit;
    border-color: inherit;
    padding: 21px 26px;
    background: no-repeat center center;
    border:none;
}
ul.covernav-nav {
margin: 0;
padding: 0 1em;
}

/* overlay close cross */

.overlay .overlay-close {
width: 80px;
height: 80px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
text-indent: 200%;
color: transparent;
background: no-repeat center center;
outline: none;
z-index: 2000;
-webkit-transition: all 0.2s;
transition: all 0.2s;
 }

.overlay .overlay-close:hover {
-webkit-transform: scale(0.6);
-webkit-transition: scale(0.6);
transition: scale(0.6);
}
/* end */



/* social links */

.covernav-icon-wrap {
text-align: center;
position: fixed;
bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 1.2%;
width: 100%;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
font-size: 2em;
}

.covernav-icon-wrap .iconlist a {
margin: 0 1%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: .5em;
width: 50px;
border: 2px solid;
height: 50px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.covernav-icon-wrap .iconlist {
width: 100%;
}
/* menu items style */

.overlay-data {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.8s, visibility 0s 0.8s;
transition: opacity 0.8s, visibility 0s 0.8s;
}

.overlay-open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
}