/* Dynamics Navigation CSS Code */

/* Float Navigation CSS Code */
#menu-logo {
    background-image: url(../../media/yn2.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 24px;
    margin: 0px auto;
    background-size: 2.25em; }
.circular-menu {
	position: fixed;
	bottom: 1em;
	right: 1em; 
	z-index: 2; }
.circular-menu .floating-btn {
	display: block;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	background-color: #373737;
	box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
	color: hsl(0, 0%, 100%);
	text-align: center;
	line-height: 3.5;
	cursor: pointer;
	outline: 0; }
.circular-menu.active .floating-btn {
	box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3); }
.circular-menu .floating-btn:active {
	box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4); }
.circular-menu:after {
	display: block;
	content: ' ';
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	background-color: #303030;
	transition: all .3s ease; }
.circular-menu.active:after {
	transform: scale3d(5.5, 5.5, 1);
	transition-timing-function: cubic-bezier(.68, 1.55, .265, 1); }
.circular-menu .items-wrapper {
	padding: 0;
	margin: 0; }
.circular-menu .item {
	position: absolute;
	top: .2em;
	right: .2em;
	z-index: -1;
	display: block;
	text-decoration: none;
	color: hsl(0, 0%, 100%);
	font-size: 1em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	text-align: center;
	line-height: 3;
	background-color: hsla(0,0%,0%,.1);
	transition: transform .3s ease, background .2s ease; }
.circular-menu .item:hover {
	background-color: hsla(0,0%,0%,.3); }
.circular-menu.active .item {
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.circular-menu.active .item:nth-child(1) {
	transform: translate3d(0.5em,-7em,0); }
.circular-menu.active .item:nth-child(2) {
	transform: translate3d(-3.25em,-6em,0); }
.circular-menu.active .item:nth-child(3) {
	transform: translate3d(-6em,-3.25em,0); }
.circular-menu.active .item:nth-child(4) {
	transform: translate3d(-7em,0.5em,0); }

/* PC Navigation CSS Code */
nav {
	background: #222;
	font-weight: bold;
	text-align: center; }
nav ul {
	font-size: 0;
	margin: 0;
	padding: 0; }
nav ul li {
	display: inline-block;
	position: relative;	}
nav ul li a, nav ul li span {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 15px 14px;
	transition: 0.3s linear;
	text-decoration: none; }
nav ul li:hover {
	background: #126d9b; }
nav ul li ul {
	border-bottom: 5px solid #2ba0db;
	display: none;
	position: absolute;
	width: 250px;
	z-index: 1; }
nav ul li ul li {
	border-top: 1px solid #444;
	display: block; }
nav ul li ul li:first-child {
	border-top: none; }
nav ul li ul li a {
	background: #373737;
	display: block;
	padding: 10px 14px;
	text-decoration: none; }
nav ul li ul li a:hover {
	background: #126d9b;
	text-decoration: none; }
nav .fa.fa-angle-down {
	margin-left: 6px; }