.navbar-default {border-color: transparent;    background-color: #009999;}
.navbar-default .navbar-brand a{ color: #fff;    -webkit-transition: all .3s;    -moz-transition: all .3s;    transition: all .3s;    font-weight: 900;}
.navbar-brand span{float:left;font-size:12px;}
.navbar-brand img{float:left}

.navbar-default .navbar-collapse { border-color: rgba(255, 255, 255, .02)}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:active
{ border-color: transparent!important;background-color: transparent!important}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff}

.caret { margin-top: -3px}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding: 25px 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    letter-spacing: 2px;
}

.navbar-default.background--dark .nav li > a,
.navbar-default.background--dark .navbar-brand,
#headerwrap.background--dark .intro-text, .navbar-default .nav li > a,
.navbar-default .navbar-brand,
#headerwrap .intro-text {
    color: #fff;
}

.navbar-default.background--light .nav li > a,
.navbar-default.background--light .navbar-brand,
#headerwrap.background--light .intro-text, .navbar-default.background--light #navbar-social a, #headerwrap.background--light .slider-control a {
    color: #333;
}

.navbar-default.background--light .tcon-menu__lines, .navbar-default.background--light .tcon-menu__lines::before, .navbar-default.background--light .tcon-menu__lines::after, #headerwrap.background--light .wheel {
        background: #333;
        -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#headerwrap.background--light .mouse {
    border: 2px solid #333;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
    color: #fff;
}

.navbar-default .nav li.dropdown.open > a:focus{background-color:transparent!important;}
.navbar-default .nav li.dropdown.open > a{ color: #ffe793 !important; }


.navbar-default .dropdown-menu a { color: #333 !important;}



.navbar-default .nav .dropdown-menu li a  {
    padding: 10px 15px;
    font-size: 12px;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ffe793
}
.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.navbar-default.navbar-shrink .nav li.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.navbar-default.navbar-shrink .nav li > a,
.navbar-default.navbar-shrink .navbar-brand { color: #fff;}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #F22613;background-color: #333}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-default.navbar-shrink .nav .dropdown-menu li a {color: #333;}
.navbar-default.navbar-shrink .nav .dropdown-menu li a:hover,
.navbar-default .nav .dropdown-menu li a:hover {color: #fff!important;background-color: #9c9c9c;}





@media (min-width: 768px) {
	.dropdown-menu:before {
		position: absolute;
		top: -7px;
		margin-right: -9px;
		right: 40%;
		display: inline-block;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ccc;
		border-left: 7px solid transparent;
		border-bottom-color: rgba(0, 0, 0, 0);
		content: '';
	}
	
	.dropdown-menu:after {
		position: absolute;
		top: -6px;
		margin-right: -10px;
		right: 40%;
		display: inline-block;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		border-left: 6px solid transparent;
		content: '';
	}
}



@media screen and (min-width: 992px) {
.navbar-fixed-top .container-fluid {padding-left: 50px;padding-right: 50px;}
}


@media(min-width:767px) {
   
    li.dropdown:hover ul.dropdown-menu {
        opacity: 1;
    }
    li.dropdown:hover ul.dropdown-menu {
        display: block;
        -webkit-animation: fadeIn 0.4s;
        animation: fadeIn 0.4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .animated-navigation #main-navigation .navbar-nav li {
        opacity: 0;
        top: -50px;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        pointer-events: none;
        cursor: pointer;
    }

    .animated-navigation #main-navigation .navbar-nav li#menu-trigger-wrapper {
        display: block;
        opacity: 1;
        top: 0;
        pointer-events: auto;
        cursor: auto;
        padding: 15px;
    }

    .animated-navigation #main-navigation.menu-active .navbar-nav li {
        opacity: 1;
        top: 0px;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        pointer-events: auto;
        cursor: auto;
    }

}

@media(min-width:768px) {
    .navbar-default {
        padding: 30px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        margin-bottom: 0;
    }
    .navbar-default .navbar-brand {
      
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        font-weight: 900;
    }
    .navbar-default.navbar-shrink {
        padding: 0;
        background-color: #222;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
}

@media(max-width:768px) {
.navbar-default .dropdown-menu a { color: #26b5b5 !important;}
.navbar-default .navbar-brand {margin-bottom:15px;}
#menu-trigger-wrapper{display:none}
.navbar-default .navbar-brand, .navbar-default .nav li a {color: #fff;}
.navbar-default .navbar-brand {margin-top: 2px;}    
.nav-justified>li { width: 50%; float: left;word-wrap: break-word;}
.navbar-default .nav li a {font-size: 13px; padding: 10px 15px;}
#navbar-social, #header-scroll-wrapper { display: none;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;width:40px;height:5px;}
.navbar-collapse ul{ background-color: #016c6c!important;margin-top:0px;margin-bottom:0px;}
.navbar-collapse li{border-bottom-width: thin;border-bottom-style: solid;border-bottom-color: #009999;}
.navbar-collapse li:hover{background-color: #009999!important;}
.navbar-default .navbar-toggle{margin-top:15px;!important}
}

/* MENU ICON */
.tcon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; 
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
  .tcon > * {
    display: block; }
  .tcon:hover,
  .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
    display: inline-block;
    height: 4px;
    width: 28px;
    border-radius: 0px;
    transition: 0.3s;
    background: #fff;
    position: relative; 
}

.tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 4px;
    width: 28px;
    border-radius: 0px;
    transition: 0.3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {top: 7px;}
  .tcon-menu__lines::after {top: -7px;}
  .tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent !important; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 28px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active,
  .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }


.navbar-default.navbar-shrink .tcon-menu__lines, .navbar-default.navbar-shrink .tcon-menu__lines::before, .navbar-default.navbar-shrink .tcon-menu__lines::after {background: #fff;}