/**
 * orlesta.com header nav fix — dark bar + flex row (ref qoresta.com)
 */
@media screen and (min-width: 1021px) {
	.header .head_top {
		background: rgba(0, 0, 0, 0.88);
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.header .head_top .text {
		display: flex;
		align-items: stretch;
		min-height: 77px;
	}

	.header .head_top .logo {
		position: relative;
		float: none;
		flex: 0 0 200px;
		width: 200px;
		display: flex;
		align-items: center;
	}

	.header .head_top .logo a img {
		margin-top: 0;
		max-height: 56px;
	}

	.header .head_top .nav {
		flex: 1 1 auto;
		float: none;
		width: auto;
		min-width: 0;
		padding-left: 8px;
		padding-right: 8px;
		box-sizing: border-box;
		display: flex;
		align-items: stretch;
	}

	.header .head_top .nav ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.header .head_top .nav li {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		float: none;
		display: flex;
		align-items: stretch;
		background: transparent !important;
	}

	.header .head_top .nav li > a {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		min-height: 77px;
		padding: 0 4px;
		font-size: 13px;
		line-height: 1.25;
		color: #aaa !important;
		background: transparent;
		text-align: center;
	}

	.header .head_top .nav li:hover > a,
	.header .head_top .nav li.active > a {
		background: #ff9b26 !important;
		color: #fff !important;
	}

	.header .head_top .tel {
		position: relative;
		float: none;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		padding-top: 0;
		padding-right: 4px;
		white-space: nowrap;
	}

	.header .head_top .tel p span {
		font-size: 20px;
	}

	.header .head_top.fixed,
	.header .head_top.fixedtop {
		background: #fff;
		border-bottom: 1px solid #ddd;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
	}

	.header .head_top.fixed .nav li > a,
	.header .head_top.fixedtop .nav li > a {
		min-height: 64px;
		color: #333 !important;
	}

	.header .head_top.fixed .nav li:hover > a,
	.header .head_top.fixed .nav li.active > a,
	.header .head_top.fixedtop .nav li:hover > a,
	.header .head_top.fixedtop .nav li.active > a {
		color: #fff !important;
	}

	.header .head_top.fixed .tel p,
	.header .head_top.fixedtop .tel p {
		background-image: url(../images/htel.png);
	}

	.header .head_top.fixed .tel p span,
	.header .head_top.fixedtop .tel p span {
		color: #666;
	}
}