@charset "utf-8";
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
} .cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-moz-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-moz-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
color: #0d0d0d;
}
.cd-headline.type b {
visibility: hidden;
}
.cd-headline.type b.is-visible {
visibility: visible;
}
.cd-headline.type i {
position: absolute;
visibility: hidden;
}
.cd-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.cd-headline.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .cd-headline.slide span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.slide b {
opacity: 0;
top: .2em;
}
.cd-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.cd-headline.clip b {
opacity: 0;
}
.cd-headline.clip b.is-visible {
opacity: 1;
} .cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.zoom b {
opacity: 0;
}
.cd-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-3 b {
opacity: 0;
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .cd-headline.scale b {
opacity: 0;
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .cd-headline.scale i {
opacity: 1;
}
.cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .cd-headline.push b {
opacity: 0;
}
.cd-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}div.juxtapose {
width: 100%;
font-family: Helvetica, Arial, sans-serif;
}
div.jx-slider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
color: #f3f3f3;
}
div.jx-handle {
position: absolute;
height: 100%;
width: 40px;
cursor: col-resize;
z-index: 15;
margin-left: -20px;
}
.vertical div.jx-handle {
height: 40px;
width: 100%;
cursor: row-resize;
margin-top: -20px;
margin-left: 0;
}
div.jx-control {
height: 100%;
margin-right: auto;
margin-left: auto;
width: 3px;
background-color: currentColor;
}
.vertical div.jx-control {
height: 3px;
width: 100%;
background-color: currentColor;
position: relative;
top: 50%;
transform: translateY(-50%);
}
div.jx-controller {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
height: 60px;
width: 9px;
margin-left: -3px;
background-color: currentColor;
}
.vertical div.jx-controller {
height: 9px;
width: 100px;
margin-left: auto;
margin-right: auto;
top: -3px;
position: relative;
}
div.jx-arrow {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
width: 0;
height: 0;
transition: all .2s ease;
}
.vertical div.jx-arrow {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 0;
height: 0;
transition: all .2s ease;
}
div.jx-arrow.jx-left {
left: 2px;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent currentColor transparent transparent;
}
div.jx-arrow.jx-right {
right: 2px;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent currentColor;
}
.vertical div.jx-arrow.jx-left {
left: 0px;
top: 2px;
border-style: solid;
border-width: 0px 8px 8px 8px;
border-color: transparent transparent currentColor transparent;
}
.vertical div.jx-arrow.jx-right {
right: 0px;
top: auto;
bottom: 2px;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: currentColor transparent transparent transparent;
}
div.jx-handle:hover div.jx-arrow.jx-left,
div.jx-handle:active div.jx-arrow.jx-left {
left: -1px;
}
div.jx-handle:hover div.jx-arrow.jx-right,
div.jx-handle:active div.jx-arrow.jx-right {
right: -1px;
}
.vertical div.jx-handle:hover div.jx-arrow.jx-left,
.vertical div.jx-handle:active div.jx-arrow.jx-left {
left: 0px;
top: 0px;
}
.vertical div.jx-handle:hover div.jx-arrow.jx-right,
.vertical div.jx-handle:active div.jx-arrow.jx-right {
right: 0px;
bottom: 0px;
}
div.jx-image {
position: absolute;
height: 100%;
display: inline-block;
top: 0;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.vertical div.jx-image {
width: 100%;
left: 0;
top: auto;
}
div.jx-image img {
height: 100%;
width: auto;
z-index: 5;
position: absolute;
margin-bottom: 0;
max-height: none;
max-width: none;
max-height: initial;
max-width: initial;
}
.vertical div.jx-image img {
height: auto;
width: 100%;
}
div.jx-image.jx-left {
left: 0;
background-position: left;
}
div.jx-image.jx-left img {
left: 0;
}
div.jx-image.jx-right {
right: 0;
background-position: right;
}
div.jx-image.jx-right img {
right: 0;
bottom: 0;
}
.veritcal div.jx-image.jx-left {
top: 0;
background-position: top;
}
.veritcal div.jx-image.jx-left img {
top: 0;
}
.vertical div.jx-image.jx-right {
bottom: 0;
background-position: bottom;
}
.veritcal div.jx-image.jx-right img {
bottom: 0;
}
div.jx-image div.jx-label {
font-size: 1em;
padding: .25em .75em;
position: relative;
display: inline-block;
top: 0;
background-color: #000; background-color: rgba(0,0,0,.7);
color: white;
z-index: 10;
white-space: nowrap;
line-height: 18px;
vertical-align: middle;
}
div.jx-image.jx-left div.jx-label {
float: left;
left: 0;
}
div.jx-image.jx-right div.jx-label {
float: right;
right: 0;
}
.vertical div.jx-image div.jx-label {
display: table;
position: absolute;
}
.vertical div.jx-image.jx-right div.jx-label {
left: 0;
bottom: 0;
top: auto;
}
div.jx-credit {
line-height: 1.1;
font-size: 0.75em;
}
div.jx-credit em {
font-weight: bold;
font-style: normal;
} div.jx-image.transition {
transition: width .5s ease;
}
div.jx-handle.transition {
transition: left .5s ease;
}
.vertical div.jx-image.transition {
transition: height .5s ease;
}
.vertical div.jx-handle.transition {
transition: top .5s ease;
} a.jx-knightlab {
background-color: #000; background-color: rgba(0,0,0,.25);
bottom: 0;
display: table;
height: 14px;
line-height: 14px;
padding: 1px 4px 1px 5px;
position: absolute;
right: 0;
text-decoration: none;
z-index: 10;
}
a.jx-knightlab div.knightlab-logo {
display: inline-block;
vertical-align: middle;
height: 8px;
width: 8px;
background-color: #c34528;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -1.25px;
position: relative;
cursor: pointer;
}
a.jx-knightlab:hover {
background-color: #000; background-color: rgba(0,0,0,.35);
}
a.jx-knightlab:hover div.knightlab-logo {
background-color: #ce4d28;
}
a.jx-knightlab span.juxtapose-name {
display: table-cell;
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
color: white;
font-size: 10px;
padding-left: 0.375em;
vertical-align: middle;
line-height: normal;
text-shadow: none;
} div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus,
a.jx-knightlab:focus {
background: #eae34a;
color: #000;
}
a.jx-knightlab:focus span.juxtapose-name{
color: #000;
border: none;
}@font-face {
font-family: 'lg';
src: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/lg/lg.eot?n1z373);
src: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/lg/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/lg/lg.woff?n1z373) format("woff"), url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/lg/lg.ttf?n1z373) format("truetype"), url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/lg/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 0px solid transparent;
margin-bottom: 5px;
position: relative;
}
.lg-outer .lg-thumb-item:before{
content: "";
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #555;
}
.lg-outer .lg-thumb-item.active:before, .lg-outer .lg-thumb-item:hover:before {
background: rgba(0,0,0,0);
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 5;
position: relative;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #999;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}@font-face {
font-family: 'fontello';
src: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.eot?37062913);
src: url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.eot?37062913#iefix) format('embedded-opentype'),
url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.woff2?37062913) format('woff2'),
url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.woff?37062913) format('woff'),
url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.ttf?37062913) format('truetype'),
url(//ines-manegold.de/wp-content/plugins/cavani-core/shortcode/assets/css/font/fontello.svg?37062913#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="xcon-"]:before, [class*=" xcon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.xcon-left-open:before { content: '\e800'; } .xcon-right-open:before { content: '\e801'; }
    .cons_w_wrapper{
position: relative;
clear: both;
width: 100%;
min-height: 1px;
z-index: 1;
transform: translateZ(0);
}
.cons_w_wrapper,
.cons_w_wrapper *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cons_w_wrapper:after{
content: '';
clear: both;
display: table;
}
.cons_w_wrapper p{
letter-spacing: 0px;
}
.cons_w_wrapper a{
text-decoration: none;
}
.cons_w_wrapper a:hover{
text-decoration: none;
}
.cavani_w_fn_svg{
width: 20px;
height: 20px;
fill: currentcolor;
}
.fn_cs_sticky_section{
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
overflow: visible;
top: 150px;
}
.fn_cs_sticky_section:after{
clear: both;
display: table;
content: '';
}
.fn_clearfix:after{
clear: both;
display: table;
content: '';
}
.fn_cs_lightgallery .lightbox{
cursor: pointer;
} .fn_cs_deprecated_text{
display: none !important;
width: 100%;
clear: both;
margin: 10px 0;
left: 50%;
transform: translateX(-50%);
padding: 0 20px;
max-width: 1210px;
box-sizing: border-box;
position: absolute;
z-index: 9;
}
.fn_cs_deprecated_text:after{
clear: both;
display: table;
content: '';
}
.fn_cs_deprecated_text .inner{
width: 100%;
float: left;
clear: both;
position: relative;
padding-left: 75px;
background-color: #f7fbff;
min-height: 120px;
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 3px;
overflow: hidden;
}
.fn_cs_deprecated_text .inner h5{
margin: 0;
padding: 0;
font-size: 15px;
color: #6387a6;
font-weight: 600;
margin-bottom: 5px;
}
.fn_cs_deprecated_text .inner p{
margin: 0;
padding: 0;
font-size: 15px;
color: #777;
}
.fn_cs_deprecated_text .inner p span{
font-weight: 600;
}
.fn_cs_deprecated_text .icon_holder{
width: 50px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #3793ff;
}
.fn_cs_deprecated_text .icon_holder i{
width: 27px;
height: 27px;
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: 50%;
text-align: center;
font-size: 14px;
line-height: 27px;
color: #3793ff;
} .fn_cs_gallery_slider{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_slider .swiper-slide-active .abs_img{
transform: scale(1) rotate(0deg);
}
.fn_cs_gallery_slider .swiper-slide-active .item{
opacity: 1;
}
.fn_cs_gallery_slider .item{
opacity: .3;
transition: all .5s ease;
}
.fn_cs_gallery_slider.ready .swiper-container{
overflow: visible;
}
.fn_cs_gallery_slider .swiper-button-prev{
position: absolute;
right: 100%;
width: 4000px;
height: 100%;
top: 0;
left: auto;
margin: 0;
background: none;
}
.fn_cs_gallery_slider .swiper-button-next{
position: absolute;
left: 100%;
width: 4000px;
height: 100%;
top: 0;
right: auto;
margin: 0;
background: none;
}
.fn_cs_gallery_slider .item{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.fn_cs_gallery_slider .abs_img{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
transition: all 1s ease;
transform: scale(1.2) rotate(5deg);
}
.fn_cs_gallery_slider .swiper-slide{
height: 800px;
}
.fn_cs_gallery_collage,
.fn_cs_gallery_collage .inner{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_collage ul{
margin: 0;
padding: 0;
margin-left: -20px;
list-style-type: none;
}
.fn_cs_gallery_collage ul li{
width: 50%;
float: left;
padding-left: 20px;
margin-bottom: 20px;
}
.fn_cs_gallery_collage ul li:nth-of-type(3n-2){
width: 100%;
}
.fn_cs_gallery_collage ul li .item{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.fn_cs_gallery_collage ul li .item img{
min-width: 100%;
opacity: 0;
}
.fn_cs_gallery_collage ul li .item .abs_img{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
transition: all 1s ease;
}
.fn_cs_gallery_collage ul li .item:hover .abs_img{
transform: scale(1.2) rotate(5deg);
}
@media(max-width: 768px){
.fn_cs_gallery_collage ul li{width: 100%;}
}
.fn_cs_gallery_collage_pro,
.fn_cs_gallery_collage_pro .inner{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_collage_pro ul{
margin: 0;
padding: 0;
margin-left: -20px;
list-style-type: none;
}
.fn_cs_gallery_collage_pro ul li{
width: 100%;
float: left;
padding-left: 20px;
margin-bottom: 20px;
}
.fn_cs_gallery_collage_pro ul li .item{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.fn_cs_gallery_collage_pro ul li .item img{
min-width: 100%;
opacity: 0;
}
.fn_cs_gallery_collage_pro ul li .item .abs_img{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
transition: all 1s ease;
}
.fn_cs_gallery_collage_pro ul li .item:hover .abs_img{
transform: scale(1.2) rotate(5deg);
}
@media(max-width: 768px){
.fn_cs_gallery_collage_pro ul li{width: 100%;}
}
.fn_cs_gallery_masonry,
.fn_cs_gallery_masonry .inner{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_masonry  ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -20px;
}
.fn_cs_gallery_masonry ul li{
width: 25%;
float: left;
padding-left: 20px;
margin-bottom: 20px;
}
.fn_cs_gallery_masonry ul li .item{
overflow: hidden;
width: 100%;
float: left;
clear: both;
position: relative;
cursor: pointer;
}
.fn_cs_gallery_masonry ul li img{
min-width: 100%;
transition: all 1s ease;
}
.fn_cs_gallery_masonry ul li .item:hover img{
transform: scale(1.2);
}
.fn_cs_gallery_masonry[data-cols="1"] ul li{width: 100%;}
.fn_cs_gallery_masonry[data-cols="2"] ul li{width: 50%;}
.fn_cs_gallery_masonry[data-cols="3"] ul li{width: 33.3333%;}
.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 25%;}
@media(max-width: 1040px){
.fn_cs_gallery_masonry[data-cols="3"] ul li,
.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 50%;}
}
@media(max-width: 768px){
.fn_cs_gallery_masonry[data-cols="2"] ul li,
.fn_cs_gallery_masonry[data-cols="3"] ul li,
.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 100%;}
}
.fn_cs_gallery_collage_a,
.fn_cs_gallery_collage_a .inner{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_collage_a .item_col{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_collage_a .second_col{
margin-top: 40px;
}
.fn_cs_gallery_collage_a .item{
overflow: hidden;
width: 100%;
float: left;
clear: both;
position: relative;
cursor: pointer;
border-radius: 15px;
}
.fn_cs_gallery_collage_a .item:first-child{margin-bottom: 20px;}
.fn_cs_gallery_collage_a .item img{
min-width: 100%;
opacity: 0 !important;
}
.fn_cs_gallery_collage_a .item .abs_img{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
transition: all 1s ease;
}
.fn_cs_gallery_collage_a .item:hover .abs_img{
transform: scale(1.2) rotate(5deg);
}
.fn_cs_swiper_progress{
width: 100%;
float: left;
clear: both;
margin-top: 30px;
display: flex;
justify-content: center;
}
.fn_cs_swiper_progress .my_pagination_in{
float: left;
position: relative;
}
.fn_cs_swiper_progress span{
display: block;
float: left;
font-size: 18px;
font-family: 'Muli';
letter-spacing: 0;
color: #222;
height: 22px;
line-height: 22px;
}
.fn_cs_swiper_progress .pagination_progress{
width: 100px;
margin: 0 20px;
position: relative;
}
.fn_cs_swiper_progress .pagination_progress .all{
height: 1px;
width: 100%;
position: absolute;
z-index: 5;
top: 0;
top: 50%;
left: 0;
background-color: #ccc;
}
.fn_cs_swiper_progress .pagination_progress .all span{
height: 1px;
width: 100%;
background-color: #222;
position: absolute;
z-index: 5;
top: 0;
left: 0;
transform-origin: left top;
transform: scale(0);
transition: all .3s ease;
}
.fn_cs_gallery_grid{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_grid ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.fn_cs_gallery_grid ul li{
width: 25%;
float: left;
margin: 0;
padding: 0;
}
.fn_cs_gallery_grid ul li img{
opacity: 0;
min-width: 100%;
}
.fn_cs_gallery_grid ul li .item{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
}
.fn_cs_gallery_grid ul li .item:after{
left: 20px;
right: 20px;
content: '';
position: absolute;
height: 0;
bottom: 0;
background-color: #100f11;
}
.fn_cs_gallery_grid ul li .item_in{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
}
.fn_cs_gallery_grid ul li .abs_img{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
transition: all 1s ease;
will-change: transform;
}
.fn_cs_gallery_grid ul li .item:hover .abs_img{
transform: scale(1.2) rotate(5deg);
}
.fn_cs_gallery_grid[data-cols="3"] ul li{width: 33.3333%;}
.fn_cs_gallery_grid[data-cols="2"] ul li{width: 50%;}
.fn_cs_gallery_grid[data-cols="1"] ul li{width: 100%;}
@media(max-width: 1040px){
.fn_cs_gallery_grid[data-cols="3"] ul li,
.fn_cs_gallery_grid[data-cols="2"] ul li,
.fn_cs_gallery_grid[data-cols="4"] ul li{width: 50%;}
}
@media(max-width: 768px){
.fn_cs_gallery_grid[data-cols="3"] ul li,
.fn_cs_gallery_grid[data-cols="2"] ul li,
.fn_cs_gallery_grid[data-cols="4"] ul li{width: 100%;}
}
.fn_cs_accordion{
width: 100%;
float: left;
clear: both;
}
.fn_cs_accordion .acc_head{
width: 100%;
float: left;
clear: both;
overflow: hidden;
min-height: 70px;
display: flex;
padding: 10px 70px;
position: relative;
align-items: center;
background-color: #0f0d10;
margin-bottom: 5px;
cursor: pointer;
border-radius: 3px;
}
.fn_cs_accordion .acc_head p{
color: #999;
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Heebo';
}
.fn_cs_accordion .acc_head:after{
content: none;
position: absolute;
right: 0;
width: 40px;
height: 2px;
background-color: #171517;
top: 50%;
margin-top: -1px;
}
.fn_cs_accordion .accordion_in{
width: 100%;
float: left;
clear: both;
margin-bottom: 5px;
}
.fn_cs_accordion .accordion_in:last-child{
margin-bottom: 0;
}
.fn_cs_accordion .acc_content{
display: none;
width: 100%;
float: left;
clear: both;
overflow: hidden;
position: relative;
margin: 5px 0;
border: none !important;
background: none !important;
}
.fn_cs_accordion .acc_content_in{
width: 100%;
float: left;
clear: both;
overflow: hidden;
padding: 13px 20px;
position: relative;
background-color: #0f0d10;
}
.fn_cs_accordion .plus{
display: block;
width: 30px;
height: 30px;
border-radius: 3px;
background-color: #171517;
left: 20px;
position: absolute;
top: 50%;
margin-top: -15px;
}
.fn_cs_accordion .plus:after{
content: '';
position: absolute;
width: 2px;
height: 12px;
top: 50%;
left: 50%;
margin: -6px 0 0 -1px;
background-color: #ff0066;
display: block;
transition: all 300ms ease;
}
.fn_cs_accordion .plus:before{
content: '';
position: absolute;
width: 12px;
height: 2px;
top: 50%;
left: 50%;
margin: -1px 0 0 -6px;
background-color: #ff0066;
display: block;
transition: all 300ms ease;
}
.fn_cs_accordion .accordion_in.acc_active .plus:before{transform: rotate(180deg);}
.fn_cs_accordion .accordion_in.acc_active .plus:after{transform: rotate(-90deg);}
.fn_cs_accordion[data-plus-pos="right"] .plus{
left: auto;
right: 20px;
}
.fn_cs_accordion[data-plus-pos="right"] .acc_head:after{
right: auto;
left: 0;
}
.fn_cs_accordion[data-line="yes"] .acc_head:after{
content: '';
}
.fn_cs_accordion[data-line=""][data-plus-pos="right"] .acc_head{
padding-left: 20px;
}
.fn_cs_accordion[data-line=""][data-plus-pos="left"] .acc_head{
padding-right: 20px;
} .fn_cs_progress_bar,
.fn_cs_progress_wrap{
width: 100%;
float: left;
clear: both;
}
.fn_cs_progress{
width:100%;
float: left;
clear: both;
margin-bottom:15px;
}
.fn_cs_progress > span{
margin: 0px 0px 8px 0px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
text-align: left;
float: left;
clear: both;
}
.fn_cs_progress span.label{
font-size:14px;
font-weight:400;
color:#000;
letter-spacing:1px;
position: relative;
float: left;
}
.fn_cs_progress span.number{
float: right;
font-size: 16px;
color: #666;
margin-left: 10px;
}
.fn_cs_progress .fn_cs_bar_bg{
background: #eee;
width: 100%;
min-width: 100%;
position: relative;
height: 20px;
float: left;
clear: both;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar_wrap{
width:0px;
height:100%;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar_wrap.open{
-webkit-animation: fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-animation:    fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000); animation:         fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000); width:100%;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar{
height:100%;
background:#333;
width:0px;
overflow:hidden;
}
.fn_cs_progress_wrap[data-strip="on"] .fn_cs_progress .fn_cs_bar{
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
-webkit-animation: fn_bar_move 4s linear infinite;
-moz-animation: fn_bar_move 4s linear infinite;
animation: fn_bar_move 4s linear infinite;
background-size: 50px 50px;
}
@-webkit-keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@-moz-keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}} @-webkit-keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }}
@keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }} .fn_cs_after_before{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
}
.fn_cs_after_before .twentytwenty-handle{
width: 80px;
height: 80px;
margin-left: -40px;
margin-top: -40px;
background-color: transparent;
}
.fn_cs_after_before .twentytwenty-right-arrow{
border-left-color: #fff;
border-width: 11px;
border-top-width: 7px;
border-bottom-width: 7px;
margin-right: -27px;
}
.fn_cs_after_before span{
z-index: 55;
}
.fn_cs_after_before .twentytwenty-up-arrow{
border-bottom-color: #fff;
border-width: 11px;
border-left-width: 7px;
border-right-width: 7px;
margin-top: -27px;
}
.fn_cs_after_before .twentytwenty-down-arrow{
border-top-color: #fff;
border-width: 11px;
border-left-width: 7px;
border-right-width: 7px;
margin-bottom: -27px;
}
.fn_cs_after_before .twentytwenty-left-arrow{
border-right-color: #fff;
margin-left: -27px;
border-width: 11px;
border-top-width: 7px;
border-bottom-width: 7px;
}
.fn_cs_after_before .twentytwenty-handle:after{
background-color: #e52a5f;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 4px;
content: '';
position: absolute;
}
.fn_cs_after_before .twentytwenty-vertical .twentytwenty-handle:before{
height: 4px;
left: -5000px;
right: -5000px;
top: 50%;
margin-top: -2px;
background-color: #000;
position: absolute;
content: '';
box-shadow: none;
z-index: -1;
}
.fn_cs_after_before .twentytwenty-horizontal .twentytwenty-handle:before{
width: 4px;
top: -5000px;
bottom: -5000px;
left: 50%;
margin-left: -2px;
background-color: #000;
position: absolute;
content: '';
box-shadow: none;
z-index: -1;
}
.fn_cs_gallery_mosaic{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_mosaic .inner{
float: left;
min-width: 100%;
width: calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);
margin-left: -40px;
}
.fn_cs_gallery_mosaic .inner:after{
clear: both;
display: table;
content: '';
}
.fn_cs_gallery_mosaic .second_col{
padding-left: 40px;
}
.fn_cs_gallery_mosaic .first_col,
.fn_cs_gallery_mosaic .second_col{
float: left;
width: 50%;
}
.fn_cs_gallery_mosaic .first_col:first-child{
margin-top: 80px;
}
.fn_cs_gallery_mosaic .first_col{
padding-left: 40px;
}
.fn_cs_gallery_mosaic .first_bottom_right{
min-width: 50%;
}
.fn_cs_gallery_mosaic .first_bottom_left{
margin-left: 40px;
}
.fn_cs_gallery_mosaic .second_top_left{
min-width: 50%;
}
.fn_cs_gallery_mosaic .second_top_right{
margin-right: 40px;
}
.fn_cs_gallery_mosaic .second_top{
align-items: flex-end;
}
.fn_cs_gallery_mosaic .second_top,
.fn_cs_gallery_mosaic .first_bottom{
width: 100%;
display: flex;
flex-direction: row;
column-gap: 40px;
}
.fn_cs_gallery_mosaic .abs_img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fn_cs_gallery_mosaic .item_in{
width: 100%;
float: left;
clear: both;
position: relative;
overflow: hidden;
}
.fn_cs_gallery_mosaic .item{
margin-bottom: 40px;
width: 100%;
float: left;
clear: both;
overflow: hidden;
}
.fn_cs_gallery_mosaic  img{
min-width: 100%;
opacity: 0;
}
@media(max-width: 768px){
.fn_cs_gallery_mosaic .first_col:first-child{margin-top: 0}
.fn_cs_gallery_mosaic .first_col,
.fn_cs_gallery_mosaic .second_col{
width: 100%;
}
}
.fn_cs_gallery_mosaic_four .first_col,
.fn_cs_gallery_mosaic_four .second_col,
.fn_cs_gallery_mosaic_four{
width: 100%;
float: left;
clear: both;
}
.fn_cs_gallery_mosaic_four .second_col_in,
.fn_cs_gallery_mosaic_four .first_col_in{
float: left;
width: 100%;
clear: both;
column-gap: 20px;
display: flex;
}
.fn_cs_gallery_mosaic_four .second_left,
.fn_cs_gallery_mosaic_four .first_left{
width: 60%;
float: left;
margin-bottom: 20px;
}
.fn_cs_gallery_mosaic_four .second_right,
.fn_cs_gallery_mosaic_four .first_right{
width: 40%;
float: left;
margin-bottom: 20px;
}
.fn_cs_gallery_mosaic_four .item{
width: 100%;
display: flex;
}
.fn_cs_gallery_mosaic_four img{
min-width: 100%;
opacity: 0;
}
.fn_cs_gallery_mosaic_four .item_in{
position: relative;
overflow: hidden;
width: 100%;
}
.fn_cs_gallery_mosaic_four .first_right{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
}
.fn_cs_gallery_mosaic_four .abs_img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fn_cs_gallery_mosaic_four .second_left .item{
max-width: 66.6666%;
}
.fn_cs_gallery_mosaic_four .second_right .item{
max-width: 75%;
}
.fn_cs_gallery_mosaic_four .second_left{
display: flex;
justify-content: flex-end;
}
.fn_cs_countdown{
width: 100%;
float: left;
clear: both;
}
.fn_cs_countdown .expired{display: none;}
.fn_cs_countdown .inner{
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.fn_cs_countdown .item{
flex: 1;
text-align: center;
padding: 10px 20px;
}
.fn_cs_countdown .item h3{
margin: 0;
padding: 0;
font-weight: 600;
color: #3c4d45;
font-family: 'Dancing Script';
font-size: 72px;
margin-bottom: 13px;
}
.fn_cs_countdown .item p{
margin: 0;
padding: 0;
font-family: 'Heebo';
font-size: 18px;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
}
.fn_cs_circular_progress {
width: 100%;
float: left;
clear: both;
display: flex;
flex-direction: row;
align-items: center;
}
.fn_cs_circular_progress .fn_circle {
width: 160px;
height: 160px;
display: block;
position: relative;
text-align: center;
border: 14px solid #eeeeee;
border-radius: 100%;
}
.fn_cs_circular_progress canvas{
vertical-align: middle;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.fn_cs_circular_progress .fn_percent{
position: absolute;
width: 100px;
height: 100px;
font-size: 30px;
color: #fff;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: #59b6b9;
border-radius: 100%; display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fn_cs_circular_progress[data-alignment="left"]{justify-content: flex-start;}
.fn_cs_circular_progress[data-alignment="center"]{justify-content: center;}
.fn_cs_circular_progress[data-alignment="right"]{justify-content: flex-end;} .fn_cs_after_before .juxtapose{
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fn_cs_after_before img{
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
div.jx-control{
width: 4px;
background-color: #000;
}
div.jx-handle{
width: 80px;
margin-left: -40px;
}
div.jx-controller{
width: 80px;
height: 80px;
background-color: #ff0066;
border-radius: 4px;
margin-left: -38px;
border: none;
outline: none;
outline-color: transparent;
}
div.jx-arrow{
display: none;
}
a.jx-knightlab{
display: none;
}
div.jx-controller:after{
content: '';
top: 50%;
margin-top: -6px;
position: absolute;
border: 6px inset transparent;
border-left: 6px solid #111;
right: 50%;
border-width: 11px;
border-top-width: 7px;
border-bottom-width: 7px;
margin-right: -27px;
}
div.jx-controller:before{
content: '';
top: 50%;
margin-top: -6px;
position: absolute;
border: 6px inset transparent;
border-right: 6px solid #111;
left: 50%;
border-width: 11px;
border-top-width: 7px;
border-bottom-width: 7px;
margin-left: -27px;
}
.fn_cs_partners{
width: 100%;
float: left;
clear: both;
}
.fn_cs_partners .item{
opacity: .5;
cursor: pointer;
transition: all .3s ease;
}
.fn_cs_partners .item:hover{
opacity: 1;
}
.fn_cs_animate_image{
width: 100%;
float: left;
clear: both;
position: relative;
}
.fn_cs_animate_image .abs_img{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-position:center;
background-size: cover;
animation: cavani-morph 8s ease-in-out infinite 1s;
background-blend-mode: multiply;
-webkit-box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
-moz-box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
}
@keyframes cavani-morph {
0% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
50% {
border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
}
100% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
}
.fn_cs_animate_image img{
min-width: 100%;
position: relative;
opacity: 0;
}
.fn_cs_social_list,
.fn_cs_share_social{
width: 100%;
float: left;
clear: both;
}
.fn_cs_social_list ul,
.fn_cs_share_social ul{
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.fn_cs_social_list li,
.fn_cs_share_social li{
margin: 6px 16px 6px 0;
padding: 0;
}
.fn_cs_social_list span,
.fn_cs_social_list a,
.fn_cs_share_social a{
display: block;
width: 17px;
height: 17px;
font-size: 17px;
text-align: left;
line-height: 17px;
position: relative;
color: #000;
}
.fn_cs_social_list .cavani_w_fn_svg{
width: 17px;
height: 17px;
position: absolute;
top: 0;
left: 0;
}
.fn_cs_share_social i:before{
margin: 0;
padding: 0;
display: block;
}
.cavani_fn_modalbox,
.cavani_fn_modalbox *{
box-sizing: border-box;
}
.cavani_fn_modalbox.opened .box_inner{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.cavani_fn_modalbox.opened{
opacity: 1;
visibility: visible;
}
.cavani_fn_modalbox{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 100vh;
z-index: 55555;
background-color: rgba(0,0,0,.8);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.cavani_fn_modalbox .box_inner{
position: absolute;
top: 70px;
bottom: 70px;
width: 968px;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
z-index: 1;
opacity: 0;
visibility: hidden;
margin-top: -20px;
transition-delay: .3s;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.cavani_fn_modalbox .modal_content{
position: relative;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
padding: 90px 70px 75px 70px;
}
.cavani_fn_modalbox .fn_closer{
width: 50px;
height: 50px;
position: fixed;
left: 100%;
top: 0px;
margin-left: 40px;
z-index: 111111;
display: block;
text-decoration: none;
border: 4px solid #fff;
border-radius: 50%;
transition: all .3s ease;
}
.cavani_fn_modalbox .fn_closer:hover{
border-radius: 3px;
}
.cavani_fn_modalbox .fn_closer:after{
width: 22px;
height: 4px;
display: block;
transform: rotate(45deg);
background-color: #fff;
content: '';
position: absolute;
left: 10px;
top: 19px;
border-radius: 20px;
}
.cavani_fn_modalbox .fn_closer:before{
width: 22px;
height: 4px;
display: block;
transform: rotate(135deg);
background-color: #fff;
content: '';
position: absolute;
left: 10px;
top: 19px;
border-radius: 20px;
}
.cavani_fn_modalbox .elementor > section,
.cavani_fn_modalbox .elementor-section-wrap > section,
.elementor [id^="cavani-modal"],
.elementor-section-wrap [id^="cavani-modal"]{
display: none;
}
.elementor-editor-active [id^="cavani-modal"],
.elementor-editor-active .elementor-section-wrap [id^="cavani-modal"],
.cavani_fn_modalbox [id^="cavani-modal"],
.cavani_fn_modalbox .elementor-section-wrap [id^="cavani-modal"]{
display: block !important;
}
.admin-bar .cavani_fn_modalbox{top: 32px;}
@media(max-width: 1200px){
.cavani_fn_modalbox .modal_content{
padding: 40px;
}
.cavani_fn_modalbox .box_inner{
width: auto;
top: 10px;
transform: none;
left: 10px;
right: 10px;
bottom: 10px;
}
.admin-bar .cavani_fn_modalbox .fn_closer{
top: 52px;
}
.cavani_fn_modalbox .fn_closer{
left: auto;
margin-left: auto;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
border-width: 2px;
border-color: #000;
border-radius: 4px;
}
.cavani_fn_modalbox .fn_closer:before,
.cavani_fn_modalbox .fn_closer:after{
background-color: #000;
width: 14px;
height: 2px;
left: 6px;
top: 12px;
}
}
@media(max-width: 782px){
.admin-bar .cavani_fn_modalbox .fn_closer{top: 66px;}
}
.fn_cs_button a{
text-decoration: none;
color: #fff;
display: block;
max-width: 100%;
float: left;
height: 50px;
line-height: 50px;
background-color: #000;
padding: 0 40px;
font-style: italic;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.fn_cs_counter_wrapper{
width: 100%;
float: left;
clear: both;
}
.fn_cs_counter_wrapper ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-left: -50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.fn_cs_counter_wrapper li{
margin: 0;
padding: 0;
width: 33.3333%;
float: left;
padding-left: 50px;
margin-bottom: 50px;
}
.fn_cs_counter_wrapper .item{
width: 100%;
height: 100%;
clear: both;
float: left;
border: 1px solid rgba(0,0,0,.1);
text-align: center;
padding: 40px 20px;
}
.fn_cs_counter_wrapper h3{
margin: 0;
padding: 0;
font-weight: 600;
font-size: 20px;
margin-bottom: 3px;
}
.fn_cs_counter_wrapper p{
margin: 0;
padding: 0;
}
@media(max-width: 768px){.fn_cs_counter_wrapper li{width: 100%;}}
.fn_cs_infobox{
width: 100%;
float: left;
clear: both;
}
.fn_cs_infobox ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.fn_cs_infobox li{
margin: 0;
padding: 0;
width: 100%;
float: left;
}
.fn_cs_infobox .fn_left{
min-width: 100px;
float: left;
margin-right: 10px;
font-weight: 700;
}
.fn_cs_infobox a{
text-decoration: none;
} .fn_cs_testi_carousel .owl-carousel .owl-stage{display: flex;}
.fn_cs_testi_carousel .item{
width: 100%;
height: auto;
clear: both;
float: left;
height: 100%;
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.fn_cs_testi_carousel .text{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
border: 2px solid rgba(0,0,0,.07);
padding: 40px;
margin-bottom: 30px;
}
.fn_cs_testi_carousel .text:before{
position: absolute;
content: "";
height: 0px;
width: 0px;
top: 100%;
left: 50px;
border: solid transparent;
border-top-color: rgba(0,0,0,.07);
border-width: 18px 18px 0px 0px;
}
.fn_cs_testi_carousel .text:after{
position: absolute;
content: "";
top: 100%;
left: 50px;
height: 0px;
width: 0px;
border: solid transparent;
border-top-color: #fff;
border-width: 14px 13px 0px 0px;
margin-left: 2px;
}
.fn_cs_testi_carousel .details{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
align-items: center;
padding-left: 20px;
margin-top: auto;
}
.fn_cs_testi_carousel .details .image{
position: relative;
width: 60px;
height: 60px;
}
.fn_cs_testi_carousel .details .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 100%;
}
.fn_cs_testi_carousel .details .short{
padding-left: 20px;
}
.fn_cs_testi_carousel .details .author{
font-size: 16px;
margin-bottom: 2px;
font-weight: 600;
}
@media(max-width:1600px){
.fn_cs_testi_carousel .details .author{margin-bottom: 0px;}
}
.fn_cs_testi_carousel .details .job{
margin: 0px;
padding: 0px;
font-size: 14px;
}
.fn_cs_testi_carousel .owl-carousel .owl-stage-outer{
overflow: hidden;
}
.fn_cs_testi_carousel .owl-carousel .owl-stage-outer{
overflow: visible;
}
.fn_cs_testi_carousel .owl-item.active{
opacity: 1;
}
.fn_cs_testi_carousel .owl-item{
opacity: 0;
}
.fn_cs_item_list{
width: 100%;
height: auto;
clear: both;
float: left;
}
.fn_cs_item_list ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.fn_cs_item_list ul li{
margin: 0px;
width: 100%;
float: left;
position: relative;
padding-left: 25px;
}
.fn_cs_item_list ul li .cavani_fn_svg{
color: #000;
width: 10px;
height: 10px;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.fn_cs_pricing{
width: 100%;
height: auto;
clear: both;
float: left;
}
.fn_cs_pricing ul.fn_column{
margin: 0px;
list-style-type: none;
margin-left: -50px;
}
.fn_cs_pricing ul.fn_column > li{
margin: 0px 0px 50px 0px;
width: 33.3333%;
padding-left: 50px;
float: left;
}
@media(max-width:1040px){
.fn_cs_pricing ul.fn_column > li{width: 50%;}
}
@media(max-width:768px){
.fn_cs_pricing ul.fn_column{margin: 0px;}
.fn_cs_pricing ul.fn_column > li{width: 100%;padding-left: 0px;}
.fn_cs_pricing ul.fn_column > li .item{padding-left: 20px;padding-right: 20px;}
}
.fn_cs_pricing ul.fn_column > li .item{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
border: 1px solid rgba(0,0,0,.1);
background-color: #fff;
padding: 27px 40px 45px 40px;
}
@media(max-width:768px){
.fn_cs_pricing ul.fn_column > li .item{padding-left: 20px;padding-right: 20px;}
}
.fn_cs_pricing ul li .price_box{
width: 100%;
float: left;
}
.fn_cs_pricing ul li .price_box h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 0px;
}
.fn_cs_pricing ul li .price_box span{
position: relative;
display: inline-block;
}
.fn_cs_pricing ul li .currency{
position: absolute !important;
bottom: 10px;
right: -10px;
font-size: 15px;
}
.fn_cs_pricing ul li .price{
color: #111;
font-family: "Poppins";
font-size: 72px;
line-height: 72px;
font-weight: 500;
}
.fn_cs_pricing ul li .plan_wrapper{
width: 100%;
float: left;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 20px;
}
.fn_cs_pricing ul li .plan{
font-size: 20px;
font-weight: 600;
}
.fn_cs_pricing .fn_service_list{
margin: 0px;
list-style-type: none;
}
.fn_cs_pricing .fn_service_list > li{
margin: 0px;
}
.fn_cs_pricing .fn_service_list > li.inactive p{
opacity: .5;
}
.fn_cs_pricing .my_button{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 30px;
}
.fn_cs_pricing .my_button a{
background-color: #000;
color: #fff;
font-style: normal;
padding: 11px 20px;
transition: all .3s ease;
}
.fn_cs_pricing .my_button a:hover{
background-color: #333;
}
.fn_cs_pricing .fn_new{
position: absolute;
display: inline-block;
background-color: #000;
color: #fff;
font-size: 13px;
padding: 0px 20px 3px 20px;
top: -17px;
right: 10px;
}
.fn_cs_timeline{
width: 100%;
height: auto;
clear: both;
float: left;
}
.fn_cs_timeline ul{
margin: 0px;
list-style-type: none;
position: relative;
padding-top: 10px;
}
.fn_cs_timeline ul:after{
clear: both;
display: table;
content: '';
}
.fn_cs_timeline ul:before{
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.07);
}
.fn_cs_timeline ul li{
margin: 0px;
padding: 0px;
width: 100%;
float: left;
position: relative;
padding-left: 20px;
padding-bottom: 45px;
}
.fn_cs_timeline ul li:last-child{padding-bottom: 0px;}
.fn_cs_timeline ul li:before{
content: "";
position: absolute;
height: 18px;
width: 18px;
background: #f6fbff;
border-radius: 100%;
border: solid 1px #CCC;
left: -9px;
top: 10px;
}
.fn_cs_timeline ul li .list_inner{
width: 100%;
height: auto;
clear: both;
display: flex;
position: relative;
}
.fn_cs_timeline ul li .time{
width: 50%;
padding-right: 20px;
}
.fn_cs_timeline ul li .time span{
display: inline-block;
padding: 5px 25px;
background-color: rgba(0,0,0,.05);
border-radius: 50px;
font-size: 14px;
white-space: nowrap;
}
.fn_cs_timeline ul li .place{
width: 50%;
padding-left: 20px;
}
.fn_cs_timeline ul li .place h3{
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: 600;
}
.fn_cs_timeline ul li .place span{
font-size: 14px;
}
.fn_cs_partners_box{
width: 100%;
float: left;
clear: both;
overflow: hidden;
border: 2px solid #e5e5e5;
}
.fn_cs_partners_box ul{
margin: -2px -10px -2px -2px;
list-style-type: none;
padding-top: 2px;
float: left;
padding-left: 2px;
min-width: calc(100% + 12px);
} 
.fn_cs_partners_box ul li{
margin: 0px;
float: left;
width: 25%;
border: 2px solid #e5e5e5;
text-align: center;
height: 145px;
line-height: 145px;
position: relative;
margin-top: -2px;
margin-left: -2px;
overflow: hidden;
} 
@media(max-width:768px){
.fn_cs_partners_box ul li{width: 50%;}
}
.fn_cs_partners_box ul li img{
max-width: 50%;
max-height: 100px;
} 
.fn_cs_partners_box ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
opacity: .5;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.fn_cs_partners_box ul li .list_inner:hover{
opacity: 1;
}
@media(max-width:1700px){
.fn_cs_timeline ul li .list_inner{flex-direction: column;}
.fn_cs_timeline ul li .time{padding-right: 0px;margin-bottom: 18px;width: 100%;}
.fn_cs_timeline ul li .place{width: 100%;padding-left: 0px;}
}
@media(max-width:480px){
.fn_cs_timeline ul li .time span{display: block;text-align: center;}
.fn_cs_partners_box ul li{width: 100%;}
} .fn_cs_animated_text h3{
font-size: 25px;
margin: 0;
padding: 0;
font-weight: 400;
}
.fn_cs_animated_text span{
color: #7d7789;
}
.fn_cs_animated_text .cd-words-wrapper{
margin-left: 5px;
}
.fn_cs_animated_text b{
font-weight: 600;
color: #333;
}
.fn_cs_animated_text .cd-headline.clip .cd-words-wrapper::after{
height: 70%;
top: 50%;
width: 2px;
transform: translateY(-50%);
background-color: #999;
}
.fn_cs_animated_text .cd-headline.loading-bar .cd-words-wrapper::after{
background: #333;
height: 2px;
} .fn_cs_main_title{
overflow: hidden;
}
.fn_cs_main_title h3{
margin: 0;
padding: 0;
display: inline;
position: relative;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 8px;
font-size: 15px;
max-width: 90%;
}
.fn_cs_main_title h3:after{
position: absolute;
content: "";
width: 5000px;
height: 2px;
background-color: #b9b9c4;
left: 100%;
top: 50%;
margin-top: -1px;
margin-left: 30px;
} .fn_cs_service_list{
width: 100%;
float: left;
clear: both;
}
.fn_cs_service_list .icon_list{
width: 100%;
float: left;
clear: both;
}
.fn_cs_service_list .icon_list ul{
margin: 0;
list-style-type: none;
padding: 0;
margin-left: -50px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.fn_cs_service_list .icon_list li{
width: 50%;
float: left;
padding-left: 50px;
margin-bottom: 50px;
}
.fn_cs_service_list .icon_list .info_item{
width: 100%;
float: left;
clear: both;
min-height: 200px;
height: 100%;
text-align: center;
position: relative;
overflow: hidden;
transition: all .3s ease-out;
}
.fn_cs_service_list .icon_list .item_in{
width: 100%;
float: left;
clear: both;
position: relative;
padding: 70px 40px 63px;
height: 100%;
border: 1px solid #b9b8c3;
}
.fn_cs_service_list .icon_list .item_in > *{
z-index: 5;
position: relative;
}
.fn_cs_service_list .icon_list .info_item:after{
left: 0;
right: 0;
bottom: 0;
top: 0;
border: 0px solid #b9b8c3;
background-color: transparent;
position: absolute;
content: '';
transition: all .3s ease-out;
opacity: 0;
z-index: 1
}
.fn_cs_service_list.color .icon_list .info_item:after{
border-width: 0 !important;
}
.fn_cs_service_list .icon_list .info_item.active{
border-color: transparent !important;
}
.fn_cs_service_list .icon_list .info_item.active:after{
opacity: 1;
}
.fn_cs_service_list .icon_list .icon{
width: 60px;
height: 60px;
display: block;
left: 50%;
margin-left: -30px;
position: relative;
margin-bottom: 35px;
}
.fn_cs_service_list .icon_list .cavani_w_fn_svg{
width: 60px;
height: 60px;
color: #333;
transition: all .3s ease;
}
.fn_cs_service_list .icon_list i{
font-size: 60px;
color: #333;
}
.fn_cs_service_list .icon_list h3{
margin: 0;
padding: 0;
font-size: 24px;
letter-spacing: 0;
color: #333;
margin-bottom: 15px;
}
.fn_cs_service_list .icon_list p{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #777;
letter-spacing: 0;
}
.fn_cs_service_list[data-view="stacked"] span.icon{
width: 100px;
height: 100px;
background-color: #333;
border-radius: 100%;
margin-bottom: 25px;
margin-left: -50px;
}
.fn_cs_service_list[data-view="stacked"] span.icon .cavani_w_fn_svg,
.fn_cs_service_list[data-view="stacked"] span.icon i{
color: #f5f5f5;
}
.fn_cs_service_list[data-view="stacked"] span.icon .cavani_w_fn_svg,
.fn_cs_service_list[data-view="framed"] span.icon .cavani_w_fn_svg{
width: 60px;
height: 60px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
position: absolute;
}
.fn_cs_service_list[data-view="framed"] span.icon i,
.fn_cs_service_list[data-view="stacked"] span.icon i{
position: absolute;
left: 50%;
top: 50%;
font-size: 60px;
transform: translate(-50%,-50%);
}
.fn_cs_service_list[data-view="framed"] span.icon{
width: 100px;
height: 100px;
border-radius: 100%;
margin-bottom: 24px;
margin-left: -50px;
border: 3px solid #333;
}
.fn_cs_service_list[data-view="stacked"] .icon_list .info_item,
.fn_cs_service_list[data-view="framed"] .icon_list .info_item{
min-height: 225px;
}
.fn_cs_service_list[data-align="left"] .icon_list span.icon{
left: 0 !important;
margin-left: 0 !important;
}
.fn_cs_service_list[data-align="left"] .icon_list .info_item{
text-align: left;
}
.fn_cs_service_list[data-align="right"] .icon_list span.icon{
left: auto !important;
margin-left: auto !important;
right: 0 !important;
}
.fn_cs_service_list[data-align="right"] .icon_list .info_item{
text-align: right;
}
@media(max-width: 768px){
.fn_cs_service_list .icon_list li{width:100%;}
}