/* ----------------------------------------------
* Generated by Animista on 2023-3-1 8:0:46
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation pulsate-fwd
* ----------------------------------------
*/
@-webkit-keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/**
* ----------------------------------------
* animation text-focus-in
* ----------------------------------------
*/
@-webkit-keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
@keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation fade-in-fwd
* ----------------------------------------
*/
@-webkit-keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
#company_news_campaigns_food_safety_script,
.m-breadcrumb,
#company_news_campaigns_food_safety_icon {
display: none;
}
html, body {
background: #1f4d5e;
overflow-x: hidden;
}
.HotSpotWrapper .areaM {
position: relative;
}
.HotSpotWrapper .HotSpot.area {
position: relative;
color: #fff;
}
.HotSpotWrapper .HotSpot {
position: absolute;
overflow: visible;
z-index: 500;
}
#m-slider {
margin-bottom: 0;
}
.vimeovideo {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.vimeovideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.HotSpotWrapper .area {
padding-left: 9px;
padding-right: 9px;
}
.HotSpotWrapper .area h1 {
padding-left: 0;
text-align: center;
}
.HotSpotWrapper .area h1 b,
.HotSpotWrapper .area p strong,
p b {
color: #f90;
}
.HotSpotWrapper .area p,
.HotSpotWrapper .area strong {
line-height: 1.15;
font-size: 1.125rem;
margin: 10px 0;
}
.pulsate-fwd {
-webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
animation: pulsate-fwd 1s ease-in-out infinite both;
}
.text-focus-in {
-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.fade-in-fwd {
-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.apparea {
cursor: pointer;
border-radius: 20px;
z-index: 100;
display: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.showapparea {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#m-slider .apparea:hover div.btnarea,
#m-slider .apparea:hover div.btnarea span.btnicon {
color: #f90;
opacity: 0.8;
}
#apparea1 {
top: 41%;
left: 9.9%;
width: 14%;
height: 44.5%;
}
#apparea2 {
top: 44%;
left: 30.56%;
width: 16%;
height: 44%;
}
#apparea3 {
top: 49.99%;
left: 51.6%;
width: 19.7%;
height: 45.5%;
}
#apparea4 {
top: 40.75%;
left: 76.58%;
width: 21.5%;
height: 53%;
}
#m-slider div.btnarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: none;
width: 100%;
opacity: 1;
font-size: min(1.5vw, 20px);
color: #fff;
font-weight: 500;
}
#m-slider .selectedarea .btnarea {
color: #f90;
opacity: 1 !important;
}
#m-slider div.btnarea span.btnicon {
padding: 0 5px;
left: auto;
right: 0;
font-size: max(2vw, 20px) !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: static;
color: #fff;
}
#m-slider .selectedarea .btnarea .btnicon {
-webkit-animation: none;
animation: none;
color: #f90;
opacity: 1 !important;
}
.position {
display: none;
}
#m-slider div.position img {
border-radius: 100%;
}
#m-slider #position1 {
top: 71.3%;
width: 37.96%;
}
#m-slider #position2 {
top: 70.85%;
width: 33.18%;
}
#m-slider #position3 {
top: 71.8%;
width: 26.91%;
}
#m-slider #position4 {
top: 75.9%;
width: 24.65%;
}
#m-slider .apparea:hover div.position {
display: block;
opacity: 0.8;
}
#m-slider .selectedarea div.position {
display: block;
opacity: 1 !important;
}
.closeappsection {
position: absolute;
cursor: pointer;
top: 5px;
right: calc(50% - 1rem);
font-size: 2rem;
color: #1f4d5e;
}
.closeappsection:hover {
color: #648798;
}
.prodnav {
position: absolute;
cursor: pointer;
top: calc(50% - 50px);
font-size: 100px;
color: #76b82a;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 1s ease-out, opacity 1s ease-out;
-o-transition: visibility 1s ease-out, opacity 1s ease-out;
transition: visibility 1s ease-out, opacity 1s ease-out;
}
.prodnav:hover {
color: #13a538;
}
.showprod {
right: 0;
}
.hideprod {
left: 0;
}
#m-slider .appsection {
position: relative;
margin-bottom: 0 !important;
scroll-margin-top: 4.5rem;
}
.appsection > .appoverview {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 25px;
padding-right: 25px;
}
.appsection > .appoverview > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.appsection > .appoverview > .appcont,
.appsection > .appoverview > .appprod {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-area: 1 / 1 / 2 / 2;
}
#m-slider .m-cross .grid-item-additions,
#m-slider .m-cross .flex-direction-nav,
#m-slider .m-cross .grid-item-orderNumber {
display: none !important;
}
#m-slider .m-cross .flex-control-nav {
display: block !important;
}
.appsection > .appoverview > .appprod {
-webkit-transform: translateX(100vw);
-ms-transform: translateX(100vw);
transform: translateX(100vw);
-webkit-transition: -webkit-transform 1s ease-out;
transition: -webkit-transform 1s ease-out;
-o-transition: transform 1s ease-out;
transition: transform 1s ease-out;
transition: transform 1s ease-out, -webkit-transform 1s ease-out;
}
.slideinprod {
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.appsection > .appoverview > .appcont {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 1s ease-out, opacity 1s ease-out;
-o-transition: visibility 1s ease-out, opacity 1s ease-out;
transition: visibility 1s ease-out, opacity 1s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blendout {
visibility: hidden !important;
opacity: 0 !important;
}
#page.page a.button.btn {
height: inherit !important;
min-height: 3.125rem;
line-height: normal;
padding: 0.75rem 2.938rem;
}
#page.page .button.btn .btn-icon {
top: calc(50% - 22.5px);
}
#company_news_campaigns_food_safety_mobile_fullrow_start {
background-color: #1f4d5e;
padding-bottom: 0;
}
#company_news_campaigns_food_safety_mobile_fullrow_start .row .row {
margin-left: 0;
margin-right: 0;
}
#company_news_campaigns_food_safety_burger_incoming_cta,
#company_news_campaigns_food_safety_burger_storage_cta,
#company_news_campaigns_food_safety_burger_production_cta,
#company_news_campaigns_food_safety_burger_logistics_cta,
#company_news_campaigns_food_safety_burger_promo_cta {
scroll-margin-top: 1.5rem;
border-bottom: 1px solid #fff;
margin: 0 !important;
}
#page.page #company_news_campaigns_food_safety_burger_incoming_cta a.btn.button,
#page.page #company_news_campaigns_food_safety_burger_storage_cta a.btn.button,
#page.page #company_news_campaigns_food_safety_burger_production_cta a.btn.button,
#page.page #company_news_campaigns_food_safety_burger_logistics_cta a.btn.button,
#page.page #company_news_campaigns_food_safety_burger_promo_cta a.btn.button {
border: none;
font-weight: bold;
padding: 0.625rem 2.938rem;
font-size: 1.33333rem;
font-size: clamp(1.33333rem, 1.33333vw, 26px);
line-height: 1.15;
top: 0;
margin: 10px 0;
}
#page.page #company_news_campaigns_food_safety_burger_promo_cta a.btn.button {
color: #f90 !important;
}
#page.page #company_news_campaigns_food_safety_burger_incoming_cta a.btn.button > span.btn-icon,
#page.page #company_news_campaigns_food_safety_burger_storage_cta a.btn.button > span.btn-icon,
#page.page #company_news_campaigns_food_safety_burger_production_cta a.btn.button > span.btn-icon,
#page.page #company_news_campaigns_food_safety_burger_logistics_cta a.btn.button > span.btn-icon,
#page.page #company_news_campaigns_food_safety_burger_promo_cta a.btn.button > span.btn-icon {
left: 85% !important;
font-size: 45px !important;
padding: 0;
top: 0;
}
#company_news_campaigns_food_safety_incoming a.btn.button,
#company_news_campaigns_food_safety_incoming_fullrow_start .large-4.medium-4.column .m-image,
#company_news_campaigns_food_safety_storage a.btn.button,
#company_news_campaigns_food_safety_storage_fullrow_start .large-4.medium-4.column .m-image,
#company_news_campaigns_food_safety_production a.btn.button,
#company_news_campaigns_food_safety_production_fullrow_start .large-4.medium-4.column .m-image,
#company_news_campaigns_food_safety_logistics a.btn.button,
#company_news_campaigns_food_safety_logistics_fullrow_start .large-4.medium-4.column .m-image {
display: none;
}
#company_news_campaigns_food_safety_more_fullrow_start,
#company_news_campaigns_food_safety_knowhow_fullrow_start {
padding: 20px 0 30px;
margin: 0 !important;
}
#company_news_campaigns_food_safety_knowhow_fullrow_start {
background-color: transparent;
}
#company_news_campaigns_food_safety_knowhow_text,
#company_news_campaigns_food_safety_knowhow_text .title {
color: #fff;
}
@media (min-width: 768px) {
.HotSpotWrapper {
display: block;
position: relative;
overflow: visible;
padding-bottom: 0;
}
.HotSpotWrapper .HotSpotM {
position: relative;
overflow: hidden;
height: 42vw;
width: 100vw;
background-color: #62caef;
}
.HotSpotWrapper .HotSpot.area {
width: 100%;
height: 17vw;
top: 0;
text-shadow: 0 0 3px #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
}
.HotSpotWrapper .area h1 {
line-height: 1.15;
font-size: 3.25vw;
margin-top: 0.5em;
max-width: 1200px;
}
.HotSpotWrapper .area p,
.HotSpotWrapper .area strong {
line-height: 1.15;
font-size: 1.75vw;
font-weight: 700;
}
#company_news_campaigns_food_safety_more_fullrow_start,
#company_news_campaigns_food_safety_knowhow_fullrow_start {
padding: 50px 0 50px;
}
#company_news_campaigns_food_safety_more_fullrow_start > .row,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#company_news_campaigns_food_safety_more_fullrow_start > .row > .column,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row > .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#company_news_campaigns_food_safety_more_fullrow_start > .row > .column > div > div:last-child,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row > .column > div > div:last-child {
margin-top: auto;
margin-bottom: 10px;
}
#company_news_campaigns_food_safety_more_fullrow_start .m-teaser .category-name .title span,
#company_news_campaigns_food_safety_knowhow_fullrow_start .m-teaser .category-name .title span {
font-size: min(2vw, 1.375rem) !important;
}
}
/* Styles not applicable for IE */
@supports not (-ms-high-contrast: none) {
@media (min-width: 768px) {
#company_news_campaigns_food_safety_more_fullrow_start > .row > .column > div > article,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row > .column > div > article {
margin: 0 !important;
}
#company_news_campaigns_food_safety_more_fullrow_start > .row > .column > article,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row > .column > article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#company_news_campaigns_food_safety_more_fullrow_start > .row > .column > div,
#company_news_campaigns_food_safety_knowhow_fullrow_start > .row > .column > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0 !important;
}
}
}
@media (min-width: 1023px) {
.appimg .m-image {
padding-left: 6vw;
padding-right: 6vw;
}
}
@media (min-width: 1500px) {
.showprod {
right: calc((100% - 1500px) / 2);
}
.hideprod {
left: calc((100% - 1500px) / 2);
}
.appsection > .appoverview {
padding-left: 0.7815em;
padding-right: 0.7815em;
}
}