* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cit-main-navigation a {
position: relative;
}
.cit-main-navigation a:hover {
outline: none;
}
.cit-main-navigation a:focus {
outline: none;
}
.cl-effect-1 > li > a::before {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
margin-right: 10px;
content: "[";
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 > li > a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
margin-left: 10px;
content: "]";
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 > li > a:hover::before {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cl-effect-1 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cl-effect-1 > li > a:focus::before {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cl-effect-1 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.cl-effect-2 > li > a {
line-height: 44px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 > li > a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cl-effect-2 > li > a:hover span {
-webkit-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.cl-effect-2 > li > a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 > li > a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.csstransforms3d .cl-effect-2 > li > a:hover span::before {
background: #28a2ee;
}
.csstransforms3d .cl-effect-2 > li > a:focus span::before {
background: #28a2ee;
}
.csstransforms3d .cl-effect-19 > li > a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.csstransforms3d .cl-effect-19 > li > a:hover span::before {
background: #ef5e50;
}
.csstransforms3d .cl-effect-19 > li > a:focus span::before {
background: #ef5e50;
}
.cl-effect-3 > li > a {
padding: 8px 0;
}
.cl-effect-3 > li > a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-3 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-4 > li > a {
padding: 0 0 10px;
}
.cl-effect-4 > li > a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 > li > a:hover::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-4 > li > a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-5 > li > a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 > li > a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.cl-effect-5 > li > a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 700;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cl-effect-5 > li > a:hover span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-5 > li > a:focus span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-6 > li > a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 > li > a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
-webkit-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 > li > a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: "";
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 > li > a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 > li > a:hover::after {
height: 100%;
}
.cl-effect-7 > li > a {
padding: 12px 10px 10px;
color: #566473;
text-shadow: none;
font-weight: 700;
}
.cl-effect-7 > li > a::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #566473;
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 > li > a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #566473;
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.cl-effect-7 > li > a:hover::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 > li > a:hover::after {
-webkit-transform: scale(1);
transform: scale(1);
top: 0%;
opacity: 1;
}
.cl-effect-7 > li > a:focus::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 > li > a:focus::after {
-webkit-transform: scale(1);
transform: scale(1);
top: 0%;
opacity: 1;
}
.cl-effect-8 > li > a {
padding: 10px 20px;
}
.cl-effect-8 > li > a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: "";
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.cl-effect-8 > li > a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: "";
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 > li > a:hover::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
.cl-effect-8 > li > a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
.cl-effect-9 > li > a {
margin: 0 20px;
padding: 18px 20px;
}
.cl-effect-9 > li > a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 > li > a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 > li > a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 > li > a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0, 0, 0, 0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 > li > a:hover::before {
height: 6px;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 > li > a:hover span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.cl-effect-9 > li > a:focus::before {
height: 6px;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 > li > a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 > li > a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 > li > a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.cl-effect-10 > li > a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 > li > a:hover span {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 > li > a:hover::before {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.cl-effect-10 > li > a:focus span {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 > li > a:focus::before {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.cl-effect-11 > li > a {
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
}
.cl-effect-11 > li > a::before {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid #fff;
color: #fff;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.cl-effect-11 > li > a:hover::before {
max-width: 100%;
}
.cl-effect-11 > li > a:focus::before {
max-width: 100%;
}
.cl-effect-12 > li > a::before {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: "";
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 > li > a::after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: "";
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
width: 90px;
height: 90px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 > li > a:hover::before {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.cl-effect-12 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.cl-effect-12 > li > a:focus::before {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.cl-effect-12 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.cl-effect-13 > li > a {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 > li > a::before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: "•";
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 > li > a:hover {
color: #ba7700;
}
.cl-effect-13 > li > a:hover::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 > li > a:focus {
color: #ba7700;
}
.cl-effect-13 > li > a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-14 > li > a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 > li > a::before {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 > li > a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: "";
opacity: 0.2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 > li > a:hover::before {
opacity: 1;
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 > li > a:hover::after {
opacity: 1;
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
.cl-effect-14 > li > a:focus::before {
opacity: 1;
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 > li > a:focus::after {
opacity: 1;
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
.cl-effect-15 > li > a {
color: rgba(0, 0, 0, 0.2);
font-weight: 700;
text-shadow: none;
}
.cl-effect-15 > li > a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.cl-effect-15 > li > a:hover::before {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
.cl-effect-15 > li > a:focus::before {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
.cl-effect-16 > li > a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
}
.cl-effect-16 > li > a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
pointer-events: none;
}
.cl-effect-16 > li > a:hover::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
.cl-effect-16 > li > a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
.cl-effect-17 > li > a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 > li > a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
pointer-events: none;
}
.cl-effect-17 > li > a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
pointer-events: none;
}
.cl-effect-17 > li > a:hover::before {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-17 > li > a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 > li > a {
padding: 0 5px;
color: #b4770d;
font-weight: 700;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 > li > a::before {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: "";
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
pointer-events: none;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 > li > a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: "";
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
pointer-events: none;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 > li > a:hover {
color: #fff;
}
.cl-effect-18 > li > a:hover::before {
opacity: 0.7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 > li > a:hover::after {
opacity: 0.7;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cl-effect-18 > li > a:focus {
color: #fff;
}
.cl-effect-18 > li > a:focus::before {
opacity: 0.7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 > li > a:focus::after {
opacity: 0.7;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cl-effect-19 > li > a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 > li > a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-webkit-transition: background 0.4s, -webkit-transform 0.4s;
transition: background 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s, -webkit-transform 0.4s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.cl-effect-19 > li > a:hover span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.cl-effect-19 > li > a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.cl-effect-20 > li > a {
line-height: 2em;
-webkit-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 > li > a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
-webkit-box-shadow: inset 0 3px #2f4351;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 > li > a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
transition: -webkit-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 > li > a:hover span {
background: #2f4351;
}
.cl-effect-20 > li > a:hover span::before {
-webkit-transform: rotateX(10deg);
transform: rotateX(10deg);
}
.cl-effect-20 > li > a:focus span {
background: #2f4351;
}
.cl-effect-20 > li > a:focus span::before {
-webkit-transform: rotateX(10deg);
transform: rotateX(10deg);
}
.cl-effect-21 > li > a {
padding: 10px;
color: #237546;
font-weight: 700;
text-shadow: none;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 > li > a::before {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
top: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 > li > a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
bottom: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 > li > a:hover {
color: #fff;
}
.cl-effect-21 > li > a:hover::before {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-21 > li > a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-21 > li > a:focus {
color: #fff;
}
.cl-effect-21 > li > a:focus::before {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-21 > li > a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}.Eq6BfHWRg1skuOtE40gJT-text-quality-badge-container {
}
.Eq6BfHWRg1skuOtE40gJT-text-element-hidden {
display: none;
} .rWzRuLNl84i5nH_IVqYFH-text-contact-button-container {
}
.rWzRuLNl84i5nH_IVqYFH-text-element-hidden {
display: none;
}.ninja-forms-form-wrap *,.ninja-forms-form-wrap :after,.ninja-forms-form-wrap :before{-ms-box-sizing:border-box;box-sizing:border-box}.nf-response-msg{display:none}#ninja_forms_required_items,.nf-field-container{clear:both;position:relative;margin-bottom:25px}#ninja_forms_required_items:after,.nf-field-container:after{clear:both;content:"";display:block}#ninja_forms_required_items.hidden-container,#ninja_forms_required_items.hr-container,.nf-field-container.hidden-container,.nf-field-container.hr-container{margin:0;height:auto}#ninja_forms_required_items.hidden-container .nf-field-label,#ninja_forms_required_items.hr-container .nf-field-label,#ninja_forms_required_items.html-container .nf-field-label,.nf-field-container.hidden-container .nf-field-label,.nf-field-container.hr-container .nf-field-label,.nf-field-container.html-container .nf-field-label{display:none}.nf-field-label .nf-label-span,.nf-field-label label{font-weight:700;margin:0;padding:0}.nf-field-element{position:relative}.nf-field-element input,.nf-field-element select,.nf-field-element textarea{margin:0;width:auto;height:auto;vertical-align:inherit}.nf-field-element textarea{height:200px}.nf-field-description p:last-child{margin:0}.nf-help{background:url(//financialmarkets.academy/wp-content/plugins/ninja-forms/assets/img/help-info.png) no-repeat;display:inline-block;width:16px;height:16px}.nf-input-limit{font-size:12px;margin-top:5px}.nf-static{padding:0 10px}.nf-after-field .nf-error-msg{margin-right:10px}.nf-sr-only{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;opacity:0;white-space:nowrap;width:1px}.nf-field-element .time-wrap{padding:1px}.list-checkbox-wrap .nf-field-element li,.list-checkbox-wrap .nf-field-element ul,.list-image-wrap .nf-field-element li,.list-image-wrap .nf-field-element ul,.list-radio-wrap .nf-field-element li,.list-radio-wrap .nf-field-element ul{list-style:none!important;margin:0!important;padding:0!important}.list-checkbox-wrap .nf-field-element li input,.list-checkbox-wrap .nf-field-element ul input,.list-image-wrap .nf-field-element li input,.list-image-wrap .nf-field-element ul input,.list-radio-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element ul input{margin-right:5px}.list-checkbox-wrap .nf-field-element li,.list-image-wrap .nf-field-element li,.list-radio-wrap .nf-field-element li{padding-left:10px;margin:0 0 5px!important;text-indent:0!important}.list-checkbox-wrap .nf-field-element li label,.list-image-wrap .nf-field-element li label,.list-radio-wrap .nf-field-element li label{display:block;float:none;width:auto;margin-left:1.5em}.list-checkbox-wrap .nf-field-element li input,.list-image-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element li input{width:auto!important;float:left;margin-top:.25em}.listimage-wrap li{width:100%;height:100%;display:inline-grid}.listimage-wrap li label{padding:5px;border:2px solid transparent}.listimage-wrap li label.nf-checked-label{border:2px solid #007acc;transition:all .5s}.listimage-wrap li label img{display:block}.listimage-wrap li input:focus+label{outline:2px solid}.product-wrap>div input{width:80px!important}.product-wrap>div .nf-product-field span{padding:0 5px}.starrating-wrap .star{border-bottom:0}.nf-form-hp{position:absolute;visibility:hidden}.list-select-wrap div div{display:none}.nf-error-msg,.ninja-forms-req-symbol{color:#e80000}.nf-error.listimage-wrap .nf-field-element ul,.nf-error .ninja-forms-field{border:1px solid #e80000}.nf-field-submit-error{padding:15px}.ninja-forms-noscript-message{background:#f1f1f1;border:4px dashed #ccc;color:#333;display:block;font-size:20px;margin:20px 0;padding:40px;text-align:center}.two-col-list ul li{float:left;width:50%}.three-col-list ul li{float:left;width:33.33%}.four-col-list ul li{float:left;width:25%}.five-col-list ul li{float:left;width:20%}.six-col-list ul li{float:left;width:16.66%}body .pika-label{background:transparent}.nf-form-cont .five-sixths,.nf-form-cont .four-sixths,.nf-form-cont .one-fourth,.nf-form-cont .one-half,.nf-form-cont .one-sixth,.nf-form-cont .one-third,.nf-form-cont .three-fourths,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths,.nf-form-cont .two-sixths,.nf-form-cont .two-thirds{clear:none;float:left;margin-left:2.5641025641%}.nf-form-cont .five-sixths .inside,.nf-form-cont .four-sixths .inside,.nf-form-cont .one-fourth .inside,.nf-form-cont .one-half .inside,.nf-form-cont .one-sixth .inside,.nf-form-cont .one-third .inside,.nf-form-cont .three-fourths .inside,.nf-form-cont .three-sixths .inside,.nf-form-cont .two-fourths .inside,.nf-form-cont .two-sixths .inside,.nf-form-cont .two-thirds .inside{padding:20px}.nf-form-cont .five-sixths:after,.nf-form-cont .four-sixths:after,.nf-form-cont .one-fourth:after,.nf-form-cont .one-half:after,.nf-form-cont .one-sixth:after,.nf-form-cont .one-third:after,.nf-form-cont .three-fourths:after,.nf-form-cont .three-sixths:after,.nf-form-cont .two-fourths:after,.nf-form-cont .two-sixths:after,.nf-form-cont .two-thirds:after{clear:both;content:"";display:block}.nf-form-cont .one-half,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths{width:48.7179487179%}.nf-form-cont .one-third,.nf-form-cont .two-sixths{width:31.6239316239%}.nf-form-cont .four-sixths,.nf-form-cont .two-thirds{width:65.811965812%}.nf-form-cont .one-fourth{width:23.0769230769%}.nf-form-cont .three-fourths{width:74.358974359%}.nf-form-cont .one-sixth{width:14.5299145299%}.nf-form-cont .five-sixths{width:82.905982906%}.nf-form-cont .first{clear:both;margin-left:0}.note-popover{display:none!important}.nf-form-wrap .note-editor{border:0!important}.nf-form-wrap .note-editor .note-toolbar:after{clear:both;content:"";display:block}.nf-form-wrap .note-editor .note-toolbar .dashicons{width:auto}.nf-form-wrap .note-editor .note-editable{background:#f9f9f9;border:1px solid #f1f1f1;display:block}.nf-form-wrap .note-editor .note-editable p{font-size:16px}.nf-form-wrap .note-editor .note-editable ul{list-style-type:disc;margin-left:2em}.nf-form-wrap .note-editor .note-editable table td{border:1px solid #ccc;width:auto}.nf-form-wrap .note-editor .modal{display:none}.nf-form-wrap .note-editor .btn-group{float:left}.nf-form-wrap .note-editor .btn-group.note-tools{float:right}.nf-form-wrap .note-editor .btn{background:#f9f9f9;border:0;border-radius:4px;color:#666;cursor:pointer;margin-right:2px;padding-top:4px}.nf-form-wrap .note-editor .btn.disabled{background:transparent;color:#aaa}.nf-form-wrap .note-editor .btn.disabled .merge-tags{background:#f9f9f9;color:#666}.nf-form-wrap .note-editor button[type=button]{padding:4px;width:auto;height:auto}.nf-form-wrap .note-editor .dropdown-toggle{position:relative;display:inline-block;top:0}.nf-form-wrap .note-editor .dropdown-toggle:after{content:"";width:0}.nf-form-wrap .tooltip{position:absolute;z-index:1070;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.nf-form-wrap .tooltip.in{filter:alpha(opacity=90);opacity:.9}.nf-form-wrap .tooltip.top{padding:5px 0;margin-top:-3px}.nf-form-wrap .tooltip.right{padding:0 5px;margin-left:3px}.nf-form-wrap .tooltip.bottom{padding:5px 0;margin-top:3px}.nf-form-wrap .tooltip.left{padding:0 5px;margin-left:-3px}.nf-form-wrap .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.nf-form-wrap .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.nf-form-wrap .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.nf-form-wrap .tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.nf-form-wrap .tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.nf-form-wrap .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.nf-form-wrap .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.nf-form-wrap .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.nf-form-wrap .tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.nf-form-wrap .tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.nf-form-wrap .dropdown-menu{position:absolute;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.nf-form-wrap .dropdown-menu.pull-right{right:0;left:auto}.nf-form-wrap .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nf-form-wrap .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.nf-form-wrap .dropdown-menu>li>a:focus,.nf-form-wrap .dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.nf-form-wrap .dropdown-menu>.active>a,.nf-form-wrap .dropdown-menu>.active>a:focus,.nf-form-wrap .dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.nf-form-wrap .dropdown-menu>.disabled>a,.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{color:#777}.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.nf-form-wrap .open>.dropdown-menu{display:block}.nf-form-wrap .open>a{outline:0}.nf-form-wrap .dropdown-menu-right{right:0;left:auto}.nf-form-wrap .dropdown-menu-left{right:auto;left:0}.nf-form-wrap .dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.nf-form-wrap .dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.nf-form-wrap .pull-right>.dropdown-menu{right:0;left:auto}.nf-form-wrap .dropup .caret,.nf-form-wrap .navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.nf-form-wrap .dropup .dropdown-menu,.nf-form-wrap .navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.nf-form-wrap .navbar-right .dropdown-menu{right:0;left:auto}.nf-form-wrap .navbar-right .dropdown-menu-left{right:auto;left:0}}.nf-form-wrap .btn-group-justified>.btn-group .dropdown-menu{left:auto}.nf-form-wrap .nav-justified>.dropdown .dropdown-menu,.nf-form-wrap .nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nf-form-wrap .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}@media (max-width:767px){.nf-form-wrap .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.nf-form-wrap .navbar-nav .open .dropdown-menu .dropdown-header,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{line-height:20px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.nf-form-wrap .navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.nf-form-wrap .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (max-width:767px){.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}@media (max-width:767px){.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.nf-loading-spinner{width:40px;height:40px;margin:100px auto;background-color:hsla(0,0%,81.6%,.5);border-radius:100%;animation:nf-scaleout 1s ease-in-out infinite}@keyframes nf-scaleout{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.field-wrap{display:flex}.field-wrap>label{display:block}.field-wrap .pikaday__container,.field-wrap .pikaday__display,.field-wrap>div input,.field-wrap select,.field-wrap textarea{width:100%}.field-wrap>div input[type=checkbox],.field-wrap button,.field-wrap input[type=button],.field-wrap input[type=submit]{width:auto}.nf-field-label{order:5}.nf-field-description{width:100%;order:10}.nf-field-element{order:15}.label-above .nf-field-label{margin-bottom:10px}.label-below .nf-field-label{margin-top:10px;order:15}.label-below .nf-field-element{order:5}.label-hidden .field-wrap{flex-wrap:wrap}.label-hidden .nf-field-label{height:0;margin:0!important;width:100%;visibility:hidden}.label-hidden .nf-field-description{width:100%;order:20}.label-hidden .nf-field-element{width:100%}.label-left .field-wrap{flex-direction:row;flex-wrap:wrap}.label-left .nf-field-label{display:flex;flex-direction:row;align-items:center;padding-right:2%;text-align:right;width:35%;order:5}.label-left .nf-field-label label{width:100%}.label-left .nf-field-description{margin-left:35%}.label-left .nf-field-element{display:inline-block;width:65%;order:10}.label-left .nf-after-field{margin-left:36.5%}.label-right .field-wrap{flex-direction:row}.label-right .nf-field-label{display:flex;flex-direction:row;align-items:center;padding-left:2%;width:35%;order:10}.label-right .nf-field-description{margin-right:35%;order:15}.label-right .nf-field-element{display:inline-block;width:65%;order:5}.label-right .checkbox-wrap .nf-field-label{width:auto}.label-right .checkbox-wrap .nf-field-element{width:20px}.label-right .nf-after-field{width:65%}.label-above .field-wrap,.label-below .field-wrap{flex-direction:column;flex-flow:wrap}.label-above .nf-field-element,.label-below .nf-field-element{margin:0;width:100%}.label-left .listcheckbox-wrap .nf-field-label,.label-left .listradio-wrap .nf-field-label,.label-left .textarea-wrap .nf-field-label,.label-right .listcheckbox-wrap .nf-field-label,.label-right .listradio-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{align-items:flex-start}.label-left .textarea-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{margin-top:5px}.label-left .hr-wrap,.label-left .html-wrap,.label-right .hr-wrap,.label-right .html-wrap{display:block}.label-left .hr-wrap .nf-field-element,.label-left .html-wrap .nf-field-element,.label-right .hr-wrap .nf-field-element,.label-right .html-wrap .nf-field-element{display:block;margin:0;width:100%}.nf-repeater-fieldsets fieldset{margin-bottom:1em}.nf-remove-fieldset{color:red;font-size:1.5em;background-color:transparent;border:thin solid red;padding:.1em .4em;float:right;margin-top:-1em}.repeater-container .nf-field-description{margin-top:.5em}.repeater-container .nf-field-description p{font-size:120%}.nf-next-previous,
.nf-breadcrumbs {
content: "";
list-style-type: none !important;
margin: 20px 0 !important;
padding: 0 !important; }
.nf-next-previous::after,
.nf-breadcrumbs::after {
clear: both;
content: "";
display: block; }
.nf-next-previous li,
.nf-breadcrumbs li {
content: "";
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important; }
.nf-next-previous li.nf-previous-item {
float: left; }
.nf-next-previous li.nf-next-item {
float: right; }
.nf-breadcrumbs li {
float: left; }
.nf-breadcrumbs li a {
display: inline-block;
font-size: 16px;
margin-right: 16px;
margin-bottom: 10px;
text-decoration: none; }
.nf-breadcrumbs li a .nf-breadcrumb-error {
background: red;
border-radius: 4px;
color: #fff;
padding: 2px 5px; }
.nf-breadcrumbs li:last-child a {
margin-right: 0; }
.nf-breadcrumbs li.active a {
font-weight: bold; }
.nf-progress-container {
margin-top: 20px;
width: 100%;
border: 1px solid #bbbbbb; }
.nf-progress {
height: 20px;
background-color: #329ad1; }.nf-multi-cell .nf-row::after {
clear: both;
content: "";
display: block;
}
.nf-multi-cell .nf-cell {
float: left;
padding: 0 5px;
}
.nf-multi-cell .five-sixths,
.nf-multi-cell .four-sixths,
.nf-multi-cell .one-fourth,
.nf-multi-cell .one-half,
.nf-multi-cell .one-sixth,
.nf-multi-cell .one-third,
.nf-multi-cell .three-fourths,
.nf-multi-cell .three-sixths,
.nf-multi-cell .two-fourths,
.nf-multi-cell .two-sixths,
.nf-multi-cell .two-thirds {
float: none;
margin-left: 0;
width: 100%;
}
.nf-multi-cell .five-sixths .inside,
.nf-multi-cell .four-sixths .inside,
.nf-multi-cell .one-fourth .inside,
.nf-multi-cell .one-half .inside,
.nf-multi-cell .one-sixth .inside,
.nf-multi-cell .one-third .inside,
.nf-multi-cell .three-fourths .inside,
.nf-multi-cell .three-sixths .inside,
.nf-multi-cell .two-fourths .inside,
.nf-multi-cell .two-sixths .inside,
.nf-multi-cell .two-thirds .inside {
padding: 20px;
}
.nf-multi-cell .five-sixths::after,
.nf-multi-cell .four-sixths::after,
.nf-multi-cell .one-fourth::after,
.nf-multi-cell .one-half::after,
.nf-multi-cell .one-sixth::after,
.nf-multi-cell .one-third::after,
.nf-multi-cell .three-fourths::after,
.nf-multi-cell .three-sixths::after,
.nf-multi-cell .two-fourths::after,
.nf-multi-cell .two-sixths::after,
.nf-multi-cell .two-thirds::after {
clear: both;
content: "";
display: block;
}
@media only screen and (max-width: 600px) {
.nf-cell {
width: 100% !important;
}
}