:root{--blue-900:#1e3871;--red-600:#e30717;--slate-50:#f8fafc;--border:#e5e7eb}
body.page-template-career:before, body.single-job:before{background:transparent url(https://www.shark-haustechnik.at/wp-content/themes/shark-haustechnik/career/assets/img/shark-haustechnik-1.jpg) no-repeat center center;background-size: cover;}

.shark-career, .shark-job{position: relative;}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.hero{background:var(--blue-900);color:#fff;padding:4rem 0;position:relative;}
.hero .chip{display:inline-flex;gap:.5rem;background:rgba(255,255,255,.1);padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}
.hero h1{margin:0;padding-left: 0;color: #fff;position: relative;z-index: 1;}
.lead{color:#dae1fc;font-size:1.125rem;margin: 2rem 0;position: relative;z-index: 1;}
.cta{display:flex;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}

.single-job .cb-title, .page-template-page-karriere .cb-title{z-index: -1;}
.hero .finne{position: absolute;width: 100%;top: 20px;z-index: -1;}
.hero .finne .jquery-fin{height: 160px;position: relative;left: 0;top: -160px;}

.section{padding:3.5rem 0}
.bg-alternative{background:var(--slate-50) !important;}
.section-title{text-align:center;margin:0 0 3.5rem;font-size: 3rem;}
#apply .section-title{text-align: left;padding-top: 4rem;}
#lehre h3{font-size: 3rem;}

.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:1fr}
@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:1rem;font-weight:600;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--red-600);color:#fff}.btn-primary:hover{filter:brightness(.95)}
.btn-secondary{background:#fff;color:#111;border-color:#ddd}
.btn.btn-secondary:hover {background: var(--blue-900);color: #fff;}
.btn-outline{background:#fff;color:#111;border-color:#ddd}
.btn-small{padding:.4rem .7rem;border-radius:.7rem;font-size:.9rem}
.job-card a.btn:hover {background: #1e3871;color: #fff;}

.badge{display:inline-block;background:#0b2252;color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;align-self: flex-start;}

.job-card{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}
.title-row{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}
.job-icon svg{width:20px;height:20px;fill:#1e3871}
.hero .job-icon.lg svg{width:28px;height:28px}
.job-title{margin:.25rem 0;font-size: 1.5rem;font-family: 'Roboto', arial, sans-serif;text-transform: none;font-weight: 600;}
.teaser{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.4rem}
.teaser li{display:flex;gap:.25rem;align-items:flex-start}
.teaser li svg{width: 20px;height: 20px;fill:currentColor;}

body.page-template-career ul.list, body.single-job ul.list{padding: 0;}
body.page-template-career ul.list > li > span > svg, body.single-job ul.list > li > span > svg{width: 20px;height: 20px;fill:currentColor;}

.benefit-grid{display:grid;gap:1rem;grid-template-columns:1fr}
.benefit-grid>div{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff;display:flex;gap:.75rem}
.benefit-grid>div>span{width: 50px;height: 50px;align-self: center;background: #eff6ff;border-radius: 5px;padding: 5px;min-width: 50px;min-height: 50px;position: relative;}
.benefit-grid svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.benefit-grid h4{font-family: 'Roboto';font-weight: 600;text-transform: none;letter-spacing: 0;font-size: 1.2rem;}
@media(min-width:768px){.benefit-grid{grid-template-columns:repeat(3,1fr)}}

.split{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:900px){.split{grid-template-columns:1.1fr .9fr}}
.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.mosaic>div{aspect-ratio:4/3;border-radius:1rem;background:linear-gradient(135deg,#e0e7ff,#bfdbfe)}

.highlight{background:linear-gradient(180deg,#fff,#eef2ff)}
.visual.hero-apprentice{position:relative;aspect-ratio:4/3;border-radius:1.5rem;background: url(https://www.shark-haustechnik.at/wp-content/themes/shark-haustechnik/career/assets/img/shark-haustechnik-lehrling.jpg);background-size: cover;overflow:hidden}
.visual.hero-apprentice .badge{position:absolute;left:1rem;top:1rem;background:#0b2252;color:#fff;padding:.25rem .6rem;border-radius:999px}
.visual.hero-apprentice .caption{position:absolute;right:1rem;bottom:1rem;background:rgba(255,255,255,.9);padding:.25rem .5rem;border-radius:.6rem;color:#0b2252;font-weight:600}

.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.list li{display:flex;gap:.5rem;align-items:flex-start}
.list-grid{display:grid;gap:.5rem;grid-template-columns:1fr}
@media(min-width:768px){.list-grid{grid-template-columns:1fr 1fr}}

.steps{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}
.steps li{display:flex;gap:.5rem;align-items:center}
.steps li span{display:grid;place-content:center;width:32px;height:32px;border-radius:999px;background:#0b2252;color:#fff;font-weight:700}

#apply{padding: 0;}
#apply .container{position: relative;}
.hero-apply{background: url(https://www.shark-haustechnik.at/wp-content/themes/shark-haustechnik/career/assets/img/shark-haustechnik-techniker.png);position: absolute;top: 0;bottom: 0;right: 0;width: 25%;background-repeat: no-repeat;background-size: contain;background-position: bottom;}

.faq details{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff;margin-bottom: .75rem;}
.faq summary{font-weight:600;cursor:pointer;font-size: 1.25rem;}
.faq details > p{padding-left: 1rem;}

.hero-dark{background:#0b2252;color:#fff;padding:2.5rem 0}
.hero-title{display:flex;align-items:center;gap:.6rem}

.apply-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:1rem;background:#fff;padding:.75rem 1rem}
.sticky-apply{position:relative}

.mt{margin-top:2rem}
.start-box{margin-top:1.5rem;border:1px solid var(--border);border-radius:1rem;background:#fff;padding:1rem}
.start-box h4{text-align: center;margin-top: 4rem;margin-bottom: 2rem;font-size: 3rem;}
.start-box ol{list-style:none;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
.start-box ol li{display:flex;gap:.5rem;align-items:center}
.start-box ol li span{display:grid;place-content:center;width:32px;height:32px;border-radius:999px;background:#0b2252;color:#fff;font-weight:700}
@media(min-width:900px){.start-box ol{grid-template-columns:repeat(4,1fr)}}

.timeline-steps{display:grid;gap:1rem;grid-template-columns:1fr}
.timeline-steps>div{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff}
.timeline-steps>div span{display:grid;place-content:center;width:32px;height:32px;border-radius:999px;background:#0b2252;color:#fff;font-weight:700;margin-bottom:.5rem}
@media(min-width:900px){.timeline-steps{grid-template-columns:repeat(4,1fr)}}

/* Slider: So startest du bei uns */
.start-box { margin-top: 3rem; border: 1px solid var(--border); border-radius: 1rem; background:var(--blue-900); padding:2rem }
.start-box h4 { margin:.2rem 0 1rem; color: #fff;}

.start-slider { position: relative; overflow: hidden;}
.start-track { display:flex; width:100%; transition: transform .35s ease; }
.start-slide { flex:0 0 100%; background:#fff; border:1px solid var(--border); border-radius:1rem; padding:2rem 4rem; min-height: 180px; text-align: center;align-content: center;}
.step-head { display:flex; align-items:center; gap:.6rem; margin-bottom:.4rem;justify-content: center;}
.step-head .num { display:grid; place-content:center; width:32px; height:32px; border-radius:999px; background:var(--blue-900); color:#fff; font-weight:700 }
.start-slide h5 { margin:0; font-size:1rem; font-family: 'Roboto', arial, sans-serif;text-transform: none;font-weight: 600;font-size: 1.5rem;}
.start-slide p { margin:0; color:#475569; line-height:1.5 }

.start-nav { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:.75rem }
.start-prev, .start-next {
  appearance:none; border:0; width:44px; height:40px; border-radius:.75rem;
  background:#fff; color:var(--blue-900); font-size:22px; line-height:1; display:grid; place-content:center; cursor:pointer;
}
.start-prev[disabled], .start-next[disabled] { opacity:.45; cursor:default }
.start-status { font-weight:600; color:#334155 }

/* Apply: Layout links/rechts */
.apply-wrap { align-items: start; width: 80%;padding-bottom: 4rem;} /* nutzt bestehende .split-Breakpoints */
details summary::marker{
	float: right;
}
details.apply-acc {
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1rem;
    background: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}
details span.num{
	background: var(--blue-900);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
}
details span.title{
	font-size: 1.25rem;
	top: 2px;
	position: relative;
	font-weight: 600;
}
details span.chev{
	display: none;
}
.apply-accordion .content{
	padding-left: 3.25rem;
	padding-top: .25rem;
}
.apply-accordion .content p{
	font-size: 100% !important;
}
/* Accordion (bereits vorhanden) – keine Änderung nötig */

/* Benefit-Galerie (3 Spalten x 2 Zeilen), gleiche Abstände wie Benefit-Grid (1rem) */
.benefit-gallery{ --cols:3; --rows:2; --gap:1rem; position:relative; overflow:hidden; border-radius:1rem; margin-top:4.25rem; }
.benefit-gallery-track{ display:flex; gap:var(--gap); width:100%; will-change:transform; transition:transform .45s ease; }

.benefit-col{
  flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
  display:grid; grid-template-rows: repeat(var(--rows), 1fr); gap:var(--gap);
}
.benefit-col .tile{ aspect-ratio:4/3; border-radius:1rem; overflow:hidden; background:#fff; }
.benefit-col .tile img{ width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; user-select:none; }

/* Responsive Fallbacks (optional) – kannst du anpassen oder entfernen */
@media (max-width: 1023.98px){
  .benefit-gallery{ --cols:2; }
}

.shark-job li svg{width: 20px;height: 20px;fill:currentColor;}
.shark-job .cb-title .job-icon > span{display: inline-block;}
.shark-job .cb-title .job-icon.lg svg{width:50px;height:50px;}
.shark-job .hero h2{margin-top: 2.5rem;color: #fff;font-size: 4.5rem;}
.shark-job .hero{margin-bottom: 0 !important;}
.shark-job .hero + .section{margin-top: 0 !important;}

.page-template-page-onlinebewerbung::before{opacity: .125;}
.onlinebewerbung{max-width: 1000px;margin: 100px auto;position: relative;width: 90%;overflow-x: hidden;}
.onlinebewerbung .frm_html_container{line-height: 150%;}
.onlinebewerbung .frm_html_container > *{margin-bottom: 25px;}
.onlinebewerbung .frm_html_container ul li{list-style-type: disc;margin-left: 1em;line-height: 125%;margin-bottom: 15px;font-size: 20px;}
.onlinebewerbung .frm_label_button_container{text-align: center;}
.onlinebewerbung .frm_style_big-text.with_frm_style .form-field{margin-bottom: 20px;}
.onlinebewerbung .frm_display_format_buttons .frm_label_button_container{flex-flow: column;border-radius: 10px;min-height: 200px;}
.onlinebewerbung .frm_display_format_buttons .frm_label_button_container i{font-size: 250%;width: 100%;display: block;margin: 25px 0;}
.onlinebewerbung .frm_display_format_buttons.frm_two_col .frm_label_button_container i{font-size: 150%;font-family: 'Anton', arial, sans-serif;}
.onlinebewerbung .frm_text_label_for_image{font-size: inherit;color: #282a2c;background: #fff;}

@media screen and (max-width:768px){
	.page-template-page-onlinebewerbung form fieldset label{padding: 0;}
	.hero .finne .jquery-fin{height: 90px;top: -95px;}
	.page-template-page-karriere #page-main section, .single-job #page-main section, .page-template-page-karriere #page-main section:last-of-type, .single-job #page-main section:last-of-type{margin: 0;}
    .start-box h4, #lehre h3, .page-template-page-karriere .section-title, .single-job .section-title, .shark-job .hero h2{font-size: 2rem;margin-bottom: 3rem;}
	.hero-apply{width: 34%;}
	#apply .section-title{padding-top: 3rem;}
	.start-box{padding: 1rem;}
	.start-slide{padding: 1rem;}
	.section{padding: 3rem 0;}
	.page-template-page-karriere div#page-main .cb-title h1, .single-job div#page-main .cb-title h1{border-bottom: 1rem var(--blue-900) solid;}
	.apply-wrap{width:100%;}
	.apply-accordion .content{padding-right: 0;padding-left: 0;}
	.apply-accordion > details:last-of-type .content{padding-right: 4rem;}
	.start-box h4{margin-bottom: 1rem;}
	.shark-job .hero h2{font-size: 2rem;margin-bottom: 2rem;margin-top: 2rem;}
	.shark-job .cb-title .job-icon.lg svg {width: 30px;height: 30px;}
}
@-moz-keyframes animateFooterLogo {
  0% {
    left: calc(25% - 4.5rem);
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  5% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  45% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  50% {
    left: calc(75% - 4.5rem)
  }
  55% {
    -moz-transform: scale(-1, 1) rotate(0.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  95% {
    -moz-transform: scale(-1, 1) rotate(.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  100% {
    left: calc(25% - 4.5rem)
  }
}
@-ms-keyframes animateFooterLogo {
  0% {
    left: calc(25% - 4.5rem);
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  5% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  45% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  50% {
    left: calc(75% - 4.5rem)
  }
  55% {
    -moz-transform: scale(-1, 1) rotate(0.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  95% {
    -moz-transform: scale(-1, 1) rotate(.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  100% {
    left: calc(25% - 4.5rem)
  }
}
@-o-keyframes animateFooterLogo {
  0% {
    left: calc(25% - 4.5rem);
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  5% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  45% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  50% {
    left: calc(75% - 4.5rem)
  }
  55% {
    -moz-transform: scale(-1, 1) rotate(0.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  95% {
    -moz-transform: scale(-1, 1) rotate(.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  100% {
    left: calc(25% - 4.5rem)
  }
}
@-webkit-keyframes animateFooterLogo {
  0% {
    left: calc(25% - 4.5rem);
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  5% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  45% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  50% {
    left: calc(75% - 4.5rem)
  }
  55% {
    -moz-transform: scale(-1, 1) rotate(0.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  95% {
    -moz-transform: scale(-1, 1) rotate(.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  100% {
    left: calc(25% - 4.5rem)
  }
}
@keyframes animateFooterLogo {
  0% {
    left: calc(25% - 4.5rem);
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  5% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  45% {
    -moz-transform: scale(1, 1) rotate(.02deg);
    -ms-transform: scale(1, 1) rotate(.02deg);
    -o-transform: scale(1, 1) rotate(.02deg);
    -webkit-transform: scale(1, 1) rotate(.02deg);
    transform: scale(1, 1) rotate(.02deg)
  }
  50% {
    left: calc(75% - 4.5rem)
  }
  55% {
    -moz-transform: scale(-1, 1) rotate(0.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  95% {
    -moz-transform: scale(-1, 1) rotate(.02deg);
    -ms-transform: scale(-1, 1) rotate(.02deg);
    -o-transform: scale(-1, 1) rotate(.02deg);
    -webkit-transform: scale(-1, 1) rotate(.02deg);
    transform: scale(-1, 1) rotate(.02deg)
  }
  100% {
    left: calc(25% - 4.5rem)
  }
}

.shark-career .finne img.jquery-fin, .shark-job .finne img.jquery-fin {
  -moz-transform: scale(1, 1) rotate(.02deg);
  -ms-transform: scale(1, 1) rotate(.02deg);
  -o-transform: scale(1, 1) rotate(.02deg);
  -webkit-transform: scale(1, 1) rotate(.02deg);
  transform: scale(1, 1) rotate(.02deg);
  -moz-animation-delay: 0s;
  -moz-animation-duration: 16s;
  -moz-animation-name: animateFooterLogo;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: "";
  -ms-animation-delay: 0s;
  -ms-animation-duration: 16s;
  -ms-animation-name: animateFooterLogo;
  -ms-animation-fill-mode: forwards;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: "";
  -o-animation-delay: 0s;
  -o-animation-duration: 16s;
  -o-animation-name: animateFooterLogo;
  -o-animation-fill-mode: forwards;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: "";
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 16s;
  -webkit-animation-name: animateFooterLogo;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: "";
  animation-delay: 0s;
  animation-duration: 16s;
  animation-name: animateFooterLogo;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ""
}