/*
Template Name: Bootstrap Starter Kit - Header 3
Description: Business Startup & Prototyping HTML Framework
Author: Theme Spirit
Author URI: http://www.creativemarket.com/theme_spirit

Version: 1.0

*/

/*	HEADER 3
/*----------------------------------------------------*/

#header-3 {
  width: 100%;
  min-height: 98px;
  position: relative;
  z-index: 999;
}

.header_container {
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
}
#header-3 .main-nav .nav {
    margin-top: 25px;
}

#header-3 .brand {
        width: 150px;
        height: 206px;
        text-align: center;
        position:fixed; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:hidden;
}

#header-3 .brand-img {
  float: none;
    margin: 10px auto;
    text-align: center;
    max-width: 200px;
}
#header-3 .navbar-fixed-top .navbar-collapse {
	max-height: inherit;
	border-top: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
#header-3 nav {
	background-color: #2d393f;
	margin-top: -1px;

}

#header-3 nav ul {
	list-style: none;
	padding: 0;

}

#header-3 nav ul li {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	/*border-bottom: 1px dotted rgba(255, 255, 255, 0.2);*/
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	padding-left: 0;
	position: relative;
  transition: all .2s ease-in-out;
}
#header-3 nav ul li :hover{background-color: #2d393f;}
#header-3 nav ul li:last-child {
	border: none;
}

#header-3 nav ul li a {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	padding: 9px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	padding-left: 3px;
	position: relative;

}

#header-3 nav ul li a:hover, #header-3 nav ul li a:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);

}
#header-3 .navbar-toggle {
	margin-right: 0;
	margin-top: 0;
	background: none;
	position: absolute;
	right: 20px;
	top: 30px;
	border: none;
}
#header-3 #nav-toggle {
	position: absolute;
	right: 15px;
	top: 0;
}

#header-3 #nav-toggle {
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}

#header-3 #nav-toggle span, #header-3 #nav-toggle span:before, #header-3 #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #353535;
	position: absolute;
	display: block;
	content: '';
}

#header-3 #nav-toggle span:before { top: -10px; }
#header-3 #nav-toggle span:after { bottom: -10px; }

#header-3 #nav-toggle span, #header-3 #nav-toggle span:before, #header-3 #nav-toggle span:after {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
}

#header-3 #nav-toggle.active span { background-color: transparent; }

#header-3 #nav-toggle.active span:before, #header-3 #nav-toggle.active span:after { top: 0; }

#header-3 #nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#header-3 #nav-toggle.active span:after {
	transform: translateY(-10px) rotate(-45deg);
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}

#header-3 .navicon {
	position: relative;
	height: 26px;
}



#header-3 .indicator {
	position: absolute;
	right: 0 !important;
}

#header-3 .pull { display: none; }




/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {



}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #header-3 .main-nav .nav .dropdown-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    text-transform: none;
    min-width: 100%;
    background: #2d393f;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  #header-3 .main-nav .nav .dropdown-menu:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px none #2d393f;
    position: absolute;
    right: 35px;
    top: -10px;
  }

  #header-3 .main-nav .nav .dropdown-menu a {
    padding: 8px 10px;
    color: #fff;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
      background: #2d393f;
  }

  #header-3 .main-nav .nav .dropdown-menu a:hover {
    background: #88b8d1;
    color: #fff;
  }


}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {



}