.qondri-footer a
{
color: #F2AB0A !important;
}
.qondri-footer .master-social-icons a
{
color: #183862 !important;
}
.qondri-footer a:hover, .qondri-footer .master-social-icons a:hover
{
color: #FFF !important;
}
.qondri-cf7-0 .your-telephone, .qondri-cf7-0 .schedule-date
{
float: left;
width: 100%;
}
.qondri-cf7-0 .your-company, .qondri-cf7-0 .schedule-time, .qondri-cf7-0 .period
{
float: right;
width: 100%;
}
#video, #video div
{
height: 50vh;
aspect-ratio: auto;
}
#video video
{
height: 100%;
object-fit: cover;
}
.qondri-cf7-0 .wpcf7 input, .qondri-cf7-0 .wpcf7 select, .qondri-cf7-0 .wpcf7 textarea
{
margin-bottom: inherit !important;
}
@media (min-width: 767px){
.qondri-cf7-0 .your-telephone, .qondri-cf7-0 .schedule-date
{
width: calc(50% - 10px);
}
.qondri-cf7-0 .your-company, .qondri-cf7-0 .schedule-time, .qondri-cf7-0 .period
{
width: calc(50% - 10px);
}
#video, #video div
{
height: calc(100vh - 350px);
}
}.animsition,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animsition-overlay-slide {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
background-color: #ddd
}
.animsition-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -42px;
margin-left: -42px;
z-index: 2
}
.animsition-loading {
width: 84px;
height: 84px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #183862;
animation: animsition-loading 1.7s linear infinite;
}
.animsition-loading:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #89b92e;
animation: animsition-loading-reverse .6s linear infinite;
}
@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes animsition-loading-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes animsition-loading-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in
}
@-webkit-keyframes fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fade-out {
-webkit-animation-name: fade-out;
animation-name: fade-out
}
@-webkit-keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up {
-webkit-animation-name: fade-in-up;
animation-name: fade-in-up
}
@-webkit-keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
}
@keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
}
.fade-out-up {
-webkit-animation-name: fade-out-up;
animation-name: fade-out-up
}
@-webkit-keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up-sm {
-webkit-animation-name: fade-in-up-sm;
animation-name: fade-in-up-sm
}
@-webkit-keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
.fade-out-up-sm {
-webkit-animation-name: fade-out-up-sm;
animation-name: fade-out-up-sm
}
@-webkit-keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up-lg {
-webkit-animation-name: fade-in-up-lg;
animation-name: fade-in-up-lg
}
@-webkit-keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0
}
}
@keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0
}
}
.fade-out-up-lg {
-webkit-animation-name: fade-out-up-lg;
animation-name: fade-out-up-lg
}
@-webkit-keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-down {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down
}
@-webkit-keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
}
@keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
}
.fade-out-down {
-webkit-animation-name: fade-out-down;
animation-name: fade-out-down
}
@-webkit-keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-down-sm {
-webkit-animation-name: fade-in-down-sm;
animation-name: fade-in-down-sm
}
@-webkit-keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
.fade-out-down-sm {
-webkit-animation-name: fade-out-down-sm;
animation-name: fade-out-down-sm
}
.fade-in-down-lg {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down
}
@-webkit-keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
}
@keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
}
.fade-out-down-lg {
-webkit-animation-name: fade-out-down-lg;
animation-name: fade-out-down-lg
}
@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left {
-webkit-animation-name: fade-in-left;
animation-name: fade-in-left
}
@-webkit-keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
}
@keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
}
.fade-out-left {
-webkit-animation-name: fade-out-left;
animation-name: fade-out-left
}
@-webkit-keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left-sm {
-webkit-animation-name: fade-in-left-sm;
animation-name: fade-in-left-sm
}
@-webkit-keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
}
@keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
}
.fade-out-left-sm {
-webkit-animation-name: fade-out-left-sm;
animation-name: fade-out-left-sm
}
@-webkit-keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left-lg {
-webkit-animation-name: fade-in-left-lg;
animation-name: fade-in-left-lg
}
@-webkit-keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
}
@keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
}
.fade-out-left-lg {
-webkit-animation-name: fade-out-left-lg;
animation-name: fade-out-left-lg
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right {
-webkit-animation-name: fade-in-right;
animation-name: fade-in-right
}
@-webkit-keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
}
@keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
}
.fade-out-right {
-webkit-animation-name: fade-out-right;
animation-name: fade-out-right
}
@-webkit-keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right-sm {
-webkit-animation-name: fade-in-right-sm;
animation-name: fade-in-right-sm
}
@-webkit-keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
@keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
.fade-out-right-sm {
-webkit-animation-name: fade-out-right-sm;
animation-name: fade-out-right-sm
}
@-webkit-keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right-lg {
-webkit-animation-name: fade-in-right-lg;
animation-name: fade-in-right-lg
}
@-webkit-keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
}
@keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
}
.fade-out-right-lg {
-webkit-animation-name: fade-out-right-lg;
animation-name: fade-out-right-lg
}
@-webkit-keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in {
-webkit-animation-name: rotate-in;
animation-name: rotate-in
}
@-webkit-keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out {
-webkit-animation-name: rotate-out;
animation-name: rotate-out
}
@-webkit-keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in-sm {
-webkit-animation-name: rotate-in-sm;
animation-name: rotate-in-sm
}
@-webkit-keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out-sm {
-webkit-animation-name: rotate-out-sm;
animation-name: rotate-out-sm
}
@-webkit-keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in-lg {
-webkit-animation-name: rotate-in-lg;
animation-name: rotate-in-lg
}
@-webkit-keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out-lg {
-webkit-animation-name: rotate-out-lg;
animation-name: rotate-out-lg
}
@-webkit-keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x {
-webkit-animation-name: flip-in-x;
animation-name: flip-in-x;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x {
-webkit-animation-name: flip-out-x;
animation-name: flip-out-x;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x-nr {
-webkit-animation-name: flip-in-x-nr;
animation-name: flip-in-x-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x-nr {
-webkit-animation-name: flip-out-x-nr;
animation-name: flip-out-x-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x-fr {
-webkit-animation-name: flip-in-x-fr;
animation-name: flip-in-x-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x-fr {
-webkit-animation-name: flip-out-x-fr;
animation-name: flip-out-x-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y {
-webkit-animation-name: flip-in-y;
animation-name: flip-in-y;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y {
-webkit-animation-name: flip-out-y;
animation-name: flip-out-y;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y-nr {
-webkit-animation-name: flip-in-y-nr;
animation-name: flip-in-y-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y-nr {
-webkit-animation-name: flip-out-y-nr;
animation-name: flip-out-y-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y-fr {
-webkit-animation-name: flip-in-y-fr;
animation-name: flip-in-y-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y-fr {
-webkit-animation-name: flip-out-y-fr;
animation-name: flip-out-y-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in {
-webkit-animation-name: zoom-in;
animation-name: zoom-in
}
@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
50%,
to {
opacity: 0
}
}
.zoom-out {
-webkit-animation-name: zoom-out;
animation-name: zoom-out
}
@-webkit-keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in-sm {
-webkit-animation-name: zoom-in-sm;
animation-name: zoom-in-sm
}
@-webkit-keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50%,
to {
opacity: 0
}
}
.zoom-out-sm {
-webkit-animation-name: zoom-out-sm;
animation-name: zoom-out-sm
}
@-webkit-keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in-lg {
-webkit-animation-name: zoom-in-lg;
animation-name: zoom-in-lg
}
@-webkit-keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4)
}
50%,
to {
opacity: 0
}
}
.zoom-out-lg {
-webkit-animation-name: zoom-out-lg;
animation-name: zoom-out-lg
}
@-webkit-keyframes overlay-slide-in-top {
0% {
height: 100%
}
to {
height: 0
}
}
@keyframes overlay-slide-in-top {
0% {
height: 100%
}
to {
height: 0
}
}
.overlay-slide-in-top {
top: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-top;
animation-name: overlay-slide-in-top
}
@-webkit-keyframes overlay-slide-out-top {
0% {
height: 0
}
to {
height: 100%
}
}
@keyframes overlay-slide-out-top {
0% {
height: 0
}
to {
height: 100%
}
}
.overlay-slide-out-top {
top: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-top;
animation-name: overlay-slide-out-top
}
@-webkit-keyframes overlay-slide-in-bottom {
0% {
height: 100%
}
to {
height: 0
}
}
@keyframes overlay-slide-in-bottom {
0% {
height: 100%
}
to {
height: 0
}
}
.overlay-slide-in-bottom {
bottom: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-bottom;
animation-name: overlay-slide-in-bottom
}
@-webkit-keyframes overlay-slide-out-bottom {
0% {
height: 0
}
to {
height: 100%
}
}
@keyframes overlay-slide-out-bottom {
0% {
height: 0
}
to {
height: 100%
}
}
.overlay-slide-out-bottom {
bottom: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-bottom;
animation-name: overlay-slide-out-bottom
}
@-webkit-keyframes overlay-slide-in-left {
0% {
width: 100%
}
to {
width: 0
}
}
@keyframes overlay-slide-in-left {
0% {
width: 100%
}
to {
width: 0
}
}
.overlay-slide-in-left {
width: 0;
-webkit-animation-name: overlay-slide-in-left;
animation-name: overlay-slide-in-left
}
@-webkit-keyframes overlay-slide-out-left {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes overlay-slide-out-left {
0% {
width: 0
}
to {
width: 100%
}
}
.overlay-slide-out-left {
left: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-left;
animation-name: overlay-slide-out-left
}
@-webkit-keyframes overlay-slide-in-right {
0% {
width: 100%
}
to {
width: 0
}
}
@keyframes overlay-slide-in-right {
0% {
width: 100%
}
to {
width: 0
}
}
.overlay-slide-in-right {
right: 0;
width: 0;
-webkit-animation-name: overlay-slide-in-right;
animation-name: overlay-slide-in-right
}
@-webkit-keyframes overlay-slide-out-right {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes overlay-slide-out-right {
0% {
width: 0
}
to {
width: 100%
}
}
.overlay-slide-out-right {
right: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-right;
animation-name: overlay-slide-out-right
}@font-face {
font-family: core-icons;
src: url(//giraffehoogwerker.nl/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.eot?l2kkxb);
src: url(//giraffehoogwerker.nl/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.eot?l2kkxb#iefix) format('embedded-opentype'), url(//giraffehoogwerker.nl/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.ttf?l2kkxb) format('truetype'), url(//giraffehoogwerker.nl/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.woff?l2kkxb) format('woff'), url(//giraffehoogwerker.nl/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.svg?l2kkxb#core-icons) format('svg');
font-weight: 400;
font-style: normal;
font-display: block
}
[class*="ci-"],
[class^=ci-] {
font-family: core-icons !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ci-instagram-square:before {
content: "\e055"
}
.ci-tiktok:before {
content: "\e07b"
}
.ci-search:before {
content: "\e851"
}
.ci-youtube:before {
content: "\e876"
}
.ci-down-arrow2:before {
content: "\e900"
}
.ci-tick:before {
content: "\e901"
}
.ci-check-mark:before {
content: "\e902"
}
.ci-checked:before {
content: "\e903"
}
.ci-plus:before {
content: "\e904"
}
.ci-minus:before {
content: "\e905"
}
.ci-back:before {
content: "\e906"
}
.ci-next:before {
content: "\e907"
}
.ci-calendar-alt:before {
content: "\e908"
}
.ci-like:before {
content: "\e909"
}
.ci-calendar1:before {
content: "\e90a"
}
.ci-folder-open:before {
content: "\e90b"
}
.ci-folder:before {
content: "\e90c"
}
.ci-check-circle-o:before {
content: "\e90d"
}
.ci-check:before {
content: "\e90e"
}
.ci-up-arrow2:before {
content: "\e90f"
}
.ci-left-arrow2:before {
content: "\e910"
}
.ci-right-arrow2:before {
content: "\e911"
}
.ci-calendar2:before {
content: "\e912"
}
.ci-folder1:before {
content: "\e913"
}
.ci-search2:before {
content: "\e914"
}
.ci-check3:before {
content: "\e915"
}
.ci-right-quote:before {
content: "\e916"
}
.ci-telephone-2:before {
content: "\e922"
}
.ci-telephone-1:before {
content: "\e923"
}
.ci-placeholder:before {
content: "\e926"
}
.ci-calendar:before {
content: "\e929"
}
.ci-email1:before {
content: "\e92f"
}
.ci-pin:before {
content: "\e930"
}
.ci-clock2:before {
content: "\e932"
}
.ci-download:before {
content: "\e933"
}
.ci-upload:before {
content: "\e934"
}
.ci-star1:before {
content: "\e935"
}
.ci-menu:before {
content: "\e936"
}
.ci-magnifying-glass:before {
content: "\e937"
}
.ci-shopping-cart1:before {
content: "\e938"
}
.ci-close:before {
content: "\e939"
}
.ci-phone-call:before {
content: "\e93a"
}
.ci-quote:before {
content: "\e93b"
}
.ci-check2:before {
content: "\e93c"
}
.ci-play-button:before {
content: "\e93d"
}
.ci-left-arrow1:before {
content: "\e93e"
}
.ci-right-arrow1:before {
content: "\e93f"
}
.ci-down-arrow1:before {
content: "\e940"
}
.ci-up-arrow1:before {
content: "\e941"
}
.ci-location:before {
content: "\e947"
}
.ci-location2:before {
content: "\e948"
}
.ci-search-bold:before {
content: "\e94a"
}
.ci-map-pin:before {
content: "\e94b"
}
.ci-arrow-pointing-to-up:before {
content: "\e94c"
}
.ci-arrow-pointing-to-down:before {
content: "\e94d"
}
.ci-arrow-pointing-to-left:before {
content: "\e94e"
}
.ci-arrow-pointing-to-right:before {
content: "\e94f"
}
.ci-down-arrow3:before {
content: "\e950"
}
.ci-up-arrow3:before {
content: "\e951"
}
.ci-left-arrow3:before {
content: "\e952"
}
.ci-right-arrow3:before {
content: "\e953"
}
.ci-bubbles2:before {
content: "\e96d"
}
.ci-bubbles4:before {
content: "\e970"
}
.ci-single-page:before {
content: "\e976"
}
.ci-youtube2:before {
content: "\ea9e"
}
.ci-star:before {
content: "\f005"
}
.ci-user:before {
content: "\f007"
}
.ci-check1:before {
content: "\f00c"
}
.ci-clock:before {
content: "\f017"
}
.ci-clock1:before {
content: "\f018"
}
.ci-play:before {
content: "\f04b"
}
.ci-chevron-left:before {
content: "\f053"
}
.ci-chevron-right:before {
content: "\f054"
}
.ci-check-circle:before {
content: "\f058"
}
.ci-check-circle1:before {
content: "\f059"
}
.ci-chevron-up:before {
content: "\f077"
}
.ci-chevron-down:before {
content: "\f078"
}
.ci-shopping-cart:before {
content: "\f07a"
}
.ci-twitter-square:before {
content: "\f081"
}
.ci-facebook-square:before {
content: "\f082"
}
.ci-comments:before {
content: "\f086"
}
.ci-comments1:before {
content: "\f087"
}
.ci-linkedin:before {
content: "\f08c"
}
.ci-github-square:before {
content: "\f092"
}
.ci-twitter:before {
content: "\f099"
}
.ci-facebook:before {
content: "\f09a"
}
.ci-github:before {
content: "\f09b"
}
.ci-pinterest:before {
content: "\f0d2"
}
.ci-pinterest-square:before {
content: "\f0d3"
}
.ci-google-plus-square:before {
content: "\f0d4"
}
.ci-google-plus-g:before {
content: "\f0d5"
}
.ci-envelope:before {
content: "\f0e0"
}
.ci-linkedin-in:before {
content: "\f0e1"
}
.ci-envelope1:before {
content: "\f0e2"
}
.ci-check-square:before {
content: "\f14a"
}
.ci-check-square1:before {
content: "\f14b"
}
.ci-youtube1:before {
content: "\f167"
}
.ci-instagram:before {
content: "\f16d"
}
.ci-tumblr:before {
content: "\f173"
}
.ci-tumblr-square:before {
content: "\f174"
}
.ci-dribbble:before {
content: "\f17d"
}
.ci-vimeo-square:before {
content: "\f194"
}
.ci-google:before {
content: "\f1a0"
}
.ci-behance:before {
content: "\f1b4"
}
.ci-behance-square:before {
content: "\f1b5"
}
.ci-pinterest-p:before {
content: "\f231"
}
.ci-vimeo-v:before {
content: "\f27d"
}
.ci-google-plus:before {
content: "\f2b3"
}
.ci-user-circle:before {
content: "\f2bd"
}
.ci-dribbble-square:before {
content: "\f397"
}
.ci-facebook-f:before {
content: "\f39e"
}
.ci-google-drive:before {
content: "\f3aa"
}
.ci-google-play:before {
content: "\f3ab"
}
.ci-vimeo:before {
content: "\f40a"
}
.ci-youtube-square:before {
content: "\f431"
}
.ci-down-arrow:before {
content: "\e917"
}
.ci-up-arrow:before {
content: "\e918"
}
.ci-left-arrow:before {
content: "\e919"
}
.ci-right-arrow:before {
content: "\e91a"
}
.ci-map:before {
content: "\e954"
}
.ci-map2:before {
content: "\e955"
}
.ci-mail-envelope-closed:before {
content: "\e91b"
}