@charset "utf-8";
.navbar-default {border-color: transparent;background-color: #000;}
.navbar-default .navbar-brand a{ color: #fff;    -webkit-transition: all .3s;    -moz-transition: all .3s;    transition: all .3s;    font-weight: 600;}
.navbar-brand span{float:left;font-size:15px;}
.navbar-brand img{width:160px;height:40px;float:left;margin-right:10px;}
.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}
.navbar-default .nav li a { 
    font-weight:400;
    font-size: 18px;
    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 .navbar-brand .dark{display:none}
.navbar-default.navbar-shrink .navbar-brand .dark{display:block!important}

.navbar-default.navbar-shrink .navbar-brand span{ color: #666;}


.navbar-default .navbar-brand .light{display:block}
.navbar-default.navbar-shrink .navbar-brand .light{display:none!important} 

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

.navbar-default.background--light .nav li > a,
.navbar-default.background--light .navbar-brand,
 .navbar-default.background--light #navbar-social 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  {
        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;
}
 
 

.navbar-default .dropdown-menu a { color: #333 !important;}
.navbar-default .nav .dropdown-menu li a  {
    padding: 10px 15px;
    font-size: 18px;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff
}
.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: #333333;}

.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: #333333;}
@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 {
		box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        -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	;
        padding: 0;
		background:#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
    }


@media(max-width:768px) {
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #333
}
 
 
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;width:40px;height:5px;}
.navbar-default.navbar-shrink .navbar-toggle .icon-bar { background-color: #333333; }
	
.navbar-default{background:#333333  }
 
.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:20px; padding: 20px 15px;color: #333333;}
#navbar-social, #header-scroll-wrapper { display: none;}

.navbar-collapse ul{ background-color: #fff!important;margin-top:0px;margin-bottom:0px;}
.navbar-collapse li{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #f9f4ef;
}
.navbar-collapse li:hover{background-color: #D6D3D1!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: #333333;}
