#loadingCover{
  position:fixed;
  top:0;bottom:0;left:0;right:0;
  margin:auto;
  width:100vw;
  height:100vh;
  overflow:hidden;
  background-color:#fff;
  z-index:1000;
}
.headerLogo{
  position:absolute;
  top:50vh;left:0;right:0;
  padding-top: 20px;
  margin:0 auto;
  width:80px;
  z-index:3002;
}
.headerLogoMobile{
  position:absolute;
  top:20px;left:0;right:0;
  margin:0 auto;
  width:80px;
  z-index:1002;
}
nav{
  position:absolute;
  width:100%;
  /*height:130px;*/
  z-index:9999;

  /*border-bottom: 1px solid rgba(255,255,255,0.5);*/
}
.wordmark{
  font-size:34px;
  text-align:center;
  color:#fff;
  padding:90px 0px 10px 0px;
  display:block;
}
.wordmarkMobile{
  padding-top:20px;
}
nav #selections{
  position:relative;
  width:100%;
  border-top: solid 1px rgba(255,2552,255,0.5);
  /*transition: all 0.1s ease-in;*/
}
nav #menu{
  display:table;
  /*margin:0 calc((100% - 760px) / 2);*/
  margin:0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav #selections .spinLogo{
  box-sizing: content-box;
  opacity:0;
  position: absolute;
  top:20px;left:10px;
  width:45px;
  /*padding:4px 10px;*/
  /*margin-top:-100px;*/
  /*-webkit-transition: all 0;
  transition: all 0;*/
}
nav #selections.scrolled .spinLogo{opacity:1}
nav #selections.scrolled #menu{margin:0 auto}
nav #selections.scrolled{
  overflow: hidden;
  position:fixed;
  top:0;left:0;right:0;margin:0 auto;
  width: 100%;
  text-align: center;
  background-color: rgba(255,255,255,1);
  border-bottom:2px solid #F5A71C;

}
nav #selections.scrolled span{
  width:100px;
  color:#000;
  font-size:12px;
}
nav #selections.scrolled .socialMenu{
  display:block;
  padding:1px 10px !important;
}
nav #selections.scrolled .social{
  /*border-color: rgba(245,168,28,0) !important;*/
  border-color: rgba(102, 102, 102, 0.5) !important;
  /*background-color: rgba(245,168,28,0.5) !important;*/
}
nav #selections.scrolled .social:hover{
  background-color: rgba(245,168,28,1) !important;
  border-color: rgba(102, 102, 102, 0) !important;
}
nav #selections span{
  width:150px;
  color:#fff;
  font-size:14px;
  display:inline-block;
  margin:auto;
  box-sizing: border-box;
  padding:15px 0px;
  text-align:center;
  cursor:pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav #menu span:hover{
  color:#F5A81C;
}
.socialMenu{
  position:absolute;
  right:0;
  top:0;
  padding:4px 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.social,.arrow{
  float:right;
  width:28px;
  height:28px;
  box-sizing:content-box;
  margin:7px 3px;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 50%;
  cursor:pointer;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.arrow:hover,.social:hover{/*border-color: rgba(245,168,28,0.5)*/background-color:rgba(245,168,28,1) !important;border: 1px solid rgba(245,168,28,1) !important;}
.fb{background-image: url(../img/fb-white.svg)}
.in{background-image: url(../img/insta-white.svg)}
.pn{background-image: url(../img/pin-white.svg)}
.ln{background-image: url(../img/linkedin-white.svg)}
.arrowup{background-image: url(../img/arrowup-white.svg)}

.arrowup{
  display:inline-block;
  margin:10px 25px;
  float:none;
}
.arrowup.left{
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari */
  transform: rotate(-90deg);
}
.arrowup.right{
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
}
.fb:hover{background-image: url(../img/fb-white.svg)}
.in:hover{background-image: url(../img/insta-white.svg)}
.pn:hover{background-image: url(../img/pin-white.svg)}
.ln:hover{background-image: url(../img/linkedin-white.svg)}

nav .whiteNavBG .fb{background-image: url(../img/fb-grey.svg)}
nav .whiteNavBG .in{background-image: url(../img/insta-grey.svg)}
nav .whiteNavBG .pn{background-image: url(../img/pin-grey.svg)}
nav .whiteNavBG .ln{background-image: url(../img/linkedin-grey.svg)}
nav .whiteNavBG .social{border: 1px solid rgba(102, 102, 102, 0.5)}

nav .whiteNavBG .fb:hover{background-image: url(../img/fb-white.svg)}
nav .whiteNavBG .in:hover{background-image: url(../img/insta-white.svg)}
nav .whiteNavBG .pn:hover{background-image: url(../img/pin-white.svg)}
nav .whiteNavBG .ln:hover{background-image: url(../img/linkedin-white.svg)}

nav #selections.scrolled .fb{background-image: url(../img/fb-grey.svg)}
nav #selections.scrolled .in{background-image: url(../img/insta-grey.svg)}
nav #selections.scrolled .pn{background-image: url(../img/pin-grey.svg)}
nav #selections.scrolled .ln{background-image: url(../img/linkedin-grey.svg)}

nav #selections.scrolled .fb:hover{background-image: url(../img/fb-white.svg)}
nav #selections.scrolled .in:hover{background-image: url(../img/insta-white.svg)}
nav #selections.scrolled .pn:hover{background-image: url(../img/pin-white.svg)}
nav #selections.scrolled .ln:hover{background-image: url(../img/linkedin-white.svg)}

#mobileNavContainer .fb{background-image: url(../img/fb-grey.svg)}
#mobileNavContainer .in{background-image: url(../img/insta-grey.svg)}
#mobileNavContainer .pn{background-image: url(../img/pin-grey.svg)}
#mobileNavContainer .ln{background-image: url(../img/linkedin-grey.svg)}

#mobileNavContainer .fb:hover{background-image: url(../img/fb-white.svg)}
#mobileNavContainer .in:hover{background-image: url(../img/insta-white.svg)}
#mobileNavContainer .pn:hover{background-image: url(../img/pin-white.svg)}
#mobileNavContainer .ln:hover{background-image: url(../img/linkedin-white.svg)}

#mobileNavContainer {
  position: fixed;
  z-index: 200;
  /*top: 0;*/
  margin: 0;
  display: block;
  width: 100%;
  justify-content: center;
  z-index:2000;
}
#mobileNavContainer ul li a {
  color:inherit;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 25px;
  text-decoration: none;
  cursor: pointer;

}
#mobileNavContainer ul li {
  background: rgba(255, 255, 255, 0.95);
  margin: 0 ;
  color: #444;
  padding: 0;
  text-align: left;
  border-bottom: solid 1px #ccc;
  font-size: 14px;
  outline: 0;
  display: list-item;
  list-style: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#mobileNavContainer ul li:hover {
  background: rgba(245,168,28,0.8);
  color:#fff;
}
#mobileNavContainer ul {
  float: none;
  margin: 0;
  padding: 0;
  /*display: none;*/
  list-style: none;
  text-align: center;
}
#togglebtnContainer{
  height: auto;
  display: block;
  padding: 15px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  z-index:2001;
}
#togglebtn {
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  height: auto;
  cursor: pointer;
  padding: 2px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
/*#togglebtn div {
  width: 30px;
  height: 30px;
  margin: 5px;
}*/
#socialMenu{
  background-color:rgba(255, 255, 255, 0.95);
  height:80px;
}
#socialMenuFooter{
  background-color: rgba(255, 255, 255, 0);
  height: 60px;
}
#socialMenuFooter .social{
  background-color:rgba(245,168,28,0);
  float:none;
  width:40px;
  height:40px;
  box-sizing:content-box;
  margin:9px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor:pointer;
  background-size: 15px 15px;
  display:inline-block;
}
#socialMenuFooter .social:hover{
  background-color:rgba(255, 255, 255, 0);
  border: 1px solid #F5A81C;
}
#socialMenu .social{
  background-color:rgba(245,168,28,0);
  float:none;
  width:40px;
  height:40px;
  box-sizing:content-box;
  margin:20px 10px;
  border: 1px solid rgba(102,102,102,1);
  border-radius: 50%;
  cursor:pointer;
  background-size: 15px 15px;
  display:inline-block;
}
#socialMenu .social:hover{
  background-color:rgba(255, 255, 255, 0);
  border: 1px solid #F5A81C;
}
  #mobileHeader{
    padding-top:80px;
  }


.hide-xl,.hide-lg,.hide-md,.hide-sm{display:inherit}

.menu-icon-wrapper{
    position: relative;
    display: inline-block;
    width: 64px;
    height: 64px;
    /*pointer-events: none;*/
    transition: 0.1s;
}


.menu-icon-wrapper.scaled{
    transform: scale(0.6);
}

.menu-icon-wrapper svg{
    position: absolute;
    top: -30px;
    left: -35px;
}

.menu-icon-wrapper svg path{
    stroke: #F5A81C;
    stroke-width: 6px;
    stroke-linecap: round;
    fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger{
    position: relative;x
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*pointer-events: auto;*/
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}