* {
	color: #2A2D34;
}
/*#region nav*/
nav{
	height:80px;
	width:100%;
	background:#fff;
	padding:0rem 1rem;
	z-index:9999;
	position:fixed !important;
	top:0;
	display:flex !important;
	flex-direction:row;
}
	nav .nav-logo{
		width:500px;
		height:80px;
		display:inline-block;
		position:relative;
	}
    nav .nav-logo img{
        width:90%;
    }
		nav .nav-logo > div{
			position:absolute;
			left:0;
			top:50%;
			transform:translateY(-50%);
			font-size:2rem;
			vertical-align:text-top;
		}
	nav .nav-menu {
		height: 80px;
		display: inline-block;
		width:calc(100% - 280px);
		text-align:right;
		position:relative;
	}
	nav .nav-menu-icon{
		position:absolute;
		top:1.0rem;
		right:1rem;
		font-size:2rem;
		display:none;
		cursor:pointer;
	}
		nav .nav-menu-icon:hover i{
			color: rgb(237,125,49);
		}
		nav .nav-menu > ul {
			float: right;
			list-style: none;
			height: 100%;
			display: flex;
			flex-direction: row;
			margin: 0;
		}
		nav .nav-menu > ul > li{
			height:100%;
			padding:0.5rem;
			text-align:center;
			width:110px;
			position:relative;
			display:inline-block;
			margin:0 0.5rem;
			cursor:pointer;
		}
			nav .nav-menu > ul > li > i {
				display: block;
				font-size:2rem;
			}
			nav .nav-menu > ul > li > span {
				width:100%;
				position:absolute;
				bottom:0.5rem;
				left:0;
                color:#2A2D34;
                padding:0;
			}
			nav .nav-menu > ul > li:hover i, nav .nav-menu > ul > li.active i {
				color: #C00832 !important;
				transition: all 0.3s ease-in-out;
			}
			nav .nav-menu .nav-menu-active {
				position: absolute;
				bottom: 0;
				width: 110px;
				height: 3px;
				background: #C00832;
				transition: all 0.3s ease-in-out;
			}
@media (max-width: 767.98px) {
	nav{
		display:block;
		position:relative;
		overflow:hidden;
	}
	nav .nav-menu{
		width:100%;
		position:absolute;
		top:80px;
		left:0;
	}
		nav .nav-menu > ul {
			display: block;
			width: 100%;
			padding-inline-start: 0px;
		}
			nav .nav-menu > ul li{

			}
			nav .nav-menu-icon {
				display: block;
			}
		nav .nav-menu-icon + .nav-menu > ul {

		}
		nav .nav-menu-icon + .nav-menu > ul li {
			display: block;
			width: 100%;
			height:60px;
			margin: 0;
			text-align:left;
			padding:0;
			padding-left:1rem;
		}
			nav .nav-menu-icon + .nav-menu > ul li::before {
				content: '';
				position: absolute;
				width: 100%;
				height: 1px;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				background: #afafaf;
			}
			nav .nav-menu-icon + .nav-menu > ul li i {
				display: inline-block;
				height: 60px;
				line-height: 60px;
			}
			nav .nav-menu-icon + .nav-menu > ul li span {
				width: auto;
				position: static;
				display: inline-block;
				height: 60px;
				line-height: 60px;
				padding-left: 0.75rem;
				vertical-align: top;
			}
				nav .nav-menu .nav-menu-active {
					display: none;
				}
}
/*#endregion nav*/
/*#region main*/
main {
	margin-top: 80px;
}
/*#endregion main*/


/*#region prop*/
.shadow-1 {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}
.text-orange {
	color: rgb(237,125,49) !important;
}
.text-red {
    color:#C00832 !important;
}
.text-black {
    color:#3A3335 !important;
}
.text-white1 {
    color:#3BB7C4 !important;
}
.text-pink {
    color:#EB5E55 !important;
}
.text-blue {
    color:#107E7D !important;
}
/*#endregion prop*/