/*Top Bar (login, search etc.)
------------------------------------*/
.top {
	padding:7px 0 8px;
}

.loginbar {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

.loginbar li {
	display:inline;
	list-style:none;
	padding-bottom:15px;
}

.loginbar li a,
.loginbar li a:hover {
	color:#7c8082;
	font-size:11px;
	font-family:'Open Sans', sans-serif;
	text-decoration: none;
}

.uppercase {
	text-transform:uppercase;
}

.loginbar li.divider {
	top:-1px;
	padding:0;
	font-size:8px;
	position:relative;
	margin:0 6px 0 2px;
	font-family:Tahoma;
	border-right:solid 1px #bbb;
}

.loginbar i {
	color:#999;
	/*font-size:18px;*/
	margin-top:3px;
	cursor:pointer;
}

/*Lenguages*/
.loginbar li ul {
	top:30px;
	margin:0;
	left:-6px;
	display:none;
	padding-top:4px;
	position:absolute;
	border-radius:3px;
	padding-bottom:4px;
	background:#f0f0f0;
}

.loginbar li:hover ul {
	display:block;
}

.loginbar li ul li {
	padding-bottom:0;
	display:list-item;
	position:relative;
	margin-bottom:1px;
}

.loginbar li ul li a {
	color:#555;
	display:block;
	min-width:85px;
	font-size:10px;
	padding:2px 12px;
	background:#f0f0f0;
	text-decoration:none;
}

.loginbar li ul li a:hover,
.loginbar li ul li.active a {
	opacity:1 !important;
	color:#555 !important;
	font-size:10px !important;
	text-shadow:none !important;
	background:#fafafa !important;
}

.loginbar li ul li.active i {
	top:2px;
	right:-5px;
	font-size:14px;
	cursor:default;
	position:absolute;
	text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
	color:#bbb;
	font-size:13px;
	margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
	top:21px;
	left:-1px;
	color:#eee;
	display:none;
	font-size:14px;
	cursor:default;
	position:absolute;
}

.loginbar li:hover i.icon-sort-up {
	display:block;
}

.loginbar li:hover i.icon-ok {
	top:-2px;
	color:#aaa;
}

/*Header (logo and menu)
------------------------------------*/
.header {
	position:relative;
}

.header .container {
	position:relative;
	padding-left: 0;
    padding-right: 0;
}

.logo {
	position:absolute;
	top:-5px;
	left:0;
}
/*Logo Interactive*/

.logo-link {
	cursor: pointer;
  -webkit-transition: filter 250ms ease-in-out;
  -moz-transition: filter 250ms ease-in-out;
  -o-transition: filter 250ms ease-in-out;
  transition: filter 250ms ease-in-out;
}

.logo-link:hover {
	filter: brightness(75.1%) saturate(99.6%);
  -webkit-transition: filter 250ms ease-in-out;
  -moz-transition: filter 250ms ease-in-out;
  -o-transition: filter 250ms ease-in-out;
  transition: filter 250ms ease-in-out;
}

.logo-link > img {
	max-width: 240px;
	margin: 16px auto 10px;
}

/*Menu*/
.navbar,
.navbar-inner,
.nav,
.navbar-inverse {
	background:#fff;
	filter:none;
	border:none;
	padding:0;
	margin:0 !important;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.nav i.icon-sort-up {
	position:absolute;
	font-size:13px;
	bottom:-6px;
}

.navbar-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.navbar .nav > li {
	display:block;
	position:relative;
}
.navbar .nav > li > a {
	display:block;
	font-size:15px;
	font-weight:400;
	color: #687074;
	text-shadow:none;
	padding:9px 20px;
	text-transform:uppercase;
	border-bottom:solid 2px #eee;
	font-family:'Open Sans', sans-serif;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
	text-decoration: none;
}

.collapse.in ul {
	margin-top:10px !important;
}

.collapse.in li a {
	padding:0 10px;
	border-bottom:solid 1px #eee;
	background:none;
}

.collapse.in li a:hover,
.collapse.in li a.dropdown-toggle {
	border-bottom:solid 1px var(--primary-color) !important;
	background:none;
}

.collapse.in ul.dropdown-menu {
	margin-bottom:5px;
}

.collapse.in ul.dropdown-menu a {
	padding:5px;
	border-bottom:solid 1px #bbb;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin:0 !important;
	border-radius:0 !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	color:var(--primary-color);
	border-bottom:solid 2px var(--primary-color);
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	color:var(--primary-color);
  	text-decoration:none;
	border-bottom:solid 2px var(--primary-color);
  	background:none;
  	-webkit-box-shadow:none;
       -moz-box-shadow:none;
          	box-shadow:none;
}

.navbar .nav > .active > a:hover {
  	color:var(--primary-color);
	background:none;
	border-bottom:solid 2px var(--primary-color);
  	-webkit-box-shadow:none;
       -moz-box-shadow:none;
          	box-shadow:none;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:9px 0 0 3px !important;
  border-top-color: var(--primary-color)!important;
  border-bottom-color: var(--primary-color) !important;
}

/*Dropdown Menu*/
.dropdown-menu {
	padding:0;
	margin-top:-2px;
	min-width:200px;
	border-radius:0;
	border-top:solid 2px var(--primary-color);
	border-bottom:solid 2px #687074;
	z-index: 9999 !important;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu li a {
	color:#687074;
	font-size:13px;
	font-weight:400;
	padding:6px 15px;
	border-bottom:solid 1px #eee;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#ffffff;
  background:#687074 !important;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
	text-decoration: none;
}

.dropdown-menu .active > a {
	color:#ffffff !important;
  	background:#687074 !important;
	filter:none !important;
}

.navbar .btn-navbar {
	padding:10px 15px;
	margin-top:1px;
	margin-right:0;
	background:var(--primary-color);
	border:none !important;
}
.navbar .btn-navbar:hover {
	background:#5fb611;
}
.navbar .btn-navbar span,
.navbar .btn-navbar:hover span {
	background:#fff !important;
	box-shadow:none !important;
}

.navbar .nav > li > .dropdown-menu:after {
	left:19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left:18px;
	border-bottom:none;
}
.navbar .nav > li > .dropdown-menu:after {
	left:19px;
	border-top-color: var(--primary-color) !important;
	border-bottom-color: var(--primary-color) !important;
}

/*Serach*/
.navbar .search-open {
	right:0;
	top:44px;
	display:none;
	padding:15px;
	position:absolute;
	background:#fcfcfc;
	border-top:solid 2px #eee;
}

.navbar .search-open form,
.navbar .search-open .input-append {
	margin:0 !important;
}

.navbar a.search i.icon-remove {
	top:2px;
	font-size:18px;
	position:relative;
}

.navbar .nav > li > a.search {
	color:#aaa;
	cursor:pointer;
	background:#f7f7f7;
	padding:8px 12px 10px;
	border-bottom-color:#aaa;
}
.navbar .nav > li > a.search:hover {
	color:var(--primary-color);
	border-bottom-color:var(--primary-color);
}

/*Fancybox for gallery page*/
.fancybox-overlay.fancybox-overlay-fixed {
	z-index:9999;
}
/*Header Default
------------------------------------*/
.header {
	position:relative;
}

.header .navbar {
	margin: 0;
	min-height: inherit;
}

.header .navbar-default {
	border: none;
	background: none;
}

.header .navbar-collapse {
	position: relative;
	/*max-height: inherit;*/
}

/*Brand*/
.header .navbar-brand {
	z-index: 2;
	position: relative;
	padding: 0 10px 10px;
}

/*Navbar*/
.header .navbar-default .navbar-nav > li > a {
	color: #687074;
	font-size: 15px;
	font-weight:400;
	padding: 9px 20px;
	text-transform: uppercase;
}

.header .navbar-default .navbar-nav > .active > a {
	color: var(--primary-color);
}

/*Dropdown*/
.header .navbar-right .dropdown-menu {
	right: inherit;
}

.header .navbar .nav > li > a i.icon-angle-down {
	top: -1px;
	left: 1px;
	font-size: 12px;
	position: relative;
	margin: 0 !important;
}

/*Navber Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: var(--primary-color);
}

.navbar-toggle:hover {
	background: #5fb611 !important;
}

.navbar-default .navbar-toggle {
	border-color: #5fb611;
}

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

/*Serach Box*/
.header .navbar .search-open {
	right: 0;
	top: 50px;
	display: none;
	padding: 14px;
	position: absolute;
	background: #fcfcfc;
	border-top: solid 2px #eee;
	box-shadow: 0 1px 3px #ddd;
}

.header .navbar .nav > li > a.search {
	color: #aaa;
	cursor: pointer;
	padding: 8px 8px 10px;
	border-bottom-color: #aaa;
	background: #f7f7f7 !important;
}

.header .navbar .nav > li > a.search:hover {
	color: var(--primary-color);
	border-bottom-color: var(--primary-color);
}

.header .navbar .search-open form {
	margin: 0;
}

.header .navbar a.search [class^="icon-"],
.header .navbar a.search [class*=" icon-"] {
  width: 1.25em;
  text-align: center;
  display: inline-block;
}

.header .navbar a.search [class^="icon-"].icon-large,
.header .navbar a.search [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/*Responsive @Media
------------------------------------*/
@media (min-width: 767px) {
	/*Navbar Collapse*/
	.header .navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.header .navbar-nav {
		top: 2px;
		margin-top: 10px;
		position: relative;
	}

	.header .navbar-default .navbar-nav > li > a,
	.header .navbar-default .navbar-nav > li > a:focus {
		border-bottom: solid 2px transparent;
	}

	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > .active > a {
		border-bottom: solid 2px var(--primary-color);
	}

	.header .navbar-default .navbar-nav > li > a,
	.header .navbar-default .navbar-nav > li > a:hover,
	.header .navbar-default .navbar-nav > li > a:focus,
	.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		background: none;
	}

	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: var(--primary-color);
	}

	/*Dropdown Menu*/
	.header .dropdown-menu {
		padding: 0;
		min-width: 200px;
		border-radius: 0;
		z-index: 9999 !important;
		margin-top: -2px !important;
		border-top: solid 2px var(--primary-color);
		border-bottom: solid 2px #687074;
	}

	.header .dropdown-menu li a {
		color: #687074;
		font-size: 13px;
		font-weight: 400;
		padding: 6px 15px;
		border-bottom: solid 1px #eee;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #fff;
		filter: none !important;
		background: #687074 !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.header .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

	/*Search Box*/
	.header .navbar .search-open {
		width: 330px;
	}
}

@media (max-width: 767px) {
	/*Search Box*/
	.header .navbar .search-open {
		left: 20px;
		top: inherit;
		bottom: -5px;
		padding: 15px;
		border-top: none;
		box-shadow: none;
		background: none;
	}
}
.logo {
	position:absolute;
	top:-5px;
	left:0;
}

.db-notifications {
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	vertical-align: baseline;
}

#logout-form {
  display: inline;
}

#logout-form button {
  all: unset;
  color:#7c8082;
  font-size: 11px;
  font-family:'Open Sans', sans-serif;
  cursor: pointer;
  padding: 0;
}