@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;
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.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%}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}@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%;}
}