span.main,
.navbar-toggle-main {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

span.main {
  position: fixed;
  z-index: 100;
  background-color: rgba(97,204,244, 0.95);
  width: 100%;
  height: 100%;
  /*text-align: center;*/
  display: table;
  color: white;
}

span.nav-hide { display: none; }

span.main ul {
  width: 205px; margin:0 auto;
  /*display: table-cell;*/
  vertical-align: middle;
  padding-left: 0 !important;
}


span.main ul li { list-style: none; }

span.main ul li a {
  font-size: 27px;
  font-family: 'montserratlight';
  color: inherit;
  text-decoration: none;
}

.navbar-toggle-main {
  position: fixed;
 /* top: 73px;
  right: 7.4%;*/
  width: 26px;
  /*height: 35px;*/height: 29px;
  z-index: 1000;
  cursor: pointer; /*padding: 5px;*/
  /*background: #fff;
*/}

/*.navbar-toggle-main {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 40px;
  height: 45px;
  z-index: 1000;
  cursor: pointer;
}*/

.bar1,
.bar2,
.bar3 {
  width: 100%;
  height: 3px;
  margin-bottom: 8px;
  background-color: #000;
  border-radius: 50px 50px / 20px 20px ; 
  transition: all 0.3s ease-in-out;
}

.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 { background-color: white; }

.navbar-on .bar1 {
  transform-origin: 10% 40%;
  transform: rotate(45deg);
   -webkit-transform-origin: 10% 40%;
  -webkit-transform: rotate(45deg);
}

.navbar-on .bar3 {
  transform-origin: 10% 40%;
  transform: rotate(-45deg);
   -webkit-transform-origin: 10% 40%;
  -webkit-transform: rotate(-45deg);
}

.navbar-on .bar2 { background-color: transparent; }

.navigation-list {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}



/****** HOMEPAGE LIGHTBOX MENU ********/
.desktop-nav {}
.desktop-nav ul {list-style:none; margin:0px; padding:0px;}
.desktop-nav li {margin:0 0 18px 0; font-size:27px; color:#fff; text-transform:uppercase; display:block}
.desktop-nav li a{ color:#fff;}


/*social-icon-top*/

.social-icon-top {margin:0px; padding:0px; width: 230px; position:absolute; top:45%; right:6%; }
.social-icon-top ul {list-style: none; margin:0px; padding:0px; width: auto !important;}
.social-icon-top li { display: inline-block; margin-right: 40px; font-size: 20px !important; font-weight: 700; color:#fff;}
.social-icon-top li a { color: #fff; border-radius: 100%; border: 2px solid rgba(0, 0, 0, 0);; min-width: 45px;  min-height: 45px;  text-align: center;  display: block; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: 1s; transition: all 1s; padding-top:3px;}
.social-icon-top li a:hover{ color:#fff; border:2px solid #fff; border-radius:100%;}
.social-icon-top li.last {margin-right: 0px;}



.hover-underline-from-left2 {
/* display: inline-block;
 vertical-align: middle;*/
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 overflow: hidden;
}
.hover-underline-from-left2:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 0;
 right: 100%;
 bottom: 0;
 background: #fff;
 height: 2px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.hover-underline-from-left2:hover:before, .hover-underline-from-left2:focus:before, .hover-underline-from-left:active:before {right: 0;}

.navbar-toggle-main span {display: block; color: #cccecf; text-transform: uppercase; font-size: 12px; margin-top: 35px;}
.navbar-on span {display: block; color: #fff; text-transform: uppercase; font-size: 12px; margin-top: 40px;}