@charset "utf-8";
/*
@author STDesign4U <info@stdesign4u.com>
http://www.stdesign4u.com
@copyright (c) 2018 STDesign4U
*/

header {
position: absolute;
left: 0;
top: 12px;
height: 35px;
padding: 5px 0;
margin: 0;
right: 0;
border: 0;
border-radius: 0;
z-index: 9999;
}

/* Menu
/* --------------------------------------------------------------------------------- */

nav {
padding: 0;
height: 25px;
border: 0 !important;
border-radius: 0 !important;
border-width: 0 !important;
background-color: rgba(0,0,0,0.0) !important;
}

.navbar {
margin: 0 7px !important;
min-height: auto;
height: auto;
}

.navbar-brand {
padding: 0;
min-height: 13px;
height: 13px;
line-height: 13px;
}

a.navbar-brand,
a.navbar-brand:focus,
a.navbar-brand:active,
a.navbar-brand:hover {
padding: 0;
margin: 3px 10px 0 15px;
}

.navbar-brand>img {
width: 66px;
height: 13px;
}

.navbar-nav li {
position: relative;
padding: 0 8px !important;
margin: 0 !important;
}

.navbar-nav li a,
.navbar-nav li a:focus,
.navbar-nav li a:active,
.navbar-nav li a:hover {	
font-family: 'futura_lt_bt';
font-size: 11px;
letter-spacing: 0.03em;
color: #FFFFFF !important;
text-decoration: none;
text-transform: uppercase;
padding: 0 !important;
margin: 0 !important;
}

.navbar-nav li:before {
content: "";
position: absolute;
display: block;
z-index: -1;
height: 10px;
border-right: 1px solid #FFFFFF; 
top: 50%;
margin-top: -8px;
left: 0;
}

.navbar-nav li:first-child:before {
border-right: 0;
}

.navbar-nav li a:after {
display: block;
content: '';
padding-top: 5px;
border-bottom: 2px solid #FFFFFF;  
transform: scaleX(0);  
transition: transform 300ms ease-in-out;
}

.navbar-nav li a:hover:after {
transform: scaleX(1);
transform-origin:  0% 50%;
}

.navbar-nav li.active a,
.navbar-nav li.active a:focus,
.navbar-nav li.active a:active,
.navbar-nav li.active a:hover {
font-family: 'futura_lt_bt';
font-size: 11px;
letter-spacing: 0.03em;
color: #FFFFFF !important;
text-decoration: none;
text-transform: uppercase;
background-color: rgba(0,0,0,0.0) !important;
border-bottom: 2px solid #FFFFFF;
}

.navbar-nav li.active :after {
display: block;
content: '';
border-bottom: 0;  
transform: scaleX(0);
}

.navbar-nav li.active:hover:after {
transform: scaleX(0);
}

.navbar-nav li:last-child {
border-right: 0 !important;
}

/* Social Icons
/* --------------------------------------------------------------------------------- */

ul.header-social-icons i.fa {
color: #FFFFFF;
font-size: 16px;
font-style: normal;
}

ul.header-social-icons li {
padding: 0 8px !important;
margin: 0 !important;
border-right: 0 !important;
}

ul.header-social-icons li a,
ul.header-social-icons li a:focus,
ul.header-social-icons li a:active,
ul.header-social-icons li a:hover {
padding: 0 !important;
text-decoration: none;
margin: 0 !important;
}

ul.header-social-icons li a:after {
display: block;
content: '';
border-bottom: solid 2px #FFFFFF;  
transform: scaleX(0);  
transition: transform 300ms ease-in-out;
}

ul.header-social-icons a:hover:after {
transform: scaleX(1);
transform-origin:  0% 50%;
}

/* Toggle Menu
/* --------------------------------------------------------------------------------- */

.navbar-toggle {
position: absolute;
right: -15px;
top: -15px;
border: 2px solid #FFFFFF !important;
border-radius: 0 !important;
background-color: rgba(0,0,0,0.0) !important;
}

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
background-color: rgba(0,0,0,0.0) !important;
}

.navbar-toggle .icon-bar {
background-color: #FFFFFF !important;
}


.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}

.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
top: 6px;
transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
background-color: rgba(0,0,0,0.0) !important;
transform: scale(0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}