/* Hover Effect
------------------------------------*/
.hover-effect .btn {
	border: 0;
	border-radius: 0;
	font-weight: 700;
	margin: 0;
    transition: transform .1s ease;
}
.hover-effect--children {
	transform: translate3d(.3rem,-.3rem,0);	
    transition: transform .1s ease;
}
.hover-effect-edge {
	transform-origin: 0 100%;
	transition: transform .1s ease;
}
.hover-effect-corner {
	height: 0;
    transition: transform .1s ease;
    width: 0;
}
.hover-effect-edge--bottom {
    height: .3rem;
	transform: scaleY(1);
}
.hover-effect-edge--left {
	transform: scaleX(1);
    width: .3rem;
}
.hover-effect-corner--bottom {
	border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .3rem solid transparent;
    transform: translateX(.3rem) scale(1);
    transform-origin: bottom center;
}
.hover-effect-corner--top {
	border-bottom: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .3rem solid transparent;
    transform: translateY(-.3rem) scale(1);
    transform-origin: center left;
}
/* Hover Effect
------------------------------------*/
.effect .btn {
	border: 0;
	border-radius: 0;
	font-weight: 700;
	margin: 0;
    transition: transform .1s ease;
}
.effect--children {
	transform: translate3d(.3rem,-.3rem,0);	
    transition: transform .1s ease;
}
.effect-edge {
	transform-origin: 0 100%;
	transition: transform .1s ease;
}
.effect-corner {
	height: 0;
    transition: transform .1s ease;
    width: 0;
}
.effect-edge--bottom {
    height: .3rem;
	transform: scaleY(1);
}
.effect-edge--left {
	transform: scaleX(1);
    width: .3rem;
}
.effect-corner--bottom {
	border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .3rem solid transparent;
    transform: translateX(.3rem) scale(1);
    transform-origin: bottom center;
}
.effect-corner--bottom-left {
	border-bottom: .3rem solid transparent;
    border-left: .3rem solid transparent;
	border-right: .3rem solid transparent;
    transform: translateY(-.3rem) scale(1);
    transform-origin: bottom left;
}
.effect-corner--top {
	border-bottom: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .3rem solid transparent;
    transform: translateY(-.3rem) scale(1);
    transform-origin: center left;
}
/* Hover over Hover Effect
----------------------------------*/
.hover-effect:hover .hover-effect-corner--top,
.hover-effect:focus .hover-effect-corner--top,
.hover-effect:focus-within .hover-effect-corner--top,
.hover-effect:active .hover-effect-corner--top,
.dropdown.show .hover-effect .hover-effect-corner--top {
	transform: translateY(-.3rem) scale(0);
    transition-delay: 75ms;
}
.hover-effect:hover .hover-effect-corner--bottom,
.hover-effect:focus .hover-effect-corner--bottom,
.hover-effect:focus-within .hover-effect-corner--bottom,
.hover-effect:active .hover-effect-corner--bottom,
.dropdown.show .hover-effect .hover-effect-corner--bottom {
	transform: translateX(.3rem) scale(0);
    transition-delay: 75ms;
}
.hover-effect:hover .hover-effect-edge--left,
.hover-effect:focus .hover-effect-edge--left,
.hover-effect:focus-within .hover-effect-edge--left,
.hover-effect:active .hover-effect-edge--left,
.dropdown.show .hover-effect .hover-effect-edge--left {
	transform: scaleX(0);
    transition-delay: 75ms;
}
.hover-effect:hover .hover-effect-edge--bottom,
.hover-effect:focus .hover-effect-edge--bottom,
.hover-effect:focus-within .hover-effect-edge--bottom,
.hover-effect:active .hover-effect-edge--bottom,
.dropdown.show .hover-effect .hover-effect-edge--bottom {
	transform: scaleY(0);
    transition-delay: 75ms;
}
.hover-effect:hover .hover-effect--children,
.hover-effect:focus .hover-effect--children,
.hover-effect:focus-within .hover-effect--children,
.hover-effect:active .hover-effect--children,
.dropdown.show .hover-effect .hover-effect--children {
	transform: translate3d(0,0,0);
    transition-delay: 75ms;
}
/* Disabled Hover over Hover Effect
----------------------------------*/
.disabled.hover-effect:hover .hover-effect-corner--top,
.disabled.hover-effect:focus .hover-effect-corner--top,
.disabled.hover-effect:focus-within .hover-effect-corner--top,
.disabled.hover-effect:active .hover-effect-corner--top,
.dropdown.show .disabled.hover-effect .hover-effect-corner--top {
	transform: translateY(-.3rem) scale(1);
}
.disabled.hover-effect:hover .hover-effect-corner--bottom,
.disabled.hover-effect:focus .hover-effect-corner--bottom,
.disabled.hover-effect:focus-within .hover-effect-corner--bottom,
.disabled.hover-effect:active .hover-effect-corner--bottom,
.dropdown.show .disabled.hover-effect .hover-effect-corner--bottom {
	transform: translateX(.3rem) scale(1);
}
.disabled.hover-effect:hover .hover-effect-edge--left,
.disabled.hover-effect:focus .hover-effect-edge--left,
.disabled.hover-effect:focus-within .hover-effect-edge--left,
.disabled.hover-effect:active .hover-effect-edge--left,
.dropdown.show .disabled.hover-effect .hover-effect-edge--left {
	transform: scaleX(1);
}
.disabled.hover-effect:hover .hover-effect-edge--bottom,
.disabled.hover-effect:focus .hover-effect-edge--bottom,
.disabled.hover-effect:focus-within .hover-effect-edge--bottom,
.disabled.hover-effect:active .hover-effect-edge--bottom,
.dropdown.show .disabled.hover-effect .hover-effect-edge--bottom {
	transform: scaleY(1);
}
.disabled.hover-effect:hover .hover-effect--children,
.disabled.hover-effect:focus .hover-effect--children,
.disabled.hover-effect:focus-within .hover-effect--children,
.disabled.hover-effect:active .hover-effect--children,
.dropdown.show .disabled.hover-effect .hover-effect--children {
	transform: translate3d(.3rem,-.3rem,0);	
}
/* Large Hover Effect
---------------------------------*/
.large .hover-effect--children {
	transform: translate3d(.6rem,-.6rem,0);
}
.large .hover-effect-edge--bottom {
    height: .6rem;
}
.large .hover-effect-edge--left {
    width: .6rem;
}
.large .hover-effect-corner--top {
	border-bottom-width: .6rem;
    border-right-width: .6rem;
    border-top-width: .6rem;
    transform: translateY(-.6rem) scale(1);
}
.large .hover-effect-corner--bottom {
	border-left-width: .6rem;
    border-right-width: .6rem;
    border-top-width: .6rem;
    transform: translateX(.6rem) scale(1);
}
.large .hover-effect:hover .hover-effect-corner--top,
.large .dropdown.show .hover-effect .hover-effect-corner--top {
	transform: translateY(-.6rem) scale(0);
}
.large .hover-effect:hover .hover-effect-corner--bottom,
.large .dropdown.show .hover-effect .hover-effect-corner--bottom {
	transform: translateX(.6rem) scale(0);
}
/* Small Hover Effect
---------------------------------*/
.small .hover-effect--children {
	transform: translate3d(.2rem,-.2rem,0);
}
.small .hover-effect-edge--bottom {
    height: .2rem;
}
.small .hover-effect-edge--left {
    width: .2rem;
}
.small .hover-effect-corner--top {
	border-bottom-width: .2rem;
    border-right-width: .2rem;
    border-top-width: .2rem;
    transform: translateY(-.2rem) scale(1);
}
.small .hover-effect-corner--bottom {
	border-left-width: .2rem;
    border-right-width: .2rem;
    border-top-width: .2rem;
    transform: translateX(.2rem) scale(1);
}
.small .hover-effect:hover .hover-effect-corner--top,
.small .dropdown.show .hover-effect .hover-effect-corner--top {
	transform: translateY(-.2rem) scale(0);
}
.small .hover-effect:hover .hover-effect-corner--bottom,
.small .dropdown.show .hover-effect .hover-effect-corner--bottom {
	transform: translateX(.2rem) scale(0);
}
/* Colours Hover Effect
----------------------------------*/
.hover-effect {
	background-color: transparent !important;
}
/* Colours Hover Effect - GREEN
----------------------------------*/
.hover-effect.green-bg .btn,
.hover-effect.green-bg .btn i,
.woocommerce .hover-effect.green-bg .button.alt {
	color: #ffffff;
	background-color: #14bc14;
}
.hover-effect.green-bg .hover-effect-edge {
	background: #109210;
}
.hover-effect.green-bg .hover-effect-corner--bottom {
    border-top-color: #109210;
}
.hover-effect.green-bg .hover-effect-corner--top {
    border-right-color: #109210;
}
.hover-effect.green-bg:hover .btn,
.hover-effect.green-bg:hover .btn i {
	color: #e5e5e5;
	background-color: #109210;
}
.disabled.hover-effect.green-bg:hover .btn,
.disabled.hover-effect.green-bg:hover .btn i {
	color: #ffffff;
	background-color: #14bc14;
}
.hover-effect.green-bg .btn .badge {
	color: #14bc14;
	background-color: #ffffff;
}
.hover-effect.green-bg:hover .btn .badge {
	color: #109210;
	background-color: #e5e5e5;
}
/* Colours Hover Effect - Blue
----------------------------------*/
.hover-effect.blue-bg .btn,
.hover-effect.blue-bg .btn i,
.woocommerce .hover-effect.blue-bg .button.alt {
	color: #ffffff;
	background-color: #3498db;
}
.hover-effect.blue-bg .hover-effect-edge {
	background: #246a99;
}
.hover-effect.blue-bg .hover-effect-corner--bottom {
    border-top-color: #246a99;
}
.hover-effect.blue-bg .hover-effect-corner--top {
    border-right-color: #246a99;
}
.hover-effect.blue-bg:hover .btn,
.hover-effect.blue-bg:hover .btn i {
	color: #e5e5e5;
	background-color: #246a99;
}
.hover-effect.blue-bg .btn .badge {
	color: #3498db;
	background-color: #ffffff;
}
.hover-effect.blue-bg:hover .btn .badge {
	color: #246a99;
	background-color: #e5e5e5;
}
/* Colours Hover Effect - RED
----------------------------------*/
.hover-effect.red-bg .btn {
	color: #ffffff;
	background-color: #e30613;
}
.hover-effect.red-bg .hover-effect-edge {
	background: #a3040e;
}
.hover-effect.red-bg .hover-effect-corner--bottom {
    border-top-color: #a3040e;
}
.hover-effect.red-bg .hover-effect-corner--top {
    border-right-color: #a3040e;
}
.hover-effect.red-bg:hover .btn,
.hover-effect.red-bg:hover .btn i,
.hover-effect.red-bg:active .btn,
.hover-effect.red-bg:active .btn i,
.hover-effect.red-bg:focus .btn,
.hover-effect.red-bg:focus .btn i,
.dropdown.show .hover-effect.red-bg .btn,
.dropdown.show .hover-effect.red-bg .btn i  {
	color: #e5e5e5;
	background-color: #a3040e;
}
.hover-effect.red-bg:hover .btn .badge,
.hover-effect.red-bg:active .btn .badge,
.hover-effect.red-bg:focus .btn .badge,
.dropdown.show .hover-effect.red-bg:focus .btn .badge {
	color: #a3040e;
	background-color: #e5e5e5;
}
/* Colours Hover Effect - WHITE
----------------------------------*/
.hover-effect.white-bg .btn,
.hover-effect.white-bg .form-control,
.hover-effect.white-bg .hover-effect--children {
	color: #343431;
	background-color: #f6f6f6;
}
.hover-effect.white-bg .hover-effect-edge {
	background: #cbcbcb;
}
.hover-effect.white-bg .hover-effect-corner--bottom {
    border-top-color: #cbcbcb;
}
.hover-effect.white-bg .hover-effect-corner--top {
    border-right-color: #cbcbcb;
}
.effect.white-bg .form-control:focus,
.effect.white-bg .form-control:focus-within {
	background-color: #f6f6f6;
}
.effect.white-bg .form-control {
	color: #343431;
	background-color: #ffffff;
}
.effect.white-bg .effect--children .border-sides {
	border-top: 1px solid #cbcbcb !important;
	border-right: 1px solid #cbcbcb !important;
}
.effect.white-bg .effect--children .background {
	color: #343431;
	background-color: #f6f6f6;
}
.effect.white-bg .effect-edge {
	background: #cbcbcb;
}
.effect.white-bg .effect-corner--bottom {
    border-top-color: #cbcbcb;
}
.effect.white-bg .effect-corner--top {
    border-right-color: #cbcbcb;
}
.hover-effect.white-bg:hover .btn,
.hover-effect.white-bg:hover .btn i,
.hover-effect.white-bg:hover .form-control,
.hover-effect.white-bg:active .btn,
.hover-effect.white-bg:active .btn i,
.hover-effect.white-bg:active .form-control,
.hover-effect.white-bg:focus .btn,
.hover-effect.white-bg:focus .btn i,
.hover-effect.white-bg:focus-within .btn,
.hover-effect.white-bg:focus-within .btn i,
.hover-effect.white-bg:focus .form-control,
.hover-effect.white-bg:focus-within .form-control,
.dropdown.show .hover-effect.white-bg .btn,
.dropdown.show .hover-effect.white-bg .btn i {
	color: #1c1c1a;
	background-color: #ffffff;
}
.hover-effect.white-bg:hover .btn .badge,
.hover-effect.white-bg:active .btn .badge,
.hover-effect.white-bg:focus .btn .badge,
.dropdown.show .hover-effect.white-bg:focus .btn .badge {
	color: #ffffff;
	background-color: #1c1c1a;
}
.hover-effect.white-bg:hover .form-control,
.hover-effect.white-bg:active .form-control,
.hover-effect.white-bg:focus .form-control,
.hover-effect.white-bg:focus-within .form-control {
	border: 1px solid #cbcbcb;
}
/* Colours Hover Effect - MEDIUM GREY
----------------------------------*/
.hover-effect.medium-grey-bg .btn {
	color: #ffffff;
	background-color: #4b4b47;
}
.hover-effect.medium-grey-bg .hover-effect-edge {
	background: #40403c;
}
.hover-effect.medium-grey-bg .hover-effect-corner--bottom {
    border-top-color: #40403c;
}
.hover-effect.medium-grey-bg .hover-effect-corner--top {
    border-right-color: #40403c;
}
.effect.medium-grey-bg .effect--children {
	color: #ffffff;
	background-color: #4b4b47;
}
.effect.medium-grey-bg .effect-edge {
	background: #40403c;
}
.effect.medium-grey-bg .effect-corner--bottom {
    border-top-color: #40403c;
}
.effect.medium-grey-bg .effect-corner--top {
    border-right-color: #40403c;
}
.hover-effect.medium-grey-bg:hover .btn,
.hover-effect.medium-grey-bg:hover .btn i,
.hover-effect.medium-grey-bg:active .btn,
.hover-effect.medium-grey-bg:active .btn i,
.hover-effect.medium-grey-bg:focus .btn,
.hover-effect.medium-grey-bg:focus .btn i,
.dropdown.show .hover-effect.medium-grey-bg .btn,
.dropdown.show .hover-effect.medium-grey-bg .btn i  {
	color: #e5e5e5;
	background-color: #343431;
}
.hover-effect.medium-grey-bg:hover .btn .badge,
.hover-effect.medium-grey-bg:active .btn .badge,
.hover-effect.medium-grey-bg:focus .btn .badge,
.dropdown.show .hover-effect.medium-grey-bg:focus .btn .badge  {
	color: #343431;
	background-color: #e5e5e5;
}
.effect.medium-grey-bg .form-control {
	color: #ffffff;
	background-color: #4b4b47;
}
.effect.medium-grey-bg .effect-edge {
	background: #40403c;
}
.effect.medium-grey-bg .effect-corner--bottom {
    border-top-color: #40403c;
}
.effect.medium-grey-bg .effect-corner--top {
    border-right-color: #40403c;
}

/* Colours Hover Effect - RF RED
----------------------------------*/
.hover-effect.rf-red-bg .btn,
.effect.rf-red-bg>.effect--children {
	color: #ffffff;
	background-color: #e30613;
}
.hover-effect.rf-red-bg .hover-effect-edge,
.effect.rf-red-bg>.effect-edge {
	background: #a3040e;
}
.hover-effect.rf-red-bg .hover-effect-corner--bottom,
.effect.rf-red-bg>.effect-corner--bottom {
    border-top-color: #a3040e;
}
.effect.rf-red-bg>.effect-corner--bottom-left {
    border-left-color: #a3040e;
}
.hover-effect.rf-red-bg .hover-effect-corner--top,
.effect.rf-red-bg .effect-corner--top {
    border-right-color: #a3040e;
}
.hover-effect.rf-red-bg:hover .btn,
.hover-effect.rf-red-bg:hover .btn i,
.hover-effect.rf-red-bg:active .btn,
.hover-effect.rf-red-bg:active .btn i,
.hover-effect.rf-red-bg:focus .btn,
.hover-effect.rf-red-bg:focus .btn i,
.dropdown.show .hover-effect.rf-red-bg .btn,
.dropdown.show .hover-effect.rf-red-bg .btn i  {
	color: #e5e5e5;
	background-color: #a3040e;
}
.hover-effect.rf-red-bg:hover .btn .badge,
.hover-effect.rf-red-bg:active .btn .badge,
.hover-effect.rf-red-bg:focus .btn .badge,
.dropdown.show .hover-effect.rf-red-bg:focus .btn .badge {
	color: #a3040e;
	background-color: #e5e5e5;
}

/* Colours Hover Effect - Yellow
----------------------------------*/
.hover-effect.yellow-bg .btn,
.effect.yellow-bg>.effect--children {
	color: #000000;
	background-color: #fcdc18;
}
.hover-effect.yellow-bg .hover-effect-edge,
.effect.yellow-bg>.effect-edge {
	background: #97840e;
}
.hover-effect.yellow-bg .hover-effect-corner--bottom,
.effect.yellow-bg>.effect-corner--bottom {
    border-top-color: #97840e;
}
.effect.yellow-bg>.effect-corner--bottom-left {
    border-left-color: #97840e;
}
.hover-effect.yellow-bg .hover-effect-corner--top,
.effect.yellow-bg .effect-corner--top {
    border-right-color: #97840e;
}
.hover-effect.yellow-bg:hover .btn,
.hover-effect.yellow-bg:hover .btn i,
.hover-effect.yellow-bg:active .btn,
.hover-effect.yellow-bg:active .btn i,
.hover-effect.yellow-bg:focus .btn,
.hover-effect.yellow-bg:focus .btn i,
.dropdown.show .hover-effect.yellow-bg .btn,
.dropdown.show .hover-effect.yellow-bg .btn i  {
	color: #000000;
	background-color: #fcdc18;
}
.hover-effect.yellow-bg:hover .btn .badge,
.hover-effect.yellow-bg:active .btn .badge,
.hover-effect.yellow-bg:focus .btn .badge,
.dropdown.show .hover-effect.yellow-bg:focus .btn .badge {
	color: #fcdc18;
	background-color: #000000;
}

/* Colours Hover Effect - Yellow
----------------------------------*/
.hover-effect.yellow-bg .btn,
.hover-effect.yellow-bg .btn i,
.woocommerce .hover-effect.yellow-bg .button.alt {
	color: #000000;
	background-color: #97840e;
}
.hover-effect.yellow-bg .hover-effect-edge {
	background: #fcdc18;
}
.hover-effect.yellow-bg .hover-effect-corner--bottom {
    border-top-color: #fcdc18;
}
.hover-effect.yellow-bg .hover-effect-corner--top {
    border-right-color: #fcdc18;
}
.hover-effect.yellow-bg:hover .btn,
.hover-effect.yellow-bg:hover .btn i {
	color: #e5e5e5;
	background-color: #fcdc18;
}
.hover-effect.yellow-bg .btn .badge {
	color: #97840e;
	background-color: #000000;
}
.hover-effect.yellow-bg:hover .btn .badge {
	color: #fcdc18;
	background-color: #e5e5e5;
}

/* Colours Hover Effect - RF Blue
----------------------------------*/
.hover-effect.rf-blue-bg .btn,
.effect.rf-blue-bg>.effect--children {
	color: #ffffff;
	background-color: #4bbdd5;
}
.hover-effect.rf-blue-bg .hover-effect-edge,
.effect.rf-blue-bg>.effect-edge {
	background: #2d717f;
}
.hover-effect.rf-blue-bg .hover-effect-corner--bottom,
.effect.rf-blue-bg>.effect-corner--bottom {
    border-top-color: #2d717f;
}
.effect.rf-blue-bg>.effect-corner--bottom-left {
    border-left-color: #2d717f;
}
.hover-effect.rf-blue-bg .hover-effect-corner--top,
.effect.rf-blue-bg .effect-corner--top {
    border-right-color: #2d717f;
}
.hover-effect.rf-blue-bg:hover .btn,
.hover-effect.rf-blue-bg:hover .btn i,
.hover-effect.rf-blue-bg:active .btn,
.hover-effect.rf-blue-bg:active .btn i,
.hover-effect.rf-blue-bg:focus .btn,
.hover-effect.rf-blue-bg:focus .btn i,
.dropdown.show .hover-effect.rf-blue-bg .btn,
.dropdown.show .hover-effect.rf-blue-bg .btn i  {
	color: #e5e5e5;
	background-color: #4bbdd5;
}
.hover-effect.rf-blue-bg:hover .btn .badge,
.hover-effect.rf-blue-bg:active .btn .badge,
.hover-effect.rf-blue-bg:focus .btn .badge,
.dropdown.show .hover-effect.rf-blue-bg:focus .btn .badge {
	color: #a3040e;
	background-color: #e5e5e5;
}

/* Colours Hover Effect - RF Orange
----------------------------------*/
.hover-effect.rf-orange-bg .btn,
.effect.rf-orange-bg>.effect--children {
	color: #ffffff;
	background-color: #DF852D;
}
.hover-effect.rf-orange-bg .hover-effect-edge,
.effect.rf-orange-bg>.effect-edge {
	background: #9c5d1f;
}
.hover-effect.rf-orange-bg .hover-effect-corner--bottom,
.effect.rf-orange-bg>.effect-corner--bottom {
    border-top-color: #9c5d1f;
}
.effect.rf-orange-bg>.effect-corner--bottom-left {
    border-left-color: #9c5d1f;
}
.hover-effect.rf-orange-bg .hover-effect-corner--top,
.effect.rf-orange-bg .effect-corner--top {
    border-right-color: #9c5d1f;
}
.hover-effect.rf-orange-bg:hover .btn,
.hover-effect.rf-orange-bg:hover .btn i,
.hover-effect.rf-orange-bg:active .btn,
.hover-effect.rf-orange-bg:active .btn i,
.hover-effect.rf-orange-bg:focus .btn,
.hover-effect.rf-orange-bg:focus .btn i,
.dropdown.show .hover-effect.rf-orange-bg .btn,
.dropdown.show .hover-effect.rf-orange-bg .btn i  {
	color: #e5e5e5;
	background-color: #DF852D;
}
.hover-effect.rf-orange-bg:hover .btn .badge,
.hover-effect.rf-orange-bg:active .btn .badge,
.hover-effect.rf-orange-bg:focus .btn .badge,
.dropdown.show .hover-effect.rf-orange-bg:focus .btn .badge {
	color: #a3040e;
	background-color: #e5e5e5;
}