.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.hide-text {
	font: 0/0 a;
	color: rgba(0,0,0, .99);
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
}


.navigation ul.sf-menu > li.active > a:before,
.navigation ul.sf-menu > li.sfHover > a:before,
.navigation ul.sf-menu > li.current > a:before,
.navigation ul.sf-menu > li.active > span:before,
.navigation ul.sf-menu > li.sfHover > span:before,
.navigation ul.sf-menu > li.current > span:before {
	opacity: 1;
	transform: scale(1);
}
.navigation ul.sf-menu > li > a,
.navigation ul.sf-menu > li > span {
	position: relative;
}
.navigation ul.sf-menu > li > a > span,
.navigation ul.sf-menu > li > span > span {
	position: relative;
	z-index: 3;
	display: block;
}
.navigation ul.sf-menu > li > a:before,
.navigation ul.sf-menu > li > span:before {
	content: "";
	/*pointer-events: none;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	opacity: 0;
	z-index: 1;
	background: #d5bf55;
	transform: scale(2);
	transition: all 0.4s ease;
}
.navigation ul.sf-menu > li > a:hover:before,
.navigation ul.sf-menu > li > span:hover:before,
.navigation ul.sf-menu > li > a:focus:before,
.navigation ul.sf-menu > li > span:focus:before,
.navigation ul.sf-menu > li > a:active:before,
.navigation ul.sf-menu > li > span:active:before,
.navigation ul.sf-menu > li > a.active:before,
.navigation ul.sf-menu > li > span.active:before,
.navigation ul.sf-menu > li > a.selected:before,
.navigation ul.sf-menu > li > span.selected:before {
	opacity: 1;
	transform: scale(1);
}
.navigation ul.sf-menu ul > li > a,
.navigation ul.sf-menu ul > li > span {
	position: relative;
	display: block;
	perspective: 800px;
}
.navigation ul.sf-menu ul > li > a > span,
.navigation ul.sf-menu ul > li > span > span {
	position: relative;
	display: block;
	padding: 6px 12px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0);
	color: #ffffff;
	transition: all 0.4s ease;
	transform-origin: 50% 50% -77.5px;
	transform-style: preserve-3d;
}
.navigation ul.sf-menu ul > li > a strong,
.navigation ul.sf-menu ul > li > span strong {
	display: block;
	font-weight: inherit;
	color: #000000;
	position: absolute;
	padding: 6px 12px;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 100%;
	background: rgba(209, 209, 209, 0);
	transition: all 0.4s ease;
	box-sizing: border-box;
	transform: rotateY(90deg);
	transform-origin: 0 50%;
}
.navigation ul.sf-menu ul > li > a:hover,
.navigation ul.sf-menu ul > li > span:hover,
.navigation ul.sf-menu ul > li > a:focus,
.navigation ul.sf-menu ul > li > span:focus,
.navigation ul.sf-menu ul > li > a:active,
.navigation ul.sf-menu ul > li > span:active,
.navigation ul.sf-menu ul > li > a.active,
.navigation ul.sf-menu ul > li > span.active,
.navigation ul.sf-menu ul > li > a.selected,
.navigation ul.sf-menu ul > li > span.selected {
	transition: all 0.4s ease;
}
.navigation ul.sf-menu ul > li > a:hover > span,
.navigation ul.sf-menu ul > li > span:hover > span,
.navigation ul.sf-menu ul > li > a:focus > span,
.navigation ul.sf-menu ul > li > span:focus > span,
.navigation ul.sf-menu ul > li > a:active > span,
.navigation ul.sf-menu ul > li > span:active > span,
.navigation ul.sf-menu ul > li > a.active > span,
.navigation ul.sf-menu ul > li > span.active > span,
.navigation ul.sf-menu ul > li > a.selected > span,
.navigation ul.sf-menu ul > li > span.selected > span {
	background: rgba(209, 209, 209, 0);
	transform: rotateY(-90deg);
}
.navigation ul.sf-menu ul > li > a:hover strong,
.navigation ul.sf-menu ul > li > span:hover strong,
.navigation ul.sf-menu ul > li > a:focus strong,
.navigation ul.sf-menu ul > li > span:focus strong,
.navigation ul.sf-menu ul > li > a:active strong,
.navigation ul.sf-menu ul > li > span:active strong,
.navigation ul.sf-menu ul > li > a.active strong,
.navigation ul.sf-menu ul > li > span.active strong,
.navigation ul.sf-menu ul > li > a.selected strong,
.navigation ul.sf-menu ul > li > span.selected strong {
	background: rgba(255, 255, 255, 0);
}
.navigation ul.sf-menu ul > li.active > a,
.navigation ul.sf-menu ul > li.sfHover > a,
.navigation ul.sf-menu ul > li.active > span,
.navigation ul.sf-menu ul > li.sfHover > span {
	transition: all 0.4s ease;
}
.navigation ul.sf-menu ul > li.active > a > span,
.navigation ul.sf-menu ul > li.sfHover > a > span,
.navigation ul.sf-menu ul > li.active > span > span,
.navigation ul.sf-menu ul > li.sfHover > span > span {
	transform: rotateY(-90deg);
}
.navigation ul.sf-menu ul > li.active > a strong,
.navigation ul.sf-menu ul > li.sfHover > a strong,
.navigation ul.sf-menu ul > li.active > span strong,
.navigation ul.sf-menu ul > li.sfHover > span strong {
	display: block;
	background: rgba(255, 255, 255, 0);
	color: #000;
}
#copyright a > span > span {
	position: relative;
	transition: all 0.5s ease;
	left: 0;
}
#copyright a > span > strong {
	display: block;
	color: #3e3e3e;
	font-weight: inherit;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s ease;
	/*pointer-events: none;*/
}
#copyright a:hover > span > span,
#copyright a:focus > span > span,
#copyright a:active > span > span,
#copyright a.active > span > span,
#copyright a.selected > span > span {
	opacity: 0;
	left: 10px;
}
#copyright a:hover > span > strong,
#copyright a:focus > span > strong,
#copyright a:active > span > strong,
#copyright a.active > span > strong,
#copyright a.selected > span > strong {
	opacity: 1;
}
.social li a > span {
	position: relative;
}
.social li a > span > span {
	position: relative;
	z-index: 3;
	display: block;
}
.social li a > span:before {
	content: "";
	/*pointer-events: none;*/
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 1000px;
	opacity: 0;
	z-index: 1;
	background: #d5bf55;
	transform: scale(2);
	transition: all 0.4s ease;
}
.social li a > span:hover:before,
.social li a > span:focus:before,
.social li a > span:active:before,
.social li a > span.active:before,
.social li a > span.selected:before {
	opacity: 1;
	transform: scale(1);
}
#back-top a {
	position: relative;
}
#back-top a > span {
	position: relative;
	z-index: 3;
	display: block;
}
#back-top a:before {
	content: "";
	/*pointer-events: none;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 1000px;
	opacity: 0;
	z-index: 1;
	background: #d5bf55;
	transform: scale(2);
	transition: all 0.4s ease;
}
#back-top a:hover:before,
#back-top a:focus:before,
#back-top a:active:before,
#back-top a.active:before,
#back-top a.selected:before {
	opacity: 1;
	transform: scale(1);
}