/* modern-normalize (inlined) */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
box-sizing: border-box;
}
html {
/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
font-family:
system-ui,
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
line-height: 1.15; /* 1. Correct the line height in all browsers. */
-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}
/*
Sections
========
*/
body {
margin: 0; /* Remove the margin in all browsers. */
}
/*
Text-level semantics
====================
*/
/**
Add the correct font weight in Chrome and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
border-color: currentcolor;
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/* end modern-normalize */
.demo-font {
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
margin-bottom: 30px;
}
.demo-font-highlight {
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
}
.demo-fontsize-1 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
@media (min-width: 1024px) {
.demo-fontsize-1 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1440px) {
.demo-fontsize-1 {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
.demo-fontsize-2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
@media (min-width: 1024px) {
.demo-fontsize-2 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.demo-fontsize-2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
.demo-fontsize-3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
.demo-fontsize-3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.demo-fontsize-3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.demo-fontsize-4 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.demo-fontsize-4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.demo-fontsize-4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.demo-fontsize-5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.demo-fontsize-5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.demo-fontsize-5 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.demo-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.demo-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.demo-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.demo-fontsize-7 {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.demo-fontsize-7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.demo-fontsize-7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
html {
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
font-size: 62.5%;
}
body {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
body {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
body {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
p,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 15px;
}
p,
ul,
ol {
font-weight: 300;
}
*[dir="rtl"] p,
*[dir="rtl"] ul,
*[dir="rtl"] ol {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.14285714;
}
@media (min-width: 1024px) {
*[dir="rtl"] p,
*[dir="rtl"] ul,
*[dir="rtl"] ol {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.125;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] p,
*[dir="rtl"] ul,
*[dir="rtl"] ol {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
*[dir="rtl"] *[dir="ltr"] p,
*[dir="rtl"] *[dir="ltr"] ul,
*[dir="rtl"] *[dir="ltr"] ol {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
*[dir="rtl"] *[dir="ltr"] p,
*[dir="rtl"] *[dir="ltr"] ul,
*[dir="rtl"] *[dir="ltr"] ol {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] *[dir="ltr"] p,
*[dir="rtl"] *[dir="ltr"] ul,
*[dir="rtl"] *[dir="ltr"] ol {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-fontsize-0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
@media (min-width: 1024px) {
.hal-fontsize-0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-fontsize-0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-fontsize-1 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
@media (min-width: 1024px) {
.hal-fontsize-1 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1440px) {
.hal-fontsize-1 {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
.hal-fontsize-2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
@media (min-width: 1024px) {
.hal-fontsize-2 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-fontsize-2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
.hal-fontsize-3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
.hal-fontsize-3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-fontsize-3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.hal-fontsize-4 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-fontsize-4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-fontsize-4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-fontsize-5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-fontsize-5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-fontsize-5 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-fontsize-6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-fontsize-7 {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.hal-fontsize-7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-fontsize-7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
/* cyrillic-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff") format('woff');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 200 300 400 500 600 700 800 900;
font-display: fallback;
src: url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2") format('woff2'), url("../fonts/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff") format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.icon-new-star-large {
fill: #ff6600;
margin-bottom: -12px;
margin-left: 5px;
}
.hidden {
display: none !important;
visibility: hidden;
}
/**
* Generate Teaser 'fade out' on Headline ::after element
*/
html {
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box;
height: 100%;
color: #333;
font-kerning: normal;
text-rendering: optimizeLegibility;
}
body {
margin: 0;
padding: 0;
overflow: hidden;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
outline: none;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
fieldset,
legend {
margin: 0;
border: 0;
padding: 0;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
margin: 0;
border: 0;
padding: 0;
background: transparent;
}
button,
input,
select,
textarea {
font: inherit;
line-height: inherit;
color: inherit;
}
a,
em,
b,
strong {
font-weight: 600;
font-style: normal;
}
a,
.hal-link,
label[for]:not(.hal-zoom) {
cursor: pointer;
}
a,
.hal-link {
color: #E65F05;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
text-decoration: none;
transition: color 0.1s;
}
@media (min-width: 1024px) {
a,
.hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
a,
.hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
a:hover,
.hal-link:hover {
color: #A34100;
}
a:visited,
.hal-link:visited {
color: #A34100;
}
a:focus-visible,
.hal-link:focus-visible {
outline: 2px solid #0262f2;
outline-offset: 2px;
}
a[dir="rtl"],
.hal-link[dir="rtl"],
*[dir="rtl"] a:not([dir="ltr"]),
*[dir="rtl"] .hal-link:not([dir="ltr"]) {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
@media (min-width: 1024px) {
a[dir="rtl"],
.hal-link[dir="rtl"],
*[dir="rtl"] a:not([dir="ltr"]),
*[dir="rtl"] .hal-link:not([dir="ltr"]) {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.14285714;
}
}
@media (min-width: 1440px) {
a[dir="rtl"],
.hal-link[dir="rtl"],
*[dir="rtl"] a:not([dir="ltr"]),
*[dir="rtl"] .hal-link:not([dir="ltr"]) {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.125;
}
}
table {
border-collapse: collapse;
}
ul,
ol,
li {
list-style: none;
margin: 0;
padding: 0;
}
hr {
margin: 15px 0;
border: 0;
border-top: 1px solid #CCD6DF;
}
.hal-module--dark {
color: #fff;
}
.hal-module--grey {
background: #F0F2F5;
}
.hal-module--white {
background: #fff;
}
.hal-module--light {
background: #fff;
}
.hal-module--center {
text-align: center;
}
.hal-hidden {
display: none !important;
}
@media (max-width: 599px) {
.hal-hidden-if-sm {
display: none !important;
}
}
@media (min-width: 600px) and (max-width: 1023px) {
.hal-hidden-if-md {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1439px) {
.hal-hidden-if-lg {
display: none !important;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.hal-hidden-if-xl {
display: none !important;
}
}
@media print {
@page {
size: A4 portrait;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
}
.hal-no-print {
display: none !important;
}
.hal-print-table {
display: block !important;
break-after: avoid;
break-before: avoid;
}
.hal-print-table-header-space,
.hal-print-table-footer-space {
height: 2cm;
}
*::before,
*::after {
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
thead {
display: table-header-group;
}
img {
break-inside: avoid;
}
p,
h2,
h3,
h3,
h4,
h5,
h6 {
orphans: 3;
widows: 3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
break-after: avoid;
}
iframe {
display: none;
}
}
.hal-module--space-sm {
margin-bottom: 30px;
}
.hal-module--space-md {
margin-bottom: 60px;
}
.hal-module--space-lg {
margin-bottom: 90px;
}
.hal-container::before,
.hal-container::after {
content: " ";
display: table;
}
.hal-container::after {
clear: both;
}
.hal-container--alt {
background-color: #fff;
}
.hal-container-content {
margin: 0 auto;
padding: 0 1rem 3rem;
max-width: 1136px;
}
@media (min-width: 600px) {
.hal-container-content {
padding: 0 2rem 3rem;
}
}
@media (min-width: 1440px) {
.hal-container-content {
padding: 0 7.14285714% 3rem;
max-width: 1770px;
}
}
@media (min-width: 1920px) {
.hal-container-content {
padding: 0 5.88235294% 3rem;
}
}
.debug-grid {
visibility: hidden;
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.debug-grid > * {
visibility: visible;
pointer-events: none;
}
.debug-grid-toggle,
.debug-grid-label {
position: absolute;
z-index: 1000;
pointer-events: auto;
}
.debug-grid-toggle {
bottom: 10px;
left: 10px;
}
.debug-grid-label {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
bottom: 9px;
left: 28px;
}
@media (min-width: 1024px) {
.debug-grid-label {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.debug-grid-label {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.debug-grid-container,
.debug-grid-container > .hal-page-container-content,
.debug-grid-row,
.debug-grid-column,
.debug-grid-column::before {
height: 100%;
}
.debug-grid-container {
display: none;
}
.debug-grid-toggle:checked ~ .debug-grid-container {
display: block;
}
.debug-grid-row {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
padding: 0 7.5px;
white-space: nowrap;
flex-wrap: nowrap;
}
@media (min-width: 600px) {
.debug-grid-row {
padding: 0 25px;
}
}
@media (max-width: 599px) {
.debug-grid-row {
padding: 0 7.5px;
}
}
.debug-grid-column {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding-right: 2.5px;
padding-left: 2.5px;
width: 8.33333333%;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
@media (min-width: 1024px) {
.debug-grid-column {
padding-right: 5px;
padding-left: 5px;
}
}
@media (max-width: 599px) {
.debug-grid-column {
width: 16.66666667%;
}
.debug-grid-column:nth-child(2n+1) {
display: none;
}
}
.debug-grid-column::before {
content: "";
display: block;
background-color: rgba(255, 0, 0, 0.15);
}
@media print {
.hal-page-column--margin {
display: none;
}
}
.hal-page-column--margin {
margin: 0 10px;
padding: 30px;
background-color: #fff;
}
.hal-page-column--margin > div {
margin-bottom: 30px;
}
.hal-page-column--main {
width: 100%;
}
@media (min-width: 600px) {
.hal-page-column--margin {
position: relative;
margin: 60px auto 0;
width: 61%;
}
.hal-page-column--main {
width: 100%;
}
}
@media (min-width: 1024px) {
.hal-page-column--margin {
clear: right;
float: right;
margin: 0;
width: 25.6%;
}
.hal-page-column--margin > div.marginteaser {
padding-bottom: 15px;
border-bottom: 1px solid #CCD6DF;
}
.hal-page-column--margin > div.marginteaser:last-child {
padding-bottom: 0;
border-bottom: none;
}
.hal-page-column--main {
clear: left;
float: left;
padding: 0 3px 0 0;
width: 74.4%;
}
.hal-page-column--main > .title {
padding-left: 3.9%;
}
}
.hal-page-container::before,
.hal-page-container::after {
content: " ";
display: table;
}
.hal-page-container::after {
clear: both;
}
.hal-page-container--center {
text-align: center;
}
.hal-page-container--center .hal-picture-wrapper {
margin-left: auto;
margin-right: auto;
}
.hal-page-container--center div.hal-button-left,
.hal-page-container--center div.hal-button-right {
text-align: center;
}
.hal-page-container-content {
margin: 0 auto;
max-width: 1130px;
background-color: #fff;
}
@media (min-width: 1440px) {
.hal-page-container-content.hal-page-container-content--xxl {
max-width: 1580px !important;
}
}
@media (min-width: 1440px) {
.hal-page--olb .hal-page-container-content,
.hal-page-container-content .hal-page--olb #contentOlb,
.hal-page-container--xs .hal-page-container-content:not(.hal-page-container-content--xxl) {
margin: 0 auto;
max-width: 1130px;
}
}
.hal-page-container-content .currentnews,
.hal-page-container-content .newscarousel {
padding: 30px;
margin: 0 auto;
}
@media (max-width: 599px) {
.hal-page-container-content .currentnews,
.hal-page-container-content .newscarousel {
padding: 10px;
}
}
.hal-page-container-content .currentnews .hal-teasers,
.hal-page-container-content .newscarousel .hal-teasers {
padding-left: 0;
}
.hal-page-container-content .hal-container-content .currentnews,
.hal-page-container-content .hal-container-content .newscarousel {
padding: 30px 0;
}
@media (max-width: 599px) {
.hal-page-container-content .hal-container-content .currentnews,
.hal-page-container-content .hal-container-content .newscarousel {
padding: 10px 0;
}
}
.hal-page-container-content .newscarousel .hal-teasers {
background-color: #e5e5e5;
}
.hal-page-container-content .newscarousel .hal-carousel {
margin: 1rem;
}
@media (min-width: 1024px) {
.hal-page-container-content--flex {
display: flex;
}
.hal-page-container-content--flex .hal-page-column--main {
border-right: 3px solid #F0F2F5;
padding: 0;
}
}
@media (min-width: 1024px) {
.hal-page-margin--aside {
clear: left;
float: left;
padding-right: 7.5px;
width: 25%;
}
.hal-page-margin--main {
clear: right;
float: right;
padding-left: 2.5px;
width: 75%;
}
}
.hal-anchor {
display: block;
position: relative;
top: -120px;
visibility: hidden;
}
@media (min-width: 1024px) {
.hal-anchor {
top: -155px;
}
}
@media (min-width: 1024px) {
.hal-anchor#tabnav {
top: -270px;
}
}
@media (min-width: 1024px) {
.hal-anchor.hal-anchor--olbnav {
top: -230px;
}
}
@media (min-width: 1024px) {
.hal-anchor--tab {
top: -400px;
}
}
.hal-anchor-disabled {
display: none;
}
.hal-avatar {
position: relative;
overflow: hidden;
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-backface-visibility: hidden;
z-index: 0;
}
.hal-avatar > img {
position: absolute;
top: 50%;
width: 100%;
height: 100%;
display: block;
transition: transform 0.3s cubic-bezier(0.595, -0.005, 0.53, 1.075);
transform: scale(1) translate(0, -50%);
}
:not(.hal-avatar-nozoom).hal-avatar:hover > img {
transition: transform 0.3s cubic-bezier(0.595, -0.005, 0.15, 1.65);
transform: scale(1.3) translate(0, -30%);
}
.hal-backtotop {
border-bottom: 1px solid #CCD6DF;
text-align: right;
}
.hal-backtotop.hal-default-spacing {
margin-bottom: 30px;
}
@media (min-width: 1024px) {
.backtotop:not(:last-child) .hal-backtotop.hal-default-spacing {
margin-bottom: 60px;
}
}
@media (min-width: 1440px) {
.backtotop:not(:last-child) .hal-backtotop.hal-default-spacing {
margin-bottom: 90px;
}
}
*[dir="rtl"] .hal-backtotop,
.hal-backtotop[dir="rtl"] {
text-align: left;
}
.hal-button {
box-sizing: border-box;
display: inline-block;
min-height: 4rem;
border: 1px solid transparent;
border-radius: 3px;
padding: 9px 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
color: #fff;
line-height: 1.375;
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
letter-spacing: -0.2px;
background-color: #ff6600;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a.hal-button:visited {
color: #fff;
}
a.hal-button:visited:hover,
.hal-button:hover {
background-color: #FF812E;
color: #fff;
}
.hal-button:focus-visible,
.hal-button:focus-visible:not(.hal-button--nofocus) {
background-color: #FF812E;
color: #fff;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
.hal-button:disabled,
.hal-button:disabled:focus {
cursor: default;
color: #fff;
background-color: #ff6600;
opacity: 0.4;
}
.hal-button [class*="icon-"] {
position: relative;
top: -1px;
height: 1em;
vertical-align: middle;
margin-left: 10px;
margin-bottom: -1px;
}
.hal-button:has(svg[class*="icon-"][class*="chevron-right"]) {
padding-right: 13px;
}
.hal-button--left [class*="icon-"] {
margin-left: 0;
margin-right: 10px;
}
.hal-button[dir="ltr"]:not(.hal-regular-font),
.hal-button[dir="rtl"]:not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-button:not([dir="ltr"]):not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-button:not(.hal-rtl--alt):not(.hal-regular-font) {
font-size: 16px;
line-height: 4rem;
}
*[dir="rtl"] .hal-button:not([dir="ltr"]) [class*="icon-"],
.hal-button[dir="rtl"] [class*="icon-"] {
transform: scaleX(-1);
margin-left: 0;
}
*[dir="rtl"] .hal-button:not([dir="ltr"]) [class*="icon-"][class*="chevron-right"],
.hal-button[dir="rtl"] [class*="icon-"][class*="chevron-right"] {
margin-left: -7px;
margin-right: 10px;
}
.hal-button-widthed {
max-width: 100%;
text-align: center;
}
.hal-button-left {
margin-left: 0;
margin-right: auto;
}
button.hal-button-left {
display: block;
}
div.hal-button-left {
text-align: left;
}
.hal-button-centered {
margin-left: auto;
margin-right: auto;
}
button.hal-button-centered {
display: block;
}
div.hal-button-centered {
text-align: center;
}
.hal-button-right {
margin-left: auto;
margin-right: 0;
}
button.hal-button-right {
display: block;
}
div.hal-button-right {
text-align: right;
}
.hal-button--plain {
padding: 0;
border: 0;
height: auto;
line-height: inherit;
color: #ff6600;
transition: inherit;
background-color: transparent;
}
.hal-button--plain:hover {
color: #FF812E;
background-color: transparent;
}
.hal-button--plain:focus-visible,
.hal-button--plain:focus-visible:not(.hal-button--nofocus) {
color: #FF812E;
background-color: transparent;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
.hal-button--plain [class*="icon-"] {
margin-left: 10px;
}
a.hal-button--secondary,
.hal-button--secondary {
border: 1px solid #ff6600;
color: #ff6600;
background-color: #fff;
color: #FF812E;
}
aa.hal-button--secondary:visited,
a.hal-button--secondary:visited {
color: #ff6600;
}
aa.hal-button--secondary:visited:hover,
a.hal-button--secondary:visited:hover,
a.hal-button--secondary:hover,
.hal-button--secondary:hover {
color: #ff6600;
background-color: #FFF1E7;
}
a.hal-button--secondary:focus-visible,
.hal-button--secondary:focus-visible,
a.hal-button--secondary:focus-visible:not(.hal-button--nofocus),
.hal-button--secondary:focus-visible:not(.hal-button--nofocus) {
color: #ff6600;
background-color: #FFF1E7;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
a.hal-button--secondary:disabled,
.hal-button--secondary:disabled,
a.hal-button--secondary:disabled:hover,
.hal-button--secondary:disabled:hover {
color: #ff6600;
background-color: #fff;
opacity: 0.4;
}
.hal-button--tertiary {
width: 4rem;
padding: 0;
text-align: center;
}
.hal-button--tertiary [class*="icon-"] {
margin-left: 0;
}
.hal-button--inverse {
background-color: #fff;
color: #ff6600;
border: solid 1px #ff6600;
}
.hal-mzr-no-touchevents .hal-button--inverse:hover {
background-color: #f2f2f2;
color: #ff6600;
}
.hal-button--inverse:focus {
background-color: #f2f2f2;
}
.hal-mzr-no-touchevents .hal-button--inverse:disabled,
.hal-mzr-no-touchevents .hal-button--inverse:disabled:hover {
background-color: #f2f2f2;
}
.hal-button:not([class*="module--space"]) {
margin-bottom: 0;
}
.hal-checkbox {
position: relative;
display: inline-block;
}
.hal-checkbox span {
display: inline-block;
padding-left: 15px;
}
.hal-checkbox span [class*="icon-"] {
position: absolute;
left: 0;
top: -2px;
padding: 2px;
border: 1px solid #999;
border-radius: 3px;
background: #fff;
width: 20px;
height: 20px;
color: transparent;
transition: border-color 0.25s ease-in-out;
}
.hal-checkbox input[type="checkbox"] {
visibility: hidden;
width: 20px;
}
.hal-checkbox input[type="checkbox"]:checked + span [class*="icon-"] {
color: #ff6600;
}
.hal-checkbox:hover span [class*="icon-"] {
border-color: #ff6600;
}
.hal-redirect-dropdown-label {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
}
.hal-redirect-dropdown {
width: 324px;
height: 40px;
background: #fff;
position: relative;
}
.hal-redirect-dropdown > input {
width: 100%;
height: 100%;
border-radius: 4px;
padding-left: 12px;
cursor: pointer;
border: 2px solid #ADBAC7;
outline: none;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #14171A;
position: absolute;
top: 0;
left: 0;
user-select: none;
}
.hal-redirect-dropdown > input:hover,
.hal-redirect-dropdown > input:active {
border: 2px solid #425464;
}
.hal-redirect-dropdown > .hal-redirect-dropdown-options {
width: 100%;
border-radius: 4px;
padding: 8px 0;
cursor: pointer;
background: white;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #14171A;
position: absolute;
top: 40px;
visibility: hidden;
}
.hal-redirect-dropdown > .hal-redirect-dropdown-options .hal-redirect-dropdown-option > a,
.hal-redirect-dropdown > .hal-redirect-dropdown-options .hal-redirect-dropdown-option > a:hover {
display: block;
height: 32px;
padding: 7px 16px;
font-weight: 500;
line-height: 18px;
color: #14171A;
}
.hal-redirect-dropdown > .hal-redirect-dropdown-options .hal-redirect-dropdown-option > a:hover {
background: #E1E8ED;
}
.hal-redirect-dropdown > .hal-redirect-dropdown-options .hal-redirect-dropdown-option > a:active {
background: #CCD6DF;
}
.hal-redirect-dropdown.opened .hal-redirect-dropdown-options {
opacity: 1;
z-index: 3;
visibility: visible;
transform: translateY(0);
}
.hal-redirect-dropdown::before {
content: "";
position: absolute;
right: 17px;
top: 18px;
z-index: 2;
width: 10px;
height: 5px;
pointer-events: none;
transition: all 0.3s linear;
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
background: #425464;
}
.hal-redirect-dropdown.opened::before {
transform: rotate(-180deg);
}
.hal-searchfilter--secondary .hal-filteritem-text {
background: #fff;
}
.hal-filteritem-text {
display: flex;
padding: 7px 11px;
border: 1px solid #768A9D;
border-radius: 4px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 600;
color: #425464;
background: #fff;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
@media (min-width: 1024px) {
.hal-filteritem-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-filteritem-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-filteritem-input {
display: none;
}
.hal-filteritem-input:checked + .hal-filteritem-text {
display: inline-block;
border: 1px solid #33424F;
background: #33424F;
color: #fff;
}
.hal-filteritem-input:checked + .hal-filteritem-text::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.02%201L5.008%209.014%201%205.007%22%20stroke-linecap%3D%22round%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
margin-right: 5px;
}
.hal-filteritem a.hal-filteritem-text-faq {
color: #425464;
}
.hal-filteritem a.hal-filteritem-text-faq.hal-active {
background: #FFD5B9;
}
h0,
.hal-h0,
h1,
.hal-h1,
h2,
.hal-h2,
h3,
.hal-h3,
h4,
.hal-h4,
h5,
.hal-h5,
h6,
.hal-h6,
h7,
.hal-h7 {
display: block;
font-weight: 700;
margin: 0 0 7.5px;
letter-spacing: 0.02em;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
h0,
.hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
margin-bottom: 15px;
}
@media (min-width: 1024px) {
h0,
.hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
h0,
.hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
h1,
.hal-h1 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
margin-bottom: 15px;
}
@media (min-width: 1024px) {
h1,
.hal-h1 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1440px) {
h1,
.hal-h1 {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
h2,
.hal-h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
margin-bottom: 15px;
}
@media (min-width: 1024px) {
h2,
.hal-h2 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
h2,
.hal-h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
h3,
.hal-h3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
h3,
.hal-h3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
h3,
.hal-h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
h4,
.hal-h4 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
h4,
.hal-h4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
h4,
.hal-h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
h5,
.hal-h5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
h5,
.hal-h5 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
h5,
.hal-h5 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
h6,
.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
h6,
.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
h6,
.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
h7,
.hal-h7 {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
h7,
.hal-h7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
h7,
.hal-h7 {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
h0[dir="rtl"],
.hal-h0[dir="rtl"] {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.08695652;
}
@media (min-width: 1024px) {
h0[dir="rtl"],
.hal-h0[dir="rtl"] {
font-size: 50px;
font-size: 5rem;
line-height: 1.08;
}
}
@media (min-width: 1440px) {
h0[dir="rtl"],
.hal-h0[dir="rtl"] {
font-size: 70px;
font-size: 7rem;
line-height: 1.02857143;
}
}
h1[dir="rtl"],
.hal-h1[dir="rtl"] {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
@media (min-width: 1024px) {
h1[dir="rtl"],
.hal-h1[dir="rtl"] {
font-size: 40px;
font-size: 4rem;
line-height: 1.1;
}
}
@media (min-width: 1440px) {
h1[dir="rtl"],
.hal-h1[dir="rtl"] {
font-size: 64px;
font-size: 6.4rem;
line-height: 1.03125;
}
}
h2[dir="rtl"],
.hal-h2[dir="rtl"] {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.05555556;
}
@media (min-width: 1024px) {
h2[dir="rtl"],
.hal-h2[dir="rtl"] {
font-size: 40px;
font-size: 4rem;
line-height: 1.1;
}
}
@media (min-width: 1440px) {
h2[dir="rtl"],
.hal-h2[dir="rtl"] {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.04347826;
}
}
h3[dir="rtl"],
.hal-h3[dir="rtl"] {
font-size: 42px;
font-size: 4.2rem;
line-height: 1.04761905;
}
@media (min-width: 1024px) {
h3[dir="rtl"],
.hal-h3[dir="rtl"] {
font-size: 42px;
font-size: 4.2rem;
line-height: 1;
}
}
@media (min-width: 1440px) {
h3[dir="rtl"],
.hal-h3[dir="rtl"] {
font-size: 30px;
font-size: 3rem;
line-height: 1.06666667;
}
}
h4[dir="rtl"],
.hal-h4[dir="rtl"] {
font-size: 42px;
font-size: 4.2rem;
line-height: 1.04761905;
}
@media (min-width: 1024px) {
h4[dir="rtl"],
.hal-h4[dir="rtl"] {
font-size: 42px;
font-size: 4.2rem;
line-height: 1;
}
}
@media (min-width: 1440px) {
h4[dir="rtl"],
.hal-h4[dir="rtl"] {
font-size: 30px;
font-size: 3rem;
line-height: 1.06666667;
}
}
h5[dir="rtl"],
.hal-h5[dir="rtl"] {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.08333333;
}
@media (min-width: 1024px) {
h5[dir="rtl"],
.hal-h5[dir="rtl"] {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.08333333;
}
}
@media (min-width: 1440px) {
h5[dir="rtl"],
.hal-h5[dir="rtl"] {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.07692308;
}
}
h6[dir="rtl"],
.hal-h6[dir="rtl"] {
font-size: 21px;
font-size: 2.1rem;
line-height: 1.0952381;
}
@media (min-width: 1024px) {
h6[dir="rtl"],
.hal-h6[dir="rtl"] {
font-size: 21px;
font-size: 2.1rem;
line-height: 1.0952381;
}
}
@media (min-width: 1440px) {
h6[dir="rtl"],
.hal-h6[dir="rtl"] {
font-size: 23px;
font-size: 2.3rem;
line-height: 1.08695652;
}
}
h7[dir="rtl"],
.hal-h7[dir="rtl"] {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
@media (min-width: 1024px) {
h7[dir="rtl"],
.hal-h7[dir="rtl"] {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
h7[dir="rtl"],
.hal-h7[dir="rtl"] {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
}
}
*[dir="rtl"] .h0:not([dir="ltr"]),
*[dir="rtl"] .hal-h0:not([dir="ltr"]) {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.08695652;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h0:not([dir="ltr"]),
*[dir="rtl"] .hal-h0:not([dir="ltr"]) {
font-size: 50px;
font-size: 5rem;
line-height: 1.08;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h0:not([dir="ltr"]),
*[dir="rtl"] .hal-h0:not([dir="ltr"]) {
font-size: 70px;
font-size: 7rem;
line-height: 1.02857143;
}
}
*[dir="rtl"] .h1:not([dir="ltr"]),
*[dir="rtl"] .hal-h1:not([dir="ltr"]) {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h1:not([dir="ltr"]),
*[dir="rtl"] .hal-h1:not([dir="ltr"]) {
font-size: 40px;
font-size: 4rem;
line-height: 1.1;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h1:not([dir="ltr"]),
*[dir="rtl"] .hal-h1:not([dir="ltr"]) {
font-size: 64px;
font-size: 6.4rem;
line-height: 1.03125;
}
}
*[dir="rtl"] .h2:not([dir="ltr"]),
*[dir="rtl"] .hal-h2:not([dir="ltr"]) {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.05555556;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h2:not([dir="ltr"]),
*[dir="rtl"] .hal-h2:not([dir="ltr"]) {
font-size: 40px;
font-size: 4rem;
line-height: 1.1;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h2:not([dir="ltr"]),
*[dir="rtl"] .hal-h2:not([dir="ltr"]) {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.04347826;
}
}
*[dir="rtl"] .h3:not([dir="ltr"]),
*[dir="rtl"] .hal-h3:not([dir="ltr"]) {
font-size: 42px;
font-size: 4.2rem;
line-height: 1.04761905;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h3:not([dir="ltr"]),
*[dir="rtl"] .hal-h3:not([dir="ltr"]) {
font-size: 42px;
font-size: 4.2rem;
line-height: 1;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h3:not([dir="ltr"]),
*[dir="rtl"] .hal-h3:not([dir="ltr"]) {
font-size: 30px;
font-size: 3rem;
line-height: 1.06666667;
}
}
*[dir="rtl"] .h4:not([dir="ltr"]),
*[dir="rtl"] .hal-h4:not([dir="ltr"]) {
font-size: 42px;
font-size: 4.2rem;
line-height: 1.04761905;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h4:not([dir="ltr"]),
*[dir="rtl"] .hal-h4:not([dir="ltr"]) {
font-size: 42px;
font-size: 4.2rem;
line-height: 1;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h4:not([dir="ltr"]),
*[dir="rtl"] .hal-h4:not([dir="ltr"]) {
font-size: 30px;
font-size: 3rem;
line-height: 1.06666667;
}
}
*[dir="rtl"] .h5:not([dir="ltr"]),
*[dir="rtl"] .hal-h5:not([dir="ltr"]) {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.08333333;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h5:not([dir="ltr"]),
*[dir="rtl"] .hal-h5:not([dir="ltr"]) {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.08333333;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h5:not([dir="ltr"]),
*[dir="rtl"] .hal-h5:not([dir="ltr"]) {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.07692308;
}
}
*[dir="rtl"] .h6:not([dir="ltr"]),
*[dir="rtl"] .hal-h6:not([dir="ltr"]) {
font-size: 21px;
font-size: 2.1rem;
line-height: 1.0952381;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h6:not([dir="ltr"]),
*[dir="rtl"] .hal-h6:not([dir="ltr"]) {
font-size: 21px;
font-size: 2.1rem;
line-height: 1.0952381;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h6:not([dir="ltr"]),
*[dir="rtl"] .hal-h6:not([dir="ltr"]) {
font-size: 23px;
font-size: 2.3rem;
line-height: 1.08695652;
}
}
*[dir="rtl"] .h7:not([dir="ltr"]),
*[dir="rtl"] .hal-h7:not([dir="ltr"]) {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
@media (min-width: 1024px) {
*[dir="rtl"] .h7:not([dir="ltr"]),
*[dir="rtl"] .hal-h7:not([dir="ltr"]) {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
*[dir="rtl"] .h7:not([dir="ltr"]),
*[dir="rtl"] .hal-h7:not([dir="ltr"]) {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
}
}
.hal-horizontalrule {
height: 3px;
}
.hal-horizontalrule.hal-module--grey {
background: #CCD6DF;
}
.hal-horizontalrule.hal-module--white {
background: #fff;
}
.hal-container-content .hal-horizontalrule {
height: 3px;
}
.hal-container-content .hal-horizontalrule.hal-default-spacing {
margin-bottom: 30px;
}
.hal-icon a {
display: inline-block;
}
*[dir="rtl"] .icon-chevron-right,
*[dir="rtl"] .icon-chevron-left {
transform: scaleX(-1);
}
.hal-input {
width: 100%;
height: 40px;
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
}
@media (min-width: 1024px) {
.hal-input {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-input {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-input:focus {
border-color: #333;
}
.hal-input:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.hal-input:placeholder-shown {
color: #999;
}
.hal-input::-webkit-input-placeholder {
color: #999;
}
.hal-input::-moz-placeholder {
color: #999;
}
.hal-input:-ms-input-placeholder {
color: #999 !important;
}
.hal-input::-ms-clear {
display: none;
}
.hal-input[type="radio"] {
-webkit-appearance: radio;
width: auto;
height: 20px;
}
.hal-input.invalid {
box-shadow: 0 0 1.7px 1.7px red;
}
.hal-input:invalid {
box-shadow: 0;
}
.hal-input--dropdown {
position: relative;
}
.hal-input--dropdown .hal-input {
cursor: pointer;
}
.hal-input--dropdown select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.hal-input--dropdown select::-ms-expand {
display: none;
}
.hal-input--dropdown:before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20fill%3D%22%23999999%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Earrow%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%206L6%202%201%206%22%20stroke%3D%22%23999999%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E%0D%0A");
transform: rotate(180deg);
font-size: 20px;
position: absolute;
right: 15px;
top: 23px;
height: 14px;
width: 14px;
pointer-events: none;
}
.hal-input-invalid input {
padding-right: 46px;
color: #B00020;
border: 2px solid #B00020;
}
.hal-input-invalid label {
position: relative;
}
.hal-input-invalid label:after {
display: inline-block;
position: absolute;
top: 0px;
right: 14px;
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2222%22%20height%3D%2221%22%20viewBox%3D%220%200%2022%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.0001%200.456116C10.5001%200.456116%2010.0001%200.646116%209.59006%201.04612L1.59006%209.04612C0.800059%209.82612%200.800059%2011.0861%201.59006%2011.8661L9.59006%2019.8661C10.3701%2020.6561%2011.6301%2020.6561%2012.4101%2019.8661L20.4101%2011.8661C21.2001%2011.0861%2021.2001%209.82612%2020.4101%209.04612L12.4101%201.04612C12.0001%200.646116%2011.5001%200.456116%2011.0001%200.456116ZM10.0001%205.45612C10.0001%204.90383%2010.4478%204.45612%2011.0001%204.45612C11.5523%204.45612%2012.0001%204.90383%2012.0001%205.45612V11.4561C12.0001%2012.0084%2011.5523%2012.4561%2011.0001%2012.4561C10.4478%2012.4561%2010.0001%2012.0084%2010.0001%2011.4561V5.45612ZM10.0001%2015.4561C10.0001%2014.9038%2010.4478%2014.4561%2011.0001%2014.4561C11.5523%2014.4561%2012.0001%2014.9038%2012.0001%2015.4561C12.0001%2016.0084%2011.5523%2016.4561%2011.0001%2016.4561C10.4478%2016.4561%2010.0001%2016.0084%2010.0001%2015.4561Z%22%20fill%3D%22%23B00020%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-input-invalid .hal-input-label:after {
display: none;
}
.hal-input[disabled] {
color: rgba(0, 0, 0, 0.87);
border: 1px solid rgba(25, 25, 25, 0.32);
}
.hal-input-error {
height: 16px;
font-size: 12px;
color: #B00020;
padding-left: 12px;
}
.hal-label {
display: block;
margin-bottom: 2px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 600;
}
@media (min-width: 1024px) {
.hal-label {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-label {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-label--required::after {
content: "*";
display: inline-block;
padding-left: 2px;
font-size: 12px;
}
.hal-link [class*="icon-"] {
margin: 0 0 -1px 6px;
}
.hal-link--pdf [class*="icon-"] {
margin: 0 3px -5px -4px;
}
.hal-link--pdf,
.hal-link--email {
word-break: break-all;
}
.hal-link--author,
.hal-link--author:visited {
color: #111565;
}
.hal-link--download {
margin-bottom: 1.2rem;
display: inline-block;
}
.hal-link-filesize {
display: inline-block;
position: relative;
unicode-bidi: embed;
}
.hal-link[dir="rtl"] [class*="icon-"],
*[dir="rtl"] .hal-link:not([dir="ltr"]) [class*="icon-"] {
margin: -1px 5px 0 0;
}
.hal-link[dir="rtl"].hal-link--pdf [class*="icon-"],
*[dir="rtl"] .hal-link:not([dir="ltr"]).hal-link--pdf [class*="icon-"] {
margin: 0 0 -1px 6px;
}
.hal-link[dir="rtl"] .hal-link-filesize,
*[dir="rtl"] .hal-link:not([dir="ltr"]) .hal-link-filesize {
top: -0.2rem;
margin-right: 0.5rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
unicode-bidi: plaintext;
}
@media (min-width: 1024px) {
.hal-link[dir="rtl"] .hal-link-filesize,
*[dir="rtl"] .hal-link:not([dir="ltr"]) .hal-link-filesize {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-link[dir="rtl"] .hal-link-filesize,
*[dir="rtl"] .hal-link:not([dir="ltr"]) .hal-link-filesize {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-logo {
display: inline-block;
line-height: 1;
}
@media print {
.hal-logo {
visibility: visible;
position: absolute !important;
top: 0;
left: 5%;
}
}
.hal-logo-image,
.hal-logo-extra {
display: inline-block;
vertical-align: middle;
}
.hal-logo-image {
width: 130px;
height: 20px;
}
@media (min-width: 1024px) {
.hal-logo-image {
width: 195px;
height: 30px;
}
}
@media print {
.hal-logo-image {
width: 130px;
height: 20px;
}
}
.hal-logo-extra {
font: 0/0 a;
text-shadow: none;
color: transparent;
}
@media (min-width: 1024px) {
.hal-logo-extra::after {
content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTQgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTS4wNTIgMjBoMy4zNzVWLjcyMkguMDUyVjIwem03LjA3NCAwaDMuMDc4di04LjIzNWMwLTIuMDUyIDEuMzIzLTMuNjcyIDMuMzc1LTMuNjcyIDEuODA4IDAgMi42NzIuOTQ1IDIuNzI2IDMuMTMyVjIwaDMuMDc4di05LjU4NWMwLTMuMTMyLTEuOTE3LTQuNzUyLTQuOTQtNC43NTItMS44MzcgMC0zLjQzLjk0NS00LjM0OCAyLjQ4NGwtLjA1NC0uMDU0VjYuMDRINy4xMjZWMjB6TTIxLjIyIDguMzM2aDIuMzIydjguMjM1Yy4wNTQgMi4zMjMuNjQ4IDMuNTY1IDMuODYgMy41NjUuNjc2IDAgMS4zMjQtLjEwOCAyLS4xNjJ2LTIuMzc2Yy0uNDMzLjEwOC0uODY1LjEwOC0xLjI5Ny4xMDgtMS4zNzcgMC0xLjQ4NS0uNjQ4LTEuNDg1LTEuOTE3VjguMzM2aDIuNzhWNi4wNGgtMi43OFYxLjg1N2gtMy4wNzhWNi4wNEgyMS4yMnYyLjI5NnpNMzEuNjE1IDIwaDMuMDc4di02LjY0MmMwLTMuMDc4IDEuNjc0LTQuNzggMy43OC00Ljc4LjQzMiAwIC44OS4wODIgMS4zMjMuMTM2di0yLjk3Yy0uMjctLjAyNy0uNDYtLjA4LTEuMTYtLjA4LTEuODkgMC0zLjcyNyAxLjU5Mi00LjA3OCAzLjA3N2gtLjA1NHYtMi43aC0yLjg5VjIwem0xOC4xMTctNC42OThjMCAxLjk0NC0yLjEwNiAyLjY0Ni0zLjQ1NiAyLjY0Ni0xLjA4IDAtMi44MzUtLjQwNS0yLjgzNS0xLjc4MiAwLTEuNjIgMS4xOS0yLjEwNiAyLjUxMi0yLjMyMiAxLjM1LS4yNDMgMi44MzUtLjIxNiAzLjc4LS44Mzd2Mi4yOTV6bTMuMDc4LTUuNTljMC0yLjk0Mi0yLjg2Mi00LjA1LTUuNTktNC4wNS0zLjA3NyAwLTYuMTI4IDEuMDU0LTYuMzQ0IDQuNjQ1aDMuMDc4Yy4xMzUtMS41MTIgMS4zNS0yLjIxNCAzLjA3OC0yLjIxNCAxLjI0MiAwIDIuODkuMjk3IDIuODkgMS44OSAwIDEuODEtMS45NzIgMS41NjYtNC4xODYgMS45Ny0yLjU5Mi4yOTgtNS4zNzMuODY1LTUuMzczIDQuMzQ4IDAgMi43MjggMi4yNjggNC4wNzggNC43OCA0LjA3OCAxLjY0NiAwIDMuNjE3LS41MTMgNC44MzItMS43LjI0MyAxLjI2OCAxLjEzNCAxLjcgMi4zNzYgMS43LjUxNCAwIDEuNDg2LS4xOSAxLjk0NS0uMzV2LTIuMTM0Yy0uMzI0LjA1NC0uNTY3LjA1NC0uNzU2LjA1NC0uNTY4IDAtLjczLS4yOTctLjczLTEuMDUzVjkuNzEzek01Ni4xMyAyMGgzLjA4di04LjIzNWMwLTIuMDUyIDEuMzIyLTMuNjcyIDMuMzc0LTMuNjcyIDEuODEgMCAyLjY3My45NDUgMi43MjcgMy4xMzJWMjBoMy4wOHYtOS41ODVjMC0zLjEzMi0xLjkxOC00Ljc1Mi00Ljk0Mi00Ljc1Mi0xLjgzNiAwLTMuNDMuOTQ1LTQuMzQ3IDIuNDg0bC0uMDUzLS4wNTRWNi4wNEg1Ni4xM1YyMHptMjguMTYyLTYuMTgzYy41MTMtNC4xODUtMi4xODctOC4xNTQtNi41ODgtOC4xNTQtNC4xNTggMC02Ljc1IDMuNDAyLTYuNzUgNy4zNyAwIDQuMjk0IDIuNDU3IDcuMzQ1IDYuODMgNy4zNDUgMy4wNTIgMCA1LjY0NC0xLjcgNi4zMi00Ljc1MmgtMi45MTdjLS41NCAxLjU0LTEuNjIgMi4zMjItMy40MDIgMi4zMjItMi41NjUgMC0zLjc1My0xLjk0NC0zLjc1My00LjEzaDEwLjI2em0tMTAuMjYtMi4wMjVjLjA4LTIuMDggMS41NC0zLjcgMy42NzItMy43IDIuMDggMCAzLjQwMiAxLjc1NiAzLjUxIDMuN2gtNy4xODJ6bTExLjIwNS0zLjQ1NmgyLjMyMnY4LjIzNWMuMDUzIDIuMzIzLjY0NyAzLjU2NSAzLjg2IDMuNTY1LjY3NSAwIDEuMzIzLS4xMDggMS45OTgtLjE2MnYtMi4zNzZjLS40MzIuMTA4LS44NjQuMTA4LTEuMjk2LjEwOC0xLjM3NyAwLTEuNDg1LS42NDgtMS40ODUtMS45MTdWOC4zMzZoMi43OFY2LjA0aC0yLjc4VjEuODU3SDg3LjU2VjYuMDRoLTIuMzIzdjIuMjk2eiIgZmlsbD0iI2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
position: absolute;
top: 30px;
left: 33.333%;
margin-left: 10px;
width: 94px;
height: 21px;
}
}
@media (min-width: 1440px) {
.hal-logo-extra::after {
left: 35.71428571%;
margin-left: 5px;
}
}
.hal-map {
background-color: #ededed;
}
.hal-map-sphere {
fill: #ededed;
}
.hal-map-boundary {
fill: none;
stroke: #999999;
stroke-width: 1px;
stroke-dasharray: 2, 1;
stroke-linejoin: round;
stroke-linecap: round;
}
.hal-map-hide.hal-map-hide {
display: none;
}
.hal-map-servicefinder {
position: absolute;
z-index: 2;
width: 100%;
max-width: 1130px;
margin: 0 auto;
max-height: 535px;
}
.hal-map-boundary-hide {
display: none;
}
.hal-map-country {
fill: #CCD6DF;
}
.hal-map-spots {
fill: #ff6600;
}
.hal-map-label {
font-size: 1.2rem;
font-weight: bold;
letter-spacing: 0.005rem;
fill: #333;
cursor: pointer;
}
.hal-map-label--highlight {
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 0.004rem;
text-anchor: middle;
fill: #333;
}
.hal-map-label--region,
.hal-map-label--office,
.hal-map-label--country,
.hal-map-label--world {
fill: #ff6600;
color: #ff6600;
}
.hal-map-label--region:hover,
.hal-map-label--office:hover,
.hal-map-label--country:hover,
.hal-map-label--world:hover {
color: #A34100;
fill: #A34100;
}
.hal-map-label--world.hal-map-label-is-active {
fill: #333;
color: #333;
}
.hal-map-label-infoI {
color: #ff6600;
cursor: pointer;
}
.hal-map-label-infoI:hover {
color: #A34100;
}
.hal-map-location {
color: #ff6600;
cursor: pointer;
pointer-events: visible;
}
.hal-map-location.hal-map-icon-is-active {
color: #333;
}
.hal-map-location:hover {
color: #A34100;
}
.hal-map-first-route,
.hal-map-second-route {
fill: none;
stroke: #ff6600;
stroke-width: 1.5;
stroke-miterlimit: 10;
}
.hal-map-first-route {
stroke: #ff6600;
}
.hal-map-second-route {
stroke: #111565;
}
.hal-map.hal-map--stage {
display: block;
width: 100%;
max-width: 1920px;
margin: 0 auto;
height: initial;
max-height: 555px;
}
.hal-map.hal-map--stage.hal-map-is-hidden {
display: none;
}
.hal-map-cluster--outerring {
fill: none;
stroke: #ff6600;
stroke-width: 1px;
cursor: pointer;
}
.hal-map-cluster--outerring.hal-map-icon-is-active {
fill: #333;
}
.hal-map-cluster--outerring.is-active-vessel {
stroke: #333;
}
.hal-map-cluster--innerring {
fill: #ff6600;
cursor: pointer;
}
.hal-map-cluster--innerring.is-active-vessel {
fill: #333;
}
.hal-map-cluster--label {
fill: #fff;
stroke-width: 0;
text-anchor: middle;
font-size: 14px;
font-weight: 300;
cursor: pointer;
}
.hal-map.hal-map-hide {
display: none;
}
.hal-map-isZoom--4 .hal-map-boundary {
stroke-width: 0.5px;
stroke-dasharray: 0.1, 1;
}
.hal-map-isZoom--4 .hal-map-cluster--outerring {
stroke-width: 0.5px;
}
.hal-meta {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
display: inline-block;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
text-transform: uppercase;
color: #999;
}
@media (min-width: 1024px) {
.hal-meta {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-meta {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-meta time {
display: block;
}
.hal-meta-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.hal-picture {
max-width: 100%;
}
.hal-picture.hal-picture--secondary {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.hal-picture.hal-picture--unscaled {
max-width: none;
}
.hal-picture.hal-picture--border {
border: 1px solid #ccc;
}
.hal-picture-wrapper {
margin-bottom: 10px;
}
.hal-picture-wrapper a {
display: inline-block;
}
.hal-picture-wrapper .hal-picture.hal-picture--secondary {
margin-bottom: 0px;
}
.hal-scroll-indicator {
position: fixed;
z-index: 10;
bottom: 0;
left: 50%;
display: none;
height: 70px;
padding: 1rem 2rem;
font-weight: 400;
color: #fff;
opacity: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: center;
transition: opacity 1s, transform 1s, color 0.2s;
transform: translate(-50%, 75%);
}
.hal-scroll-indicator:hover {
color: #ff6600;
}
@media (min-width: 1024px) {
.hal-scroll-indicator {
display: block;
}
}
.hal-scroll-indicator--dark {
color: #000;
}
.hal-scroll-indicator--orange {
color: #ff6600;
}
.hal-scroll-indicator.is-visible {
opacity: 1;
transform: translate(-50%, 0);
}
.hal-scroll-indicator-text {
display: block;
}
@media print {
.hal-scroll-indicator {
display: none;
}
}
.hal-select .hal-select-field {
margin-bottom: 10px;
height: 40px;
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
position: relative;
overflow: hidden;
padding: 0 30px 0 0;
width: 100%;
line-height: 1;
white-space: nowrap;
transition: border-color 0.25s ease-in-out;
}
@media (min-width: 1024px) {
.hal-select .hal-select-field {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-select .hal-select-field {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-select .hal-select-field:focus {
border-color: #333;
}
.hal-select .hal-select-field:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.hal-select .hal-select-field:placeholder-shown {
color: #999;
}
.hal-select .hal-select-field::-webkit-input-placeholder {
color: #999;
}
.hal-select .hal-select-field::-moz-placeholder {
color: #999;
}
.hal-select .hal-select-field:-ms-input-placeholder {
color: #999 !important;
}
.hal-select .hal-select-field::-ms-clear {
display: none;
}
.hal-select .hal-select-field:hover {
border-color: #ff6600;
}
.hal-select .hal-select-field [class*="icon-"] {
position: absolute;
top: 14px;
right: 10px;
color: #ff6600;
}
.hal-select .hal-select-field > select {
position: relative;
display: inline-block;
z-index: 1;
margin: -1px;
vertical-align: middle;
padding: 0 0 0 10px;
padding-right: 0;
background-color: transparent;
border: 0;
height: 40px;
font: inherit;
color: inherit;
width: 120%;
width: calc(100% - -20px - -10px - -20px);
-moz-appearance: none;
-webkit-appearance: none;
overflow: hidden;
text-indent: 0.01px;
text-overflow: ellipsis;
}
.hal-select .hal-select-field > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #333;
}
.hal-select .hal-select-field > select::-ms-value {
color: inherit;
background-color: transparent;
}
.hal-select--disabled .hal-select-field {
border-color: #ccc;
color: #aaa;
}
.hal-select--disabled .hal-select-field:hover {
border-color: #ccc;
}
.hal-tag {
display: inline-block;
padding: 4px 5px 2px;
margin: 0 7px 5px 0;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.hal-tag {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-tag {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-textarea {
height: 40px;
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
}
@media (min-width: 1024px) {
.hal-textarea {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-textarea {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-textarea:focus {
border-color: #333;
}
.hal-textarea:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.hal-textarea:placeholder-shown {
color: #999;
}
.hal-textarea::-webkit-input-placeholder {
color: #999;
}
.hal-textarea::-moz-placeholder {
color: #999;
}
.hal-textarea:-ms-input-placeholder {
color: #999 !important;
}
.hal-textarea::-ms-clear {
display: none;
}
.hal-textarea--full {
width: 100%;
}
.hal-textarea[data-autosize-on=true] {
resize: none;
}
.hal-tooltip {
position: relative;
}
.hal-tooltip-layer {
display: none;
position: absolute;
z-index: 4;
top: 0;
left: 0;
padding: 10px 10px 5px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px;
min-width: 200px;
color: #333;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.hal-tooltip-layer {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-tooltip-layer {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-tooltip-layer span {
display: block;
margin-bottom: 5px;
}
.hal-tooltip-trigger {
display: inline-block;
padding: 5px;
font-size: 0;
}
.hal-tooltip:hover .hal-tooltip-layer {
display: block;
}
.hal-tooltip--quick-access {
position: absolute;
top: 7px;
right: 5px;
}
.hal-tooltip--quick-access .hal-tooltip-trigger [class*="icon-"] {
color: #999;
}
.hal-tooltip--quick-access .hal-tooltip-layer {
top: 39px;
left: auto;
right: -5px;
width: 240px;
box-shadow: 0 1px 1px 0 #999;
}
.hal-tooltip--fleetsupport .hal-tooltip-trigger {
padding: 5px;
}
.hal-tooltip--fleetsupport .hal-tooltip-trigger [class*="icon-"] {
color: #ff6600;
}
.hal-tooltip--fleetsupport:hover .hal-tooltip-trigger [class*="icon-"] {
color: #A34100;
}
.hal-tooltip--fleetsupport .hal-tooltip-layer {
top: 5px;
left: 20px;
}
.hal-totop.hal-button {
position: fixed;
z-index: 10;
right: 30px;
bottom: 50px;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
font-size: 0;
backface-visibility: hidden;
}
.hal-totop.hal-button [class*="icon-"] {
width: 20px;
height: 20px;
margin-top: 50%;
margin-left: 0;
transform: translateY(-50%);
}
.hal-totop.hal-button:hover {
color: #fff;
}
@media print {
.hal-totop.hal-button {
display: none;
}
}
@media (max-width: 599px) {
.hal-totop.hal-button {
display: none;
}
}
.hal-totop--hidden.hal-button {
display: none;
}
.hal-totop.reversed {
transform: rotate(180deg);
}
.hal-article-footer {
margin: 30px 0;
}
.hal-article-intro {
margin-bottom: 30px;
}
.hal-article-meta {
position: relative;
margin-bottom: 15px;
}
@media (min-width: 600px) {
.hal-article-meta {
margin-bottom: 30px;
}
}
@media (min-width: 1024px) {
.hal-article-meta {
margin-bottom: 60px;
}
}
.hal-article-meta .hal-meta {
position: absolute;
top: 0.4rem;
right: 0;
color: inherit;
}
@media (max-width: 1023px) {
.hal-article-meta .hal-meta {
position: relative;
}
}
.hal-about-app {
display: inline-block;
position: relative;
}
.hal-about-app .hal-about-app-button [class*="icon-"] {
margin: 0 8px;
}
.hal-about-app .hal-about-app-button a,
.hal-about-app .hal-about-app-button a:visited {
margin-left: 25px;
color: #ff6600;
}
.hal-about-app .hal-about-app-button a:hover {
color: #A34100;
}
.hal-about-app-dropdown {
display: none;
position: absolute;
left: 12px;
width: 208px;
z-index: 9000;
}
.hal-about-app-dropdown-content {
width: 100%;
margin-top: 8px;
background-color: #fff;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
border-radius: 4px;
}
.hal-about-app-dropdown-content > ul {
padding: 4px 0;
}
.hal-about-app-dropdown-content > ul li {
height: 32px;
display: list-item;
padding: 0 8px;
}
.hal-about-app-dropdown-content > ul li a {
display: inline-block;
width: 100%;
height: 100%;
line-height: 32px;
color: #14171A;
font-weight: normal;
}
.hal-about-app-dropdown-content > ul li.divider {
height: 0px;
border-bottom: 1px solid #CCD6DF;
}
.hal-about-app-dropdown-content > ul li:hover {
background-color: #F0F2F5;
}
.hal-about-app-empty .hal-about-app-button a,
.hal-about-app-empty .hal-about-app-button a:hover,
.hal-about-app-empty .hal-about-app-button a:visited {
color: #ccc;
}
.hal-breadcrumb li {
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
color: #222D37;
}
@media (min-width: 1024px) {
.hal-breadcrumb li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-breadcrumb li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-breadcrumb li > span {
display: inline-block;
vertical-align: bottom;
max-width: 30rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.1px;
}
@media (max-width: 1023px) {
.hal-breadcrumb li > span {
max-width: 20rem;
}
}
@media (max-width: 599px) {
.hal-breadcrumb li > span {
max-width: 15rem;
}
}
.hal-breadcrumb li .hal-breadcrumb-link {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.1px;
color: #14171A;
}
.hal-breadcrumb li .hal-breadcrumb-link:visited {
color: #14171A;
}
.hal-breadcrumb li .hal-breadcrumb-link:hover {
color: #14171A;
}
.hal-carousel {
position: relative;
width: 100%;
overflow: hidden;
z-index: 4;
height: 288px;
max-height: 288px;
}
@media print {
.hal-carousel-btn {
display: none !important;
}
}
.hal-carousel-btn-label {
position: absolute;
top: calc(39% - 20px);
bottom: 0;
left: 0;
z-index: 4;
height: 4rem;
appearance: none;
box-sizing: border-box;
display: inline-block;
min-height: 4rem;
border: 1px solid transparent;
border-radius: 3px;
padding: 9px 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
color: #fff;
line-height: 1.375;
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
letter-spacing: -0.2px;
background-color: #ff6600;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 4.8rem;
width: 4rem;
padding: 0;
text-align: center;
margin: 0;
border: 0;
background-color: transparent;
}
a.hal-carousel-btn-label:visited {
color: #fff;
}
a.hal-carousel-btn-label:visited:hover,
.hal-carousel-btn-label:hover {
background-color: #FF812E;
color: #fff;
}
.hal-carousel-btn-label:focus-visible,
.hal-carousel-btn-label:focus-visible:not(.hal-button--nofocus) {
background-color: #FF812E;
color: #fff;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
.hal-carousel-btn-label:disabled,
.hal-carousel-btn-label:disabled:focus {
cursor: default;
color: #fff;
background-color: #ff6600;
opacity: 0.4;
}
.hal-carousel-btn-label [class*="icon-"] {
position: relative;
top: -1px;
height: 1em;
vertical-align: middle;
margin-left: 10px;
margin-bottom: -1px;
}
.hal-carousel-btn-label:has(svg[class*="icon-"][class*="chevron-right"]) {
padding-right: 13px;
}
.hal-carousel-btn-label--left [class*="icon-"] {
margin-left: 0;
margin-right: 10px;
}
.hal-carousel-btn-label[dir="ltr"]:not(.hal-regular-font),
.hal-carousel-btn-label[dir="rtl"]:not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-carousel-btn-label:not([dir="ltr"]):not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-carousel-btn-label:not(.hal-rtl--alt):not(.hal-regular-font) {
font-size: 16px;
line-height: 4rem;
}
*[dir="rtl"] .hal-carousel-btn-label:not([dir="ltr"]) [class*="icon-"],
.hal-carousel-btn-label[dir="rtl"] [class*="icon-"] {
transform: scaleX(-1);
margin-left: 0;
}
*[dir="rtl"] .hal-carousel-btn-label:not([dir="ltr"]) [class*="icon-"][class*="chevron-right"],
.hal-carousel-btn-label[dir="rtl"] [class*="icon-"][class*="chevron-right"] {
margin-left: -7px;
margin-right: 10px;
}
.hal-carousel-btn-label [class*="icon-"] {
margin-left: 0;
}
.hal-carousel-btn-label:hover {
border: 0;
background-color: transparent;
}
@media (max-width: 1023px) {
.hal-carousel-btn-label {
top: calc(50% - 20px);
}
}
.hal-carousel-btn-label::after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22nav-arrow-left-rect%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asvgjs%3D%22http%3A%2F%2Fsvgjs.com%2Fsvgjs%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cg%20transform%3D%22matrix(1.6666666666666667%2C0%2C0%2C1.6666666666666667%2C0%2C0)%22%3E%0A%09%09%3Cpath%20d%3D%22M0.750%200.750%20L23.250%200.750%20L23.250%2023.250%20L0.750%2023.250%20Z%22%20fill%3D%22%23F0F2F5%22%20stroke%3D%22%23ff6600%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20transform%3D%22translate(0%2024)%20rotate(-90)%22%3E%3C%2Fpath%3E%0A%09%09%3Cpath%20d%3D%22M15%2C17.25%2C9.011%2C12.592a.75.75%2C0%2C0%2C1%2C0-1.184L15%2C6.75%22%20fill%3D%22none%22%20stroke%3D%22%23ff6600%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
fill: #ff6600;
}
.hal-mzr-no-atobbtoa .hal-carousel-btn-label::after,
.hal-mzr-no-atob-btoa .hal-carousel-btn-label::after {
content: url(../img/icons/nav-arrow-left-rect.svg);
}
.hal-carousel-btn-label::after {
display: inline-block;
width: 40px;
height: 40px;
margin-left: 0px;
}
.hal-mzr-no-atobbtoa .hal-carousel-btn-label::after,
.hal-mzr-no-atob-btoa .hal-carousel-btn-label::after {
width: 13px;
margin-left: -5px;
}
.hal-carousel-btn-label:last-of-type {
display: none;
}
.hal-carousel-btn-radio {
display: none;
}
.hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
right: 2px;
left: auto;
}
.hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label::after {
transform: scaleX(-1);
margin-left: 0;
}
.hal-mzr-no-atobbtoa .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label::after,
.hal-mzr-no-atob-btoa .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label::after {
margin-left: 0;
margin-right: -5px;
}
.hal-carousel-btn-radio:checked + .hal-carousel-btn-label {
display: none;
}
.hal-carousel-btn-radio:checked + .hal-carousel-btn-label + .hal-carousel-item {
transform: translate3d(0, 0, 0);
}
.hal-carousel-btn-radio:checked + .hal-carousel-btn-label + .hal-carousel-item ~ .hal-carousel-item {
transform: translate3d(100%, 0, 0) translate3d(0.9rem, 0, 0);
}
.hal-carousel-btn-radio:checked + .hal-carousel-btn-label + .hal-carousel-item + .hal-carousel-btn-radio + .hal-carousel-btn-label {
z-index: 5;
}
.hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-btn-label:nth-last-of-type(3) {
right: auto;
left: 0;
}
.hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-btn-label:nth-last-of-type(3)::after {
transform: rotateZ(0);
margin-left: 0px;
}
.hal-mzr-no-atobbtoa .hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-btn-label:nth-last-of-type(3)::after,
.hal-mzr-no-atob-btoa .hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-btn-label:nth-last-of-type(3)::after {
margin-right: 0;
margin-left: -5px;
}
.hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-item:nth-of-type(2):last-of-type ~ .hal-carousel-btn-label:last-of-type {
display: block;
right: 2px;
left: auto;
}
.hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-item:nth-of-type(2):last-of-type ~ .hal-carousel-btn-label:last-of-type::after {
margin-left: 0;
}
.hal-carousel-btn-radio:checked:last-of-type ~ .hal-carousel-btn-label:not(:last-of-type) {
display: block;
right: 2px;
left: auto;
}
.hal-carousel-btn-radio:checked:last-of-type ~ .hal-carousel-btn-label:not(:last-of-type)::after {
margin-left: 0;
}
.hal-carousel-btn-radio:checked:nth-of-type(1) ~ .hal-labelindicators .hal-labelindicators-indicator:nth-of-type(1) {
border-width: 4px;
}
.hal-carousel-btn-radio:checked:nth-of-type(2) ~ .hal-labelindicators .hal-labelindicators-indicator:nth-of-type(2) {
border-width: 4px;
}
.hal-carousel-btn-radio:checked:nth-of-type(3) ~ .hal-labelindicators .hal-labelindicators-indicator:nth-of-type(3) {
border-width: 4px;
}
.hal-carousel-btn-radio:checked:nth-of-type(4) ~ .hal-labelindicators .hal-labelindicators-indicator:nth-of-type(4) {
border-width: 4px;
}
.hal-carousel-btn-radio:checked:nth-of-type(5) ~ .hal-labelindicators .hal-labelindicators-indicator:nth-of-type(5) {
border-width: 4px;
}
.hal-carousel-item {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
transform: translate3d(-100%, 0, 0);
transition: transform 0.2s ease-in-out;
}
.hal-carousel-item:first-of-type {
z-index: 2;
}
.hal-carousel-item.hal-js-carousel-notransitions {
transition: none;
}
.hal-carousel .hal-labelindicators {
position: absolute;
bottom: 10px;
z-index: 2;
width: 100%;
text-align: center;
}
.hal-carousel .hal-labelindicators-indicator {
display: inline-block;
height: 16px;
width: 16px;
margin: 0 5px;
border: 8px solid #fff;
border-radius: 15px;
background: #ff6600;
transition: border-width 0.45s cubic-bezier(0.68, -0.55001, 0.265, 1.55);
}
.hal-mzr-no-csstransforms3d .hal-carousel-item {
transform: translateX(-100%);
}
.hal-mzr-no-csstransforms3d .hal-carousel-btn-radio:checked + .hal-carousel-btn-label + .hal-carousel-item {
transform: translateX(0);
}
.hal-mzr-no-csstransforms3d .hal-carousel-btn-radio:checked + .hal-carousel-btn-label + .hal-carousel-item ~ .hal-carousel-item {
transform: translateX(100%);
}
.hal-child-page-tree {
margin-left: -12px;
--spacing: 2.5rem;
--radius: 10px;
}
.hal-child-page-tree-item {
line-height: 1.8;
padding-left: 5px;
}
.hal-child-page-tree li {
display: block;
position: relative;
padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}
.hal-child-page-tree ul {
list-style-type: "-";
margin-left: calc(var(--radius) - var(--spacing));
padding-left: 0;
}
.hal-child-page-tree ul li {
border-left: 2px solid #ddd;
}
.hal-child-page-tree ul li:last-child {
border-color: transparent;
}
.hal-child-page-tree ul li::before {
content: '';
display: block;
position: absolute;
top: calc(var(--spacing) / -2);
left: -2px;
width: calc(var(--spacing) + 2px);
height: calc(var(--spacing) + 1px);
border: solid #ddd;
border-width: 0 0 2px 2px;
}
.hal-child-page-tree summary {
display: block;
cursor: pointer;
}
.hal-child-page-tree summary::marker,
.hal-child-page-tree summary::-webkit-details-marker {
display: none;
}
.hal-child-page-tree summary:focus {
outline: none;
}
.hal-child-page-tree summary:focus-visible {
outline: 1px dotted #000;
}
.hal-child-page-tree li::after,
.hal-child-page-tree summary::before {
content: '';
display: block;
position: absolute;
top: calc(var(--spacing) / 2 - var(--radius));
left: calc(var(--spacing) - var(--radius) - 1px);
width: calc(2 * var(--radius));
height: calc(2 * var(--radius));
border-radius: 50%;
background: #ddd;
}
.hal-child-page-tree summary::before {
z-index: 1;
width: 20px;
height: 20px;
background: #ff6600 url('data:image/svg+xml;charset=UTF-8,') no-repeat center;
background-size: 20px 20px;
}
.hal-child-page-tree details[open] > summary::before {
background: #ff6600 url('data:image/svg+xml;charset=UTF-8,') no-repeat center;
}
.hal-child-page-tree .hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-child-page-tree .hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-child-page-tree .hal-link {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-citation {
margin: 52.5px 0 30px;
border: 0 solid #e5e5e5;
border-width: 0.5rem 0;
padding: 2rem 0;
text-align: center;
}
.hal-citation p {
margin-bottom: 0;
}
@media (min-width: 600px) {
.hal-citation {
padding-left: 10%;
padding-right: 10%;
}
}
.hal-citation-avatar {
position: relative;
top: -6.8rem;
margin-bottom: -6rem;
}
.hal-citation-cite {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
display: block;
color: #999;
font-style: normal;
}
@media (min-width: 1024px) {
.hal-citation-cite {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-citation-cite {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-citation-cite a {
font-weight: bold;
}
.hal-citation-quote {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
padding-top: 0.2em;
font-family: Georgia, serif;
font-weight: bold;
}
@media (min-width: 1024px) {
.hal-citation-quote {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-citation-quote {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
@media (min-width: 600px) {
.hal-column-content {
padding-right: 20px;
}
*[dir="rtl"] .hal-column-content {
padding: 0 0 0 20px;
}
}
@media (max-width: 599px) {
.hal-column-content {
margin-right: 5px;
}
}
.hal-column-content .icon {
text-align: center;
margin-bottom: 5px;
}
@media (min-width: 600px) {
.hal-column-content .icon {
margin-bottom: 30px;
}
}
.hal-container-header + .x-column .hal-column-content .icon {
margin-top: 5px;
}
@media (min-width: 600px) {
.hal-container-header + .x-column .hal-column-content .icon {
margin-top: 15px;
}
}
.hal-module--center .hal-column-content {
padding: 0;
}
.hal-column--right {
text-align: right;
}
.x-column > .hal-columns .hal-column .hal-column-content {
padding-right: 0;
}
@media (min-width: 600px) {
.x-column > .hal-columns .hal-column .hal-column-content {
margin-left: 30px;
}
}
[class*="-flatrack"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-flatrack"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-flatrack"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-flatrack"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231.5px;
top: 131.7px;
left: 50%;
margin-left: -115.75px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: 1.65px;
margin-left: -407.25px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 118px;
top: 268px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -353.5px;
}
[class*="40"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -233.5px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 118px;
top: 268px;
left: 50%;
margin-left: -70.875px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 118px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -353.5px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 56.7px;
width: 231.5px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 572px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.75px;
height: 56.7px;
background: url(../img/container/flatrack/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.75px;
height: 56.7px;
background: url(../img/container/flatrack/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.75px;
height: 231.5px;
background: url(../img/container/flatrack/topOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231.5px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.8));
z-index: 2;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.75px;
height: 231.5px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231.5px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
z-index: 2;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.75px;
height: 56.7px;
width: 231.5px;
background: url(../img/container/flatrack/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.8), rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.75px;
height: 56.7px;
width: 231.5px;
background: url(../img/container/flatrack/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back {
display: block;
height: 213px;
width: 231px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
width: 24px;
background: transparent;
background-repeat: no-repeat;
background-size: cover;
backface-visibility: hidden;
z-index: 4;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
left: 115.5px;
height: 213px;
width: 231px;
background-image: url(../img/container/flatrack/flapFrontTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
left: 115.5px;
height: 213px;
background-image: url(../img/container/flatrack/flapRightTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
left: 115.5px;
height: 213px;
background-image: url(../img/container/flatrack/flapLeftTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
left: 115.5px;
height: 231px;
background-image: url(../img/container/flatrack/flapTopTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
left: 115.5px;
height: 213px;
width: 231px;
background-image: url(../img/container/flatrack/flapBackTexture.svg);
background-position: bottom;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 118px;
transition: transform 1.3s ease-in;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 567px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 118px;
background-image: url(../img/container/cargo_flatrack/frontTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo_flatrack/rightTexture.svg);
z-index: 4;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo_flatrack/leftTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 118px;
background-image: url(../img/container/cargo_flatrack/topTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 118px;
background-image: url(../img/container/cargo_flatrack/bottomTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 118px;
background-image: url(../img/container/cargo_flatrack/backTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 118px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 118px;
z-index: 5;
background-image: url(../img/container/cargo_flattrack_outofgauge/frontTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo_flattrack_outofgauge/rightTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo_flattrack_outofgauge/leftTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 118px;
background-image: url(../img/container/cargo_flattrack_outofgauge/topTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 118px;
background-image: url(../img/container/cargo_flattrack_outofgauge/bottomTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 118px;
background-image: url(../img/container/cargo_flattrack_outofgauge/backTexture.svg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-572px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-572px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-572px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-572px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-572px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-572px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-572px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-572px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-572px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-572px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-567px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(59px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(567px);
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-flatrack40"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-flatrack40"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231.5px;
top: 131.7px;
left: 50%;
margin-left: -115.75px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: 1.65px;
margin-left: -407.25px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 142px;
top: 309px;
left: 50%;
margin-left: -340px;
}
[class*="40"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -190px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -94.5px;
margin-left: -410px;
}
[class*="40"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -290px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 142px;
top: 309px;
left: 50%;
margin-left: -85px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 142px;
top: 299px;
left: 50%;
margin-left: -170px;
}
[class*="40"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -190px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -114.5px;
margin-left: -410px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 56.7px;
width: 231.5px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1152.75px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.75px;
height: 56.7px;
background: url(../img/container/flatrack40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.75px;
height: 56.7px;
background: url(../img/container/flatrack40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.75px;
height: 231.5px;
background: url(../img/container/flatrack40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231.5px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.8));
z-index: 2;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.75px;
height: 231.5px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231.5px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.8));
z-index: 2;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.75px;
height: 56.7px;
width: 231.5px;
background: url(../img/container/flatrack40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.8), rgba(0,0,0,.8));
z-index: 1;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.75px;
height: 56.7px;
width: 231.5px;
background: url(../img/container/flatrack40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back {
display: block;
height: 213px;
width: 231px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
width: 24px;
background: transparent;
background-repeat: no-repeat;
background-size: cover;
backface-visibility: hidden;
z-index: 4;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
left: 115.5px;
height: 213px;
width: 231px;
background-image: url(../img/container/flatrack/flapFrontTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
left: 115.5px;
height: 213px;
background-image: url(../img/container/flatrack/flapRightTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
left: 115.5px;
height: 213px;
background-image: url(../img/container/flatrack/flapLeftTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
left: 115.5px;
height: 231px;
background-image: url(../img/container/flatrack/flapTopTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
left: 115.5px;
height: 213px;
width: 231px;
background-image: url(../img/container/flatrack/flapBackTexture.svg);
background-position: bottom;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 249px;
width: 142px;
transition: transform 1.3s ease-in;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 680px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 249px;
width: 142px;
background-image: url(../img/container/cargo_flatrack/frontTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 249px;
background-image: url(../img/container/cargo_flatrack/rightTexture.svg);
z-index: 4;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 249px;
background-image: url(../img/container/cargo_flatrack/leftTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 142px;
background-image: url(../img/container/cargo_flatrack/topTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 142px;
background-image: url(../img/container/cargo_flatrack/bottomTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 249px;
width: 142px;
background-image: url(../img/container/cargo_flatrack/backTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 118px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 1153px;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 118px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack40_outofgauge/frontTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack40_outofgauge/rightTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo_flatrack40_outofgauge/leftTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 118px;
background-image: url(../img/container/cargo_flatrack40_outofgauge/topTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 118px;
background-image: url(../img/container/cargo_flatrack40_outofgauge/bottomTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 118px;
background-image: url(../img/container/cargo_flatrack40_outofgauge/backTexture.svg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-1152.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-1152.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-1152.75px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1152.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1148.75px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 1132.75px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1262.75px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 254px;
height: 15px;
width: 670px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-71px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px) rotateX(10deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px) rotateX(10deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 254px;
height: 15px;
border-top: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 61px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) translateX(-71px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateZ(71px) translateX(-680px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
.hal-animation--showCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px) rotateX(10deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateZ(59px) translateX(-1153px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
.hal-animation--showCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-1152.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-1152.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-1152.75px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1152.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1148.75px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 1132.75px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1262.75px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 254px;
height: 15px;
width: 670px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-71px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 254px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 61px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) translateX(-71px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateZ(71px) translateX(-680px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateZ(59px) translateX(-1153px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-1152.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-1152.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-1152.75px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1152.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1148.75px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 1132.75px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1262.75px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 254px;
height: 15px;
width: 670px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-71px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 254px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 61px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) translateX(-71px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateZ(71px) translateX(-680px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateZ(59px) translateX(-1153px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.375, 200, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-1152.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-1152.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-1152.75px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1152.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1148.75px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 1132.75px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1262.75px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 254px;
height: 15px;
width: 670px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-71px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 254px;
height: 15px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 61px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) translateX(-71px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateZ(71px) translateX(-680px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateZ(59px) translateX(-1153px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.5, 0, -0.87, 0, 0, 1, 0, 0, 0.87, 0, 0.5, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.75px) translateX(-1152.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-115.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-115.75px) translateX(-1152.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(-28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(28.35px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-87.4px) translateY(115.75px) translateZ(-1152.75px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1152.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1148.75px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 61.7px;
width: 1132.75px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1262.75px;
left: auto;
width: 15px;
height: 211.5px;
margin-top: 10px;
border-left: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 61.7px;
height: 15px;
width: 231.5px;
margin-left: 0px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.75px;
width: 15px;
border-right: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 46.7px;
width: 15px;
margin-top: 2.5px;
border-left: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 254px;
height: 15px;
width: 670px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-71px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateZ(71px) translateX(-680px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-265px) translateX(0) translateZ(-236.375px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 254px;
height: 15px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 61px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) translateX(-71px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateZ(71px) translateX(-680px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(71px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(850px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-71px) translateZ(680px);
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateZ(59px) translateX(-1153px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px) rotateX(10deg);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateY(-225px) translateX(0) translateZ(0.125px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 49px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) translateX(-59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateZ(59px) translateX(-1153px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(59px);
}
.hal-animation--moveCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1441.25px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-59px) translateZ(1153px);
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--flatrackLongCargo"][class*="-flatrack40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.47, 0, -0.88, 0, 0, 1, 0, 0, 0.88, 0, 0.47, 0, 0, 200, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1152.75px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-hardtop"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-hardtop"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-hardtop"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-hardtop"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -353.5px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -233.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -70.875px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -353.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 572px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/hardtop/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/rightInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/hardtop/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/leftInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/opentop/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/hardtop/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/hardtop/topInsideTexture.svg);
z-index: 2;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/hardtop/backOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentop/backInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/hardtop/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/hardtop/doorLeftOutsideTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentop/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/hardtop/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 567px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/rightTexture.svg);
z-index: 4;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo/rightTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-hardtop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-hardtop40"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-hardtop40"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/hardtop40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/hardtop40/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/opentop40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/hardtop40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/hardtop/topInsideTexture.svg);
z-index: 2;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/hardtop40/backOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentop40/backInsideTexture.svg);
z-index: 1;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/hardtop40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/hardtop40/doorLeftOutsideTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentop40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/hardtop40/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-hardtop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-hardtopHC"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 314px;
left: 50%;
margin-left: -116px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -408px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 232px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 116px;
height: 239px;
background: url(../img/container/hardtopHC/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 116px;
height: 239px;
background: url(../img/container/hardtopHC/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 116px;
height: 232px;
background: url(../img/container/opentopHC/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/hardtopHC/topOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 232px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/hardtop/topInsideTexture.svg);
z-index: 2;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 116px;
height: 232px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 232px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 116px;
height: 239px;
width: 232px;
background: url(../img/container/hardtopHC/backOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentop40/backInsideTexture.svg);
z-index: 1;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 116px;
height: 239px;
width: 232px;
background: url(../img/container/hardtopHC/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 115px;
display: block;
height: 239px;
width: 232px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/hardtopHC/doorLeftOutsideTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentop40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/hardtopHC/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1153px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1153px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(116px) translateX(-1153px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-114px) translateX(-1153px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(104px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1153px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1153px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1153px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1153px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(116px) translateX(-1153px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-114px) translateX(-1153px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(104px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-opentop"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-opentop"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-opentop"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-opentop"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-opentop"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-opentop"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-opentop"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-opentop"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-opentop"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-opentop"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -353.5px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -233.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -70.875px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -353.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 572px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentop/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentop/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/rightInsideTexture.svg);
z-index: 1;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentop/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentop/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/leftInsideTexture.svg);
z-index: 1;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/opentop/topOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/opentop/topOutsideBlanketTexture.svg) center no-repeat;
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/topInsideTexture.svg), url(../img/container/opentop/topInsideBlanketTexture.svg);
z-index: 2;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentop/backOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentop/backInsideTexture.svg);
z-index: 1;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentop/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/opentop/doorLeftOutsideTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentop/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 567px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/rightTexture.svg);
z-index: 4;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo/rightTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-opentop"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-opentop40"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-opentop40"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-opentop40"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-opentop40"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentop40/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentop40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentop40/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentop40/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/opentop40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/opentop40/topOutsideBlanketTexture.svg) center no-repeat;
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/topInsideTexture.svg), url(../img/container/opentop40/topInsideBlanketTexture.svg);
z-index: 2;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentop40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentop40/backOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentop40/backInsideTexture.svg);
z-index: 1;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentop40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/opentop40/doorLeftOutsideTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentop40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop40/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentop40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-opentop40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-opentopHC"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-opentopHC"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentopHC/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentopHC/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentopHC/rightInsideTexture.svg);
z-index: 1;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/opentopHC/blanketSideTexture.svg) top center no-repeat, url(../img/container/opentopHC/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentopHC/leftInsideTexture.svg);
z-index: 1;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/opentopHC/topOutsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: url(../img/container/opentopHC/topOutsideBlanketTexture.svg) center no-repeat;
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentopHC/topInsideTexture.svg), url(../img/container/opentopHC/topInsideBlanketTexture.svg);
z-index: 2;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentopHC/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/opentopHC/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentopHC/backOutsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/opentopHC/backInsideTexture.svg);
z-index: 1;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/opentopHC/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/opentopHC/doorLeftOutsideTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/opentopHC/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentopHC/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/opentopHC/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-opentopHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-reefer"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-reefer"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-reefer"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-reefer"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-reefer"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-reefer"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-reefer"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-reefer"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-reefer"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-reefer"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -353.5px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -233.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -70.875px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -353.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 572px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/reefer/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer/rightInsideTexture.svg);
z-index: 1;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/reefer/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer/leftInsideTexture.svg);
z-index: 1;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/reefer/topOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer/topInsideTexture.svg);
z-index: 2;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/reefer/backOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/container/reefer/backInsideTexture.svg);
z-index: 1;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/reefer/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/reefer/doorLeftOutsideTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/reefer/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/reefer/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/reefer/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 567px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/rightTexture.svg);
z-index: 4;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo/rightTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-reefer"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-reefer40"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-reefer40"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-reefer40"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-reefer40"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/reefer40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/reefer40/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/reefer40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer40/topInsideTexture.svg);
z-index: 2;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.7)), url(../img/container/reefer40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/reefer40/backOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../img/container/reefer40/backInsideTexture.svg);
z-index: 1;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/reefer40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/reefer40/doorLeftOutsideTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/reefer40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/reefer40/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/reefer40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-104.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-reefer40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-standard"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-standard"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-standard"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-standard"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-standard"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-standard"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-standard"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-standard"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-standard"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-standard"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -353.5px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -233.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -70.875px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -353.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 572px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standard/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard/rightInsideTexture.svg);
z-index: 1;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standard/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard/leftInsideTexture.svg);
z-index: 1;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/standard/topOutsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard/topInsideTexture.svg);
z-index: 2;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standard/backOutsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/standard/backInsideTexture.svg);
z-index: 1;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standard/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/standard/doorLeftOutsideTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/standard/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 567px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/rightTexture.svg);
z-index: 4;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo/frontTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo/rightTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo/leftTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo/topTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo/backTexture.svg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 286, 0, -572, 1) rotate3d(0, 4, 0, 50deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -286, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-572px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-572px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-572px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(572px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-568px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 552px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 682px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 557px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-2.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 286, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-572px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-standard"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-standard40"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-standard40"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-standard40"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-standard40"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-standard40"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-standard40"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-standard40"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-standard40"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-standard40"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-standard40"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standard40/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standard40/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/standard40/topOutsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/topInsideTexture.svg);
z-index: 2;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standard40/backOutsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/standard40/backInsideTexture.svg);
z-index: 1;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standard40/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/standard40/doorLeftOutsideTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/standard40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard40/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-standard40"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-standard45HC"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-standard45HC"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 314px;
left: 50%;
margin-left: -116px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -408px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -633.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -483.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -703.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -583.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -158.375px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -316.75px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -483.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -703.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 232px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1294px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 116px;
height: 239px;
background: url(../img/container/standard45HC/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard45HC/rightInsideTexture.svg);
z-index: 1;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 116px;
height: 239px;
background: url(../img/container/standard45HC/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard45HC/leftInsideTexture.svg);
z-index: 1;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 116px;
height: 232px;
background: url(../img/container/standard45HC/topOutsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 232px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard45HC/topInsideTexture.svg);
z-index: 2;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 116px;
height: 232px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard45HC/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 232px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard45HC/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 116px;
height: 239px;
width: 232px;
background: url(../img/container/standard45HC/backOutsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/standard45HC/backInsideTexture.svg);
z-index: 1;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 116px;
height: 239px;
width: 232px;
background: url(../img/container/standard45HC/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 115px;
display: block;
height: 239px;
width: 232px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/standard45HC/doorLeftOutsideTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/standard45HC/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard45HC/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard45HC/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1267px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo45/frontTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo45/rightTexture.svg);
z-index: 4;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo45/leftTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo45/topTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo45/topTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo45/backTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo45/frontTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo45/rightTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo45/leftTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo45/topTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo45/topTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo45/backTexture.svg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1294px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1294px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1294px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1294px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1290px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1274px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1404px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1257px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px) rotateX(10deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
.hal-animation--showCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(116px) translateX(-1294px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-114px) translateX(-1294px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(3.5px) translateY(104px) translateZ(-1294px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1294px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1290px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1274px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1404px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1257px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 647, 0, -1294, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1294px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1294px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1294px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1294px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1290px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1274px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1404px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1257px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -647, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(116px) translateX(-1294px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-114px) translateX(-1294px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(3.5px) translateY(104px) translateZ(-1294px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1294px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1290px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1274px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1404px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1257px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(116px) translateX(-1294px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-114px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(116px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-114px) translateX(-1294px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(3.5px) translateY(104px) translateZ(-1294px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1294px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1290px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1274px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1404px;
left: auto;
width: 15px;
height: 212px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 228px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 96px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1257px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1267px) rotateX(10deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-13.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateZ(113.5px) translateX(-1267px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1583.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1267px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-363.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 647, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1294px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-standard45HC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
[class*="-standardHC"].hal-animation-wrapper {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1070px;
height: 400px;
backface-visibility: visible;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-default"] .showOn-default,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-default"] .hal-animation-container--fallback-default {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-inside"] .showOn-inside,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-inside"] .hal-animation-container--fallback-inside {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-front"] .showOn-door,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-front"] .showOn-front,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-front"] .hal-animation-container--fallback-door {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-top"] .showOn-top,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-top"] .hal-animation-container--fallback-roof {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-side"] .showOn-side,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-side"] .hal-animation-container--fallback-side {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper[class*="--show-longCargo"] .showOn-longCargo,
[class*="-standardHC"].hal-animation-wrapper[class*="--show-longCargo"] .hal-animation-container--fallback-longCargo {
display: block !important;
}
[class*="-standardHC"].hal-animation-wrapper .hal-tooltip {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translateX(0) translateY(0);
}
[class*="-standardHC"].hal-animation-wrapper .hal-tooltip .hal-tooltip-layer {
margin-top: 30px;
border: 1px solid #bbb;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber {
position: absolute;
display: none;
text-align: center;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 314px;
left: 50%;
margin-left: -115.5px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -89.5px;
margin-left: -406.5px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 268px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -417px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -74px;
margin-left: -637px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -517px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 268px;
left: 50%;
margin-left: -141.75px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -637px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container {
position: relative;
height: 239px;
width: 231px;
margin: auto;
margin-top: 100px;
backface-visibility: visible;
perspective: 500px;
transform-style: preserve-3d;
visibility: hidden;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container--loaded {
animation: 1s containerLoaded 1s forwards;
}
@keyframes containerLoaded {
from {
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container--fallback {
position: absolute;
display: none;
transform: rotateX(180deg);
backface-visibility: hidden;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 1153px;
background: #80cbc4;
backface-visibility: hidden;
transform-origin: 0 50%;
z-index: 4;
transition: transform 1s linear;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standardHC/rightOutsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/rightInsideTexture.svg);
z-index: 1;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
left: 115.5px;
height: 239px;
background: url(../img/container/standardHC/leftOutsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/leftInsideTexture.svg);
z-index: 1;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
left: 115.5px;
height: 231px;
background: url(../img/container/standardHC/topOutsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-hatch {
background: 'none';
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
height: 231px;
background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/topInsideTexture.svg);
z-index: 2;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
left: 115.5px;
height: 231px;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/bottomInsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
height: 231px;
background-image: linear-gradient(-90deg, transparent, rgba(0,0,0,.4)), url(../img/container/standard40/bottomInsideTexture.svg);
z-index: 2;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standardHC/backOutsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
background-image: linear-gradient(-90deg, rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../img/container/standard40/backInsideTexture.svg);
z-index: 1;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
z-index: 2;
left: 115.5px;
height: 239px;
width: 231px;
background: url(../img/container/standardHC/frontOutsideTexture.svg);
background-size: contain;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door {
position: absolute;
left: 114.5px;
display: block;
height: 239px;
width: 231px;
background: transparent;
background-position: 3px 0;
background-repeat: no-repeat;
background-size: contain;
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1);
transform: perspective(500px);
backface-visibility: hidden;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
background-image: url(../img/container/standardHC/doorLeftOutsideTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
z-index: 3;
background-image: url(../img/container/standard40/doorLeftInsideTexture.svg);
background-position: 0 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standardHC/doorRightOutsideTexture.svg);
background-position: 2px -2px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
background-image: url(../img/container/standard40/doorRightInsideTexture.svg);
background-position: 0 -2px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo {
display: block;
height: 208px;
width: 227px;
transition: transform 1.3s ease-in;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
width: 1134px;
background: transparent;
background-size: cover;
background-repeat: no-repeat;
backface-visibility: hidden;
z-index: 5;
transition: transform 1.3s ease-in-out;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/rightTexture.svg);
z-index: 4;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
z-index: 4;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
left: 115.5px;
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
left: 115.5px;
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
backface-visibility: visible;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
top: 0;
left: 115.5px;
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
left: 115.5px;
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long {
height: 208px;
width: 227px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
width: 567px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
height: 208px;
width: 227px;
z-index: 5;
background-image: url(../img/container/cargo40/frontTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
height: 208px;
z-index: 5;
background-image: url(../img/container/cargo40/rightTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
height: 259px;
z-index: 5;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
height: 208px;
background-image: url(../img/container/cargo40/leftTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
height: 259px;
background-image: url(../img/container/cargo_flatrack/lashingTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
height: 227px;
background-image: url(../img/container/cargo40/topTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
height: 208px;
width: 227px;
background-image: url(../img/container/cargo40/backTexture.svg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1s linear, z-index 0s 1.5s linear;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0.71, 0, -0.71, 0, 0, 1, 0, 0, 0.71, 0, 0.71, 0, 0, 0, 0, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.3s ease-in-out, z-index 0s 1.5s linear;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--slideBack"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 576.5, 0, -1153, 1) rotate3d(0, 4, 0, 50deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--sideView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, -576.5, 0, -300, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s linear, z-index 0s 1.5s linear;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--frontView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 100, 1) rotate3d(0, 0, 0, 0) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side {
transition: transform 1.5s ease-in-out, z-index 0s 0s linear;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(115.5px) translateX(-1153px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(-180deg) rotateX(180deg) translateZ(-113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateZ(-113.5px) translateX(-1153px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--flatrack--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-2px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--top-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(-117.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(119.5px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--bottom-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(4px) translateY(103.5px) translateZ(-1153px) rotateY(-90deg) rotateZ(90deg) rotateX(90deg) rotateY(-90deg) translateY(1px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) rotateX(-180deg) rotateZ(180deg) translateX(-116px) translateZ(1153px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--back-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-114px) translateZ(-1149px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--front-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) rotateY(90deg) translateX(-116px) translateZ(-2px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateY(0) translateZ(1px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-116px) rotateX(180deg) rotateY(0);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(0) translateZ(1px) translateY(-0.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(0);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door {
transition: transform 1.3s cubic-bezier(0.43, 0.68, 0.66, 1.5);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateY(-180deg) translateZ(1px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--left-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(-115px) rotateX(180deg) rotateY(180deg);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateY(-180deg) translateZ(1px) translateY(-0.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-side.hal-animation-container-side--door--right-inside {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateX(116px) rotateZ(180deg) rotateX(180deg) rotateY(180deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers {
z-index: 4;
border: 1px solid grey;
display: none;
background: transparent;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--bottom"] {
top: 244px;
width: 1133px;
height: 16px;
margin-left: -10px;
border-bottom: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--top"][class*="-rulers--left"] {
right: 1263px;
left: auto;
width: 15px;
height: 211px;
margin-top: 10px;
border-left: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 244px;
height: 15px;
width: 227px;
margin-left: 2px;
border-top: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 95.5px;
width: 15px;
border-right: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-door--left-inside"] {
left: -5px;
height: 205px;
width: 15px;
margin-top: 14.5px;
border-left: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-rulers[class*="-side--left"] {
top: 213px;
height: 15px;
width: 1124px;
margin-right: 5px;
margin-left: 5px;
border-top: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-1134px) rotateX(10deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-9.5px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateZ(113.5px) translateX(-1134px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(1417.5px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(1134px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateZ(113.5px) translateX(-567px) rotateX(10deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left-lashing {
transform-origin: top left;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px) rotateX(10deg);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateY(0px) translateX(0) translateZ(-293px) rotateY(-90deg) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--bottom"] {
top: 213px;
height: 15px;
border-top: 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers[class*="-side--front"][class*="-rulers--left"] {
left: 103.5px;
width: 15px;
border-right: 0;
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) translateX(-113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateZ(113.5px) translateX(-567px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(180deg) rotateX(-180deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--bottom {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) translateY(-18px) rotateZ(90deg) rotateX(90deg) rotateY(90deg) translateZ(113.5px);
}
.hal-animation--moveCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotateY(-90deg) translateX(708.75px) translateY(18px) rotateY(90deg) rotateX(-180deg) translateX(-113.5px) translateZ(567px);
}
.hal-animation--showCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
}
.hal-animation--showCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
.hal-animation--fadeInCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo.hal-animation-container-cargo--long {
opacity: 0;
display: none;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side {
opacity: 1;
transition: opacity 0.45s ease-in-out;
}
.hal-animation--fadeInLongCargo[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-cargo--long.hal-animation-container-cargo--long .hal-animation-container-side.hal-animation-container-rulers {
display: none;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateY(90deg) translateX(-115.5px);
z-index: 5;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) translateZ(115.5px) translateX(-24px);
z-index: 5;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 0deg) rotateY(-90deg) translateY(-213px) translateX(0) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--front .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) rotate3d(1, 0, 0, 90deg) rotateY(-90deg) translateY(-213px) translateX(1px) rotate3d(0, 1, 0, -90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side {
transform-origin: 0 0;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, 0deg) translateY(-213px) translateZ(0) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--front {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(90deg) translateX(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--right {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) translateZ(115.5px) translateX(-24px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--left {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(180deg) rotateX(-180deg) translateZ(115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--top {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) translateY(-115.5px);
}
.hal-animation--openDoors[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container-flaps--back .hal-animation-container-side--back {
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 576.5, 0, -200, 1) rotate3d(1, 0, 0, -90deg) translateZ(-1153px) rotate3d(1, 0, 0, -90deg) translateY(-213px) translateZ(-1px) rotateY(90deg) rotateY(-90deg) rotateZ(-180deg) translateY(-213px) translateX(-115.5px) translateZ(24px);
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side {
transition: all 1.5s ease-in-out;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside,
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
z-index: 3;
margin-left: -1px;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--right-inside {
margin-top: 3px;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--door--left-inside {
margin-top: -3px;
}
[class*="--topView"][class*="-standardHC"].hal-animation-wrapper .hal-animation-container .hal-animation-container-side--top-hatch {
opacity: 0;
}
@media (min-width: 600px) {
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container--loaded {
scale: 0.8;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 270px;
left: 50%;
margin-left: -115px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -105px;
margin-left: -340px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -633.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -410px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -95px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -460px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 230px;
left: 50%;
margin-left: -35px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -316.75px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -483.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -693.5px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 265px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -340px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -375px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -90px;
margin-left: -597px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -430px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 230px;
left: 50%;
margin-left: -35px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -135px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -500px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 265px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -110px;
margin-left: -335px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -380px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -430px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 230px;
left: 50%;
margin-left: -55px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 225px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -145px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -105px;
margin-left: -495px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 270px;
left: 50%;
margin-left: -115px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -105px;
margin-left: -335px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -380px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -435px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 230px;
left: 50%;
margin-left: -40px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -140px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -500px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 265px;
left: 50%;
margin-left: -115px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -335px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -380px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -430px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 230px;
left: 50%;
margin-left: -50px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 230px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -140px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -500px;
}
}
@media (max-width: 599px) {
[class*="-opentop"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-reefer"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standard"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtop"].hal-animation-wrapper .hal-animation-container--loaded {
scale: 0.5;
}
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container--loaded {
scale: 0.3;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -197px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -205px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -133.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -70px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -115px;
}
[class*="40"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-hardtop"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -205px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 180px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -75px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -230px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 175px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -65px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 215px;
left: 50%;
margin-left: -115px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -200px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -205px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -133.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -70px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 180px;
left: 50%;
margin-left: -115px;
}
[class*="40"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-opentop"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -205px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 175px;
left: 50%;
margin-left: -115px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -205px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -75px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -230px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 175px;
left: 50%;
margin-left: -115px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -205px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -70px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -125px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -200px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -133.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -70px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-reefer"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -343.5px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 175px;
left: 50%;
margin-left: -115px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -205px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -80px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -197px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -133.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -205px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -133.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -70px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -141.75px;
}
[class*="40"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -133.5px;
}
[class*="-standard"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -343.5px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 180px;
left: 50%;
margin-left: -115px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -70px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 175px;
left: 50%;
margin-left: -115px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -633.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -663.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -210px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -70px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -316.75px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -483.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -693.5px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 180px;
left: 50%;
margin-left: -115px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 160px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -70px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
}
@media (max-width: 599px) {
[class*="-hardtop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-hardtopHC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-opentop40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-opentopHC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-reefer40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standard40"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standard45HC"].hal-animation-wrapper .hal-animation-container--loaded,
[class*="-standardHC"].hal-animation-wrapper .hal-animation-container--loaded {
scale: 0.3;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -175px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -195px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -75px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-hardtop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -220px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 185px;
left: 50%;
margin-left: -65px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-hardtopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -215px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
left: 50%;
margin-left: -75px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -120px;
}
[class*="-opentop40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
left: 50%;
margin-left: -70px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -125px;
}
[class*="-opentopHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -225px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -175px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -597px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -205px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
left: 50%;
margin-left: -80px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-reefer40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
left: 50%;
margin-left: -70px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standard40"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 232px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -633.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -663.5px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -205px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
top: 160px;
left: 50%;
margin-left: -70px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -316.75px;
}
[class*="40"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -483.5px;
}
[class*="-standard45HC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -693.5px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--bottom {
width: 231px;
top: 210px;
left: 50%;
margin-left: -115px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-front--left {
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -170px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
width: 227px;
top: 185px;
left: 50%;
margin-left: -567px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--bottom {
margin-left: -215px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
top: 50%;
left: 50%;
margin-top: -95px;
margin-left: -597px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside--left {
margin-left: -200px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-side {
width: 227px;
left: 50%;
margin-left: -70px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
width: 227px;
top: 258px;
left: 50%;
margin-left: -283.5px;
}
[class*="40"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom,
[class*="HC"][class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--bottom {
margin-left: -417px;
}
[class*="-standardHC"].hal-animation-wrapper .hal-rulerNumber-inside-top--left {
top: 50%;
left: 50%;
margin-top: -94px;
margin-left: -627px;
}
}
.hal-container-footer {
position: relative;
margin-bottom: 15px;
padding-top: 20px;
}
.hal-container-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
border-top: 1px solid #999;
}
.hal-container-footer-text {
margin-bottom: 7.5px;
}
.hal-container-footer .hal-column {
margin-bottom: 0;
}
@media (max-width: 599px) {
.hal-container-footer .hal-column:first-child {
margin-bottom: 15px;
}
}
.textlist + .hal-container-footer {
margin-top: 40px;
}
.hal-container-header {
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.hal-container-header {
width: 75%;
}
}
.hal-module--center .hal-container-header {
width: 100%;
}
.hal-contentteaser .hal-picture {
width: 100%;
}
.hal-contentteaser-content {
width: 100%;
position: relative;
top: -5px;
}
.hal-contentteaser-content > a > .hal-contentteaser-title > span > p,
.hal-contentteaser-content a:hover > .hal-contentteaser-title > span > p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
color: initial;
}
@media (min-width: 1024px) {
.hal-contentteaser-content > a > .hal-contentteaser-title > span > p,
.hal-contentteaser-content a:hover > .hal-contentteaser-title > span > p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-contentteaser-content > a > .hal-contentteaser-title > span > p,
.hal-contentteaser-content a:hover > .hal-contentteaser-title > span > p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-contentteaser-content > a > .hal-contentteaser-title > span > h3,
.hal-contentteaser-content a:hover > .hal-contentteaser-title > span > h3 {
color: initial;
}
.hal-contentteaser-content > a:focus-visible {
outline: 2px solid #0262f2;
outline-offset: -2px;
}
.hal-contentteaser-title {
position: relative;
padding: 20px 30px 20px 20px;
display: block;
color: #000;
}
.hal-contentteaser-title > span > h3 {
margin: 0px;
font-weight: 400;
letter-spacing: -0.2px;
}
.hal-contentteaser-title > span > p {
margin: 10px 0 0 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-contentteaser-title > span > p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-contentteaser-title > span > p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-contentteaser-links {
padding: 0px 20px 20px 20px;
}
.hal-contentteaser-arrow,
.hal-contentteaser-arrow-text {
position: absolute;
bottom: 17px;
right: 10px;
}
.hal-contentteaser-arrow.black > svg,
.hal-contentteaser-arrow-text.black > svg {
filter: invert(17%) sepia(95%) saturate(217%) hue-rotate(166deg) brightness(89%) contrast(79%);
}
.hal-contentteaser-arrow.orange > svg,
.hal-contentteaser-arrow-text.orange > svg {
filter: invert(61%) sepia(68%) saturate(5984%) hue-rotate(0deg) brightness(103%) contrast(109%);
}
.hal-contentteaser-wrapper {
display: block;
position: relative;
padding-bottom: calc(100% / 2);
}
.hal-contentteaser-image-wrapper {
position: absolute;
width: 100%;
}
@media print {
.hal-contentteaser {
break-inside: avoid;
}
}
.hal-cookienotice {
z-index: 60;
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: 1920px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.95);
border-top: 5px solid #ff6600;
box-shadow: 0 0 10px -5px #000;
opacity: 0;
transform: translateY(calc(100% - -5px));
animation: cookienoticeIn 0.75s ease-in-out 1s forwards;
backface-visibility: hidden;
}
@media (min-width: 600px) {
.hal-cookienotice {
width: 50%;
right: auto;
}
}
.hal-cookienotice-close {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 1rem;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
color: #ff6600;
}
@media (min-width: 1024px) {
.hal-cookienotice-close {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1440px) {
.hal-cookienotice-close {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
.hal-cookienotice-close--text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
padding: 2rem 1.5rem 1.5rem 1.5rem;
}
@media (min-width: 1024px) {
.hal-cookienotice-close--text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-cookienotice-close--text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
@media (max-width: 1023px) {
.hal-cookienotice-close--text {
position: relative;
float: right;
padding-top: 0;
}
}
.hal-cookienotice-info {
position: relative;
margin: 2rem;
max-width: 80%;
color: #333;
}
@media (max-width: 599px) {
.hal-cookienotice-info {
margin: 1rem auto;
max-width: 65%;
}
}
@media (min-width: 1024px) {
.hal-cookienotice-info {
max-width: 70%;
}
}
@media (min-width: 1920px) {
.hal-cookienotice-info {
max-width: 75%;
}
}
.hal-cookienotice-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.hal-cookienotice-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-cookienotice-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-cookienotice-info-link {
font-weight: normal;
}
@keyframes cookienoticeIn {
0% {
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.hal-crosslink-teaser {
width: 100%;
display: table;
table-layout: fixed;
}
@media (max-width: 599px) {
.hal-crosslink-teaser {
display: block;
}
}
.hal-crosslink-teaser-item {
display: table-cell;
padding: 5px;
}
@media (max-width: 599px) {
.hal-crosslink-teaser-item {
display: block;
}
}
.hal-crosslink-teaser-image {
width: 100%;
vertical-align: bottom;
border-top: 5px solid #ff6600;
}
.hal-crosslink-teaser-text {
background-color: #e5e5e5;
}
.hal-crosslink-teaser-title {
margin: 0;
padding: 20px;
width: 100%;
}
@media print {
.hal-crosslink-teaser {
display: none;
}
}
.hal-day-picker {
width: 290px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
position: absolute;
left: calc(50% - (320px / 2));
z-index: 9999;
}
@media (max-width: 599px) {
.hal-day-picker {
top: -100px;
right: 0;
}
}
.hal-day-picker-footer {
height: 64px;
text-align: right;
background: #fff;
}
.hal-day-picker-footer .buttons-container {
position: relative;
top: 12px;
right: 16px;
float: right;
}
.hal-day-picker-footer .buttons-container button {
min-width: 40px;
margin-left: 12px;
border-radius: 4px;
height: 40px;
line-height: 16px;
cursor: pointer;
color: #425464;
}
.hal-day-picker-footer .buttons-container .button-submit {
background: #E1E8ED;
}
.hal-day-picker-footer .buttons-container .button-submit:hover {
background: #CCD6DF;
}
.hal-day-picker-footer .buttons-container .button-cancel {
background-color: #fff;
}
.hal-day-picker-footer .buttons-container .button-cancel:hover {
background-color: #E1E8ED;
}
.hal-day-picker .DayPicker {
height: 340px;
background: #fff;
}
.hal-day-picker .DayPicker abbr[title] {
text-decoration: none;
}
.hal-day-picker .DayPicker-Month {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
user-select: none;
}
.hal-day-picker .DayPicker-NavBar {
padding: 0 0.5rem;
position: relative;
top: 46px;
left: 0;
right: 0;
}
.hal-day-picker .DayPicker-NavButton {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
height: 1.5rem;
position: absolute;
width: 1.5rem;
}
.hal-day-picker .DayPicker-Caption {
display: table-caption;
height: 86px;
text-align: center;
background: #ff6600;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #fff;
padding: 40px 16px 16px 16px;
}
.hal-day-picker .DayPicker-Weekdays {
display: inline-block;
padding: 0px 20px;
width: 290px;
}
.hal-day-picker .DayPicker-WeekdaysRow {
display: flex;
width: 250px;
align-items: center;
justify-content: space-between;
}
.hal-day-picker .DayPicker-Weekday {
display: inline-flex;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
font-size: 12px;
line-height: 15px;
align-items: center;
letter-spacing: 0.2px;
color: rgba(0, 0, 0, 0.6);
padding-top: 16px;
margin-bottom: 16px;
}
.hal-day-picker .DayPicker-Body {
display: inline-block;
width: 290px;
padding: 0px 20px;
}
.hal-day-picker .DayPicker-Week {
display: flex;
width: 250px;
align-items: center;
justify-content: space-between;
}
.hal-day-picker .DayPicker-Day {
display: inline-flex;
justify-content: center;
width: 30px;
height: 30px;
cursor: pointer;
text-align: center;
font-size: 16px;
line-height: 24px;
align-items: center;
letter-spacing: 0.15px;
color: rgba(0, 0, 0, 0.6);
padding-top: 0;
}
.hal-day-picker .DayPicker-Day:hover:not(.DayPicker-Day--disabled):not(.DayPicker-Day--today):not(.DayPicker-Day--selected) {
color: #ff6600;
}
.hal-day-picker .DayPicker-Day--selected {
background-color: #ff6600;
border-radius: 50%;
color: #fff;
}
.hal-day-picker .DayPicker-Day--today {
border: 1px solid rgba(0, 0, 0, 0.6);
background-color: #fff;
display: block;
border-radius: 50%;
padding-top: 2px;
text-align: center;
}
.hal-day-picker .DayPicker-Day--today.DayPicker-Day--selected {
background-color: #ff6600;
color: #fff;
}
.hal-day-picker .DayPicker-NavButton--prev {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQxIDEwLjU5TDIuODMgNkw3LjQxIDEuNDFMNiAwTDAgNkw2IDEyTDcuNDEgMTAuNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
left: 1rem;
}
.hal-day-picker .DayPicker-NavButton--next {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg2NjI1NSAyLjIxNjk3TDUuMTY3OSA3LjA2ODhMMC4zMjU0NTkgMTEuMzgxTDEuNjQ5OTUgMTIuODcxNkw3Ljk5Mjk5IDcuMjM1NTJMMi4zNTY4NyAwLjg5MjQ3OEwwLjg2NjI1NSAyLjIxNjk3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cgo=");
right: 1rem;
}
.hal-dialog-wrapper {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(229, 229, 229, 0.7);
z-index: 9958;
display: none;
}
.hal-dialog-content {
position: fixed;
left: 50%;
top: 50%;
width: 30em;
padding: 20px 0;
text-align: center;
border: 1px solid rgba(102, 102, 102, 0.15);
background-color: #fff;
box-shadow: 0px 0px 10em 100px #f2f2f2;
transform: translateX(-50%) translateY(-50%);
}
.hal-dialog-text {
width: 75%;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04rem;
border-bottom: 1px solid #ededed;
}
.hal-footer .hal-h6 {
margin-bottom: 8px;
color: #33424F;
}
.hal-footer a {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
font-weight: 400;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
.hal-footer a {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-footer a {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-footer a,
.hal-footer a:visited {
color: #65798B;
}
.hal-footer a:hover {
color: #999;
}
.hal-footer p {
font-weight: 400;
}
.hal-footer .hal-footer-list li:first-child {
border: none;
}
.hal-footer .hal-footer-list--main {
margin-bottom: 24px;
}
.hal-footer .hal-footer-list--main li {
padding: 8px 0;
}
.hal-footer .hal-footer-list--terms {
margin-bottom: 30px;
}
.hal-footer .hal-footer-list--terms li {
display: inline-block;
margin: 4px 5px 4px 0;
padding: 0 8px 0 0;
border-right: 1px solid #CCD6DF;
line-height: 20px;
}
.hal-footer .hal-footer-list--terms li:first-child {
padding-left: 0;
font-weight: 600;
}
@media (max-width: 599px) {
.hal-footer .hal-footer-list--terms li:first-child {
display: block;
}
.hal-footer .hal-footer-list--terms li:first-child + li {
padding-left: 0;
}
}
.hal-footer .hal-footer-list--terms li:last-child {
padding-right: 0;
border: none;
}
.hal-form .hal--label p {
margin-bottom: 1rem;
}
.hal-form-section {
margin: 0 0 10px;
}
.hal-form-section--lg {
margin-bottom: 30px;
}
.hal-form-row {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.hal-form-row--buttons {
position: relative;
min-height: 40px;
margin: 0 0 30px;
word-spacing: 0;
}
.hal-form-row--buttons .hal-button--primary {
position: absolute;
right: 0;
}
.hal-form-row--content {
margin-bottom: 10px;
}
.hal-form-field {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
margin-bottom: 10px;
width: 100%;
}
.hal-form-field .hal-select-field {
margin-bottom: 0;
}
@media (min-width: 600px) {
.hal-form-field {
display: inline-block;
width: 50%;
}
.hal-form-field:first-child {
padding-right: 10px;
}
}
.hal-form-field input[type="radio"] {
vertical-align: middle;
}
.hal-form-field--sm {
padding-right: 10px;
width: 30%;
}
@media (min-width: 600px) {
.hal-form-field--sm {
width: 15%;
}
}
@media (min-width: 600px) {
.hal-form-field--md {
padding-right: 10px;
width: 25%;
}
}
.hal-form-field--lg {
width: 70%;
}
@media (min-width: 600px) {
.hal-form-field--lg {
width: 85%;
}
}
.hal-form-field--mx {
width: 70%;
}
@media (min-width: 600px) {
.hal-form-field--mx {
width: 100%;
padding-right: 0 !important;
}
}
@media (max-width: 598px) {
.hal-form-field--mx {
width: 100%;
}
}
.hal-form-field--radio {
display: table-row;
}
.hal-form-field--radio input {
display: table-cell;
}
.hal-form-field--radio input[type="input"]:focus {
border-color: #333;
}
.hal-form-field--radio label {
display: table-cell;
padding-left: 1rem;
}
.hal-form-field--checkbox {
display: table-row;
}
.hal-form-field--checkbox label {
display: inline-block;
padding-left: 1rem;
}
.hal-form-field--checkbox span {
display: table-cell;
position: relative;
padding-left: 2rem;
}
.hal-form-field--checkbox input[type="checkbox"] {
position: absolute;
left: 0px;
visibility: visible;
}
.hal-form-field--checkbox input[type="checkbox"]:focus + span > svg {
border-color: #333;
}
.hal-form-field--checkbox input.invalid + span > svg {
box-shadow: 0 0 1.7px 1.7px red;
}
.hal-form-field--checkbox svg {
top: 0px !important;
left: -10px !important;
}
.hal-form-field--checkbox .hal-label--required::after {
display: table-cell;
}
.hal-hero {
background-color: #fff;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
aspect-ratio: 2;
}
.hal-hero-image {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.hal-iframe-container {
margin: 0 auto;
}
@media (max-width: 599px) {
.hal-iframe-container {
position: relative;
height: 0;
overflow: hidden;
}
}
@media (min-width: 600px) {
.hal-iframe-container-16x9 {
max-height: 270px;
max-width: 480px;
}
}
@media (max-width: 599px) {
.hal-iframe-container-16x9 {
padding-bottom: 56.25%;
}
}
@media (min-width: 600px) {
.hal-iframe-container-4x3 {
max-height: 360px;
max-width: 480px;
}
}
@media (max-width: 599px) {
.hal-iframe-container-4x3 {
padding-bottom: 75%;
}
}
@media (max-width: 599px) {
.hal-iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.hal-image-with-tiles {
position: relative;
max-width: 1070px;
margin: 0 auto;
overflow: hidden;
}
.hal-image-with-tiles-container {
line-height: 0;
position: relative;
}
.hal-image-with-tiles-image {
width: 100%;
}
.hal-image-with-tiles-box {
width: 260px;
height: 184px;
display: inline-block;
text-align: center;
color: #fff;
}
@media (max-width: 1439px) {
.hal-image-with-tiles-box {
width: 205px;
height: 145px;
}
}
@media (max-width: 1023px) {
.hal-image-with-tiles-box {
width: 186px;
height: 132px;
}
}
@media (max-width: 599px) {
.hal-image-with-tiles-box {
width: 100%;
height: 105px;
}
}
.hal-image-with-tiles-box .hal-image-with-tiles-link {
cursor: initial;
}
.hal-image-with-tiles-box > a,
.hal-image-with-tiles-box a:hover,
.hal-image-with-tiles-box a:visited {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
}
.hal-image-with-tiles-box > a > span > svg,
.hal-image-with-tiles-box a:hover > span > svg,
.hal-image-with-tiles-box a:visited > span > svg {
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(266deg) brightness(105%) contrast(101%);
}
@media (max-width: 1023px) {
.hal-image-with-tiles-box > a,
.hal-image-with-tiles-box a:hover,
.hal-image-with-tiles-box a:visited {
flex-direction: row;
}
.hal-image-with-tiles-box > a > span,
.hal-image-with-tiles-box a:hover > span,
.hal-image-with-tiles-box a:visited > span {
padding-right: 20px;
}
}
.hal-image-with-tiles-box--dark-grey {
background: #33424F;
}
.hal-image-with-tiles-box--orange {
background: #ff6600;
}
.hal-image-with-tiles-box--grey {
background: #65798B;
}
.hal-image-with-tiles-box--light-grey {
background: #A4B6C6;
}
.hal-image-with-tiles-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0 70px 60px 70px;
display: flex;
justify-content: space-around;
}
@media (max-width: 1439px) {
.hal-image-with-tiles-content {
padding: 0 55px 48px 55px;
}
}
@media (max-width: 1023px) {
.hal-image-with-tiles-content {
padding: 0 50px 42px 50px;
}
}
@media (max-width: 599px) {
.hal-image-with-tiles-content {
position: relative;
top: -102px;
display: initial;
justify-content: initial;
padding: 0;
}
}
.hal-image-with-tiles-content-three-tiles {
justify-content: space-between;
}
@media (max-width: 599px) {
.hal-image-with-tiles-content-three-tiles {
justify-content: initial;
}
}
.hal-image-with-tiles-content-all {
padding: 0 50px 60px 50px;
}
@media (max-width: 1439px) {
.hal-image-with-tiles-content-all {
padding: 0 38px 48px 38px;
}
}
@media (max-width: 1023px) {
.hal-image-with-tiles-content-all {
position: relative;
top: -10px;
display: initial;
justify-content: initial;
padding: 0;
}
}
@media (max-width: 599px) {
.hal-image-with-tiles-content-all {
position: relative;
top: -102px;
display: initial;
justify-content: initial;
padding: 0;
}
}
.hal-image-with-tiles-content-all .hal-image-with-tiles-box {
width: 215px;
}
@media (max-width: 1439px) {
.hal-image-with-tiles-content-all .hal-image-with-tiles-box {
width: 180px;
height: 145px;
}
}
@media (max-width: 1023px) {
.hal-image-with-tiles-content-all .hal-image-with-tiles-box {
width: 100%;
height: 105px;
}
}
.hal-image-with-tiles-headline {
font-weight: bold;
font-size: 24px;
line-height: 34px;
margin-bottom: 6px;
}
@media (min-width: 1440px) {
.hal-image-with-tiles-headline {
font-size: 28px;
}
}
.hal-image-with-tiles-subline {
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin-bottom: 8px;
}
@media (min-width: 1440px) {
.hal-image-with-tiles-subline {
font-size: 18px;
}
}
.hal-info-box {
padding: 12px 16px;
border-radius: 4px;
width: 100%;
min-height: 50px;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.hal-info-box--warning {
background-color: #F8E8B9;
}
.hal-info-box--info {
background-color: #DDE0ED;
}
.hal-info-box__header {
display: flex;
align-items: center;
gap: 10px;
}
.hal-info-box__icon {
flex-shrink: 0;
}
.hal-info-box__title {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 600;
margin: 0;
}
@media (min-width: 1024px) {
.hal-info-box__title {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-info-box__title {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-info-box__message {
margin-top: 4px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
padding-left: 30px;
}
@media (min-width: 1024px) {
.hal-info-box__message {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-info-box__message {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-info-box__message p {
margin-bottom: 0;
font-weight: 400;
padding-left: 5px;
}
.hal-info-box.hal-default-spacing {
margin-bottom: 30px;
}
.hal-interactive-map-button {
position: absolute;
left: 4rem;
bottom: 7rem;
z-index: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.hal-interactive-map-button.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.hal-map-control-bar {
position: relative;
max-width: 4rem;
}
.hal-map-control-bar-button {
box-sizing: border-box;
width: 4rem;
height: 4rem;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
background-color: #bbb;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
pointer-events: none;
transition: background-color 0.3s, color 0.3s;
}
.hal-map-control-bar-button:first-of-type {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.hal-map-control-bar-button:last-of-type {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.hal-map-control-bar-button.is-active {
background-color: #ff6600;
cursor: pointer;
pointer-events: auto;
}
.hal-mzr-no-touchevents .hal-map-control-bar-button.is-active:hover {
background-color: #A34100;
}
.hal-map-control-bar::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 1px;
width: 2rem;
margin: auto;
background-color: #fff;
}
.hal-interactive-map-indicator {
opacity: 0;
visibility: hidden;
text-align: center;
pointer-events: none;
transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.hal-interactive-map-indicator-headline {
display: block;
text-transform: capitalize;
color: #999999;
}
.hal-interactive-map-indicator .icon-zoom {
color: #999999;
}
.hal-interactive-map-indicator.is-active {
opacity: 1;
visibility: visible;
}
.hal-interactive-map-layer {
position: absolute;
top: 90px;
right: 40px;
z-index: -1;
width: 350px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
background-color: #fff;
opacity: 0;
transform: scale3d(0.6, 0.6, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 1024px) {
.hal-interactive-map-layer {
top: 165px;
}
}
.hal-interactive-map-layer.hal-is-active {
z-index: 2;
opacity: 1;
transform: scale3d(0.852, 0.852, 0.852);
}
@media (min-width: 1024px) {
.hal-interactive-map-layer.hal-is-active {
transform: scale3d(1, 1, 1);
}
}
.hal-interactive-map-layer .hal-carousel {
height: 345px;
max-height: 500px;
}
@media (min-width: 1024px) {
.hal-interactive-map-layer .hal-carousel {
max-height: 410px;
}
}
@media (min-width: 1440px) {
.hal-interactive-map-layer .hal-carousel {
max-height: 500px;
}
}
.hal-interactive-map-layer .hal-carousel .hal-carousel-btn {
bottom: 175px;
}
.hal-interactive-map-layer-image {
font-size: 0;
max-height: 170px;
overflow: hidden;
}
.hal-interactive-map-layer-image:after {
content: "";
height: 170px;
width: 100%;
display: block;
}
.hal-interactive-map-layer-content {
position: relative;
padding: 10px 20px 20px;
color: #333;
}
.hal-interactive-map-layer .hal-h6 {
font-weight: 400;
}
.hal-interactive-map-layer-service {
margin: 10px 0 0;
}
.hal-interactive-map-layer-next {
display: inline-block;
color: #999;
font-size: 12px;
line-height: normal;
}
.hal-interactive-map-layer-speed {
margin-top: 10px;
margin-bottom: 0;
font-size: 1.8rem;
}
.hal-interactive-map-layer-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 5;
font: 0/0 a;
text-shadow: none;
color: transparent;
cursor: pointer;
}
.hal-interactive-map-layer-close [class*="icon-"] {
color: #ff6600;
}
.hal-interactive-map-layer-placeholder {
display: flex;
flex-direction: column;
justify-content: center;
height: 170px;
padding: 20px;
margin: 0;
background-color: #999999;
color: #CCD6DF;
align-items: center;
}
.hal-interactive-map-layer-placeholder .icon-vessel-front {
align-self: center;
}
.hal-interactive-map-layer-counter {
position: absolute;
top: 10px;
right: 20px;
font-weight: 300;
font-size: 100%;
color: #999;
}
.hal-interactive-map-layer--vessel .hal-h5 {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.dynamicworldmap .hal-interactive-map-layer {
top: 40px;
}
}
.hal-interactive-map-legal {
display: inline-block;
position: absolute;
bottom: 4rem;
left: 4rem;
max-width: 20rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease;
color: #999;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
letter-spacing: 0.08rem;
}
@media (min-width: 1024px) {
.hal-interactive-map-legal {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-interactive-map-legal {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-interactive-map .hal-interactive-map-legal {
left: 10rem;
}
}
.hal-interactive-map-legal svg[class*=icon] {
position: relative;
top: 0.3rem;
margin-right: 0.3rem;
}
.hal-interactive-map-legal.is-active {
opacity: 1;
visibility: visible;
}
#hal-country-map .hal-interactive-map-legal {
bottom: initial;
top: -4rem;
}
@media (max-width: 599px) {
#hal-country-map .hal-interactive-map-legal {
display: none;
}
}
.hal-interactive-map-topbar-wrapper {
background: #ededed;
}
@media (min-width: 1024px) {
.hal-interactive-map-topbar-wrapper {
padding: 30px 30px 0;
}
}
.hal-interactive-map-topbar {
position: relative;
z-index: 3;
box-sizing: border-box;
width: 100%;
height: 94px;
padding: 18px 36px;
margin: 0 auto;
line-height: 94px;
background-color: #fff;
overflow: hidden;
font-size: 0;
}
@media (max-width: 1023px) {
.hal-interactive-map-topbar {
height: 160px;
}
}
@media (max-width: 599px) {
.hal-interactive-map-topbar {
height: 260px;
}
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item {
display: inline-block;
margin-right: 30px;
color: #ff6600;
}
@media (min-width: 600px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item {
margin-right: 10px;
}
}
@media (min-width: 1024px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item {
margin-right: 60px;
}
}
@media (max-width: 1023px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item {
margin-right: 0;
width: calc(100% / 4);
}
}
@media (max-width: 599px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item {
margin-right: 0;
width: calc(100% / 2);
}
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item .hal-interactive-map-topbar-count {
display: block;
font-size: 24px;
line-height: normal;
font-weight: 300;
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item .hal-interactive-map-topbar-count [class*="icon-"] {
margin-right: 5px;
color: #ff6600;
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links {
position: absolute;
top: 30px;
right: 30px;
margin-right: 0;
text-align: right;
}
@media (max-width: 1023px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links {
width: 100%;
position: relative;
top: -30px;
right: 0;
text-align: left;
}
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links .hal-link {
display: block;
margin-bottom: 5px;
}
@media (min-width: 600px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links .hal-link {
font-size: 1.2rem;
}
}
@media (min-width: 1024px) {
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links .hal-link {
font-size: 1.4rem;
}
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal-interactive-map-topbar-links .hal-link:first-child:last-child {
margin-top: 1.4rem;
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item:hover,
.hal-interactive-map-topbar .hal-interactive-map-topbar-item:hover [class*="icon-"] {
color: #A34100;
cursor: pointer;
}
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal--is-active,
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal--is-active:hover,
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal--is-active [class*="icon-"],
.hal-interactive-map-topbar .hal-interactive-map-topbar-item.hal--is-active:hover [class*="icon-"] {
color: #333;
cursor: default;
}
.hal-ir-teasers {
padding: 0;
font-size: 0;
}
.hal-ir-teasers .hal-ir-teaser {
margin-bottom: 10px;
list-style: none;
background: #E1E8ED;
}
.hal-ir-teasers .hal-ir-teaser .hal-columns {
margin-left: 0;
}
.hal-ir-teasers .hal-ir-teaser-details,
.hal-ir-teasers .hal-ir-teaser-download {
padding: 20px;
}
.hal-ir-teasers .hal-ir-teaser-details {
width: 75%;
margin: 0;
border-right: 2px solid #fff;
}
.hal-ir-teasers .hal-ir-teaser-download {
width: 25%;
}
.hal-ir-teasers .hal-ir-teaser-date {
display: block;
width: 100%;
text-align: right;
font-weight: 200;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-ir-teasers .hal-ir-teaser-date {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-ir-teasers .hal-ir-teaser-date {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-ir-teasers .hal-ir-teaser .hal-columns--1 .hal-ir-teaser-details {
width: 100%;
}
.hal-ir-teasers .hal-ir-teaser-tile {
display: inline-block;
width: 33.33333333%;
background: #F0F2F5;
}
@media (max-width: 599px) {
.hal-ir-teasers .hal-ir-teaser-tile {
width: 50%;
}
}
.hal-ir-teasers .hal-ir-teaser-tile .hal-ir-teaser-details {
padding: 12px;
}
.hal-ir-teasers .hal-ir-teaser-tile-date {
display: block;
height: 30px;
margin-bottom: 20px;
font-weight: 300;
font-size: 12px;
line-height: 24px;
letter-spacing: -0.2px;
text-transform: uppercase;
color: #768A9D;
}
.hal-ir-teasers .hal-ir-teaser-tile-title {
font-size: 18px;
line-height: 24px;
letter-spacing: -0.2px;
margin-bottom: 10px;
overflow: hidden;
min-height: 96px;
max-height: 96px;
}
.hal-ir-teasers .hal-ir-teaser-tile:hover .hal-ir-teaser-tile-title {
max-height: none;
}
.hal-lightbox-layer {
position: fixed;
top: 112px;
left: -200vw;
z-index: 8610;
width: 100%;
height: 100%;
padding: 10px 0;
background: rgba(0, 0, 0, 0);
transition: background 0.35s 0.35s ease-in-out, left 0s 0.7s ease-in-out;
}
.hal-lightbox-content {
position: relative;
height: 100%;
max-height: 900px;
max-width: 100vh;
margin: 0 auto;
padding: 20px 10px;
font-size: 0;
overflow: auto;
background: #fff;
transform: scale(0.25);
opacity: 0;
transition: all 0.35s ease-in-out;
}
.hal-lightbox-content .hal-picture {
display: block;
}
.hal-lightbox-content .hal-picture:first-of-type {
margin: 30px auto 0 auto;
}
.hal-lightbox-content .hal-lightbox-carouselprogress {
padding: 0 10px;
font-size: 1.6rem;
color: #999;
}
.hal-lightbox-content .hal-carousel {
height: 100%;
max-height: none;
}
.hal-lightbox-content .hal-carousel-btn {
top: 35vh;
bottom: auto;
}
.hal-lightbox-content .hal-carousel-item .hal-picture {
max-height: 65vh;
max-width: 100%;
}
.hal-lightbox-content .hal-metainformation {
display: inline-block;
width: 50%;
padding: 10px;
}
.hal-lightbox-content .hal-metainformation .hal-metainformation-details dt {
margin-right: 10px;
width: auto;
}
.hal-lightbox-state {
display: none;
}
.hal-lightbox-state:checked ~ .hal-lightbox-layer {
left: 0;
background: rgba(0, 0, 0, 0.5);
transition: background 0.35s ease-in-out;
}
.hal-lightbox-state:checked ~ .hal-lightbox-layer .hal-lightbox-content {
transform: scale(1);
opacity: 1;
transition: all 0.35s 0.35s ease-in-out;
}
.hal-lightbox-download {
display: inline-block;
width: 50%;
padding-right: 10px;
text-align: right;
}
.hal-lightbox-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 5;
}
.hal-lightbox-close [class*="icon-"] {
vertical-align: text-bottom;
}
.hal-lightbox-bgclose {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.hal-lightbox--zoom .hal-lightbox-layer {
cursor: default;
}
@media (min-width: 600px) {
.hal-lightbox--zoom .hal-lightbox-layer {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1440px) {
.hal-lightbox--zoom .hal-lightbox-layer {
padding-left: 60px;
padding-right: 60px;
}
}
.hal-lightbox--zoom .hal-lightbox-content {
max-height: none;
max-width: none;
margin: 0 auto;
}
.hal-lightbox--video .hal-lightbox-layer {
cursor: default;
}
@media (min-width: 600px) {
.hal-lightbox--video .hal-lightbox-layer {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1440px) {
.hal-lightbox--video .hal-lightbox-layer {
padding-left: 60px;
padding-right: 60px;
}
}
.hal-lightbox--video .hal-lightbox-content {
max-height: 100%;
max-width: none;
margin: 0 auto;
overflow: hidden;
}
.hal-lightbox--video .hal-lightbox-videowrapper {
position: relative;
height: 90%;
padding-top: 30px;
}
.hal-lightbox--video .hal-lightbox-videowrapper .hal-video {
max-height: 100%;
}
.hal-lightbox--ctnt .hal-lightbox-layer {
cursor: default;
}
@media (min-width: 600px) {
.hal-lightbox--ctnt .hal-lightbox-layer {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1440px) {
.hal-lightbox--ctnt .hal-lightbox-layer {
padding-left: 60px;
padding-right: 60px;
}
}
.hal-lightbox--ctnt .hal-lightbox-content {
overflow-y: auto;
}
.hal-lightbox--ctnt .hal-lightbox-wrapper {
position: relative;
padding-top: 30px;
font-size: 1.6rem;
}
.hal-lightbox--ctnt .hal-ref .err-msg {
color: #ff0000;
}
.hal-lightbox--ctnt .hal-ref a.ref-link {
color: #ccc;
font-family: tahoma, arial, helvetica, sans-serif;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-download {
float: left;
margin-top: 20px;
padding-left: 10px;
padding-right: 0;
text-align: left;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-close {
right: auto;
left: 20px;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-close [class*="icon-"] {
margin-bottom: 2px;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-content .hal-metainformation span {
float: right;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-content .hal-metainformation-details dt,
.hal-lightbox[dir="rtl"] .hal-lightbox-content .hal-metainformation-details dd {
float: right;
}
.hal-lightbox[dir="rtl"] .hal-lightbox-content .hal-metainformation-details dt {
margin-left: 10px;
margin-right: 0;
}
.hal-lightbox.hal-lightbox--newsfilter {
align-content: center;
}
.hal-lightbox.hal-lightbox--newsfilter .hal-lightbox-layer {
top: 224px;
padding: 0 0;
background: rgba(0, 0, 0, 0);
transition: none;
}
.hal-lightbox.hal-lightbox--newsfilter .hal-lightbox-content {
max-height: 75vh;
max-width: 75vh;
padding: 0 0;
border: 1px solid #CCD6DF;
box-shadow: 0px 15px 12px rgba(0, 0, 0, 0.22), 0px 19px 38px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.hal-lightbox-state:checked ~ .hal-lightbox.hal-lightbox--newsfilter .hal-lightbox-content .hal-lightbox-layer {
background: rgba(0, 0, 0, 0);
}
.hal-lightbox.hal-lightbox--newsfilter .hal-lightbox-content .hal-lightbox-close {
color: #33424F;
top: 23px;
right: 35px;
}
.hal-like-text {
display: none;
}
.hal-like::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.514%2025.19C4.124%2031.58.5%2039.978.5%2049.095c0%208.96%203.61%2017.324%209.933%2023.822l50.617%2050.618%202.95%202.95%202.95-2.95%2050.577-50.577c6.348-6.348%209.973-14.746%209.973-23.863%200-8.96-3.61-17.324-9.933-23.822-6.387-6.39-14.786-10.014-23.903-10.014-8.96%200-17.324%203.61-23.822%209.933C63.452%2031.58%2064%2031.613%2064%2031.613c.068%200-1.163-1.615-5.76-6.34-6.388-6.39-14.787-10.014-23.904-10.014-8.96%200-17.324%203.61-23.822%209.933zM52.3%2031.13c4.81%204.944%207.528%2011.245%207.528%2017.964h8.344c0-6.858%202.716-13.15%207.53-17.964%204.942-4.81%2011.243-7.53%2017.962-7.53%206.858%200%2013.15%202.717%2017.964%207.53%204.81%204.944%207.53%2011.245%207.53%2017.964%200%206.858-2.717%2013.15-7.53%2017.963L64%20114.927l-47.628-47.87c-4.81-4.943-7.53-11.244-7.53-17.963%200-6.858%202.717-13.15%207.53-17.964%204.944-4.81%2011.245-7.53%2017.964-7.53%206.858%200%2013.15%202.717%2017.963%207.53z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
display: inline-block;
vertical-align: -7%;
width: 1em;
height: 1em;
margin-right: 0.5em;
}
.hal-like.hal-like.hal-like.hal-is-active {
font-weight: bold;
color: #111565;
}
.hal-like.hal-like.hal-like.hal-is-active::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23111565%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2016c-8.8%200-16.64%203.68-22.56%209.44C3.68%2031.2%200%2039.04%200%2048c0%208.8%203.68%2016.64%209.44%2022.56L64%20125.12l54.56-54.56C124.32%2064.8%20128%2056.96%20128%2048c0-8.8-3.68-16.64-9.44-22.56C112.8%2019.68%20104.96%2016%2096%2016c-8.8%200-16.64%203.68-22.56%209.44C67.68%2031.2%2064%2039.04%2064%2048c0-8.8-3.68-16.64-9.44-22.56C48.8%2019.68%2040.96%2016%2032%2016z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
@media print {
.hal-like {
display: none;
}
}
.textlist .hal-list:not([class*="module--space"]) {
margin: 15px 0;
}
.hal-list li {
position: relative;
padding-left: 24px;
padding-bottom: 5px;
}
.hal-list li:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.hal-list li > .hal-list {
margin: 7px 0 5px 20px;
}
.hal-list[dir="rtl"] li {
padding-left: 0;
}
.hal-list[dir="rtl"] li:before {
left: auto;
right: 0;
}
.hal-list--plain li {
padding-left: 0;
}
.hal-list--unnumbered li:before {
content: '●';
top: 4px;
left: 5px;
font-size: 8px;
}
.hal-list--unnumbered[dir="rtl"] li {
padding-right: 24px;
}
.hal-list--unnumbered[dir="rtl"] li:before {
left: auto;
right: 5px;
}
.hal-list--numbered {
counter-reset: section;
}
.hal-list--numbered li:before {
counter-increment: section;
content: counter(section) ". ";
}
.hal-list--numbered[dir="rtl"] li {
padding-right: 24px;
}
.hal-list--numbered[dir="rtl"] li:before {
counter-increment: section;
content: counter(section, arabic-indic) ".";
}
.hal-list--benefit li {
padding-left: 0;
}
.hal-list--benefit [class*="icon-"] {
margin-right: 4px;
padding-right: 6px;
color: #ff6600;
vertical-align: text-bottom;
}
.hal-list--benefit[dir="rtl"] [class*="icon-"] {
margin-left: 8px;
margin-right: -8px;
padding-left: 6px;
padding-right: 0;
}
.hal-list--pre li {
white-space: pre-wrap;
}
.hal-management-person-img {
display: inline-block;
max-width: 80px;
margin-right: 10px;
}
.hal-management-person-details {
display: inline-block;
}
.hal-management-person[dir="rtl"] .hal-management-person-img {
margin-left: 10px;
margin-right: 0;
}
.hal-management-person[dir="rtl"] .hal-management-person-details {
text-align: right;
}
.hal-maps {
position: relative;
width: 100%;
height: 50vw;
max-width: 1070px;
max-height: 535px;
margin: 0;
overflow: hidden;
}
.hal-maps .hal-map {
height: 50vw;
max-height: 535px;
}
@media (max-width: 599px) {
.hal-maps {
display: none;
}
}
.hal-maps-mask {
width: 105.60747664%;
width: 100%;
}
@media (max-width: 599px) {
.hal-maps-mask {
width: 100%;
}
}
.hal-maps-panel {
box-sizing: border-box;
display: inline-block;
width: 50%;
font-size: 0;
line-height: 0;
}
.hal-maps-panel > svg {
height: 50vw;
max-height: 535px;
}
@media (max-width: 599px) {
.hal-maps-favorite-dynamic {
display: none;
}
}
.hal-maps-favorite {
position: relative;
width: 100%;
height: 100%;
max-width: 166px;
max-height: 166px;
margin: 0;
overflow: hidden;
}
.hal-maps-favorite .hal-map {
height: 50vw;
max-height: 166px;
}
.hal-maps-favorite .hal-map > svg {
height: 50vw;
max-height: 166px;
}
@media (max-width: 599px) {
.hal-maps-favorite {
display: none;
}
}
.hal-maps-favorite::after {
content: "";
position: absolute;
top: 0;
left: calc(50% - 1px);
width: 2px;
height: 100%;
background-color: #fff;
}
@media (max-width: 599px) {
.hal-maps-favorite::after {
left: calc(50% - 1px);
}
}
.hal-maps-favorite-mask {
width: 166px;
}
.hal-maps-favorite-panel {
box-sizing: border-box;
display: inline-block;
width: 50%;
font-size: 0;
line-height: 0;
}
.hal-additional-maps-panel {
width: 100%;
margin-top: 30px;
}
.hal-maps-manual::after {
content: "";
position: absolute;
top: 0;
left: calc(50% - 1px);
width: 2px;
height: 100%;
background-color: #fff;
}
@media (max-width: 599px) {
.hal-maps-manual::after {
left: calc(50% - 1px);
}
}
.hal-maps--full-view .hal-map {
width: 100vw;
max-width: 1070px;
}
.hal-maps--full-view .hal-maps-panel {
width: 100%;
}
.hal-maps--full-view .hal-maps::after {
content: none;
}
.hal-maps--full-view-favorite .hal-map {
width: 100vw;
max-width: 166px;
}
.hal-maps--full-view-favorite .hal-map > svg {
width: 100vw;
max-width: 166px;
}
.hal-maps--full-view-favorite .hal-maps-favorite-panel {
width: 100%;
}
.hal-maps--full-view-favorite .hal-maps-favorite::after {
content: none;
}
.hal-maps--full-view-favorite .hal-maps-favorite-empty {
width: 100%;
height: 100%;
min-height: 166px;
background-color: #ededed;
}
.hal-maps--full-view-favorite .hal-maps-favorite-empty span {
padding-left: 5px;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
color: #999;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (min-width: 1024px) {
.hal-maps--full-view-favorite .hal-maps-favorite-empty span {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-maps--full-view-favorite .hal-maps-favorite-empty span {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-maps--double-view-favorite .hal-map {
width: 100vw;
max-width: 83px;
}
.hal-maps--double-view-favorite .hal-map > svg {
width: 100vw;
max-width: 83px;
}
@media (min-width: 600px) and (max-width: 1439px) {
.hal-page-body .hal-maps {
height: calc((100vw - 256px) / 2);
}
.hal-page-body .hal-maps .hal-map {
height: calc((100vw - 256px) / 2);
}
.hal-page-body .hal-maps .hal-map > svg {
height: calc((100vw - 256px) / 2);
}
.hal-page-body.hal-page-body-expanded .hal-maps {
height: calc((100vw - 120px) / 2);
}
.hal-page-body.hal-page-body-expanded .hal-maps .hal-map {
height: calc((100vw - 120px) / 2);
}
.hal-page-body.hal-page-body-expanded .hal-maps .hal-map > svg {
height: calc((100vw - 120px) / 2);
}
}
.hal-margincolumn-contact {
max-width: 300px;
margin: 3rem auto 0;
}
.hal-margincolumn-contact-info {
margin-top: 30px;
margin-bottom: 15px;
padding: 0 1rem;
}
.hal-margincolumn-contact-info p {
margin-bottom: 0;
}
.hal-margincolumn-contact-info--has-image {
text-align: center;
margin-bottom: 0;
padding: 0;
}
.hal-margincolumn-contact-avatar {
display: flex;
max-width: 170px;
margin: 10px auto 30px;
border: 1px solid #E1E8ED;
}
.hal-margincolumn-contact .hal-list li {
padding-bottom: 5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-margincolumn-contact .hal-list li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-margincolumn-contact .hal-list li {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-margincolumn-contact [class*="icon-"] {
vertical-align: text-bottom;
margin-left: 0;
margin-right: 10px;
}
.hal-margincolumn-contact [class*="icon-"].icon-phone,
.hal-margincolumn-contact [class*="icon-"].icon-fax {
margin-bottom: 2px;
}
.hal-margincolumn-contact [class*="icon-"].icon-mail {
margin-bottom: -1px;
}
.hal-margincolumn-contact .icon-mail {
color: #ff6600;
}
.hal-news-detail-cross .hal-margincolumn-contact {
margin-right: initial;
margin-left: initial;
background-color: #fff;
}
.hal-news-detail-cross .hal-margincolumn-contact > .hal-h3 {
padding-bottom: 1rem;
background-color: #F0F2F5;
}
.hal-news-detail-cross .hal-margincolumn-contact > p {
margin-left: 1rem;
margin-right: 1rem;
}
.hal-news-detail-cross .hal-margincolumn-contact .hal-list li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-news-detail-cross .hal-margincolumn-contact .hal-list li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-news-detail-cross .hal-margincolumn-contact .hal-list li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-news-detail-cross .hal-margincolumn-contact .hal-link {
font-size: 11px;
}
.hal-news-detail-cross .hal-margincolumn-contact-list {
padding: 0 1rem 1rem;
}
.hal-news-detail-cross .hal-margincolumn-contact .icon-mail {
margin-bottom: -4px;
}
.hal-news-detail-cross .hal-margincolumn-contact span {
display: none;
}
.hal-news-detail-cross--contact-only .hal-margincolumn-contact {
margin-top: 0;
}
.hal-margincolumn-teaser a {
font-size: inherit;
}
.hal-margincolumn-teaser .hal-list {
margin-top: 15px;
}
.hal-margincolumn-teaser .hal-picture:last-child {
margin-bottom: 15px;
}
.hal-margincolumn-timeline {
display: none;
overflow: visible;
font-size: 14px;
}
@media (min-width: 1024px) {
.hal-margincolumn-timeline {
display: block;
}
}
.hal-margincolumn-timeline-list {
position: relative;
overflow: visible;
left: 1rem;
padding-left: 2rem;
font-weight: bold;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.hal-margincolumn-timeline-year {
position: relative;
padding: 0;
list-style: none;
margin: 1rem 0;
}
.hal-margincolumn-timeline-year:not(:first-of-type)::before {
content: "";
position: absolute;
width: 1px;
top: -37px;
bottom: 19px;
left: -2rem;
background-color: #65798B;
}
.hal-margincolumn-timeline-month {
margin: 1.5rem 0;
font-weight: bold;
}
.hal-margincolumn-timeline-month::after {
content: "";
position: absolute;
z-index: -1;
width: 1px;
top: -24px;
bottom: 9px;
left: -4rem;
background-color: #65798B;
}
.hal-margincolumn-timeline-month-container {
visibility: hidden;
position: relative;
z-index: 1;
padding: 0;
list-style: none;
transform: scaleY(0.5);
max-height: 0;
margin-left: 20px;
opacity: 0;
transition: all 0.4s 0.2s;
}
.hal-margincolumn-timeline-input-toggle {
position: relative;
margin-bottom: 0.5rem;
}
.hal-margincolumn-timeline-input-toggle::before {
content: "";
position: absolute;
z-index: 1;
left: -29px;
width: 19px;
height: 19px;
margin-top: -3px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #65798B;
}
.hal-margincolumn-timeline-input-toggle--month::before {
content: "";
position: absolute;
left: -44px;
width: 9px;
height: 9px;
margin-top: 2px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #65798B;
transition: background-color 0.5s 0.2s;
}
.hal-margincolumn-timeline-input-state,
.hal-margincolumn-timeline-input-state--month {
display: none;
}
.hal-margincolumn-timeline-input-state:checked ~ .hal-margincolumn-timeline-month-container {
visibility: visible;
transform: scaleY(1);
max-height: 500px;
margin-top: 2rem;
margin-bottom: 2rem;
opacity: 1;
}
.hal-margincolumn-timeline-input-state:checked ~ .hal-margincolumn-timeline-input-toggle {
color: #333;
}
.hal-margincolumn-timeline-input-state:checked ~ .hal-margincolumn-timeline-input-toggle::before {
background-color: #ff6600;
box-shadow: inset 0 0 0px 3px #fff;
transition: background-color 0.5s 0.5s, box-shadow 0.5s 0.5s;
border: 2px solid #ff6600;
}
.hal-margincolumn-timeline-input-state--month:checked ~ .hal-margincolumn-timeline-input-toggle--month {
color: #333;
}
.hal-margincolumn-timeline-input-state--month:checked ~ .hal-margincolumn-timeline-input-toggle--month::before {
background-color: #ff6600;
border: 1px solid #ff6600;
}
.hal-marquee {
height: 40px;
width: 100%;
position: absolute;
z-index: 8612;
top: 26px;
box-sizing: content-box;
line-height: 40px;
overflow: hidden;
background-color: red;
}
@media (max-width: 599px) {
.hal-marquee {
display: none;
}
}
.hal-marquee-content {
width: 100%;
height: 100%;
position: relative;
padding-left: 100%;
white-space: nowrap;
font-weight: bold;
color: white;
animation: marquee 50s linear infinite;
}
.hal-marquee-content:hover {
animation-play-state: paused;
}
@keyframes marquee {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
.hal-medialibrary .hal-media-picture {
position: relative;
font: 0/0 a;
}
.hal-medialibrary .hal-media-details {
position: relative;
word-spacing: 0;
}
.hal-medialibrary .hal-media-details .hal-meta {
position: absolute;
top: 12px;
right: 10px;
text-transform: none;
}
@media (min-width: 1024px) {
.hal-medialibrary .hal-media-details .hal-meta {
top: 22px;
}
}
.hal-medialibrary .hal-media-details {
padding: 10px;
min-height: 180px;
max-height: 180px;
}
@media (min-width: 1024px) {
.hal-medialibrary .hal-media-details {
padding: 20px 10px;
}
}
.hal-medialibrary .hal-media-download {
padding: 10px;
}
@media (min-width: 1024px) {
.hal-medialibrary .hal-media-download {
padding: 20px 10px;
}
}
.hal-medialibrary .imagemodule {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
width: 50%;
}
.hal-medialibrary .imagemodule .hal-column-content {
padding: 0;
}
.hal-medialibrary .imagemodule .hal-h4 {
line-height: 1.1;
width: 75%;
}
@media (min-width: 1440px) {
.hal-page-column .hal-medialibrary .imagemodule .hal-h4 {
width: 50%;
}
}
.hal-medialibrary .imagemodule .hal-media-picture {
background-color: #F0F2F5;
min-height: 220px;
max-height: 220px;
text-align: center;
}
.hal-medialibrary .imagemodule .hal-media-picture .hal-picture {
margin: 0 auto;
width: auto;
height: 220px;
}
.hal-medialibrary .imagemodule .hal-media-picture-touch {
background-color: #F0F2F5;
min-height: 220px;
max-height: 320px;
text-align: center;
}
.hal-medialibrary .imagemodule .hal-media-picture-touch .hal-picture {
margin: 0 auto;
width: auto;
height: 220px;
}
.hal-medialibrary .textmodule {
margin-bottom: 10px;
}
.hal-medialibrary .textmodule .hal-column {
margin-bottom: 0;
}
@media (min-width: 600px) {
.hal-medialibrary .textmodule .hal-column.hal-media-picture {
width: 15%;
}
.hal-page-column--main .hal-medialibrary .textmodule .hal-column.hal-media-picture {
width: 20.8%;
}
.hal-medialibrary .textmodule .hal-column.hal-media-details {
width: 60%;
}
.hal-page-column--main .hal-medialibrary .textmodule .hal-column.hal-media-details {
width: 54.2%;
}
.hal-medialibrary .textmodule .hal-column.hal-media-download {
width: 25%;
}
}
.hal-medialibrary .textmodule .hal-column .hal-column-content {
padding: 0;
}
.hal-medialibrary .textmodule .hal-column .hal-picture {
margin-bottom: 0;
width: 100%;
height: auto;
color: inherit;
}
.hal-medialibrary .textmodule .hal-media-image-title {
position: absolute;
display: table;
width: 100%;
height: 100%;
top: 0;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-text-color--orange {
color: #ff6600;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-text-color--white {
color: #fff;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-text-width--sm {
width: 50%;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-text-width--md {
width: 75%;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-text-width--xl {
width: 100%;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-horizontal-align--left {
display: flex;
flex-direction: column;
text-align: left;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-horizontal-align--center {
display: flex;
flex-direction: column;
text-align: center;
margin: 0 auto;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-vertical-align--top {
vertical-align: top;
}
.hal-medialibrary .textmodule .hal-media-image-title .hal-vertical-align--middle {
vertical-align: middle;
}
.hal-medialibrary .textmodule .hal-media-image-title-content {
display: table-cell;
width: 100%;
word-break: break-word;
padding: 10px 20px 10px 10px;
white-space: pre-wrap;
}
.hal-medialibrary .textmodule .hal-media-image-title-content .hal-h4 {
line-height: 1;
}
@media (max-width: 599px) {
.hal-medialibrary .textmodule .hal-media-image-title-content {
padding: 10px 15px 10px 10px;
}
.hal-medialibrary .textmodule .hal-media-image-title-content .hal-h4 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (max-width: 599px) and (min-width: 1024px) {
.hal-medialibrary .textmodule .hal-media-image-title-content .hal-h4 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (max-width: 599px) and (min-width: 1440px) {
.hal-medialibrary .textmodule .hal-media-image-title-content .hal-h4 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
@media (min-width: 600px) {
.hal-medialibrary .textmodule .hal-media-details,
.hal-medialibrary .textmodule .hal-media-download {
padding: 0 10px;
}
}
.hal-medialibrary .textmodule .hal-media-details {
border-right: 1px solid #CCD6DF;
}
.hal-medialibrary .textmodule .hal-list--plain {
margin-bottom: 15px;
}
.hal-metainformation {
margin-top: 15px;
margin-bottom: 60px;
}
.hal-metainformation-details {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
color: #999;
}
@media (min-width: 1024px) {
.hal-metainformation-details {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-metainformation-details {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-metainformation-details dd,
.hal-metainformation-details dt,
.hal-metainformation-details {
margin: 0;
padding: 0;
}
.hal-metainformation-details dd,
.hal-metainformation-details dt {
display: inline-block;
float: left;
padding-bottom: 8px;
}
.hal-metainformation-details dt {
margin-right: 30px;
width: 55px;
clear: both;
}
.hal-metainformation-details dt:after {
content: ":";
}
.hal-metainformation-details[dir="rtl"] dt,
.hal-metainformation-details[dir="rtl"] dd {
float: right;
}
.hal-metainformation-details[dir="rtl"] dt {
margin-right: 0;
margin-left: 30px;
}
.hal-metainformation-links {
clear: both;
padding-top: 10px;
}
.hal-modal {
word-spacing: -0.31em;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
white-space: nowrap;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
text-transform: none;
font-weight: normal;
font-style: normal;
}
.hal-modal::before,
.hal-modal-dialog {
display: inline-block;
vertical-align: middle;
}
.hal-modal::before {
content: "";
height: 100%;
}
.hal-modal-dialog {
word-spacing: 0;
position: relative;
margin: 10vh 0;
border-radius: 3px;
padding: 13px;
min-width: 300px;
max-width: 80%;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
background-color: #fff;
color: #333;
text-align: left;
white-space: normal;
}
.hal-modal-dialog-header {
padding-right: 20px;
}
.hal-modal-dialog-close {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 40px;
height: 40px;
padding: 12px;
opacity: 0.5;
transition: opacity 0.2s;
}
.hal-modal-dialog-close:hover {
opacity: 1;
}
.hal-modal-dialog-close::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12.8%2022.4L54.4%2064l-41.6%2041.6%209.6%209.6L64%2073.6l41.6%2041.6%209.6-9.6L73.6%2064l41.6-41.6-9.6-9.6L64%2054.4%2022.4%2012.8z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-modal-dialog-close-text {
display: none;
}
.hal-modal-dialog-buttons {
text-align: right;
margin-top: 15px;
}
.hal-modal-dialog-buttons .hal-button {
margin-left: 7px;
}
.hal-search-suggestions {
z-index: 3;
position: absolute;
top: 100%;
right: 20px;
left: 20px;
border-radius: 3px;
padding: 10px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background-color: #fff;
text-align: left;
opacity: 1;
transition: opacity 0.3s;
}
@media (min-width: 1024px) {
.hal-search-suggestions {
left: auto;
right: 0;
max-width: 150%;
width: 250px;
}
}
.hal-search-suggestions.hal-is-closing {
opacity: 0;
}
.hal-search-suggestions.hal-is-closed {
display: none;
}
.hal-search-suggestions > ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: 400;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-search-suggestions > ul {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-search-suggestions > ul {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-search-suggestions a {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hal-search-suggestions a,
.hal-search-suggestions a:hover {
color: inherit;
transition: none;
}
.hal-search-suggestions-item:hover,
.hal-search-suggestions > ul:not(:hover) .hal-search-suggestions-item.hal-is-selected {
background-color: #ff6600;
color: #fff;
}
.hal-search-suggestions-item {
border-radius: 3px;
}
.hal-search-suggestions-item-result {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 3px 5px;
}
.hal-search-suggestions-item-result {
width: calc(100% - 30px);
font-weight: 400;
}
.hal-search-suggestions-item-result em {
font-weight: 600;
}
.hal-search-suggestions-item-icon {
margin: 2px 3px 0 0;
}
.hal-navigation-tab {
position: relative;
z-index: 1;
}
.hal-navigation-tab-link {
position: relative;
display: inline-block;
align-items: center;
padding: 14px 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 48px;
color: #425464;
}
@media (min-width: 600px) {
.hal-navigation-tab-link {
max-width: 15em;
}
}
.hal-navigation-tab-link:visited {
color: #425464;
}
.hal-navigation-tab-link:hover {
color: #425464;
}
.hal-navigation-tab-link:active {
color: #ff6600;
}
.hal-navigation-tab-link:focus-visible {
outline: 2px solid #0262f2;
outline-offset: -2px;
}
.hal-navigation-tab.hal-is-active .hal-navigation-tab-link {
max-width: none;
color: #ff6600;
}
.hal-navigation-tab.hal-is-active:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
border-bottom: 4px solid #ff6600;
}
.hal-navigation-tab:hover {
z-index: 2;
}
.hal-navigation-tab:hover .hal-navigation-tab-link {
max-width: none;
}
.hal-navigation-tab svg[class*=icon] {
position: relative;
top: 2px;
margin-right: 5px;
}
.hal-newslink {
display: block;
position: relative;
}
.hal-newslink-meta {
padding-top: 10px;
color: #999;
}
.hal-newslink-pin {
position: absolute;
top: 10px;
left: 0;
width: 14px;
height: 14px;
}
.hal-newslink-pin::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23111565%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M21.44%200A8.102%208.102%200%200%200%2024%2016h8v32H16C7.2%2048%200%2055.2%200%2064h48v48l7.04%2016L64%20112V64h48c0-8.8-7.2-16-16-16H80V16h8a8%208%200%201%200%200-16H24a8%208%200%200%200-1.44%200%208%208%200%200%200-.96%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
position: relative;
top: 5px;
display: block;
}
.hal-newslink-pin:hover {
padding: 1.5px;
}
.hal-newslink-pin:hover::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23111565%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22.56%200L0%2022.56l11.52%2011.52L40%2063.04%2011.52%2091.52%200%20102.56l22.56%2023.04%2011.52-11.52%2028.96-28.96%2028.48%2028.96%2011.04%2011.52%2023.04-23.04-11.52-11.04-28.96-28.48%2028.96-28.96%2011.52-11.52L102.56%200%2091.52%2011.52%2063.04%2040%2034.08%2011.52%2022.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
top: 0;
}
.hal-newslink-pin ~ .hal-newslink-meta {
text-align: right;
}
.hal-newslink-text {
display: block;
padding: 10px 0;
font-weight: bold;
}
.hal-newslink-text,
.hal-newslink-text:hover {
color: #333;
}
.hal-newslink.hal-has-icon .hal-newslink-text::before {
display: inline-block;
margin-right: 0.3em;
width: 0.8em;
height: 0.8em;
vertical-align: top;
}
.hal-newslink.hal-has-icon--internal .hal-newslink-text::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%2016v32H0v32h80v32l48-48.48L80%2016z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-newslink.hal-has-icon--external .hal-newslink-text::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200v128h128V96h-16v16H16V16h16V0H0zm64%200l24%2024-40%2040%2016%2016%2040-40%2024%2024V0H64z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-office-contact [class*='icon'] {
position: relative;
top: -0.1em;
width: 24px;
height: 24px;
min-width: 0;
margin-right: 10px;
vertical-align: middle;
}
.hal-office-links {
display: inline-block;
width: 100%;
vertical-align: top;
}
.hal-office-links .hal-h3 {
margin-top: 3rem;
}
@media (min-width: 600px) {
.hal-office-links {
width: 49.75%;
}
}
@media (min-width: 600px) {
.hal-office-links {
width: 24.875%;
}
}
@media (min-width: 1024px) {
.hal-office-links {
width: 19.9%;
}
}
@media (min-width: 1440px) {
.hal-office-links {
width: 16.58333333%;
}
}
@media (min-width: 1920px) {
.hal-office-links {
width: 14.21428571%;
}
}
@media (max-width: 599px) {
.hal-offices {
margin-bottom: 0;
}
}
.hal-offices .hal-link {
display: block;
margin-bottom: 6px;
line-height: 18px;
}
.hal-offices .hal-link [class*="icon-"] {
height: 15px;
width: 15px;
margin: 0 5px -2px 0;
}
.hal-officeslocalinfo-region {
column-count: 5;
}
@media (max-width: 599px) {
.hal-officeslocalinfo-region {
column-count: 2;
padding: 0px 8px;
}
}
.hal-officeslocalinfo-country {
display: block;
font-family: Inter;
font-weight: 600;
font-size: 12px;
line-height: 100%;
letter-spacing: 0px;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
color: #14171A;
padding-bottom: 12px;
}
.hal-office-list {
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
padding-right: 10px;
width: 50%;
}
@media (min-width: 600px) {
.hal-office-list {
margin-bottom: 30px;
padding-right: 20px;
width: 25%;
}
}
.hal-olb-incident {
display: none;
z-index: 10000;
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: 1920px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.95);
border-top: 5px solid #ff6600;
box-shadow: 0 0 10px -5px #000;
opacity: 0;
transform: translateY(calc(100% - -5px));
animation: olb-incidentIn 0.75s ease-in-out 1s forwards;
backface-visibility: hidden;
}
@media (min-width: 600px) {
.hal-olb-incident {
width: 50%;
right: auto;
}
}
.hal-olb-incident-close {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 1rem;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
color: #ff6600;
}
@media (min-width: 1024px) {
.hal-olb-incident-close {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1440px) {
.hal-olb-incident-close {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
.hal-olb-incident-close--text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
padding: 2rem 1.5rem 1.5rem 1.5rem;
}
@media (min-width: 1024px) {
.hal-olb-incident-close--text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-olb-incident-close--text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
@media (max-width: 1023px) {
.hal-olb-incident-close--text {
position: relative;
float: right;
padding-top: 0;
}
}
.hal-olb-incident-info {
position: relative;
margin: 2rem;
max-width: 80%;
color: #333;
}
@media (max-width: 599px) {
.hal-olb-incident-info {
margin: 1rem auto;
max-width: 65%;
}
}
@media (min-width: 1024px) {
.hal-olb-incident-info {
max-width: 70%;
}
}
@media (min-width: 1920px) {
.hal-olb-incident-info {
max-width: 75%;
}
}
.hal-olb-incident-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.hal-olb-incident-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-incident-info-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-olb-incident-info-link {
font-weight: normal;
}
@keyframes olb-incidentIn {
0% {
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.hal-page-status {
color: white;
position: absolute;
z-index: 8612;
top: 0px;
width: 100%;
padding: 2px 0 0 0;
text-align: center;
}
@media (max-width: 599px) {
.hal-page-status {
display: none;
}
}
.hal-page-status--green {
background-color: #006600;
}
.hal-page-status--yellow {
background-color: #E8A317;
color: #000;
}
.hal-page-status--red {
background-color: #980000;
}
.hal-portal-status--text-wrapper {
display: block;
width: 100%;
padding: 30px;
border: 1px solid #e5e5e5;
background-color: #f6f6f6;
text-align: center;
}
.hal-container-tracing {
width: 100%;
}
.hal-container-tracing-panel {
padding: 24px 22px 17px;
}
.hal-container-tracing-head {
margin-bottom: 6px;
}
.hal-container-tracing-body {
display: flex;
}
@media (max-width: 599px) {
.hal-container-tracing-body {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
.hal-container-tracing-icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.hal-container-tracing-icon svg {
color: #33424F;
}
.hal-container-tracing .hal-label {
display: inline-block;
font-weight: 400;
letter-spacing: -0.2px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-container-tracing .hal-label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-container-tracing .hal-label {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-container-tracing .hal-input-wrapper {
display: flex;
width: calc(100% - 120px);
flex-direction: column;
margin-right: 15px;
}
@media (max-width: 599px) {
.hal-container-tracing .hal-input-wrapper {
width: 100%;
margin-right: 0;
}
}
.hal-container-tracing .hal-input-label {
font-size: 14px;
line-height: 20px;
min-height: 20px;
}
.hal-container-tracing .hal-input {
width: 100%;
height: 40px;
background: #fff;
}
.hal-container-tracing .hal-button-wrapper {
margin-left: auto;
margin-top: 20px;
}
.hal-container-tracing .hal-button {
min-width: 105px;
height: 40px;
}
.hal-contentqat {
width: 100%;
}
.hal-contentqat-panel {
display: block;
padding: 24px 22px 33px;
min-height: 145px;
background: #F0F2F5;
}
.hal-contentqat-head {
display: block;
margin-bottom: 16px;
}
.hal-contentqat-icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.hal-contentqat-icon svg {
color: #33424F;
}
.hal-contentqat .hal-label {
display: inline-block;
font-weight: 400;
letter-spacing: -0.2px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-contentqat .hal-label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-contentqat .hal-label {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-contentqat-body {
display: flex;
}
.hal-contentqat-text-wrapper {
display: flex;
flex-direction: column;
margin-right: 24px;
}
.hal-contentqat-text {
margin-bottom: 0;
font-weight: normal;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
letter-spacing: -0.2px;
}
@media (min-width: 1024px) {
.hal-contentqat-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-contentqat-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-contentqat-button-wrapper {
display: flex;
flex-direction: column;
align-self: flex-end;
flex-shrink: 0;
margin-left: auto;
}
.hal-contentqat-button-wrapper > svg {
filter: invert(61%) sepia(68%) saturate(5984%) hue-rotate(0deg) brightness(103%) contrast(109%);
}
.hal-contentqat .hal-button {
height: 40px;
}
.hal-contentqat-wrapper,
.hal-contentqat-wrapper:hover,
.hal-contentqat-wrapper:visited {
color: #333;
}
.hal-schedule {
width: 100%;
position: relative;
}
.hal-schedule-panel {
display: block;
min-height: 155px;
background: #F0F2F5;
padding: 24px 22px 30px;
}
@media (max-width: 599px) {
.hal-schedule-panel.hal-replaced {
display: none;
}
}
.hal-schedule-head {
margin-bottom: 6px;
}
.hal-schedule-body {
display: flex;
}
@media (max-width: 599px) {
.hal-schedule-body {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
.hal-schedule-body .hal-button {
margin-top: 20px;
}
.hal-schedule-icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.hal-schedule-icon svg {
color: #33424F;
}
.hal-schedule .hal-label {
display: inline-block;
font-weight: 400;
letter-spacing: -0.2px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-schedule .hal-label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-schedule .hal-label {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-schedule .hal-input-wrapper {
display: flex;
width: calc((100% - 190px) / 2);
flex-direction: column;
margin-right: 15px;
}
@media (max-width: 599px) {
.hal-schedule .hal-input-wrapper {
width: calc(50% - 11px);
margin-right: 0;
}
}
.hal-schedule .hal-input-label {
font-size: 14px;
line-height: 20px;
min-height: 20px;
}
.hal-schedule .hal-input {
width: 100%;
height: 40px;
background: #fff;
}
.hal-schedule .hal-calendar-icon {
display: inline-block;
vertical-align: middle;
margin: 20px 15px 0 0;
cursor: pointer;
}
.hal-schedule .hal-calendar-icon svg {
color: #ff6600;
}
.hal-schedule .hal-calendar-icon.disabled {
cursor: initial;
opacity: 0.4;
}
.hal-schedule .hal-button {
min-width: 105px;
height: 40px;
}
.hal-schedule .hal-location-suggestions {
position: absolute;
background: #fff;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
z-index: 100;
}
.hal-schedule .hal-location-suggestions > ul {
padding: 10px;
}
.hal-schedule .hal-location-suggestions-item {
padding: 0 3px;
}
.hal-schedule .hal-location-suggestions-item:hover,
.hal-schedule .hal-location-selected {
cursor: pointer;
background: #ff6600;
color: #fff;
}
.hal-schedule-text-wrapper {
display: flex;
flex-direction: column;
margin-right: 24px;
margin-top: 10px;
}
.hal-schedule-text {
margin-bottom: 0;
font-weight: normal;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
letter-spacing: -0.2px;
}
@media (min-width: 1024px) {
.hal-schedule-text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-schedule-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-schedule-fallback {
margin-top: 7px;
}
.hal-richtext {
word-spacing: 0;
}
.hal-richtext a {
font-size: inherit;
}
.hal-richtext ul,
.hal-richtext ol,
.hal-richtext li:not(.hal-gallery-slide) {
list-style: none;
margin: 0;
padding: 0;
}
.hal-richtext ul:not(.hal-gallery-slides),
.hal-richtext ol {
margin: 15px 0;
}
.hal-richtext li:not(.hal-gallery-slide) {
position: relative;
padding-left: 24px;
padding-bottom: 5px;
}
.hal-richtext li:not(.hal-gallery-slide) ul,
.hal-richtext li:not(.hal-gallery-slide) ol {
margin-bottom: 0;
}
.hal-richtext li:not(.hal-gallery-slide) ul > li:last-child,
.hal-richtext li:not(.hal-gallery-slide) ol > li:last-child {
padding-bottom: 0;
}
.hal-richtext li:not(.hal-gallery-slide):before {
display: inline-block;
position: absolute;
left: 0;
width: 24px;
height: 1em;
}
.hal-richtext ul > li:not(.hal-gallery-slide):before {
content: '●';
padding: 2px 0 0 5px;
font-size: 8px;
line-height: 2em;
}
.hal-richtext ol {
counter-reset: section;
}
.hal-richtext ol > li:before {
counter-increment: section;
content: counter(section) ". ";
}
.hal-richtext[dir="rtl"] li,
*[dir="rtl"] .hal-richtext:not([dir="ltr"]) li {
padding-right: 24px;
}
.hal-richtext[dir="rtl"] li:before,
*[dir="rtl"] .hal-richtext:not([dir="ltr"]) li:before {
left: auto;
right: 5px;
}
.hal-richtext[dir="rtl"] ol > li:before,
*[dir="rtl"] .hal-richtext:not([dir="ltr"]) ol > li:before {
counter-increment: section;
content: counter(section, arabic-indic) ".";
right: 0;
}
.hal-richtext .parbase {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.hal-richtext .parbase small {
display: block;
margin-bottom: 10px;
}
.hal-searchfilter .hal-searchfilter-resetLinkText {
display: inline-block;
padding: 5px 10px;
font-family: Inter;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 600;
color: #425464;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
@media (min-width: 1024px) {
.hal-searchfilter .hal-searchfilter-resetLinkText {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-searchfilter .hal-searchfilter-resetLinkText {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-searchfilter {
margin-top: 30px;
}
.hal-searchfilter .hal-filteritem {
display: inline-block;
margin-right: 12px;
margin-bottom: 12px;
font-size: 0;
}
.hal-searchfilter--secondary .hal-filteritem-text {
background: #fff;
}
.hal-search {
position: relative;
min-height: 40px;
}
.hal-search .hal-input,
.hal-search .hal-button {
vertical-align: middle;
}
.hal-search .hal-input::-ms-clear {
display: none;
}
.hal-search .hal-input {
padding-right: 40px;
width: 350px;
max-width: 60%;
font-size: 14px;
line-height: 1em;
}
.hal-search .hal-button {
margin-left: 10px;
}
@media (max-width: 599px) {
.hal-search .hal-button {
display: none;
}
.hal-search .hal-input {
width: 100%;
max-width: none;
}
}
.hal-search-button {
font: 0/0 a;
text-shadow: none;
color: transparent;
width: 40px;
height: 40px;
margin-left: -40px;
padding: 9px;
vertical-align: middle;
}
.hal-search-button::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20fill%3D%22%23111565%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill%3D%22%23999%22%20d%3D%22M18%2019.51l-3.59-5.4A5.7%205.7%200%200%200%2017%209a5.64%205.64%200%200%200-6-6%205.63%205.63%200%200%200-6%206%205.63%205.63%200%200%200%206%206%207.15%207.15%200%200%200%201.84-.25L17%2021zM6.67%209A4%204%200%200%201%2011%204.66%204%204%200%200%201%2015.35%209%204%204%200%200%201%2011%2013.34%204%204%200%200%201%206.67%209z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
pointer-events: none;
}
.hal-search-input--icon-toggle ~ .hal-search-button {
pointer-events: none;
transition: opacity 0.1s;
}
.hal-search-input--icon-toggle:focus ~ .hal-search-button,
.hal-search-input--icon-toggle:valid ~ .hal-search-button {
opacity: 0;
}
.hal-search-offices {
padding-top: 27px;
}
.hal-search-offices .hal-input {
height: 32px;
background: #fff;
}
.hal-search-offices .hal-search-suggestions {
left: 0;
right: 0;
margin: 0 auto;
}
.hal-section-headline {
position: relative;
margin: 0 30px;
padding: 30px 0 15px;
text-align: center;
}
.hal-section-headline.hal-module--border {
border-top: 3px solid #CCD6DF;
}
@media (max-width: 599px) {
.hal-section-headline {
margin: 0 10px;
}
}
.hal-section-headline::after {
content: '';
display: inline-block;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -20px;
width: 40px;
height: 5px;
background-color: #ff6600;
}
.hal-section-headline .hal-h4 {
margin-bottom: 5px;
color: #33424F;
font-weight: 100;
}
.hal-page-container--first .hal-section-headline {
border-top: none;
}
.page-local-info #js-ajax-dest .sectionheadline:first-child .hal-section-headline.hal-module--border {
border-top: none;
}
.hal-servicefavorites .hal-service-picture {
position: relative;
}
.hal-servicefavorites .hal-service-details {
position: relative;
word-spacing: 0;
}
.hal-servicefavorites .hal-service-details .hal-meta {
position: absolute;
top: 12px;
right: 10px;
text-transform: none;
}
@media (min-width: 1024px) {
.hal-servicefavorites .hal-service-details .hal-meta {
top: 22px;
}
}
.hal-servicefavorites .hal-service-details,
.hal-servicefavorites .hal-service-actions {
padding: 10px;
}
@media (min-width: 1024px) {
.hal-servicefavorites .hal-service-details,
.hal-servicefavorites .hal-service-actions {
padding: 20px 10px;
}
}
.hal-servicefavorites .favorite-service {
margin-bottom: 20px;
}
.hal-servicefavorites .favorite-service .hal-column {
margin-bottom: 0;
}
@media (min-width: 600px) {
.hal-servicefavorites .favorite-service .hal-column.hal-service-picture {
width: 33%;
}
.hal-page-column--main .hal-servicefavorites .favorite-service .hal-column.hal-service-picture {
width: 33%;
}
.hal-servicefavorites .favorite-service .hal-column.hal-service-details {
width: 52%;
}
.hal-page-column--main .hal-servicefavorites .favorite-service .hal-column.hal-service-details {
width: 52%;
}
.hal-servicefavorites .favorite-service .hal-column.hal-service-actions {
width: 15%;
}
.hal-page-column--main .hal-servicefavorites .favorite-service .hal-column.hal-service-actions {
width: 15%;
}
.hal-servicefavorites .favorite-service .hal-column.hal-service-actions .hal-link span,
.hal-servicefavorites .favorite-service .hal-column.hal-service-actions .hal-link svg {
vertical-align: middle;
}
.hal-servicefavorites .favorite-service .hal-column.hal-service-actions .hal-service-actions-controls {
padding-top: 15px;
}
}
.hal-servicefavorites .favorite-service .hal-column .hal-column-content {
padding: 0;
}
.hal-servicefavorites .favorite-service .hal-column .hal-picture {
margin-bottom: 0;
width: 100%;
height: auto;
color: inherit;
}
@media (min-width: 600px) {
.hal-servicefavorites .favorite-service .hal-service-details,
.hal-servicefavorites .favorite-service .hal-service-actions {
padding: 0 10px;
}
}
.hal-servicefavorites .favorite-service .hal-service-details {
border-right: 2px solid #e5e5e5;
}
.hal-servicefavorites .favorite-service .hal-list--plain {
margin-bottom: 15px;
}
.hal-share .icon-mail,
.hal-share .icon-facebook,
.hal-share .icon-linkedin {
padding: 6px;
color: #fff;
}
.hal-share-wrapper {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
.hal-share-icon {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
width: 40px;
height: 40px;
transition: all 0.25s;
}
.hal-share-icon:first-of-type {
border-radius: 3px 0 0 3px;
}
.hal-share-icon:last-of-type {
border-radius: 0 3px 3px 0;
}
.hal-share-icon--mail {
background-color: #ff6600;
}
.hal-share-icon--mail:hover {
background-color: #A34100;
}
.hal-share-icon--facebook {
background-color: #3b579d;
}
.hal-share-icon--facebook:hover {
background-color: #344d8a;
}
.hal-share-icon--linkedin {
background-color: #007bb5;
}
.hal-share-icon--linkedin:hover {
background-color: #006a9c;
}
@media print {
.hal-share {
display: none;
}
}
.hal-shortlink {
position: relative;
display: block;
padding: 10px 0;
font-weight: bold;
}
.hal-shortlink.hal-is-action {
white-space: nowrap;
}
.hal-shortlink.hal-is-action::after {
display: inline-block;
margin-left: 0.5em;
width: 0.8em;
height: 0.8em;
position: absolute;
top: 0.8em;
}
.hal-shortlink.hal-is-action--more::after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%200L16%2024l40%2040-40%2040%2024%2024%2064-64L40%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-is-action--remove::after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22.56%200L0%2022.56l11.52%2011.52L40%2063.04%2011.52%2091.52%200%20102.56l22.56%2023.04%2011.52-11.52%2028.96-28.96%2028.48%2028.96%2011.04%2011.52%2023.04-23.04-11.52-11.04-28.96-28.48%2028.96-28.96%2011.52-11.52L102.56%200%2091.52%2011.52%2063.04%2040%2034.08%2011.52%2022.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon {
padding-left: 20px;
}
.hal-shortlink.hal-has-icon::before {
position: absolute;
top: 12px;
left: 0;
display: inline-block;
width: 1em;
height: 1em;
}
.hal-shortlink.hal-has-icon--home::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M64%200C28.64%200%200%2028.64%200%2064s28.64%2064%2064%2064%2064-28.64%2064-64S99.36%200%2064%200zm0%2016c5.28%200%2010.24%201.44%2015.04%203.04-3.36%203.2-7.2%206.08-6.56%208.96.64%202.88%2011.04%202.08%2011.04%208%200%204.32-6.72%205.6-2.08%2010.56%205.6%205.6-10.24%2015.68-10.56%2023.04-.48%2013.28%2013.44%2015.52%2024.48%2015.52%206.72%200%208.48%203.2%208%207.04-8.64%2012.32-23.36%2020-39.52%2020-6.08%200-11.68-1.44-16.96-3.52%203.52-7.04-4.48-20.96-12-25.44-3.68-3.68-11.52-2.24-16-4-1.44-4.32-2.88-8.64-3.04-13.44.48-.8%201.28-1.44%202.56-1.44%203.04%200%207.2%206.08%209.44%205.44C30.72%2069.12%2016%2048.8%2022.88%2044.8c3.2-1.92%209.6%206.24%207.52-2.56-1.92-8.16%205.76-4.48%2010.56-6.56%204.16-1.76%207.2-6.56%202.08-9.44-.96-.48-2.08-1.6-3.52-3.04%207.2-4.32%2015.52-7.04%2024.48-7.04zm36.96%2017.44c2.88%203.52%205.12%207.36%207.04%2011.52v.48c-.64%201.12-1.76%201.76-3.52%203.52-4.48%204.48-5.12-3.36-7.04-4.96-2.08-1.92-9.6.32-10.56-2.08-1.12-2.88%208-6.72%2014.08-8.48z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--about::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%200c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016%2016-7.2%2016-16S88.8%200%2080%200zM56%2040c-13.28%200-24%2010.72-24%2024h16c0-4.48%203.52-8%208-8s8%203.52%208%208-16%2026.24-16%2040c0%2013.76%2010.72%2024%2024%2024s24-10.72%2024-24H80c0%204.48-3.52%208-8%208s-8-3.52-8-8c0-5.76%2016-29.44%2016-40%200-12.96-10.72-24-24-24z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--compass::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M64%200C28.8%200%200%2028.8%200%2064s28.8%2064%2064%2064%2064-28.8%2064-64S99.2%200%2064%200zm0%2016c26.56%200%2048%2021.44%2048%2048s-21.44%2048-48%2048-48-21.44-48-48%2021.44-48%2048-48zm32%2016L48%2048%2032%2096l48-16%2016-48zM64%2056c4.48%200%208%203.52%208%208s-3.52%208-8%208-8-3.52-8-8%203.52-8%208-8z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--compliance::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%204%205%22%3E%0A%20%20%20%20%3Ctext%20transform%3D%22translate(-.013%20.05)%20scale(1.093)%22%20x%3D%22-.36%22%20y%3D%22-.58%22%20stroke%3D%22null%22%20font-size%3D%224.603%22%20font-family%3D%22Arial%22%20font-weight%3D%22bold%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ctspan%20y%3D%223.42%22%20x%3D%22.138%22%3E%C2%A7%3C%2Ftspan%3E%0A%20%20%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--fleet-support::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2015%2017%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M13.5%2015c-1.043%200-2.085-.352-3-.994-1.83%201.283-4.17%201.283-6%200-.915.642-1.958.994-3%20.994H0v1.5h1.5c1.03%200%202.055-.26%203-.746%201.89.97%204.11.97%206%200%20.945.484%201.97.746%203%20.746H15V15h-1.5zM1.46%2013.5h.04c1.2%200%202.27-.66%203-1.5.73.84%201.8%201.5%203%201.5s2.27-.66%203-1.5c.735.84%201.796%201.5%203%201.5h.04l1.423-5.014c.063-.19.045-.4-.045-.58-.094-.18-.255-.316-.45-.372l-.968-.32V3.75c0-.83-.67-1.5-1.5-1.5H9.75V0h-4.5v2.25H3c-.83%200-1.5.67-1.5%201.5v3.465l-.964.315c-.195.06-.356.19-.45.37-.093.18-.108.39-.045.582L1.46%2013.5zM3%203.75h9v2.974L7.5%205.25%203%206.724V3.75z%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--glossary::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M48%200v16H16L0%2032l16%2016h32v80h16V64h32l16-16-16-16H64V0H48z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--it-info::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5.44%200A8%208%200%200%200%200%208v80a8%208%200%200%200%208%208h40v16H32c-8.8%200-16%207.2-16%2016h96c0-8.8-7.2-16-16-16H80V96h40a8%208%200%200%200%208-8V8a8%208%200%200%200-8-8H8a8%208%200%200%200-1.44%200%208%208%200%200%200-.96%200zM16%2016h96v64H16V16z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--jobs::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M96%200v96c.48.16%201.12%200%201.44%200h12.96c.8%200%201.44-.64%201.44-1.44V1.6c0-.96-.64-1.44-1.44-1.44H95.84zM80%208L33.44%2031.52c-.8.32-2.08.48-3.04.48H1.44C.48%2032%200%2032.64%200%2033.44V62.4c0%20.96.64%201.44%201.44%201.44H16l16.48%2043.52c1.76%204%207.04%205.76%2011.04%204%204-1.76%205.76-7.04%204-11.04l-12-28.48C36%2069.6%2037.6%2068.32%2040%2068.32v-.48l40%2020v-80z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--manuals::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16%200c-1.12%200-2.08.16-3.04.48C6.72%201.76%201.76%206.72.48%2012.96%200%2013.92%200%2014.88%200%2016v88c0%2013.28%2010.72%2024%2024%2024h88v-16H24c-4.48%200-8-3.52-8-8s3.52-8%208-8h88V8c0-4.48-3.52-8-8-8h-8v48L80%2032%2064%2048V0H16z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--organisation-charts::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M24%200C10.72%200%200%2010.72%200%2024c0%2010.56%206.56%2019.2%2016%2022.56V81.6c-9.44%203.2-16%2012-16%2022.56%200%2013.28%2010.72%2024%2024%2024s24-10.72%2024-24c0-9.6-5.44-17.6-13.44-21.44%201.44-1.44%203.36-2.56%205.44-2.56h32c13.12%200%2024-10.88%2024-24v-9.44c9.44-3.2%2016-12%2016-22.56%200-13.28-10.72-24-24-24s-24%2010.72-24%2024c0%2010.56%206.56%2019.2%2016%2022.56v9.44c0%204.48-3.52%208-8%208H40c-2.72%200-5.6.64-8%201.44V46.56c9.44-3.2%2016-12%2016-22.56C48%2010.72%2037.28%200%2024%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--people-search::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M88%200c-8.16%200-15.2%205.6-19.52%2014.08C75.68%2022.72%2080%2034.56%2080%2048.16c0%204.64-.48%208.8-1.44%2012.96%203.04%201.76%206.08%203.04%209.44%203.04%2013.28%200%2024-14.4%2024-32s-10.72-32-24-32zM40%2016c-13.28%200-24%2014.4-24%2032s10.72%2032%2024%2032%2024-14.4%2024-32-10.72-32-24-32zm76%2050.56C109.12%2074.72%2099.68%2079.68%2088.96%2080%2093.28%2086.08%2096%2093.44%2096%20101.44V112h32V85.44c0-8.32-4.96-15.52-12-19.04zm-104%2016C4.96%2086.08%200%2093.28%200%20101.6v26.56h80V101.6c0-8.32-4.96-15.52-12-19.04C60.8%2091.04%2051.04%2096%2040%2096s-20.8-5.12-28-13.44z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--processes::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200v112h16V0H0zm112%200v112h16V0h-16zM32%2016v16h32V16H32zm16%2032v16h32V48H48zm16%2032v16h32V80H64z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--sales-tool-box::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M88%200C65.92%200%2048%2017.92%2048%2040c0%205.12%201.28%209.92%203.04%2014.56L4.48%20100.64c-6.24%206.24-6.24%2016.8%200%2023.04%203.2%203.2%207.36%204.48%2011.52%204.48%204.16%200%208.32-1.44%2011.52-4.48L73.6%2077.12c4.48%201.76%209.28%203.04%2014.56%203.04%2022.08%200%2040-17.92%2040-40%200-2.56%200-5.12-.48-7.52l-15.52%2015.52h-32v-32L95.68.64c-2.4-.48-4.96-.48-7.52-.48zM16%20104c4.48%200%208%203.52%208%208s-3.52%208-8%208-8-3.52-8-8%203.52-8%208-8z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--travel-portal::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.79%209.92c-.354-.156-.694-.32-1.024-.49-.33-.172-.552-.324-.665-.46-.044-.046-.044-.114%200-.206.046-.09.114-.176.204-.255.092-.08.194-.155.307-.223.116-.07.206-.102.275-.102H3.85c.024%200%20.05-.006.086-.017.034-.01.067-.022.102-.034.033-.012.068-.03.1-.05.036-.024.064-.047.087-.07L6.61%205.628c.07-.09.115-.176.137-.256.022-.08.028-.164.017-.255-.012-.09-.05-.17-.12-.238-.068-.07-.148-.116-.238-.138-1.16-.364-2.11-.665-2.848-.903-.74-.24-1.443-.468-2.113-.683-.668-.217-1.082-.36-1.242-.43C.067%202.66%200%202.565%200%202.438c0-.123.05-.254.153-.39.102-.136.232-.25.392-.34.16-.093.306-.126.443-.103.59%200%201.358.05%202.3.153.945.102%201.865.217%202.763.34.9.125%202.008.29%203.326.495h.1c.048%200%20.087-.006.12-.018.036-.01.07-.027.104-.05.032-.022.06-.046.083-.068l1.398-1.432c.366-.32.673-.552.923-.698.25-.15.51-.25.784-.307.272-.06.5.014.682.22h.032c.183.204.246.442.19.714-.058.274-.16.534-.308.784-.147.25-.38.545-.698.887l-1.398%201.397c-.023.046-.046.085-.068.12-.023.033-.04.067-.05.102-.013.033-.024.068-.036.1-.012.036-.017.076-.017.12.205%201.297.37%202.4.494%203.308.125.91.24%201.836.34%202.778.104.943.155%201.71.155%202.302.023.136-.012.277-.102.426-.092.148-.2.272-.325.375-.125.102-.256.16-.39.17-.138.012-.24-.062-.308-.22-.07-.16-.212-.57-.427-1.23-.217-.657-.438-1.357-.665-2.096L9.1%207.4c-.044-.093-.1-.165-.17-.222-.067-.057-.14-.098-.22-.12-.08-.023-.165-.023-.256%200-.09.022-.17.068-.24.136l-2.42%202.42c-.022.024-.044.05-.067.086-.022.034-.04.063-.05.086-.013.022-.02.05-.02.084v3.085c0%20.07-.032.155-.1.256-.07.104-.15.207-.24.31-.09.1-.175.175-.255.22-.08.047-.153.047-.22%200-.115-.135-.257-.37-.427-.698-.17-.33-.336-.664-.495-1.005-.16-.34-.352-.784-.58-1.33-.045-.045-.08-.084-.102-.12-.023-.033-.045-.056-.07-.066-.02-.012-.044-.03-.067-.052-.52-.204-.96-.386-1.31-.546%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--vessel-tracker::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M64%200C37.44%200%2016%2021.44%2016%2048c0%2032%2048%2080%2048%2080s48-48%2048-80c0-26.56-21.44-48-48-48zm0%2016c17.76%200%2032%2014.4%2032%2032%200%2017.76-14.24%2032-32%2032-17.6%200-32-14.24-32-32%200-17.6%2014.4-32%2032-32z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--internal::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%2016v32H0v32h80v32l48-48.48L80%2016z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-shortlink.hal-has-icon--external::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200v128h128V96h-16v16H16V16h16V0H0zm64%200l24%2024-40%2040%2016%2016%2040-40%2024%2024V0H64z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-social-media {
position: relative;
text-align: center;
}
.hal-social-media[dir="rtl"] .hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-social-media[dir="rtl"] .hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-social-media[dir="rtl"] .hal-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-social-media[dir="rtl"] svg[class*="icon"]:not(.hal-social-media-icon) {
transform: scaleX(-1);
}
@media (min-width: 600px) {
.hal-social-media-channel {
display: inline-block;
width: 16%;
}
}
.hal-social-media-channel-wrap {
display: inline-block;
margin: 0 auto;
padding-bottom: 5px;
min-width: 200px;
width: 30%;
text-align: left;
}
@media (max-width: 599px) {
.hal-social-media-channel-wrap {
width: 50%;
}
}
@media (min-width: 600px) {
.hal-social-media-channel-wrap {
padding-bottom: 15px;
min-width: 0;
width: auto;
text-align: center;
}
}
.hal-social-media-icon {
padding: 1rem;
width: 50px;
height: 50px;
color: #fff;
}
@media (min-width: 600px) {
.hal-social-media-icon {
padding: 1.5rem;
width: 72px;
height: 72px;
}
}
.hal-social-media-link {
display: inline-block;
float: left;
}
.hal-social-media-link.hal-link {
padding: 20px 0 0 30px;
}
@media (min-width: 600px) {
.hal-social-media-link {
display: block;
float: none;
}
.hal-social-media-link.hal-link {
display: block;
padding: 0;
}
}
.hal-social-media-link--icon {
width: 72px;
height: 72px;
border-radius: 50%;
background-color: currentColor;
}
@media (max-width: 599px) {
.hal-social-media-link--icon {
width: 50px;
height: 50px;
}
}
@media (min-width: 600px) {
.hal-social-media-link--icon {
margin-bottom: 10px;
}
}
.hal-social-media-link--icon:hover {
background-color: currentColor;
}
a.hal-social-media-facebook {
color: #3b579d;
}
a.hal-social-media-facebook:hover,
a.hal-social-media-facebook:visited {
color: #344d8a;
}
a.hal-social-media-x {
color: #55acee;
}
a.hal-social-media-x:hover,
a.hal-social-media-x:visited {
color: #3ea1ec;
}
a.hal-social-media-tiktok {
color: #ff0050;
}
a.hal-social-media-tiktok:hover,
a.hal-social-media-tiktok:visited {
color: #e60048;
}
a.hal-social-media-linkedin {
color: #007bb5;
}
a.hal-social-media-linkedin:hover,
a.hal-social-media-linkedin:visited {
color: #006a9c;
}
a.hal-social-media-youtube {
color: #e52d27;
}
a.hal-social-media-youtube:hover,
a.hal-social-media-youtube:visited {
color: #d8201a;
}
a.hal-social-media-instagram {
color: #4999da;
}
a.hal-social-media-instagram:hover,
a.hal-social-media-instagram:visited {
color: #348dd6;
}
a.hal-social-media-wechat {
color: #2dc100;
}
a.hal-social-media-wechat:hover,
a.hal-social-media-wechat:visited {
color: #27a800;
}
.hal-social-media--people .hal-list--plain {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: 0 -0.5rem;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person {
position: relative;
display: inline-block;
padding: 0 0.5rem;
margin-bottom: 2rem;
vertical-align: top;
text-align: center;
width: 178px;
max-width: 50%;
box-sizing: content-box;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-details {
position: relative;
padding-bottom: 1.75em;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-name {
margin-bottom: 0.25rem;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-role {
min-height: 2.6em;
display: block;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-info {
white-space: pre-line;
min-height: 2.6em;
display: block;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-link {
display: block;
text-align: center;
float: none;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-phone {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
white-space: nowrap;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-phone *[class*='icon'] {
position: relative;
top: -0.05em;
vertical-align: middle;
margin-left: -4px;
}
@media (max-width: 600px) {
.hal-social-media--people .hal-list--plain .hal-social-media-person {
width: 50%;
max-width: none;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-avatar {
float: left;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-avatar + * {
margin-left: 90px;
text-align: left;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-role {
min-height: 0;
margin-bottom: 0.25rem;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-info {
min-height: 0;
margin-bottom: 0.25rem;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-details {
padding-bottom: 0;
}
.hal-social-media--people .hal-list--plain .hal-social-media-person .hal-social-media-person-phone {
position: static;
}
}
@media (max-width: 599px) {
.hal-social-media--people .hal-list--plain .hal-social-media-person {
width: 100%;
}
}
.hal-social-media--people[dir="rtl"] .hal-list--plain .hal-social-media-person-details {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 300;
}
@media (min-width: 1024px) {
.hal-social-media--people[dir="rtl"] .hal-list--plain .hal-social-media-person-details {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-social-media--people[dir="rtl"] .hal-list--plain .hal-social-media-person-details {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-social-media--people[dir="rtl"] .hal-list--plain .hal-social-media-person-phone {
padding-left: 1.5rem;
}
.hal-social-media--people[dir="rtl"] .hal-list--plain .hal-social-media-person-phone span {
float: left;
}
.hal-stagebeacon {
position: relative;
max-width: 1920px;
margin: 0 auto 0;
overflow: hidden;
height: 90.75vw;
}
@media (min-width: 601px) {
.hal-stagebeacon {
height: 37.75vw;
}
}
@media (min-width: 1025px) {
.hal-stagebeacon {
height: 580px;
}
}
@media (min-width: 1232px) {
.hal-stagebeacon {
height: 650px;
margin-top: -1px;
margin-bottom: -70px;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon {
height: 800px;
margin-top: -155px;
margin-bottom: -140px;
}
}
@media (min-width: 1920px) {
.hal-stagebeacon {
height: 900px;
}
}
.hal-stagebeacon.hal-module--text {
height: auto;
min-height: 200px;
margin-bottom: 0;
}
@media (max-width: 599px) {
.hal-stagebeacon.hal-module--text {
min-height: 150px;
}
}
@media (min-width: 1024px) {
.hal-stagebeacon.hal-module--text {
min-height: 250px;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon--breadcrumb {
margin-top: -220px;
}
}
.hal-stagebeacon-image {
width: 100%;
position: absolute;
}
.hal-stagebeacon-content {
position: relative;
top: 30px;
left: 0;
width: 100%;
max-width: 1130px;
margin: 0 auto;
padding: 0 10px 80px;
}
@media (min-width: 600.1px) {
.hal-stagebeacon-content {
max-width: 1130px;
}
}
@media (min-width: 600px) {
.hal-stagebeacon-content {
top: 50px;
max-width: 1130px;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024.1px) {
.hal-stagebeacon-content {
max-width: 1380px;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon-content {
max-width: 1130px;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon-content {
top: 230px;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon-content--breadcrumb {
top: 250px;
}
}
.hal-module--text .hal-stagebeacon-content {
position: relative;
left: auto;
transform: none;
top: 50px;
}
@media (max-width: 599px) {
.hal-module--text .hal-stagebeacon-content {
margin-left: 0;
margin-right: 0;
top: 30px;
}
}
@media (min-width: 1440px) {
.hal-module--text .hal-stagebeacon-content {
top: 230px;
padding-bottom: 280px;
}
}
.hal-stagebeacon--landingpage .hal-align-center {
margin: 0px auto;
}
@media (min-width: 1024px) {
.hal-stagebeacon--landingpage:not([dir="rtl"]) .hal-width-xs {
max-width: 25%;
}
.hal-stagebeacon--landingpage:not([dir="rtl"]) .hal-width-sm {
max-width: 33%;
}
.hal-stagebeacon--landingpage:not([dir="rtl"]) .hal-width-md {
max-width: 50%;
}
.hal-stagebeacon--landingpage:not([dir="rtl"]) .hal-width-lg {
max-width: 66%;
}
.hal-stagebeacon--landingpage:not([dir="rtl"]) .hal-width-xl {
max-width: 75%;
}
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0,
.hal-stagetext .hal-h0,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
@media (min-width: 1024px) {
.hal-stagebeacon:not([dir="rtl"]) .hal-h0,
.hal-stagetext .hal-h0,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon:not([dir="rtl"]) .hal-h0,
.hal-stagetext .hal-h0,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
@media (min-width: 1024px) {
.hal-stagebeacon:not([dir="rtl"]) .hal-h0,
.hal-stagetext .hal-h0,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0 {
min-height: 55px;
padding-bottom: 5px;
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-xs,
.hal-stagetext .hal-h0.hal-width-xs,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-xs {
max-width: 25%;
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-sm,
.hal-stagetext .hal-h0.hal-width-sm,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-sm {
max-width: 33%;
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-md,
.hal-stagetext .hal-h0.hal-width-md,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-md {
max-width: 50%;
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-lg,
.hal-stagetext .hal-h0.hal-width-lg,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-lg {
max-width: 66%;
}
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-xl,
.hal-stagetext .hal-h0.hal-width-xl,
.hal-stagebeacon:not([dir="rtl"]) .hal-h0.hal-width-xl {
max-width: 75%;
}
}
.hal-stagebeacon[dir="rtl"] .hal-h0,
.hal-stagetext[dir="rtl"] .hal-h0 {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.08695652;
}
@media (min-width: 1024px) {
.hal-stagebeacon[dir="rtl"] .hal-h0,
.hal-stagetext[dir="rtl"] .hal-h0 {
font-size: 50px;
font-size: 5rem;
line-height: 1.08;
}
}
@media (min-width: 1440px) {
.hal-stagebeacon[dir="rtl"] .hal-h0,
.hal-stagetext[dir="rtl"] .hal-h0 {
font-size: 70px;
font-size: 7rem;
line-height: 1.02857143;
}
}
@media (min-width: 1024px) {
.hal-stagebeacon[dir="rtl"] .hal-h0:not(.hal-h0--singleline).hal-width-xs {
padding-right: 75%;
}
.hal-stagebeacon[dir="rtl"] .hal-h0:not(.hal-h0--singleline).hal-width-sm {
padding-right: 67%;
}
.hal-stagebeacon[dir="rtl"] .hal-h0:not(.hal-h0--singleline).hal-width-md {
padding-right: 50%;
}
.hal-stagebeacon[dir="rtl"] .hal-h0:not(.hal-h0--singleline).hal-width-lg {
padding-right: 34%;
}
.hal-stagebeacon[dir="rtl"] .hal-h0:not(.hal-h0--singleline).hal-width-xl {
padding-right: 25%;
}
}
.hal-stagebeacon[dir="rtl"] .hal-h0.hal-h0--singleline {
text-align: left;
}
.hal-stagehome {
position: relative;
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
}
@media (min-width: 1025px) {
.hal-stagehome {
height: 580px;
}
}
@media (min-width: 1232px) {
.hal-stagehome {
height: 650px;
margin-top: -1px;
}
}
@media (min-width: 1440px) {
.hal-stagehome {
height: 800px;
margin-top: -155px;
}
}
@media (min-width: 1920px) {
.hal-stagehome {
height: 900px;
}
}
.hal-stagehome-scene {
line-height: 0;
}
@media (max-width: 599px) {
.hal-stagehome-scene {
position: relative;
}
}
.hal-stagehome-image {
width: 100%;
}
@media (min-width: 1025px) {
.hal-stagehome-image {
position: absolute;
top: 1%;
transform: translate(0, -10%);
}
}
@media (min-width: 1232px) {
.hal-stagehome-image {
top: 0;
transform: translate(0, -10%);
}
}
@media (min-width: 1440px) {
.hal-stagehome-image {
top: 12%;
transform: translate(0, -12%);
}
}
@media (min-width: 1920px) {
.hal-stagehome-image {
position: static;
transform: none;
}
}
.hal-stagehome-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 1130px;
margin: 0 auto;
padding: 0 10px 80px;
}
@media (min-width: 600px) {
.hal-stagehome-content {
padding: 0 290px 80px 10px;
}
}
@media (min-width: 600px) {
.hal-stagehome-content {
padding: 0 310px 80px 30px;
}
}
@media (min-width: 1440px) {
.hal-stagehome-content {
left: 50%;
transform: translateX(-50%);
padding: 0 310px 80px 30px;
}
}
.hal-stagehome .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
margin-bottom: 10px;
}
@media (min-width: 1024px) {
.hal-stagehome .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stagehome .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-stagehome .hal-h4 {
display: inline-block;
margin-right: 15px;
font-size: 14px;
font-weight: 300;
}
@media (min-width: 600px) {
.hal-stagehome .hal-h4 {
display: block;
margin-bottom: 10px;
font-size: 18px;
}
}
@media (min-width: 1440px) {
.hal-stagehome .hal-h0.hal-width-xs,
.hal-stagehome .hal-h4.hal-width-xs {
max-width: 25%;
}
.hal-stagehome .hal-h0.hal-width-sm,
.hal-stagehome .hal-h4.hal-width-sm {
max-width: 33%;
}
.hal-stagehome .hal-h0.hal-width-md,
.hal-stagehome .hal-h4.hal-width-md {
max-width: 50%;
}
.hal-stagehome .hal-h0.hal-width-lg,
.hal-stagehome .hal-h4.hal-width-lg {
max-width: 66%;
}
.hal-stagehome .hal-h0.hal-width-xl,
.hal-stagehome .hal-h4.hal-width-xl {
max-width: 75%;
}
}
@media (min-width: 600px) {
.hal-stagehome-scene[dir="rtl"] .hal-stagehome-content {
padding-left: 290px;
padding-right: 10px;
}
}
@media (min-width: 600px) {
.hal-stagehome-scene[dir="rtl"] .hal-stagehome-content {
padding-left: 310px;
padding-right: 30px;
}
}
@media (min-width: 1440px) {
.hal-stagehome-scene[dir="rtl"] .hal-stagehome-content {
padding-left: 310px;
padding-right: 30px;
}
}
.hal-stagehome-scene[dir="rtl"] .hal-h0 {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.08695652;
}
@media (min-width: 1024px) {
.hal-stagehome-scene[dir="rtl"] .hal-h0 {
font-size: 50px;
font-size: 5rem;
line-height: 1.08;
}
}
@media (min-width: 1440px) {
.hal-stagehome-scene[dir="rtl"] .hal-h0 {
font-size: 70px;
font-size: 7rem;
line-height: 1.02857143;
}
}
.hal-stagehome-scene[dir="rtl"] .hal-h4 {
margin-left: 15px;
margin-right: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
@media (min-width: 1024px) {
.hal-stagehome-scene[dir="rtl"] .hal-h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stagehome-scene[dir="rtl"] .hal-h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.1;
}
}
.hal-stagenews {
position: relative;
padding: 0 30px 30px;
margin: 0 auto;
max-width: 1130px;
}
.hal-stagenews::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
}
@media (max-width: 599px) {
.hal-stagenews {
padding: 0 10px;
}
}
.hal-stagenews-scene.hal-default-spacing {
margin-bottom: 30px;
}
.hal-stagenews .hal-carousel {
height: 100%;
max-height: none;
line-height: 0;
}
@media (min-width: 600px) {
.hal-stagenews .hal-carousel {
height: 56.234vw;
}
}
@media (min-width: 1920px) {
.hal-stagenews .hal-carousel {
margin: 0 auto;
}
}
.hal-stagenews .hal-carousel-item {
width: 100%;
}
.hal-stagenews .hal-carousel-item:first-of-type {
position: relative;
}
@media (min-width: 1920px) {
.hal-stagenews .hal-carousel-item {
width: 100%;
}
}
@media (min-width: 1024px) {
.hal-stagenews .hal-carousel-item {
min-height: 245px;
}
}
.hal-stagenews .hal-carousel-item--left .hal-picture {
padding-left: 25%;
}
@media (max-width: 1023px) {
.hal-stagenews .hal-carousel-item--left .hal-picture {
padding-left: initial;
}
}
.hal-stagenews .hal-carousel-item--right .hal-picture {
padding-right: 25%;
}
@media (max-width: 1023px) {
.hal-stagenews .hal-carousel-item--right .hal-picture {
padding-right: initial;
}
}
.hal-stagenews .hal-carousel .hal-picture {
width: 100%;
margin-bottom: 0;
}
.hal-stagenews .hal-carousel-btn:checked + .hal-carousel-item ~ .hal-carousel-item {
transform: translate3d(100%, 0, 0);
}
@media (min-width: 1024px) {
.hal-stagenews .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: calc(50% - 20px);
left: 10px;
}
.hal-stagenews .hal-carousel-btn-radio:checked:first-of-type ~ .hal-carousel-btn-label:nth-last-of-type(3) {
right: auto;
left: 10px;
}
.hal-stagenews .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: calc(50% - 20px);
right: 10px;
left: auto;
}
.hal-stagenews .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label:not(:last-of-type) {
right: 10px;
}
.hal-stagenews .hal-carousel-btn-radio:checked ~ .hal-carousel-item:nth-of-type(2):last-of-type ~ .hal-carousel-btn-label:last-of-type {
right: 10px;
}
}
@media (max-width: 1023px) {
.hal-stagenews .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 70%;
}
.hal-stagenews .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 70%;
}
}
.hal-stagenews .hal-carousel-contentteaser {
font-size: 0;
}
.hal-stagenews .hal-carousel-contentteaser .hal-carousel-item {
min-height: auto;
display: flex;
}
@media (max-width: 1023px) {
.hal-stagenews .hal-carousel-contentteaser .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 95px;
}
.hal-stagenews .hal-carousel-contentteaser .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 95px;
}
}
@media (max-width: 599px) {
.hal-stagenews .hal-carousel-contentteaser .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 65px;
}
.hal-stagenews .hal-carousel-contentteaser .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 65px;
}
}
.hal-stagenews .hal-carousel-contentteaser .hal-contentteaser {
display: inline-block;
margin-right: 5px;
}
.hal-stagenews .hal-carousel--4 .hal-contentteaser {
width: calc((100% - 15px) / 4);
}
.hal-stagenews .hal-carousel--4 .hal-contentteaser:nth-of-type(4n+4) {
margin-right: 0;
}
@media (min-width: 1024px) {
.hal-stagenews .hal-carousel--4 .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 45px;
}
.hal-stagenews .hal-carousel--4 .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 45px;
}
}
.hal-stagenews .hal-carousel--3 .hal-contentteaser {
width: calc((100% - 10px) / 3);
}
.hal-stagenews .hal-carousel--3 .hal-contentteaser:nth-of-type(3n+3) {
margin-right: 0;
}
@media (min-width: 1024px) {
.hal-stagenews .hal-carousel--3 .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 70px;
}
.hal-stagenews .hal-carousel--3 .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 70px;
}
}
.hal-stagenews .hal-carousel--2 .hal-contentteaser {
width: calc((100% - 5px) / 2);
}
.hal-stagenews .hal-carousel--2 .hal-contentteaser:nth-of-type(2n+2) {
margin-right: 0;
}
@media (min-width: 1024px) {
.hal-stagenews .hal-carousel--2 .hal-carousel-btn-radio + .hal-carousel-btn-label {
top: 110px;
}
.hal-stagenews .hal-carousel--2 .hal-carousel-btn-radio:checked ~ .hal-carousel-btn-label {
top: 110px;
}
}
.hal-stagenews-content {
padding: 50px 70px;
background: #33424F;
color: #fff;
display: flex;
align-items: center;
}
.hal-stagenews-content > [class*="icon-"] {
width: 30px;
height: 30px;
margin-top: -25px;
margin-bottom: 20px;
}
.hal-stagenews-content > .hal-h4 {
color: #ccc;
}
.hal-stagenews-content .hal-h0 {
font-size: 2.4rem;
}
.hal-stagenews-content .hal-richtext {
line-height: 19px;
}
.hal-stagenews-content .hal-richtext a,
.hal-stagenews-content .hal-richtext a:visited {
color: #fff;
text-decoration: underline;
}
@media (min-width: 1024px) {
.hal-stagenews-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 490px;
min-height: 245px;
padding: 0 70px;
}
.hal-stagenews-content .hal-h3 {
margin-top: 20px;
}
.hal-stagenews-content .hal-h0 {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
color: #fff;
}
}
@media (min-width: 1024px) {
.hal-stagenews-content--right {
left: auto;
right: 0;
}
}
@media print {
.hal-stagenews .hal-carousel {
height: auto !important;
max-height: none !important;
break-inside: avoid;
}
.hal-stagenews .hal-carousel .hal-carousel-item {
position: relative !important;
transform: none !important;
}
.hal-stagenews .hal-carousel .hal-carousel-item .hal-picture {
width: 100% !important;
margin-bottom: 1cm !important;
}
.hal-stagenews .hal-carousel .hal-carousel-item--left .hal-picture {
padding-left: 25% !important;
}
.hal-stagenews .hal-carousel .hal-carousel-item--right .hal-picture {
padding-right: 25% !important;
}
.hal-stagenews .hal-stagenews-content {
position: absolute !important;
top: 43% !important;
transform: translateY(-50%) !important;
left: 0 !important;
width: 490px !important;
min-height: 245px !important;
padding: 0 70px !important;
background: #33424F !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
}
.hal-stagenews .hal-stagenews-content--right {
left: auto !important;
right: 0 !important;
}
}
@media (min-width: 1024px) {
.hal-columns--2 .hal-stagequote-content {
padding: 0 30px;
}
}
.hal-stagequote-scene {
position: relative;
overflow: hidden;
margin: 0 auto;
max-width: 1920px;
}
.hal-stagequote .hal-picture {
margin-bottom: 0;
width: 100%;
}
.hal-stagequote .hal-container-content {
padding-top: 15px;
padding-bottom: 0;
color: #333;
}
.hal-stagequote-content {
position: absolute;
top: 50px;
left: 0;
width: 100%;
max-width: 1130px;
margin: 0 auto;
padding: 0 30px;
}
@media (min-width: 600.1px) {
.hal-stagequote-content {
max-width: 65%;
top: 30px;
}
}
@media (min-width: 600px) {
.hal-stagequote-content {
top: 50px;
max-width: 1130px;
padding-left: 65px;
padding-right: 65px;
}
}
@media (min-width: 1024.1px) {
.hal-stagequote-content {
top: 15%;
max-width: 1380px;
}
}
@media (min-width: 1440px) {
.hal-stagequote-content {
left: 50%;
transform: translateX(-50%);
max-width: 1130px;
}
}
@media (max-width: 599px) {
.hal-stagequote-textbelowimage {
position: unset;
padding: 0;
}
}
@media (min-width: 1024px) {
.hal-stagequote .hal-width-xs {
max-width: 25%;
}
.hal-stagequote .hal-width-sm {
max-width: 33%;
}
.hal-stagequote .hal-width-md {
max-width: 50%;
}
.hal-stagequote .hal-width-lg {
max-width: 66%;
}
.hal-stagequote .hal-width-xl {
max-width: 75%;
}
.hal-stagequote .hal-width-xxl {
max-width: 100%;
}
}
.hal-stagequote .hal-fontsize-xs {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-xs {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-stagequote .hal-fontsize-xs {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-stagequote .hal-fontsize-sm {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-sm {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-stagequote .hal-fontsize-sm {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-stagequote .hal-fontsize-sm .icon-quote {
width: 14px;
height: 14px;
left: -24px;
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-sm {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.hal-stagequote .hal-fontsize-sm {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1024px) and (min-width: 1440px) {
.hal-stagequote .hal-fontsize-sm {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.hal-stagequote .hal-fontsize-md {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571;
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-md {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6875;
}
}
@media (min-width: 1440px) {
.hal-stagequote .hal-fontsize-md {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.66666667;
}
}
.hal-stagequote .hal-fontsize-md .icon-quote {
width: 20px;
height: 20px;
left: -35px;
}
@media (min-width: 600px) {
.hal-stagequote .hal-fontsize-md {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 600px) and (min-width: 1024px) {
.hal-stagequote .hal-fontsize-md {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 600px) and (min-width: 1440px) {
.hal-stagequote .hal-fontsize-md {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-md {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.hal-stagequote .hal-fontsize-md {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1024px) and (min-width: 1440px) {
.hal-stagequote .hal-fontsize-md {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
.hal-stagequote .hal-fontsize-lg {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
@media (min-width: 600px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
}
@media (min-width: 600px) and (min-width: 1024px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 600px) and (min-width: 1440px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
@media (min-width: 1024px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
}
@media (min-width: 1024px) and (min-width: 1440px) {
.hal-stagequote .hal-fontsize-lg {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.10526316;
}
}
.hal-stagequote-headline {
position: relative;
margin-bottom: 15px;
}
.hal-stagequote-headline-icon {
position: absolute;
}
.hal-stagequote-headline-icon::before {
content: '\00a0';
visibility: hidden;
}
.hal-stagequote-headline .icon-quote {
position: relative;
left: -25px;
width: 14px;
height: 14px;
}
@media (min-width: 600px) {
.hal-stagequote-headline .icon-quote {
left: -40px;
width: 20px;
height: 20px;
}
}
@media (min-width: 1024px) {
.hal-stagequote-headline .icon-quote {
width: 24px;
height: 24px;
}
}
@media (min-width: 600px) {
.hal-stagequote-headline {
margin-bottom: 15px;
}
}
@media (min-width: 1024px) {
.hal-stagequote-headline {
margin-bottom: 30px;
max-width: 45%;
}
}
.hal-stagequote-subline {
display: block;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
.hal-stagequote-subline {
margin-bottom: 60px;
}
}
.hal-stagequote-subline-below {
display: block;
margin-bottom: 30px;
}
@media (max-width: 599px) {
.hal-stagequote-subline-below {
display: none;
}
}
@media (min-width: 1024px) {
.hal-stagequote-subline-below {
margin-bottom: 60px;
}
}
.hal-stagequote-subline-below-mobile {
display: none;
margin-bottom: 15px;
}
@media (max-width: 599px) {
.hal-stagequote-subline-below-mobile {
display: block;
}
}
@media (min-width: 1024px) {
.hal-stagequote-subline-below-mobile {
margin-bottom: 60px;
}
}
.hal-stagequote--xs .hal-stagequote-scene {
max-width: 1130px;
}
@media (min-width: 1024px) {
.hal-stagequote--right .hal-stagequote-content {
padding-left: 39.1%;
}
.hal-stagequote--right .hal-stagequote-content .hal-stagequote-headline {
max-width: none;
}
.hal-stagequote--right.hal-stagequote--xs .hal-stagequote-content {
padding-left: 50.5%;
}
}
.hal-stagequote--light {
background-color: #F0F2F5;
}
.hal-stagequote--dark {
background-color: #666;
}
.hal-stagequote--faded .hal-picture {
opacity: 0.2;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-container {
max-width: 1130px;
position: relative;
margin: 0 auto;
overflow: hidden;
padding-bottom: calc(100% / 3);
}
@media (max-width: 599px) {
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-container {
padding-bottom: 100%;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-content {
position: absolute;
width: 100%;
}
.hal-stage-teaser-carousel .hal-stage-teaser-img-txt-content {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 599px) {
.hal-stage-teaser-carousel .hal-stage-teaser-img-txt-content {
padding-left: 35px;
padding-right: 35px;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-item {
display: none;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-item img {
opacity: 0.8;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev,
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next {
width: 40px;
height: 40px;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -32px;
opacity: 0.65;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev::after,
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next::after {
display: block;
position: relative;
width: 100%;
height: 100%;
}
@media (max-width: 599px) {
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev,
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next {
display: none;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev {
margin-left: 30px;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev::after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22nav-arrow-left-rect%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asvgjs%3D%22http%3A%2F%2Fsvgjs.com%2Fsvgjs%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cg%20transform%3D%22matrix(1.6666666666666667%2C0%2C0%2C1.6666666666666667%2C0%2C0)%22%3E%0A%09%09%3Cpath%20d%3D%22M0.750%200.750%20L23.250%200.750%20L23.250%2023.250%20L0.750%2023.250%20Z%22%20fill%3D%22%23F0F2F5%22%20stroke%3D%22%2333424F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20transform%3D%22translate(0%2024)%20rotate(-90)%22%3E%3C%2Fpath%3E%0A%09%09%3Cpath%20d%3D%22M15%2C17.25%2C9.011%2C12.592a.75.75%2C0%2C0%2C1%2C0-1.184L15%2C6.75%22%20fill%3D%22none%22%20stroke%3D%22%2333424F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
fill: #33424F;
}
.hal-mzr-no-atobbtoa .hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev::after,
.hal-mzr-no-atob-btoa .hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev::after {
content: url(../img/icons/nav-arrow-left-rect.svg);
}
@media print {
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev {
display: none !important;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next {
right: 0;
margin-right: 30px;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next::after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22nav-arrow-right-rect%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asvgjs%3D%22http%3A%2F%2Fsvgjs.com%2Fsvgjs%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cg%20transform%3D%22matrix(1.6666666666666667%2C0%2C0%2C1.6666666666666667%2C0%2C0)%22%3E%0A%09%09%3Cpath%20d%3D%22M0.750%200.750%20L23.250%200.750%20L23.250%2023.250%20L0.750%2023.250%20Z%22%20fill%3D%22%23F0F2F5%22%20stroke%3D%22%2333424F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20transform%3D%22translate(24%200)%20rotate(90)%22%3E%3C%2Fpath%3E%0A%09%09%3Cpath%20d%3D%22M9%2C6.75l5.989%2C4.658a.75.75%2C0%2C0%2C1%2C0%2C1.184L9%2C17.25%22%20fill%3D%22none%22%20stroke%3D%22%2333424F%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
fill: #33424F;
}
.hal-mzr-no-atobbtoa .hal-stage-teaser-carousel .hal-stage-teaser-carousel-next::after,
.hal-mzr-no-atob-btoa .hal-stage-teaser-carousel .hal-stage-teaser-carousel-next::after {
content: url(../img/icons/nav-arrow-right-rect.svg);
}
@media print {
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next {
display: none !important;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-prev:hover,
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-next:hover {
opacity: 0.8;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-dots {
position: absolute;
right: 0;
bottom: 5%;
left: 0;
display: flex;
justify-content: center;
}
@media print {
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-dots {
display: none !important;
}
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-dot {
cursor: pointer;
height: 16px;
width: 16px;
margin: 0 7px;
background-color: #555C62;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-dot-active,
.hal-stage-teaser-carousel .hal-stage-teaser-carousel-dot:hover {
background-color: #fff;
}
@keyframes fade-auto {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.hal-image-collage {
position: relative;
max-width: 1130px;
display: flex;
flex-direction: row;
margin: 0 auto;
font-size: 0;
}
@media (max-width: 600px) {
.hal-image-collage {
flex-direction: column;
}
}
.hal-image-collage .hal-image-collage-main-container {
position: relative;
width: calc(100% / 3 * 2);
}
@media (max-width: 600px) {
.hal-image-collage .hal-image-collage-main-container {
width: 100%;
}
}
.hal-image-collage .hal-image-collage-main {
width: 100%;
position: relative;
background: #fff;
}
.hal-image-collage .hal-image-collage-main > div > div {
margin-bottom: 0;
}
.hal-image-collage .hal-image-collage-main > div > div > picture {
position: relative;
}
.hal-image-collage .hal-image-collage-main > div > div > picture > img {
position: relative;
width: 100%;
}
.hal-image-collage .hal-image-collage-main-content {
width: 62%;
position: absolute;
bottom: 0;
margin: 0 0 56px 32px;
}
.hal-image-collage .hal-image-collage-main-content > h1 {
padding-bottom: 25px;
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
@media (min-width: 1024px) {
.hal-image-collage .hal-image-collage-main-content > h1 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-image-collage .hal-image-collage-main-content > h1 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-image-collage .hal-image-collage-main-content > .hal-button--circle {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
background: #ff6600;
cursor: pointer;
}
.hal-image-collage .hal-image-collage-main-content > .hal-button--circle > svg {
filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(266deg) brightness(105%) contrast(101%);
margin: 16px 16px;
}
@media (max-width: 599px) {
.hal-image-collage .hal-image-collage-main-content > .hal-button--circle > svg {
height: 12px !important;
width: 12px !important;
margin: 10px 10px;
}
}
@media (max-width: 1439px) {
.hal-image-collage .hal-image-collage-main-content {
width: 80%;
}
}
@media (max-width: 1023px) {
.hal-image-collage .hal-image-collage-main-content {
width: 90%;
margin: 0 0 13px 32px;
}
}
@media (max-width: 599px) {
.hal-image-collage .hal-image-collage-main-content {
width: 68%;
}
.hal-image-collage .hal-image-collage-main-content > h1 {
padding-bottom: 12px;
}
.hal-image-collage .hal-image-collage-main-content > .hal-button--circle {
height: 32px;
width: 32px;
}
}
.hal-image-collage .hal-image-collage-secondary-container {
position: relative;
width: calc(100% / 3);
display: flex;
flex-direction: column;
}
@media (max-width: 599px) {
.hal-image-collage .hal-image-collage-secondary-container {
width: 100%;
flex-direction: row;
}
}
@media (max-width: 599px) {
.hal-image-collage .hal-image-collage-secondary-container {
flex-direction: column;
}
}
.hal-image-collage .hal-image-collage-secondary {
width: 100%;
position: relative;
background: #fff;
}
@media (max-width: 600px) {
.hal-image-collage .hal-image-collage-secondary {
width: 50%;
}
}
@media (max-width: 599px) {
.hal-image-collage .hal-image-collage-secondary {
width: 100%;
}
}
.hal-image-collage .hal-image-collage-secondary > div > div {
margin-bottom: 0;
}
.hal-image-collage .hal-image-collage-secondary > div > div > picture {
position: relative;
}
.hal-image-collage .hal-image-collage-secondary > div > div > picture > img {
position: relative;
width: 100%;
}
.hal-image-collage .hal-image-collage-secondary-content {
width: 68%;
position: absolute;
bottom: 0;
margin: 0 0 13px 32px;
}
@media (max-width: 1439px) {
.hal-image-collage .hal-image-collage-secondary-content {
width: 80%;
}
}
.hal-image-collage .hal-image-collage-secondary-content > h1 {
padding-bottom: 12px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
@media (min-width: 1024px) {
.hal-image-collage .hal-image-collage-secondary-content > h1 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-image-collage .hal-image-collage-secondary-content > h1 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
.hal-image-collage .hal-image-collage-secondary-content > .hal-button--circle {
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
background: #fff;
cursor: pointer;
}
.hal-image-collage .hal-image-collage-secondary-content > .hal-button--circle > svg {
margin: 10px 10px;
}
.hal-image-collage .hal-image-collage-image {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
margin: 0 auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.hal-image-collage .hal-textcolor--light-desktop {
color: #fff;
}
.hal-image-collage .hal-textcolor--dark-desktop {
color: #333;
}
@media (max-width: 1023px) {
.hal-image-collage .hal-textcolor--light-tablet {
color: #fff;
}
.hal-image-collage .hal-textcolor--dark-tablet {
color: #333;
}
}
@media (max-width: 599px) {
.hal-image-collage .hal-textcolor--light-mobile {
color: #fff;
}
.hal-image-collage .hal-textcolor--dark-mobile {
color: #333;
}
}
.hal-image-collage-wrapper {
position: relative;
padding-bottom: calc(100% / 3);
}
@media (max-width: 600px) {
.hal-image-collage-wrapper {
padding-bottom: calc(100% / 750 * 562.5);
}
}
@media (max-width: 599px) {
.hal-image-collage-wrapper {
padding-bottom: 150%;
}
}
.hal-image-collage-wrapper .hal-image-collage-content-wrapper {
position: absolute;
}
.hal-stage-teaser-img-txt {
position: relative;
max-width: 1130px;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt {
overflow: visible;
}
}
.hal-stage-teaser-img-txt-scene {
line-height: 0;
position: relative;
}
.hal-stage-teaser-img-txt-wrapper {
position: relative;
padding-bottom: calc(100% / 3);
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt-wrapper {
padding-bottom: 100%;
}
}
.hal-stage-teaser-img-txt-content-wrapper {
position: absolute;
width: 100%;
}
.hal-stage-teaser-img-txt-image {
width: 100%;
}
.hal-stage-teaser-img-txt-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto;
padding: 80px 56px 80px 56px;
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt-content {
top: 0;
bottom: auto;
padding: 20px 10px;
}
}
.hal-stage-teaser-img-txt-copy {
margin-top: 20px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
.hal-stage-teaser-img-txt-copy > p {
margin-bottom: unset;
}
@media (min-width: 1024px) {
.hal-stage-teaser-img-txt-copy {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-img-txt-copy {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.hal-stage-teaser-img-txt-content-inner {
position: relative;
}
@media (min-width: 1025px) {
.hal-stage-teaser-img-txt-content-inner.hal-width-xs {
width: 25%;
}
.hal-stage-teaser-img-txt-content-inner.hal-width-sm {
width: 33%;
}
.hal-stage-teaser-img-txt-content-inner.hal-width-md {
width: 50%;
}
.hal-stage-teaser-img-txt-content-inner.hal-width-lg {
width: 66%;
}
.hal-stage-teaser-img-txt-content-inner.hal-width-xl {
width: 75%;
}
.hal-stage-teaser-img-txt-content-inner.hal-width-xxl {
width: 100%;
}
}
.hal-stage-teaser-img-txt .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
margin-bottom: 0px;
white-space: pre-line;
}
@media (min-width: 1024px) {
.hal-stage-teaser-img-txt .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-img-txt .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-stage-teaser-img-txt .hal-button-container {
margin-top: 30px;
display: flex;
flex-direction: row;
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt .hal-button-container {
margin-top: 20px;
}
.hal-stage-teaser-img-txt .hal-button-container .hal-button {
margin-bottom: 16px;
padding: 10px 24px;
min-height: 48px;
height: auto;
line-height: 2.5rem;
}
}
.hal-stage-teaser-img-txt .hal-button--secondary {
margin-right: 20px;
}
@media (min-width: 600px) {
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-stage-teaser-img-txt-content {
padding-left: 290px;
padding-right: 10px;
}
}
@media (min-width: 600px) {
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-stage-teaser-img-txt-content {
padding-left: 310px;
padding-right: 30px;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-stage-teaser-img-txt-content {
padding-left: 310px;
padding-right: 30px;
}
}
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
@media (min-width: 1024px) {
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-img-txt-scene[dir="rtl"] .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-stage-teaser-img-txt .hal-horizontal--left-desktop {
float: left;
}
.hal-stage-teaser-img-txt .hal-horizontal--center-desktop {
float: none;
margin: 0 auto;
}
.hal-stage-teaser-img-txt .hal-horizontal--right-desktop {
float: right;
}
@media (max-width: 1023px) {
.hal-stage-teaser-img-txt .hal-horizontal--left-tablet {
float: left;
width: initial;
}
.hal-stage-teaser-img-txt .hal-horizontal--center-tablet {
float: none;
margin: 0 auto;
width: 50%;
}
.hal-stage-teaser-img-txt .hal-horizontal--right-tablet {
float: right;
width: initial;
}
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt .hal-horizontal--left-mobile {
float: left;
width: initial;
}
.hal-stage-teaser-img-txt .hal-horizontal--center-mobile {
float: none;
margin: 0 auto;
width: 50%;
}
.hal-stage-teaser-img-txt .hal-horizontal--right-mobile {
float: right;
width: initial;
}
}
.hal-stage-teaser-img-txt .hal-vertical--top-desktop {
top: 0;
bottom: unset;
padding-top: 40px;
transform: none;
}
.hal-stage-teaser-img-txt .hal-vertical--center-desktop {
top: 50%;
bottom: unset;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.hal-stage-teaser-img-txt .hal-vertical--bottom-desktop {
top: unset;
bottom: 0;
padding-bottom: 40px;
transform: none;
}
@media (max-width: 1023px) {
.hal-stage-teaser-img-txt .hal-vertical--top-tablet {
top: 0;
bottom: unset;
padding-top: 10px;
transform: none;
}
.hal-stage-teaser-img-txt .hal-vertical--center-tablet {
top: 50%;
bottom: unset;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.hal-stage-teaser-img-txt .hal-vertical--bottom-tablet {
top: unset;
bottom: 0;
padding-bottom: 10px;
transform: none;
}
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt .hal-vertical--top-mobile {
top: 0;
bottom: unset;
padding-top: 10px;
transform: none;
}
.hal-stage-teaser-img-txt .hal-vertical--center-mobile {
top: 50%;
bottom: unset;
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.hal-stage-teaser-img-txt .hal-vertical--bottom-mobile {
top: unset;
bottom: 0;
padding-bottom: 10px;
transform: none;
}
}
.hal-stage-teaser-img-txt .hal-textcolor--light-desktop {
color: #fff;
}
.hal-stage-teaser-img-txt .hal-textcolor--dark-desktop {
color: #333;
}
@media (max-width: 1023px) {
.hal-stage-teaser-img-txt .hal-textcolor--light-tablet {
color: #fff;
}
.hal-stage-teaser-img-txt .hal-textcolor--dark-tablet {
color: #333;
}
}
@media (max-width: 599px) {
.hal-stage-teaser-img-txt .hal-textcolor--light-mobile {
color: #fff;
}
.hal-stage-teaser-img-txt .hal-textcolor--dark-mobile {
color: #333;
}
}
.hal-container-content .hal-stage-teaser-video .hal-h0 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
.hal-container-content .hal-stage-teaser-video .hal-h0 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-container-content .hal-stage-teaser-video .hal-h0 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.hal-stage-teaser-video {
position: relative;
max-width: 1130px;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 599px) {
.hal-stage-teaser-video {
overflow: visible;
}
}
.hal-stage-teaser-video .hal-video-cf {
position: unset;
}
.hal-stage-teaser-video-scene {
line-height: 0;
position: relative;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.hal-stage-teaser-video-scene .column {
position: relative;
display: flex;
width: 100%;
}
@media (min-width: 1024px) {
.hal-stage-teaser-video-scene .column {
width: 50%;
}
}
.hal-stage-teaser-video-scene .left .hal-video {
width: 100%;
}
.hal-stage-teaser-video-scene .right {
overflow: hidden;
background-color: #fff;
}
.hal-stage-teaser-video-content {
position: relative;
width: 100%;
margin: 0 auto;
padding-top: 16px;
}
@media (min-width: 1440px) {
.hal-stage-teaser-video-content {
padding-top: 56px;
}
}
.hal-stage-teaser-video-content-inner {
position: relative;
width: 73%;
margin: 0 auto;
}
.hal-stage-teaser-video .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
margin-bottom: 0px;
white-space: pre-line;
}
@media (min-width: 1024px) {
.hal-stage-teaser-video .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-video .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.hal-stage-teaser-video .hal-h0 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
}
@media (min-width: 769px) and (max-width: 1279px) and (min-width: 1024px) {
.hal-stage-teaser-video .hal-h0 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.16666667;
}
}
@media (min-width: 769px) and (max-width: 1279px) and (min-width: 1440px) {
.hal-stage-teaser-video .hal-h0 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.14285714;
}
}
.hal-stage-teaser-video .hal-h4 {
display: inline-block;
white-space: pre-line;
margin-top: 16px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: 0px;
}
@media (min-width: 1024px) {
.hal-stage-teaser-video .hal-h4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-video .hal-h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
@media (min-width: 600px) {
.hal-stage-teaser-video .hal-h4 {
display: block;
margin-bottom: 10px;
}
}
.hal-stage-teaser-video .hal-button-container {
margin-top: 32px;
display: flex;
flex-direction: row;
}
@media (max-width: 599px) {
.hal-stage-teaser-video .hal-button-container .hal-button {
margin-bottom: 16px;
padding: 10px 24px;
min-height: 48px;
height: auto;
line-height: 2.5rem;
}
}
.hal-stage-teaser-video .hal-button--secondary {
margin-right: 20px;
}
@media (min-width: 600px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-stage-teaser-video-content {
padding-left: 290px;
padding-right: 10px;
}
}
@media (min-width: 600px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-stage-teaser-video-content {
padding-left: 310px;
padding-right: 30px;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-stage-teaser-video-content {
padding-left: 310px;
padding-right: 30px;
}
}
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h0 {
font-size: 30px;
font-size: 3rem;
line-height: 1.13333333;
}
@media (min-width: 1024px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h0 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.11111111;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h0 {
font-size: 48px;
font-size: 4.8rem;
line-height: 1.08333333;
}
}
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h4 {
margin-left: 15px;
margin-right: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
@media (min-width: 1024px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h4 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 1440px) {
.hal-stage-teaser-video-scene[dir="rtl"] .hal-h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
}
}
.hal-stagetext {
position: relative;
max-width: 1130px;
margin: 0 auto;
background-color: #fff;
}
.hal-stagetext .hal-h0 {
margin-bottom: 0px;
}
.hal-stagetext-image {
width: 100%;
margin-bottom: -165px;
}
.hal-stagetext-content {
position: relative;
max-width: 1130px;
margin: 0 auto;
padding: 30px 30px 0 30px;
}
@media (max-width: 599px) {
.hal-stagetext-content {
padding: 15px;
}
}
.hal-stagetext-content .hal-local-content-jumpmark {
display: flex;
align-items: center;
}
.hal-stagetext-content .hal-local-content-jumpmark > a {
margin-left: auto;
margin-bottom: 10px;
}
.hal-stagetext-content-subline {
padding: 0 30px;
}
@media (max-width: 599px) {
.hal-stagetext-content-subline {
padding: 0 15px;
}
}
.hal-stagetext-content-subline .hal-copy {
width: 55%;
}
.hal-stagetext-content-subline .hal-copy p {
margin-bottom: 0;
}
.hal-stagetext-content-subline .hal-copy.hal-module--space-sm {
margin-bottom: 0;
padding-bottom: 30px;
}
.hal-stagetext-content-subline .hal-copy.hal-module--space-md {
margin-bottom: 0;
padding-bottom: 60px;
}
.hal-stagetext-content-subline .hal-copy.hal-module--space-lg {
margin-bottom: 0;
padding-bottom: 90px;
}
@media (max-width: 1023px) {
.hal-stagetext-content-subline .hal-copy {
width: 100%;
}
}
@media (min-width: 600px) {
.hal-stagetext-iframe {
position: absolute;
top: -20px;
right: 0;
}
}
.hal-stagetext-icon {
display: inline-block;
vertical-align: middle;
margin-left: 2rem;
margin-top: -6px;
}
.hal-table {
table-layout: fixed;
margin-bottom: 30px;
width: 100%;
color: #333;
font-weight: 400;
font-size: 12px;
line-height: 16px;
}
@media (max-width: 599px) {
.hal-table {
font-weight: 600;
}
}
@media (min-width: 600px) {
.hal-table {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border: 1px solid #CCD6DF;
border-radius: 4px;
}
}
.hal-table-right {
text-align: right;
}
.hal-table-head tr {
background: #fff;
}
.hal-table-header,
.hal-table td::before {
font-weight: 600;
text-align: left;
}
@media (max-width: 599px) {
.hal-table-header,
.hal-table td::before {
font-weight: 400;
}
}
.hal-table-header {
padding: 15px 10px;
}
.hal-table-row {
background: #fff;
}
.hal-table-row:nth-child(odd) {
background: #F7F8FA;
}
.hal-table-row td {
padding: 15px 10px;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 600px) {
.hal-table-row td {
border-top: 1px solid #CCD6DF;
}
}
.hal-table-row td a {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #A34100;
text-decoration: underline;
}
@media (max-width: 599px) {
.hal-table-row td a {
font-weight: 600;
}
}
.hal-table-row td a:hover {
color: #742F00;
}
.hal-table-row td a[href^="tel"] {
color: #14171A;
text-decoration: none;
}
.hal-table-row td a[href^="tel"]:hover {
text-decoration: underline;
}
@media (min-width: 1024px) {
.hal-table--width-50 {
width: 50%;
}
.hal-table--width-75 {
width: 75%;
}
}
.hal-table--tariff .hal-table-body {
border: 2em solid #F0F2F5;
}
.hal-table--tariff .hal-table-row {
background-color: #F0F2F5;
}
.hal-table--tariff .hal-table-row td:nth-child(odd) {
width: 25%;
font-weight: bold;
}
.hal-table--tariff .hal-table-row td:nth-child(even) {
width: 75%;
}
.hal-table--pdf .hal-item-new {
margin-left: 8px;
margin-bottom: 0;
padding: 1px 6px;
border-radius: 4px;
color: #fff;
background-color: #ff6600;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
justify-content: center;
}
@media (min-width: 1024px) {
.hal-table--pdf .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-table--pdf .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 600px) {
.hal-table--pdf .hal-table-col-right {
padding-right: 20px;
text-align: right;
}
.hal-table--pdf .hal-table-col {
width: 15%;
}
.hal-table--pdf .hal-table-col-lg {
width: 62%;
}
.hal-table--pdf .hal-table-col-xs {
width: 8%;
}
.hal-table--pdf.hal-table-5cols .hal-table-col {
width: 18%;
}
.hal-table--pdf.hal-table-5cols .hal-table-col-lg {
width: 47%;
}
.hal-table--pdf.hal-table-5cols .hal-table-col-xs {
width: 7%;
}
.hal-table--pdf.hal-table-6cols .hal-table-col {
width: 10%;
}
.hal-table--pdf.hal-table-6cols .hal-table-col-lg {
width: 45%;
}
.hal-table--pdf.hal-table-6cols .hal-table-col-xs {
width: 5%;
}
.hal-table--pdf.hal-table-7cols .hal-table-col {
width: 11%;
}
.hal-table--pdf.hal-table-7cols .hal-table-col-lg {
width: 40%;
}
.hal-table--pdf.hal-table-7cols .hal-table-col-xs {
width: 5%;
}
.hal-table--pdf.hal-table-8cols .hal-table-col {
width: 10%;
}
.hal-table--pdf.hal-table-8cols .hal-table-col-lg {
width: 35%;
}
.hal-table--pdf.hal-table-8cols .hal-table-col-xs {
width: 5%;
}
}
@media (max-width: 599px) {
.hal-table--servicetable {
margin-bottom: 0;
}
.hal-table--servicetable-header,
.hal-table--servicetable-row td {
padding-left: 10px;
padding-right: 10px;
}
}
.hal-table--contact [class*="icon-"] {
margin-right: 5px;
vertical-align: middle;
}
.hal-table[dir="rtl"] .hal-table-header,
.hal-table[dir="rtl"] .hal-table-row td,
.hal-table[dir="rtl"] td::before {
text-align: right;
}
.hal-table[dir="rtl"] .hal-table-row td {
unicode-bidi: plaintext;
}
@media (max-width: 599px) {
.hal-table {
table-layout: auto;
}
}
@media (max-width: 599px) {
.hal-table:not(.hal-table--servicetable) .hal-table-row {
display: block;
padding: 20px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border: 1px solid #CCD6DF;
border-radius: 4px;
margin-bottom: 10px;
}
.hal-table:not(.hal-table--servicetable) .hal-table-row td {
padding: 0;
}
.hal-table:not(.hal-table--servicetable) .hal-table-head {
display: none;
}
.hal-table:not(.hal-table--servicetable) td {
display: block;
margin-bottom: 20px;
}
.hal-table:not(.hal-table--servicetable) td:last-child {
margin-bottom: 0;
}
.hal-table:not(.hal-table--servicetable) td::before {
content: attr(data-title);
display: block;
}
}
@media (min-width: 600px) {
.table + .title {
margin-top: 60px;
}
}
@media (min-width: 600px) {
.hal-tabmodule-item {
display: none;
}
.hal-tabmodule-item .hal-toggle-input-content {
display: none;
margin: 0 auto;
padding: 30px 0;
}
}
@media (min-width: 600px) {
.hal-tabmodule-item.hal-is-active,
.hal-tabmodule-item.hal-is-active .hal-toggle-input-content {
display: block;
visibility: visible;
height: auto;
}
}
@media (min-width: 600px) {
.hal-tabmodule-item .hal-toggle-input-toggle {
display: none;
}
}
@media (max-width: 599px) {
.hal-module--center .hal-tabmodule-item {
text-align: left;
}
}
@media (min-width: 1024px) {
.hal-tabmodule-item .hal-toggle-input-content {
width: 75%;
}
.hal-tabmodule-item .hal-toggle-input-content--facts-module {
width: 95%;
}
}
.hal-tabmodule-item .hal-picture-wrapper {
display: inline;
}
@media print {
.hal-tabmodule-item {
display: block;
visibility: visible;
height: auto;
}
.hal-tabmodule-item .hal-toggle-input-content {
display: block;
visibility: visible;
height: auto;
}
}
.hal-tabmodule-tab {
position: relative;
color: #ff6600;
cursor: pointer;
}
.hal-tabmodule-tab .hal-h4 {
padding: 10px 10px 30px;
}
.hal-tabmodule-tab:hover {
color: #A34100;
}
.hal-tabmodule-tab:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid #333;
}
.hal-module--dark .hal-tabmodule-tab,
.hal-container--faded .hal-tabmodule-tab {
border-color: #fff;
}
.hal-module--dark .hal-tabmodule-tab:after,
.hal-container--faded .hal-tabmodule-tab:after {
border-color: #fff;
}
.hal-tabmodule-tab.hal-is-active {
cursor: default;
}
.hal-tabmodule-tab.hal-is-active,
.hal-tabmodule-tab.hal-is-active:hover {
color: #768A9D;
}
.hal-tabmodule-tab.hal-is-active:after,
.hal-tabmodule-tab.hal-is-active:before {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 50%;
margin-right: 14px;
border-bottom: 1px solid #333;
}
.hal-tabmodule-tab.hal-is-active:after {
left: 50%;
right: 0;
margin-left: 14px;
margin-right: 0;
}
.hal-tabmodule-tab.hal-is-active .hal-column-content:after {
content: "";
position: absolute;
z-index: 1;
width: 20px;
height: 20px;
bottom: -9px;
left: 50%;
margin-left: -10px;
border-style: none none solid solid;
border-width: 0 0 1px 1px;
border-color: transparent transparent #333 #333;
transform: rotate(135deg);
}
.hal-module--dark .hal-tabmodule-tab.hal-is-active,
.hal-container--faded .hal-tabmodule-tab.hal-is-active,
.hal-module--dark .hal-tabmodule-tab.hal-is-active:hover,
.hal-container--faded .hal-tabmodule-tab.hal-is-active:hover {
color: #fff;
}
.hal-module--dark .hal-tabmodule-tab.hal-is-active:after,
.hal-container--faded .hal-tabmodule-tab.hal-is-active:after,
.hal-module--dark .hal-tabmodule-tab.hal-is-active:before,
.hal-container--faded .hal-tabmodule-tab.hal-is-active:before,
.hal-module--dark .hal-tabmodule-tab.hal-is-active .hal-column-content:after,
.hal-container--faded .hal-tabmodule-tab.hal-is-active .hal-column-content:after {
border-color: #fff;
}
.hal-teaser {
position: relative;
box-sizing: border-box;
background-color: #fff;
overflow: hidden;
height: 288px;
max-height: 288px;
}
.hal-teaser-content {
height: 100%;
}
.hal-teaser-content a:focus-visible {
outline: 2px solid #0262f2;
outline-offset: -2px;
display: inline-block;
}
.hal-teaser-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #14171A;
}
.hal-teaser [class*="icon-"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.hal-teaser-top {
position: relative;
width: 100%;
height: 184px;
overflow: hidden;
background: #556A7A;
}
.hal-teaser-bottom {
height: 104px;
padding: 16px;
}
.hal-teaser-meta {
display: block;
height: 3rem;
margin-bottom: 2rem;
text-align: right;
cursor: pointer;
}
.hal-teaser-meta::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
height: 600px;
}
@media (max-width: 599px) {
.hal-teaser-meta {
margin-bottom: 0rem;
}
}
.hal-teaser-heading {
position: relative;
margin-bottom: 0.6rem;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.2px;
}
.hal-teaser-tags {
position: absolute;
display: flex;
flex-wrap: wrap;
gap: 8px;
bottom: 8px;
left: 8px;
}
.hal-teaser .hal-tag {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
background: #E1E8ED;
color: #33424F;
text-transform: none;
line-height: 16px;
font-weight: 600;
}
.hal-teaser .hal-meta {
position: absolute;
top: 8px;
left: 8px;
padding: 4px 8px;
border-radius: 4px;
background: #E1E8ED;
color: #33424F;
text-transform: none;
line-height: 16px;
}
.hal-teaser a,
.hal-teaser a:hover:not(.hal-tag) {
color: #333;
}
.hal-teaser--secondary {
background-color: #fff;
}
.hal-teaser--secondary .hal-teaser-heading {
padding-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
background-color: inherit;
max-height: 100%;
}
.hal-teaser--secondary .hal-teaser-heading::after {
content: "";
position: absolute;
height: 2rem;
width: 100%;
right: 0;
bottom: -5px;
opacity: 0;
transition: inherit;
transition-property: opacity;
}
:not(:hover).hal-teaser--secondary .hal-teaser-heading {
max-height: calc(100% - 9rem);
}
:not(:hover).hal-teaser--secondary .hal-teaser-heading::after {
opacity: 1;
transition: none;
}
@media (max-width: 599px) {
:not(:hover).hal-teaser--secondary .hal-teaser-heading {
max-height: calc(100% - 9rem + 3rem);
}
}
.hal-teaser--secondary > .hal-module--white .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.hal-teaser--secondary > .hal-module--grey .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(240, 242, 245, 0), #f0f2f5);
}
.hal-teaser--secondary .hal-teaser-img {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 599px) {
.hal-page--home .hal-teaser--secondary:not(:hover) .hal-teaser-heading {
max-height: calc(100% - 5rem + 2rem);
}
}
.hal-teaser--events {
background-color: #666;
color: #fff;
}
.hal-teaser--events .hal-meta,
.hal-teaser--events .hal-teaser-heading,
.hal-teaser--events .hal-tag {
color: #fff;
}
.hal-teaser--events .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(102, 102, 102, 0), #666666);
}
.hal-teaser--events a,
.hal-teaser--events a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--events a:visited:not(.hal-tag),
.hal-teaser--events a:visited:not(.hal-tag) * {
color: #bbb;
}
.hal-teaser--press {
background-color: #fff;
}
.hal-teaser--press .hal-meta,
.hal-teaser--press .hal-teaser-heading,
.hal-teaser--press .hal-tag {
color: #333;
}
.hal-teaser--press .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.hal-teaser--facebook {
background-color: #3b579d;
}
.hal-teaser--facebook .hal-meta,
.hal-teaser--facebook .hal-teaser-heading,
.hal-teaser--facebook .hal-tag {
color: #fff;
}
.hal-teaser--facebook .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(59, 87, 157, 0), #3b579d);
}
.hal-teaser--facebook a,
.hal-teaser--facebook a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--facebook a:visited:not(.hal-tag),
.hal-teaser--facebook a:visited:not(.hal-tag) * {
color: #b1bcd8;
}
.hal-teaser--linkedin {
background-color: #007bb5;
}
.hal-teaser--linkedin .hal-meta,
.hal-teaser--linkedin .hal-teaser-heading,
.hal-teaser--linkedin .hal-tag {
color: #fff;
}
.hal-teaser--linkedin .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(0, 123, 181, 0), #007bb5);
}
.hal-teaser--linkedin a,
.hal-teaser--linkedin a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--linkedin a:visited:not(.hal-tag),
.hal-teaser--linkedin a:visited:not(.hal-tag) * {
color: #99cae1;
}
.hal-teaser--x {
background-color: #55acee;
}
.hal-teaser--x .hal-meta,
.hal-teaser--x .hal-teaser-heading,
.hal-teaser--x .hal-tag {
color: #fff;
}
.hal-teaser--x .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(85, 172, 238, 0), #55acee);
}
.hal-teaser--x a,
.hal-teaser--x a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--x a:visited:not(.hal-tag),
.hal-teaser--x a:visited:not(.hal-tag) * {
color: #bbdef8;
}
.hal-teaser--youtube {
background-color: #e52d27;
}
.hal-teaser--youtube .hal-meta,
.hal-teaser--youtube .hal-teaser-heading,
.hal-teaser--youtube .hal-tag {
color: #fff;
}
.hal-teaser--youtube .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(229, 45, 39, 0), #e52d27);
}
.hal-teaser--youtube a,
.hal-teaser--youtube a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--youtube a:visited:not(.hal-tag),
.hal-teaser--youtube a:visited:not(.hal-tag) * {
color: #f5aba9;
}
.hal-teaser--tiktok {
background-color: #ff0050;
}
.hal-teaser--tiktok .hal-meta,
.hal-teaser--tiktok .hal-teaser-heading,
.hal-teaser--tiktok .hal-tag {
color: #fff;
}
.hal-teaser--tiktok .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(255, 0, 80, 0), #ff0050);
}
.hal-teaser--tiktok a,
.hal-teaser--tiktok a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--tiktok a:visited:not(.hal-tag),
.hal-teaser--tiktok a:visited:not(.hal-tag) * {
color: #ff99b9;
}
.hal-teaser--instagram {
background-color: #4999da;
}
.hal-teaser--instagram .hal-meta,
.hal-teaser--instagram .hal-teaser-heading,
.hal-teaser--instagram .hal-tag {
color: #fff;
}
.hal-teaser--instagram .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(73, 153, 218, 0), #4999da);
}
.hal-teaser--instagram a,
.hal-teaser--instagram a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--instagram a:visited:not(.hal-tag),
.hal-teaser--instagram a:visited:not(.hal-tag) * {
color: #b6d6f0;
}
.hal-teaser--wechat {
background-color: #2dc100;
}
.hal-teaser--wechat .hal-meta,
.hal-teaser--wechat .hal-teaser-heading,
.hal-teaser--wechat .hal-tag {
color: #fff;
}
.hal-teaser--wechat .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(45, 193, 0, 0), #2dc100);
}
.hal-teaser--wechat a,
.hal-teaser--wechat a:hover:not(.hal-tag) {
color: #fff;
}
.hal-teaser--wechat a:visited:not(.hal-tag),
.hal-teaser--wechat a:visited:not(.hal-tag) * {
color: #abe699;
}
.hal-text-image {
display: flex;
font-size: 0;
}
@media (max-width: 599px) {
.hal-text-image {
flex-direction: column;
}
}
.hal-text-image .hal-copy,
.hal-text-image-picture {
display: block;
vertical-align: top;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-text-image .hal-copy,
.hal-text-image-picture {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-text-image .hal-copy,
.hal-text-image-picture {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 600px) {
.hal-text-image .hal-copy,
.hal-text-image-picture {
display: inline-block;
}
}
.hal-text-image-picture-inverted {
order: 2;
}
.hal-text-image .hal-copy.hal-text-image-copy {
width: 100%;
margin-top: 0px;
padding-right: 0px !important;
}
@media (min-width: 600px) {
.hal-text-image .hal-copy.hal-text-image-copy {
width: 66.66666667%;
padding-left: 5px;
}
}
.hal-text-image .hal-copy.hal-text-image-copy-inverted {
width: 100%;
order: 1;
margin-top: 0px;
}
@media (min-width: 600px) {
.hal-text-image .hal-copy.hal-text-image-copy-inverted {
width: 66.66666667%;
padding-right: 10px !important;
padding-left: 0px;
}
}
@media (min-width: 600px) {
.hal-text-image-picture {
width: 33.33333333%;
padding-right: 2.5px;
}
}
@media (min-width: 600px) {
.hal-text-image-picture {
padding-right: 5px;
}
}
.hal-text-image-picture .hal-picture {
width: 100%;
}
@media (min-width: 600px) {
.hal-text-image-picture.hal-text-image-picture-inverted {
padding-right: 0px;
}
}
.hal-text-image-caption {
display: block;
margin: 0 0 30px;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
color: #999;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.hal-text-image-caption {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-text-image-caption {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-picture--unscaled + .hal-text-image-caption {
margin-top: 10px;
}
@media (min-width: 600px) {
.hal-text-image[dir="rtl"] .hal-text-image-picture {
padding-right: 0;
padding-left: 2.5px;
}
}
@media (min-width: 600px) {
.hal-text-image[dir="rtl"] .hal-text-image-picture {
padding-left: 5px;
}
}
@media (min-width: 600px) {
.hal-text-image[dir="rtl"] .hal-copy.hal-text-image-copy {
padding-left: 0;
padding-right: 2.5px;
}
}
@media (min-width: 600px) {
.hal-text-image[dir="rtl"] .hal-copy.hal-text-image-copy {
padding-right: 5px;
}
}
.hal-toggle {
border-top: 1px solid #999;
}
@media print {
.hal-toggle {
break-inside: avoid;
}
}
.hal-toggle-container {
border-bottom: 1px solid #999;
}
.hal-toggle-container .hal-toggle-container {
margin-left: 30px;
}
.hal-toggle-input-toggle {
display: inline-flex;
margin: 20px 0 18px;
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-decoration: underline;
color: #14171A;
}
.hal-toggle-input-toggle::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20fill%3D%22%2314171A%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Cpath%20d%3D%22M1.5575%200.879883L5%204.31488L8.4425%200.879883L9.5%201.93738L5%206.43738L0.5%201.93738L1.5575%200.879883Z%22%20fill%3D%22%2314171A%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
display: inline-block;
align-content: center;
width: 10px;
margin: 0 12px;
transition: transform 0.25s ease-in-out;
}
.hal-toggle-input-toggle:focus-visible {
outline: 2px solid #0262f2;
background: #F0F2F5;
padding: 20px 0 18px;
margin: 0;
}
.hal-toggle-input-toggle:focus-visible ~ .hal-toggle-input-content ul {
margin-top: 0;
}
.hal-toggle-input-content {
visibility: hidden;
height: 0;
padding-bottom: 0;
}
.hal-toggle-input-state {
display: none;
}
.hal-toggle-input-state ~ .hal-toggle-input-toggle::before {
transform: translateY(-3px) rotate(0);
}
.hal-toggle-input-state:checked ~ .hal-toggle-input-content {
visibility: visible;
height: auto;
padding-bottom: 20px;
}
.hal-toggle-input-state:checked ~ .hal-toggle-input-toggle::before {
transform: rotate(180deg);
}
.hal-toggle-container[dir="rtl"] .hal-toggle-input-toggle {
margin-bottom: 16px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.14285714;
}
@media (min-width: 1024px) {
.hal-toggle-container[dir="rtl"] .hal-toggle-input-toggle {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.125;
}
}
@media (min-width: 1440px) {
.hal-toggle-container[dir="rtl"] .hal-toggle-input-toggle {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
.hal-toggle-container[dir="rtl"] .hal-toggle-input-toggle::before {
margin-left: 10px;
margin-right: 0;
transform: rotate(180deg) translateY(5px) translateX(2px);
}
.hal-toggle-container[dir="rtl"] .hal-toggle-input-state:checked ~ .hal-toggle-input-toggle::before {
transform: rotate(0) translateY(-2px) translateX(0);
}
@media print {
.hal-toggle-input-content {
visibility: visible !important;
height: auto !important;
padding-bottom: 20px !important;
}
}
.hal-toggle-hide-line {
border-top: none;
}
.hal-ie8 .hal-toggle-input-content {
display: block;
}
.hal-topalert {
display: none;
position: relative;
width: 200px;
max-height: 305px;
overflow: hidden;
padding: 1.2rem;
line-height: normal;
color: #fff;
background-color: #ff6600;
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1024px) {
.hal-topalert {
display: block;
}
}
.hal-topalert-icon {
display: inline-block;
margin-right: 10px;
vertical-align: sub;
}
.hal-topalert-meta {
display: inline-block;
margin-top: 10px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.02rem;
color: #333;
}
.hal-topalert-meta__time {
display: block;
}
.hal-topalert-headline {
padding-top: 15px;
}
.hal-topalert-link,
.hal-topalert-link:visited {
color: #fff;
}
.hal-topalert-link:hover {
color: rgba(255, 255, 255, 0.9);
}
.hal-topalert-close {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 14px;
cursor: pointer;
}
.hal-topalert[dir="rtl"] .hal-topalert-meta__teaser {
font-size: 14px;
}
.hal-topalert[dir="rtl"] .hal-topalert-icon {
margin-left: 10px;
margin-right: 0;
vertical-align: baseline;
}
.hal-topalert[dir="rtl"] .hal-topalert-close {
left: 0.5em;
right: auto;
}
.hal-stagehome-content--topalert {
top: 10px;
padding: 0;
}
@media (min-width: 1440px) {
.hal-stagehome-content--topalert {
top: 165px;
}
}
.hal-video-cf {
position: relative;
padding-top: 56.25%;
}
.hal-video-cf-frame {
border: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
max-height: calc(100vh - +175px);
}
.hal-who-is-who-trigger {
position: relative;
display: inline-block;
}
.hal-who-is-who-layer {
visibility: hidden;
position: absolute;
padding: 10px;
z-index: 9;
white-space: nowrap;
color: #000;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
font-style: normal;
font-weight: normal;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
text-transform: none;
overflow: hidden;
}
@media (min-width: 1024px) {
.hal-who-is-who-layer {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-who-is-who-layer {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-who-is-who-layer-information,
.hal-who-is-who-layer-avatar-link {
display: inline-block;
}
.hal-who-is-who-layer-avatar-link {
padding-right: 10px;
vertical-align: top;
}
.hal-who-is-who-layer-avatar-link img {
height: 120px;
border-radius: 2px;
}
.hal-who-is-who-layer-email,
.hal-who-is-who-layer-telephone,
.hal-who-is-who-layer-add-contact,
.hal-who-is-who-layer-remove-contact {
display: block;
}
.hal-who-is-who-layer-email::before,
.hal-who-is-who-layer-telephone::before,
.hal-who-is-who-layer-add-contact::before,
.hal-who-is-who-layer-remove-contact::before {
display: inline-block;
vertical-align: -15%;
width: 16px;
height: 16px;
margin-right: 10px;
}
.hal-who-is-who-layer-add-contact::before,
.hal-who-is-who-layer-remove-contact::before {
width: 20px;
margin-right: 6px;
margin-top: -2px;
}
.hal-who-is-who-layer-email::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2016v16l64%2032%2064-32V16H0zm0%2032v64h128V48L64%2080%200%2048z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-who-is-who-layer-telephone::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20578.106%20578.106%22%3E%0A%20%20%3Cpath%20d%3D%22M577.83%20456.128c1.225%209.385-1.635%2017.545-8.568%2024.48l-81.396%2080.78c-3.672%204.08-8.465%207.552-14.38%2010.405-5.917%202.857-11.73%204.693-17.44%205.508-.408%200-1.635.11-3.676.31-2.037.21-4.69.31-7.953.31-7.754%200-20.3-1.32-37.64-3.98s-38.556-9.18-63.646-19.58c-25.09-10.4-53.55-26.01-85.37-46.82-31.82-20.8-65.69-49.36-101.59-85.68-28.56-28.15-52.22-55.08-70.99-80.78-18.76-25.7-33.86-49.47-45.28-71.3-11.43-21.83-20-41.61-25.71-59.36s-9.59-33.045-11.63-45.9-2.86-22.95-2.45-30.3c.41-7.343.612-11.423.612-12.24.813-5.71%202.65-11.525%205.505-17.44S12.55%2093.83%2016.63%2090.156l81.39-81.4C103.73%203.046%20110.26.19%20117.603.19c5.304%200%209.996%201.53%2014.076%204.59s7.55%206.834%2010.405%2011.322l65.484%20124.236c3.67%206.528%204.69%2013.668%203.06%2021.42-1.634%207.752-5.1%2014.28-10.406%2019.584l-29.988%2029.988c-.816.816-1.53%202.142-2.142%203.978s-.918%203.366-.918%204.59c1.632%208.568%205.304%2018.36%2011.016%2029.376%204.896%209.792%2012.444%2021.726%2022.644%2035.802s24.684%2030.293%2043.452%2048.653c18.36%2018.77%2034.68%2033.35%2048.96%2043.76%2014.274%2010.4%2026.212%2018.05%2035.8%2022.95%209.59%204.89%2016.94%207.85%2022.03%208.87l7.65%201.53c.82%200%202.15-.31%203.98-.92%201.84-.62%203.17-1.33%203.98-2.15l34.89-35.498c7.35-6.52%2015.91-9.79%2025.71-9.79%206.937%200%2012.442%201.23%2016.522%203.68h.61l118.11%2069.76c8.57%205.31%2013.67%2012.04%2015.305%2020.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
vertical-align: -10%;
}
.hal-who-is-who-layer-add-contact::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%2056.7%20226.8%20226.8%22%3E%0A%20%20%3Cpath%20d%3D%22M53%20206c17.7%200%2032-19.2%2032-42.6C85%20140%2070.6%20121%2053%20121s-31.8%2019-31.8%2042.4S35.4%20206%2053%20206zm37.2%203.3C80.6%20220.5%2067.7%20227%2053%20227c-14.6%200-27.5-6.7-37-17.7-9.4%204.6-16%2014.2-16%2025.2v35.3h106v-35.3c0-11-6.5-20.6-15.8-25.2zm58.3-66.3h-33.8v-43c-10%20.8-18.5%208-24%2018.5%209.7%2011.4%2015.4%2027%2015.4%2045.2%200%206-.3%2011.6-1.6%2017%204%202.5%208%204.2%2012.5%204.2%2017.3%200%2031.4-19%2031.7-42zm5.3%2045c-9%2011-21.6%2017.5-35.8%2018%205.7%208%209.3%2017.7%209.3%2028.3v14h42.4V213c0-11-6.5-20.5-16-25z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M164%2069.3v39.3h-39.3V132H164v39.4h23.5V132h39.3v-23.4h-39.3V69.3H164z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-who-is-who-layer-remove-contact::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%2056.7%20226.8%20226.8%22%3E%0A%20%20%3Cpath%20d%3D%22M90.2%20209.3C80.6%20220.5%2067.7%20227%2053%20227c-14.6%200-27.5-6.7-37-17.7-9.4%204.6-16%2014.2-16%2025.2v35.3h106v-35.3c0-11-6.5-20.6-15.8-25.2zM53%20206c17.7%200%2032-19.2%2032-42.6C85%20140%2070.6%20121%2053%20121s-31.8%2019-31.8%2042.4S35.4%20206%2053%20206zm100.8-18c-9%2011-21.6%2017.5-35.8%2018%205.7%208%209.3%2017.7%209.3%2028.3v14h42.4V213c0-11-6.5-20.5-16-25zM140%20171l-23.6-23.6%2027-27-19-19c-2.4-1-5-1.4-7.7-1.4v-.2c-10.8%200-20.2%207.4-26%2018.7%209.7%2011.4%2015.4%2027%2015.4%2045.2%200%206-.2%2011.6-1.5%2017%204%202.5%208%204.2%2012.5%204.2%209.2%200%2017.5-5.7%2023.3-14z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M148%20164.8l27.7-27.8%2027.8%2027.8L220%20148l-27.7-27.7L220%2092.6%20203.7%2076%20176%20103.7%20148%2076l-16.7%2016.6%2027.8%2027.8-27.4%2027.7%2016.6%2017z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.hal-animationContainer .hal-column-content {
padding: 10px 15px;
background: #bbb;
}
.hal-container-content .hal-article .hal-breadcrumb {
margin: 0;
}
.hal-container-content .hal-article .hal-breadcrumb span {
display: inline-block;
vertical-align: top;
max-width: 15rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 1024px) {
.hal-container-content .hal-article .hal-richtext {
width: auto;
}
}
.hal-breadcrumb.hal-list--plain {
position: relative;
z-index: 50;
padding: 10px;
border-bottom: 1px solid #CCD6DF;
}
@media (min-width: 600px) {
.hal-breadcrumb.hal-list--plain {
padding: 14px 30px;
}
}
.hal-breadcrumb[dir="rtl"] a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-breadcrumb[dir="rtl"] a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-breadcrumb[dir="rtl"] a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-breadcrumb[dir="rtl"] [class*="icon"] {
transform: rotate(180deg);
}
.hal-breadcrumb[dir="rtl"] a.hal-breadcrumb-about {
margin-left: 0px;
margin-right: 25px;
}
.hal-breadcrumb[dir="rtl"] a.hal-breadcrumb-about > svg {
transform: none;
}
@media print {
.hal-breadcrumb {
display: none;
}
}
.hal-columns {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 0 -5px;
}
@media (min-width: 1024px) {
.hal-columns {
margin-left: -10px;
}
}
@media (max-width: 599px) {
.hal-columns {
margin-left: 0;
}
}
.hal-columns .hal-column {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
margin-bottom: 15px;
width: 100%;
}
@media (min-width: 600px) {
.hal-columns .hal-column {
margin-bottom: 30px;
}
}
@media (min-width: 600px) {
.hal-columns .hal-column-content {
margin-left: 5px;
}
}
@media (min-width: 1024px) {
.hal-columns .hal-column-content {
margin-left: 10px;
}
}
@media (min-width: 600px) {
*[dir="rtl"] .hal-columns .hal-column-content {
margin-left: 0;
margin-right: 5px;
}
}
@media (min-width: 1024px) {
*[dir="rtl"] .hal-columns .hal-column-content {
margin-left: 0;
margin-right: 10px;
}
}
@media (max-width: 1023px) {
.hal-columns-top-floating {
flex-direction: column-reverse;
}
}
@media (max-width: 1023px) {
.hal-columns--custom {
width: 100%;
}
}
@media (min-width: 1024px) {
.hal-columns--custom .hal-column--25 {
width: 25%;
}
.hal-columns--custom .hal-column--33 {
width: 33.33333333%;
}
.hal-columns--custom .hal-column--50 {
width: 50%;
}
.hal-columns--custom .hal-column--66 {
width: 66.66666667%;
}
.hal-columns--custom .hal-column--75 {
width: 75%;
}
}
.hal-columns--6 .hal-column {
width: 16.66666667%;
}
.hal-columns--5 .hal-column {
width: 20%;
}
.hal-columns--4 .hal-column {
width: 100%;
}
@media (min-width: 600px) {
.hal-columns--4 .hal-column {
width: 50%;
}
}
@media (min-width: 1024px) {
.hal-columns--4 .hal-column {
width: 25%;
}
}
@media print {
.hal-columns--4 .hal-column {
width: 25% !important;
}
}
@media (min-width: 600px) {
.hal-columns--4.hal-columns--alt .hal-column {
width: 25%;
}
}
.hal-columns--3 .hal-column {
width: 100%;
}
@media (min-width: 600px) {
.hal-columns--3 .hal-column {
width: 50%;
}
.hal-columns--3 .hal-column:last-child {
width: 100%;
}
}
@media (min-width: 1024px) {
.hal-columns--3 .hal-column,
.hal-columns--3 .hal-column:last-child {
width: 33.33333333%;
}
}
@media print {
.hal-columns--3 .hal-column {
width: 33.33333333% !important;
}
}
@media (min-width: 600px) {
.hal-columns--3.hal-columns--alt .hal-column {
width: 33.33333333%;
}
}
.hal-columns--2 .hal-column {
width: 100%;
}
@media (min-width: 1024px) {
.hal-columns--2 .hal-column {
width: 50%;
}
}
@media print {
.hal-columns--2 .hal-column {
width: 50% !important;
}
}
@media (min-width: 600px) {
.hal-columns--2.hal-columns--alt .hal-column {
width: 50%;
}
}
@media (min-width: 1024px) {
.hal-columns--1 .hal-column-content {
width: 75%;
}
}
.hal-columns--1 .hal-module--center {
margin: 0 auto;
padding: 0;
}
@media (min-width: 1024px) {
.hal-module--center .hal-columns--1 .hal-column-content {
margin: 0 auto;
padding-left: 10px;
}
}
@media (min-width: 600px) {
.x-column > .hal-columns {
margin-left: -30px;
}
}
@media (max-width: 599px) {
.hal-management .hal-columns--5 .hal-column {
width: 33.33333333%;
}
}
.hal-management .hal-columns--4 .hal-column {
width: 25%;
}
@media (max-width: 599px) {
.hal-management .hal-columns--4 .hal-column {
width: 50%;
}
}
.hal-comments {
list-style: none;
padding: 0;
}
.hal-comments > li,
.hal-comments-empty {
border-top: 1px solid #ccc;
margin-bottom: 30px;
padding-top: 30px;
}
@media (min-width: 1024px) {
.hal-comments > li,
.hal-comments-empty {
margin-bottom: 60px;
padding-top: 60px;
}
}
.hal-comments-empty {
text-align: center;
color: #999;
}
.hal-comments .hal-comments {
padding-left: 20px;
}
@media (min-width: 600px) {
.hal-comments .hal-comments {
padding-left: 60px;
}
}
@media (min-width: 1440px) {
.hal-comments .hal-comments {
padding-left: 90px;
}
}
.hal-comments .hal-comments .hal-comments .hal-comments .hal-comments .hal-comments {
padding-left: 10px;
border-left: 1px solid #e5e5e5;
}
.hal-comments .hal-comments > li {
padding-top: 30px;
border-top: 0;
margin-bottom: 0;
}
.hal-container {
position: relative;
z-index: 2;
}
.hal-container-image {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
width: 100%;
max-width: 1130px;
margin: 0 auto;
}
@media (max-width: 599px) {
.hal-container-image {
width: auto;
right: -100%;
left: -100%;
}
}
.hal-container-background {
top: 50%;
transform: translateY(-50%);
}
.hal-container-content {
margin: 0 auto;
padding: 30px 10px 0;
}
.hal-container-content::before,
.hal-container-content::after {
content: " ";
display: table;
}
.hal-container-content::after {
clear: both;
}
@media (min-width: 600px) {
.hal-container-content {
padding: 30px 30px 30px;
}
}
@media (min-width: 1024px) {
.hal-container-content .hal-column-content .hal-copy,
.hal-container-content .hal-column-content .hal-richtext,
.hal-container-content .hal-column-content .hal-copy[dir="rtl"],
.hal-container-content .hal-column-content .hal-richtext[dir="rtl"] {
padding: 0;
}
}
.hal-container-content.hal-container-content--alt {
padding-bottom: 0;
}
@media (min-width: 1440px) {
.hal-container-content {
max-width: 1130px;
}
}
@media (min-width: 1440px) {
.hal-container-content--xxl {
max-width: 1580px;
}
}
.hal-page--olb .hal-page-container--first .hal-container-content,
.hal-container--xs .hal-container-content {
padding-top: 20px;
}
@media (min-width: 600px) {
.hal-page--olb .hal-page-container--first .hal-container-content,
.hal-container--xs .hal-container-content {
padding-top: 30px;
}
}
.hal-page--olb.hal-page--beacon .hal-page-container--first .hal-container-content {
padding-top: 0;
}
.hal-container-content .icon {
color: #768A9D;
}
.hal-container-content .hal-stagenews {
padding: initial;
}
.hal-container--plain.hal-module--light {
background-color: #fff;
}
.hal-container--plain.hal-module--dark {
background-color: #F0F2F5;
color: inherit;
}
.hal-container--plain.hal-module--innerLight {
margin-top: 60px;
}
.hal-container--plain.hal-module--innerLight .hal-container-content {
background-color: #fff;
}
.hal-container--image {
overflow: hidden;
}
.hal-container--image.hal-container--faded {
background-color: #666;
color: #fff;
}
.hal-container--image.hal-container--faded .hal-container-image {
opacity: 0.2;
}
@media print {
.hal-container--image .hal-container-image {
visibility: hidden;
}
}
.hal-container .hal-search-suggestions {
left: 0;
width: 100%;
}
@media (min-width: 600px) {
.hal-container .hal-search-suggestions {
width: 350px;
max-width: 60%;
}
}
@media (max-width: 599px) {
.hal-container .hal-search-suggestions {
position: relative;
margin-bottom: 5px;
}
}
@media (min-width: 1024px) {
.hal-page-column .hal-container-content .hal-copy,
.hal-container-content .hal-page-margin .hal-copy,
.hal-columns .hal-column-content .hal-copy,
.hal-page-column .hal-container-content .hal-richtext,
.hal-container-content .hal-page-margin .hal-richtext,
.hal-columns .hal-column-content .hal-richtext {
padding: 0;
}
}
.eco_mainarea .eco_content {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.eco_mainarea .eco_content {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea .eco_content {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.eco_mainarea p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.eco_mainarea a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.eco_mainarea a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea .boxContent {
margin-bottom: 60px;
padding: 30px;
background-color: #F0F2F5;
}
.eco_mainarea label {
display: inline-block;
}
.eco_mainarea label.inputLabel {
font-weight: 600;
}
.eco_mainarea label.h3Label,
.eco_mainarea label.hlLabel {
display: block;
margin: 0 30px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 600;
}
@media (min-width: 1024px) {
.eco_mainarea label.h3Label,
.eco_mainarea label.hlLabel {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea label.h3Label,
.eco_mainarea label.hlLabel {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.eco_mainarea label.h3Label {
margin-bottom: 7.5px;
letter-spacing: 0.02em;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-weight: 600;
}
.eco_mainarea label.hlLabel {
width: 75%;
font-weight: 300;
}
.eco_mainarea input[type=text] {
height: 40px;
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
background-color: #fff;
width: 280px;
}
@media (min-width: 1024px) {
.eco_mainarea input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea input[type=text]:focus {
border-color: #333;
}
.eco_mainarea input[type=text]:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.eco_mainarea input[type=text]:placeholder-shown {
color: #999;
}
.eco_mainarea input[type=text]::-webkit-input-placeholder {
color: #999;
}
.eco_mainarea input[type=text]::-moz-placeholder {
color: #999;
}
.eco_mainarea input[type=text]:-ms-input-placeholder {
color: #999 !important;
}
.eco_mainarea input[type=text]::-ms-clear {
display: none;
}
@media (min-width: 1024px) {
.eco_mainarea input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea input[type=text]:focus,
.eco_mainarea input[type=text]:invalid {
border-color: #999;
}
.eco_mainarea input[type=text].error {
border-color: #ff0000;
}
.eco_mainarea input[type=text].numeral {
width: 210px;
}
.eco_mainarea input[type=text].combobox,
.eco_mainarea input[type=text].unitCombobox {
float: left;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-style: none;
}
.eco_mainarea input[type=text].unitCombobox {
width: 50px;
}
.eco_mainarea input.button {
box-sizing: border-box;
display: inline-block;
min-height: 4rem;
border: 1px solid transparent;
border-radius: 3px;
padding: 9px 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
color: #fff;
line-height: 1.375;
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
letter-spacing: -0.2px;
background-color: #ff6600;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: -12px;
}
a.eco_mainarea input.button:visited {
color: #fff;
}
a.eco_mainarea input.button:visited:hover,
.eco_mainarea input.button:hover {
background-color: #FF812E;
color: #fff;
}
.eco_mainarea input.button:focus-visible,
.eco_mainarea input.button:focus-visible:not(.hal-button--nofocus) {
background-color: #FF812E;
color: #fff;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
.eco_mainarea input.button:disabled,
.eco_mainarea input.button:disabled:focus {
cursor: default;
color: #fff;
background-color: #ff6600;
opacity: 0.4;
}
.eco_mainarea input.button [class*="icon-"] {
position: relative;
top: -1px;
height: 1em;
vertical-align: middle;
margin-left: 10px;
margin-bottom: -1px;
}
.eco_mainarea input.button:has(svg[class*="icon-"][class*="chevron-right"]) {
padding-right: 13px;
}
.eco_mainarea input.button--left [class*="icon-"] {
margin-left: 0;
margin-right: 10px;
}
.eco_mainarea input.button[dir="ltr"]:not(.hal-regular-font),
.eco_mainarea input.button[dir="rtl"]:not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .eco_mainarea input.button:not([dir="ltr"]):not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .eco_mainarea input.button:not(.hal-rtl--alt):not(.hal-regular-font) {
font-size: 16px;
line-height: 4rem;
}
*[dir="rtl"] .eco_mainarea input.button:not([dir="ltr"]) [class*="icon-"],
.eco_mainarea input.button[dir="rtl"] [class*="icon-"] {
transform: scaleX(-1);
margin-left: 0;
}
*[dir="rtl"] .eco_mainarea input.button:not([dir="ltr"]) [class*="icon-"][class*="chevron-right"],
.eco_mainarea input.button[dir="rtl"] [class*="icon-"][class*="chevron-right"] {
margin-left: -7px;
margin-right: 10px;
}
.eco_mainarea .switchImg {
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
display: inline-block;
background-color: #fff;
padding: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-style: none;
width: 21px;
height: 40px;
cursor: pointer;
text-align: left;
}
@media (min-width: 1024px) {
.eco_mainarea .switchImg {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea .switchImg {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea .switchImg:focus {
border-color: #333;
}
.eco_mainarea .switchImg:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.eco_mainarea .switchImg:placeholder-shown {
color: #999;
}
.eco_mainarea .switchImg::-webkit-input-placeholder {
color: #999;
}
.eco_mainarea .switchImg::-moz-placeholder {
color: #999;
}
.eco_mainarea .switchImg:-ms-input-placeholder {
color: #999 !important;
}
.eco_mainarea .switchImg::-ms-clear {
display: none;
}
.eco_mainarea .switchImg:before {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAMAAAAY5vW6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQTZGMkQxNEEzNzk1NDRFMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUY0RjZEQ0Q3MjIxMUU1QUYzOUY4RDg1MEVBNDVFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUY0RjZEQkQ3MjIxMUU1QUYzOUY4RDg1MEVBNDVFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTFBNkYyRDE0QTM3OTU0NEUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFBNkYyRDE0QTM3OTU0NEUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HNCv/QAAADBQTFRF74tT6mIW8I5Y+Mmu628p98Wp/fDo+Mes////51IA/vPs6VsN98Sn/Oba/vHq/vLrX13XlgAAAENJREFUeNokykESwCAIA0Ai2AZr9f+/bagcyE4mxums805jYIgDIfdscstbpqXTq5AX8AL7N2c+WhxrdaLeFaviE2AAccUCcfUCn5wAAAAASUVORK5CYII=');
display: inline-block;
padding: 10px 0 0;
width: 21px;
transition: transform 0.25s ease-in-out;
}
.eco_mainarea .listPopup {
display: none;
position: absolute;
z-index: 5;
margin-top: -2px;
border: 1px solid #999;
border-top-style: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background: #fff;
width: 301px;
height: 150px;
overflow-x: hidden;
overflow-y: auto;
}
.eco_mainarea .listPopup .location_list_item {
padding: 2px 10px;
}
.eco_mainarea .messagebox {
position: absolute;
z-index: 10;
margin-left: 10px;
min-width: 200px;
}
.eco_mainarea .messagebox p,
.eco_mainarea .messagebox {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 400;
color: #ff0000;
}
@media (min-width: 1024px) {
.eco_mainarea .messagebox p,
.eco_mainarea .messagebox {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea .messagebox p,
.eco_mainarea .messagebox {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea .buttonPanelRight {
height: 40px;
width: 480px;
}
.eco_mainarea #resultLoading {
display: none;
float: right;
margin-right: 10px;
background: url('data:image/gif;base64,R0lGODlhEAAQAPYAAP///+dSAPrh1PS2lO+TYOx9QO2ARPCcbvW/ovrm3PXBpOpqJOptKOtyMOt2Nux7PvCZavfPuulkHPGfcvzx7Pzz7vjVwvOviu6IUO+RXvjSvvne0Ox5OuhgFvOwjPbFqu+QXPKlfPvr4vOshuhbDvCYaPW7nPCXZvfNtu2BRudYCvbJsPS3luliGOdWBvzv6P339PGjePKrhP349vKqgvbDqP37+v38/PjUwPnayv35+Pri1vbHrvz08Prg0vvs5Pvo3vndzvjYxvjRvPvp4Prk2Pz18vrl2vKkevfLtPfKsu2FTO6JUu+OWu+UYux+Qux6PPjWxPGhdutzMvzw6upuKvOyju6NWOpvLOlmHvW+oO6GTuheEvOuiPCVZOt1NPnZyPnczPvt5vfOuPKnfvS0kvW8nu6MVvSzkO2ESu2CSOppIvbCpuhcEOhaDPbGrOdUBPS6muprJuhfFOx3OPGgdOtxLudXCPGdcOlnIO6KVPCbbPKogAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA');
height: 16px;
width: 16px;
}
.eco_mainarea #resultReady {
display: none;
float: left;
width: 150px;
}
.eco_mainarea #result {
padding: 30px 20px 0;
}
.eco_mainarea #result > p,
.eco_mainarea #result > div {
padding: 0 10px;
}
.eco_mainarea table {
border-collapse: collapse;
table-layout: fixed;
color: #333;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.eco_mainarea table {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.eco_mainarea table {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.eco_mainarea table td.spacer10 {
height: 10px;
}
.eco_mainarea table.box {
margin-bottom: 30px;
}
.eco_mainarea table.box col:first-child {
width: 180px !important;
}
.eco_mainarea table.box td > div {
font-size: 0;
position: relative;
}
.eco_mainarea table.box td > div.listPopup,
.eco_mainarea table.box td > div.loadingPopup {
position: absolute;
}
.eco_mainarea table.result th,
.eco_mainarea table.result td {
padding: 15px 10px;
}
.eco_mainarea table.result tr.hf {
background: #fff;
font-weight: 600;
}
.eco_mainarea table.result tr.hf:first-child {
border-bottom: 1px solid #333;
}
.eco_mainarea table.result tr.hf:last-child {
border-top: 1px solid #333;
}
.eco_mainarea table.result tr.row {
background: #F0F2F5;
}
.eco_mainarea table.result tr.row.even {
background: #fff;
}
.hal-facts-module {
/*
* Color Mixin
* Generate different color shades of the base color.
*/
/**
* Facts Content
*
* Overwrite default styles and / or behavior of existing components.
*/
}
@media (min-width: 600px) {
.hal-facts-module-entry {
margin: 30px auto 0;
}
}
@media (max-width: 599px) {
.hal-facts-module-entry {
max-width: 45%;
}
}
.hal-facts-module-text-wrapper {
display: inline-block;
width: 50%;
padding: 0 15px 15px;
text-align: left;
}
.hal-facts-module .hal-tabmodule-tabs {
text-align: center;
}
@media (min-width: 600px) {
.hal-facts-module .hal-carousel {
height: 38vw;
}
}
@media (min-width: 1024px) {
.hal-facts-module .hal-carousel {
height: 35vw;
max-height: 400px;
}
}
.hal-facts-module .hal-carousel-item {
margin-top: 30px;
}
.hal-facts-module .hal-carousel .hal-picture {
float: left;
width: 45%;
margin-right: 5%;
}
.hal-facts-module .hal-carousel .hal-picture::after {
content: "";
clear: left;
}
.hal-facts-module .hal-carousel-btn,
.hal-facts-module .hal-carousel-btn-radio,
.hal-facts-module .hal-carousel-btn-label {
display: none;
}
.hal-facts-module .hal-carousel .hal-labelindicators {
bottom: 0;
}
.hal-facts-module .hal-carousel .hal-labelindicators-indicator {
border-color: #e5e5e5;
}
.hal-facts-module-chart {
max-width: 50%;
white-space: nowrap;
margin: 0 auto 1px;
text-align: left;
vertical-align: middle;
line-height: 30px;
}
.hal-facts-module-chart-wrapper {
list-style: none;
margin: 0;
padding: 0;
}
.hal-facts-module-chart-title {
display: inline-block;
min-width: 190px;
margin-right: 10px;
text-align: right;
}
.hal-facts-module-chart-value {
margin-left: 5px;
font-size: 14px;
text-shadow: 0px 0px 1px #14171A;
}
.hal-facts-module-chart-bar {
position: relative;
display: inline-block;
color: #fff;
background-color: #ff6600;
height: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.hal-facts-module-chart-bar-wrapper {
display: inline-block;
min-width: 80%;
}
.hal-facts-module-chart:nth-of-type(1) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.92);
}
.hal-facts-module-chart:nth-of-type(2) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.84);
}
.hal-facts-module-chart:nth-of-type(3) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.76);
}
.hal-facts-module-chart:nth-of-type(4) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.68);
}
.hal-facts-module-chart:nth-of-type(5) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.6);
}
.hal-facts-module-chart:nth-of-type(6) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.52);
}
.hal-facts-module-chart:nth-of-type(7) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.44);
}
.hal-facts-module-chart:nth-of-type(8) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.36);
}
.hal-facts-module-chart:nth-of-type(9) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.28);
}
.hal-facts-module-chart:nth-of-type(10) .hal-facts-module-chart-bar {
background-color: rgba(255, 102, 0, 0.2);
}
.hal-facts-module-entry[dir="rtl"] .hal-facts-module-chart {
text-align: right;
}
.hal-facts-module-entry[dir="rtl"] .hal-facts-module-chart-title {
margin-left: 10px;
margin-right: 0;
text-align: left;
width: 40%;
}
.hal-facts-module-entry[dir="rtl"] .hal-facts-module-chart-value {
margin-left: 0;
margin-right: 5px;
}
.hal-facts-module-entry[dir="rtl"] .hal-facts-module-chart-bar {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.hal-facts-module-entry[dir="rtl"].hal-rtl--alt .hal-facts-module-chart {
font-weight: 300;
}
.hal-facts-module-entry[dir="rtl"].hal-rtl--alt .hal-facts-module-chart-title {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
unicode-bidi: plaintext;
}
@media (min-width: 1024px) {
.hal-facts-module-entry[dir="rtl"].hal-rtl--alt .hal-facts-module-chart-title {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-facts-module-entry[dir="rtl"].hal-rtl--alt .hal-facts-module-chart-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-filterModal {
margin: 0 auto;
}
@media (min-width: 1440px) {
.hal-filterModal {
max-width: 1130px;
}
}
.hal-filterModal label {
display: flex;
font-size: 14px;
}
.hal-filterModal-icon {
display: inline-block;
padding: 7px 11px;
border-radius: 4px;
font-weight: 600;
color: #425464;
background: #E1E8ED;
transition: all 0.25s ease-in-out;
cursor: pointer;
font-size: 14px;
line-height: 16px;
border: 1px solid #E1E8ED;
}
.hal-filterModal-icon:hover {
color: #425464;
}
.hal-filterModal-icon::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M0.94%200.226685L4%203.28002L7.06%200.226685L8%201.16668L4%205.16668L0%201.16668L0.94%200.226685Z%22%20fill%3D%22%23425464%22%2F%3E%0A%3C%2Fsvg%3E");
margin-right: 10px;
position: relative;
top: -2px;
}
.hal-filterModal .hal-toggle-input-content {
display: none;
}
.hal-filterModal .hal-toggle-input-state.hal-toggle-input-state--newsfilter:checked ~ .hal-toggle-input-content {
display: block;
}
.hal-toggle.hal-toggle--newsfilter {
border-top: 1px solid #CCD6DF;
}
.hal-toggle-container.hal-toggle-container--newsfilter {
padding: 20px 22px;
border-bottom: 1px solid #CCD6DF;
}
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-bottom-buttons {
margin-top: 30px;
margin-bottom: 50px;
float: right;
display: flex;
}
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-link {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: normal;
color: #425464;
transition: all 0.25s ease-in-out;
cursor: pointer;
margin: 0px 18px 27px 0px;
}
@media (min-width: 1024px) {
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-icon {
display: inline-block;
padding: 5px 10px;
border-radius: 2px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: normal;
color: #425464;
background: #E1E8ED;
transition: all 0.25s ease-in-out;
cursor: pointer;
margin: 0px 0px 27px 0px;
}
@media (min-width: 1024px) {
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-icon {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-toggle-container.hal-toggle-container--newsfilter .hal-toggle-container-icon {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-toggle-input-toggle.hal-toggle-input-toggle--newsfilter {
display: flex;
margin: 20px 0 18px;
font-weight: 600;
color: #14171A;
right: 20px;
}
.hal-toggle-input-toggle.hal-toggle-input-toggle--newsfilter:hover {
color: #14171A;
}
.hal-toggle-input-toggle.hal-toggle-input-toggle--newsfilter::before {
position: absolute;
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ctitle%3Earrow_dark%3C%2Ftitle%3E%0A%20%20%3Cpath%20d%3D%22M11%206L6%202%201%206%22%20stroke%3D%22%23425464%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A");
display: inline-flex;
width: 10px;
margin-right: 10px;
transition: transform 0.25s ease-in-out;
right: 30px;
}
.hal-toggle-input-selectedCount.hal-toggle-input-selectedCount--newsfilter {
margin-left: 10px;
color: #fff;
background: #33424F;
border-radius: 4px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
display: flex;
text-align: center;
letter-spacing: 0.2px;
font-feature-settings: 'tnum' on, 'lnum' on;
mix-blend-mode: normal;
gap: 10px;
padding: 1px 6px;
align-items: center;
}
.hal-toggle-input-state.hal-toggle-input-state--newsfilter {
display: none;
}
.hal-toggle-input-state.hal-toggle-input-state--newsfilter ~ .hal-toggle-input-toggle::before {
transform: rotate(180deg) translateY(3px) translateX(-2px);
}
.hal-toggle-input-state.hal-toggle-input-state--newsfilter:checked ~ .hal-toggle-input-toggle::before {
transform: rotate(0);
}
.hal-toggle-container.hal-toggle-container--newsfilter[dir="rtl"] .hal-toggle-input-toggle {
margin-bottom: 16px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.14285714;
}
@media (min-width: 1024px) {
.hal-toggle-container.hal-toggle-container--newsfilter[dir="rtl"] .hal-toggle-input-toggle {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.125;
}
}
@media (min-width: 1440px) {
.hal-toggle-container.hal-toggle-container--newsfilter[dir="rtl"] .hal-toggle-input-toggle {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.11111111;
}
}
.hal-toggle-container.hal-toggle-container--newsfilter[dir="rtl"] .hal-toggle-input-toggle::before {
margin-left: 10px;
margin-right: 0;
transform: rotate(180deg) translateY(5px) translateX(2px);
}
.hal-toggle-container.hal-toggle-container--newsfilter[dir="rtl"] .hal-toggle-input-state:checked ~ .hal-toggle-input-toggle::before {
transform: rotate(0) translateY(-2px) translateX(0);
}
.hal-modal-columns.hal-searchfilter {
margin-top: 0px;
margin-left: 16px;
}
.hal-modal-title {
padding-left: 20px;
padding-top: 20px;
margin-bottom: 20px;
font-family: Inter;
font-style: normal;
line-height: 21px;
font-size: 16px;
font-weight: 700;
}
.hal-modal-subTitle-border {
padding-left: 20px;
border-top: 1px solid #CCD6DF;
line-height: 21px;
}
.hal-modal-subTitle-text {
padding-left: 20px;
font-family: Inter;
font-style: normal;
line-height: 21px;
font-size: 14px;
font-weight: 400;
}
.hal-modal-filterHeading {
padding-left: 20px;
padding-right: 20px;
}
.hal-modal-region-title {
font-family: Inter;
font-style: normal;
line-height: 21px;
font-size: 16px;
font-weight: 700;
}
.hal-modal-region-subTitle {
font-family: Inter;
line-height: 21px;
font-size: 14px;
font-weight: 400;
}
.hal-searchfilter.hal-searchfilter--newsfilter {
margin-top: 5px;
}
.hal-searchfilter.hal-searchfilter--newsfilter-filteritem {
display: flex;
margin-right: 5px;
margin-bottom: 5px;
font-size: 0;
}
.hal-searchfilter--secondary.hal-searchfilter--secondary--newsfilter .hal-filteritem-text {
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 140px;
overflow: hidden;
display: inline-block;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #14171A;
}
.hal-searchfilter--secondary.hal-searchfilter--secondary--newsfilter .hal-filteritem-text .hal-filteritem-selectedCount {
color: #fff;
border-radius: 4px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
letter-spacing: 0.2px;
font-feature-settings: 'tnum' on, 'lnum' on;
mix-blend-mode: normal;
gap: 10px;
padding: 1px 6px;
align-items: center;
}
.hal-searchfilter--secondary.hal-searchfilter--secondary--newsfilter .hal-filteritem-input:checked + .hal-filteritem-text {
border: 1px solid #33424F;
background: #33424F;
color: #fff;
}
.hal-filteritem-small-text {
display: flex;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 140px;
overflow: hidden;
display: inline-block;
padding: 3px 7px;
border: 1px solid #768A9D;
border-radius: 4px;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #14171A;
background: #fff;
transition: all 0.25s ease-in-out;
cursor: pointer;
margin-bottom: 8px;
}
.hal-filteritem-small-input {
display: none;
}
.hal-filteritem-small-input:checked + .hal-filteritem-small-text {
display: inline-block;
color: #fff;
background: #33424F;
border: 1px solid #33424F;
}
.hal-filteritem-small-input:checked + .hal-filteritem-small-text::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.02%201L5.008%209.014%201%205.007%22%20stroke-linecap%3D%22round%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
margin-right: 5px;
}
.hal-filter-heading,
.hal-filter-terms {
margin-bottom: 10px;
}
.hal-filter-heading {
position: relative;
padding-top: 10px;
height: 40px;
}
.hal-filter-heading-select {
position: absolute;
top: 0;
}
@media (min-width: 600px) {
.hal-filter {
margin-left: -10px;
}
.hal-filter::before,
.hal-filter::after {
content: " ";
display: table;
}
.hal-filter::after {
clear: both;
}
.hal-filter-heading,
.hal-filter-config,
.hal-filter-terms {
padding-left: 10px;
width: 50%;
}
.hal-filter-heading,
.hal-filter-terms {
float: left;
}
.hal-filter-config {
float: right;
}
.hal-filter-heading {
padding-top: 7px;
}
.hal-filter-terms {
padding-top: 5px;
margin-bottom: 5px;
}
}
@media (min-width: 1024px) {
.hal-filter-heading {
padding-top: 2px;
}
}
.hal-footer {
background-color: #E1E8ED;
}
.hal-page--home .hal-footer,
.hal-page--beacon .hal-footer,
.hal-page--newsdetail .hal-footer {
margin-top: 0;
border-top: 1px solid #e5e5e5;
}
.hal-footer .hal-container {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
z-index: 0;
}
@media (min-width: 1024px) {
.hal-footer .hal-container {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-footer .hal-container {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-footer .hal-container-main .hal-container-content {
padding: 32px 32px 24px;
}
@media (max-width: 1023px) {
.hal-footer .hal-container-main .hal-container-content {
padding: 32px 16px 24px;
}
}
@media (max-width: 599px) {
.hal-footer .hal-container-main .hal-container-content {
padding: 32px 8px 24px;
}
}
.hal-footer .hal-container-main .hal-container-content .hal-columns {
margin-left: 0;
justify-content: space-between;
}
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-columns-main {
width: 75%;
}
@media (max-width: 1023px) {
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-columns-main {
width: 100%;
}
}
@media (max-width: 599px) {
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-columns-main {
max-width: 696px;
}
}
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-columns-main .hal-column-content {
margin-left: 0;
padding-right: 24px;
}
@media (max-width: 599px) {
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-columns-main .hal-column-content {
padding-right: 8px;
padding-left: 8px;
}
}
.hal-footer .hal-container-main .hal-container-content .hal-columns .hal-column--margin .hal-column-content {
margin-left: 0;
padding-right: 0;
}
.hal-footer .hal-container-terms {
border-top: 1px solid #CCD6DF;
}
.hal-footer .hal-container-terms .hal-container-content {
padding: 24px 32px 0;
}
@media (max-width: 1023px) {
.hal-footer .hal-container-terms .hal-container-content {
padding: 30px 16px 0;
}
}
.hal-footer .hal-container-terms .hal-columns {
margin-left: 0;
justify-content: space-between;
}
.hal-footer .hal-container-terms .hal-columns .hal-column {
width: 100%;
}
@media (min-width: 1024px) {
.hal-footer .hal-container-terms .hal-columns .hal-column {
width: 75%;
}
.hal-footer .hal-container-terms .hal-columns .hal-column--margin {
padding-left: 0;
padding-top: 4px;
width: 25%;
}
}
.hal-footer .hal-container-terms .hal-columns .hal-column .hal-column-content {
margin-left: 0;
padding-right: 0;
}
@media (max-width: 1023px) {
.hal-footer .hal-container-terms .hal-columns .hal-column--margin .hal-column-content {
padding-left: 0;
}
}
.hal-footer .hal-container-terms .hal-copyright {
text-align: right;
line-height: 20px;
}
.hal-footer .hal-columns .hal-column {
width: 50%;
margin-bottom: 0;
}
.hal-footer .hal-columns .hal-column--margin {
padding-left: 0;
width: 50%;
}
@media (min-width: 1024px) {
.hal-footer .hal-columns .hal-column--margin,
.hal-footer .hal-columns .hal-column {
width: 25%;
}
}
@media (min-width: 1024px) {
.hal-footer .hal-columns .hal-columns-main .hal-column {
width: 25%;
max-width: 170px;
}
}
@media (max-width: 599px) {
.hal-footer .hal-columns .hal-columns-main .hal-column {
width: 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.hal-footer .hal-columns .hal-column--margin {
width: 25%;
max-width: 240px;
}
}
@media (max-width: 1023px) {
.hal-footer .hal-columns .hal-column--margin {
width: 240px;
}
}
@media (max-width: 599px) {
.hal-footer .hal-columns .hal-column--margin .hal-column-content {
padding-left: 8px;
}
}
.hal-footer-socialmedia {
margin-bottom: 20px;
}
.hal-footer-socialmedia-link {
display: inline-block;
margin: 4px 16px 16px 4px;
/*
&:nth-of-type(3n) {
margin-right: 0;
&::after {
content: "";
display: block;
margin-bottom: @grid-padding-md;
}
}
*/
}
.hal-footer-socialmedia [class*="icon-"] {
color: #ff6600;
}
.hal-footer-socialmedia [class*="icon-"]:hover {
color: #A34100;
}
.hal-footer-teaser {
margin-bottom: 20px;
}
.hal-footer-teaser-image {
width: 100%;
height: auto;
}
.hal-footer-teaser-image-wrapper {
aspect-ratio: 2;
}
.hal-footer-apps-content {
display: flex;
}
.hal-footer-apps-content > a {
display: block;
margin-right: 10px;
}
.hal-footer-apps-content > a img,
.hal-footer-apps-content > a svg {
width: 100%;
height: 32px;
}
.hal-footer-apps-content > a:nth-of-type(2) {
margin-right: 0px;
}
.hal-footer-apps-content > a:nth-of-type(3) {
flex-grow: 0;
width: calc(50% - 5px);
}
@media print {
.hal-footer {
display: none;
}
}
.hal-footer[dir="rtl"] .hal-rtl--alt {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
}
@media (min-width: 1024px) {
.hal-footer[dir="rtl"] .hal-rtl--alt {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-footer[dir="rtl"] .hal-rtl--alt {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-footer[dir="rtl"] .hal-rtl--alt.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-footer[dir="rtl"] .hal-rtl--alt.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-footer[dir="rtl"] .hal-rtl--alt.hal-h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-footer[dir="rtl"] .hal-copyright {
unicode-bidi: plaintext;
text-align: right;
}
@media (min-width: 1024px) {
.hal-footer[dir="rtl"] .hal-container--main .hal-columns .hal-column--margin {
padding-left: 0;
padding-right: 16.66666667%;
}
}
.hal-footer[dir="rtl"] .hal-footer-socialmedia-link {
margin-right: 0;
margin-left: 25px;
}
.hal-footer[dir="rtl"] .hal-footer-socialmedia-link:nth-of-type(3n) {
margin-left: 0;
}
.hal-footer[dir="rtl"] .hal-footer-list--terms {
margin-right: -10px;
}
.hal-footer[dir="rtl"] .hal-footer-list--terms li {
padding-right: 0;
padding-left: 10px;
border-left: 1px solid #ccc;
border-right: none;
}
.hal-footer[dir="rtl"] .hal-footer-list--terms li:first-child,
.hal-footer[dir="rtl"] .hal-footer-list--terms li:last-child {
border: none;
}
@media (max-width: 599px) {
.hal-footer[dir="rtl"] .hal-footer-list--terms li:first-child + li {
padding-left: 10px;
}
}
@media print {
.hal-ext-footer {
display: none;
}
}
.hal-gallery {
margin-bottom: 4rem;
}
.hal-gallery-main,
.hal-gallery-thumbs {
position: relative;
overflow: hidden;
}
.hal-gallery-main {
margin-bottom: 0.5rem;
}
@media (min-width: 600px) {
.hal-gallery-main {
margin-bottom: 1rem;
}
}
.hal-gallery-thumbs-ctrl {
display: none;
}
.hal-gallery-thumbs-ctrl.hal-is-active {
display: block;
}
.hal-gallery-prev,
.hal-gallery-next {
display: none;
font: 0/0 a;
text-shadow: none;
color: transparent;
position: absolute;
top: 0;
bottom: 0;
width: 10%;
cursor: pointer;
}
.hal-gallery-prev.hal-is-active,
.hal-gallery-next.hal-is-active {
display: block;
}
@media (min-width: 1440px) {
.hal-gallery-prev,
.hal-gallery-next {
width: 6.25%;
}
}
.hal-mzr-no-touchevents .hal-gallery-prev,
.hal-mzr-no-touchevents .hal-gallery-next {
opacity: 0;
transition: opacity 0.3s;
}
.hal-gallery-main:hover .hal-gallery-prev,
.hal-gallery-main:hover .hal-gallery-next,
.hal-gallery-thumbs:hover .hal-gallery-prev,
.hal-gallery-thumbs:hover .hal-gallery-next {
opacity: 1;
}
.hal-gallery-prev::before,
.hal-gallery-next::before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
padding-top: 100%;
margin-top: -50%;
background: #e5e5e5 none 50% no-repeat;
background-size: 20% 20%;
transition: background-color 0.3s;
}
.hal-mzr-no-touchevents .hal-gallery-prev:hover::before,
.hal-mzr-no-touchevents .hal-gallery-next:hover::before {
background-color: #cecece;
}
@media (max-width: 599px) {
.hal-gallery-main .hal-gallery-prev,
.hal-gallery-main .hal-gallery-next {
position: relative;
top: 0.5rem;
display: inline-block;
float: left;
width: 50%;
opacity: 1;
}
.hal-gallery-main .hal-gallery-prev::before,
.hal-gallery-main .hal-gallery-next::before {
position: static;
display: block;
padding-top: 40%;
margin: 0;
border-radius: 0;
}
}
@media (max-width: 599px) {
.hal-gallery-thumbs .hal-gallery-prev,
.hal-gallery-thumbs .hal-gallery-next {
display: none;
}
}
.hal-gallery-prev {
left: 0;
}
.hal-gallery-prev::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%200L16%2064l64%2064%2024-24-40-40%2040-40L80%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
border-radius: 0 0.3rem 0.3rem 0;
}
@media (max-width: 599px) {
.hal-gallery-main .hal-gallery-prev {
padding-right: 0.25rem;
}
}
.hal-gallery-next {
right: 0;
}
.hal-gallery-next::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%200L16%2024l40%2040-40%2040%2024%2024%2064-64L40%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
border-radius: 0.3rem 0 0 0.3rem;
}
@media (max-width: 599px) {
.hal-gallery-main .hal-gallery-next {
padding-left: 0.25rem;
}
}
.hal-gallery-frame {
position: relative;
overflow: hidden;
}
.hal-gallery-slides {
word-spacing: -0.31em;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
}
.hal-gallery-slide {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding-right: 2.5px;
padding-left: 2.5px;
position: relative;
width: 100%;
white-space: normal;
}
@media (min-width: 1024px) {
.hal-gallery-slide {
padding-right: 5px;
padding-left: 5px;
}
}
.hal-gallery-slide.hal-is-current::before {
border-color: #111565;
}
.hal-gallery-thumbs .hal-gallery-slide {
width: 33.333%;
cursor: pointer;
}
@media (min-width: 600px) {
.hal-gallery-thumbs .hal-gallery-slide {
width: 20%;
}
}
@media (min-width: 1440px) {
.hal-gallery-thumbs .hal-gallery-slide {
width: 12.5%;
}
}
.hal-gallery-image {
display: block;
width: 100%;
height: 0;
padding-top: 75%;
background: transparent none 50% no-repeat;
background-size: cover;
box-shadow: inset 0 0 0 5px rgba(17, 21, 101, 0);
transition: box-shadow 0.3s;
}
.hal-gallery-thumbs .hal-gallery-image {
padding-top: 100%;
}
.hal-gallery-image-caption {
display: block;
padding: 1rem 0.5rem 2rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-gallery-image-caption {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-gallery-image-caption {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 600px) {
.hal-gallery-image-caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 1rem 2rem;
color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.5);
}
}
.hal-gallery-slide.hal-is-current .hal-gallery-image {
box-shadow: inset 0 0 0 5px #111565;
}
.hal-interactive-map {
position: relative;
width: 100%;
margin: 0 auto;
}
.hal-interactive-map .js_map_dyn {
position: relative;
padding-bottom: calc(100% / 2);
}
@media (max-width: 1023px) {
.hal-interactive-map .js_map_dyn {
display: none;
}
}
.hal-interactive-map .js_map_dyn .hal-map--stage {
position: absolute;
}
@media (max-width: 1023px) {
.hal-interactive-map #hal-map-dynamicvessel-services {
display: none;
}
}
.hal-interactive-map .hal-map-control-bar {
display: block;
position: absolute;
right: 4rem;
bottom: 4rem;
z-index: 1;
}
@media (min-width: 1440px) {
.hal-interactive-map .hal-map-control-bar {
right: 10rem;
}
}
@media (max-width: 1023px) {
.hal-interactive-map .hal-map-control-bar {
display: none;
}
}
.hal-interactive-map .hal-interactive-map-button {
display: none;
}
@media (min-width: 1440px) {
.hal-interactive-map .hal-interactive-map-button {
left: 10rem;
}
}
.hal-interactive-map .hal-interactive-map-reload__wrapper {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(229, 229, 229, 0.7);
}
.hal-interactive-map .hal-interactive-map-reload__content {
position: absolute;
left: 50%;
top: 50%;
width: 30em;
padding: 20px 0;
text-align: center;
border: 1px solid rgba(102, 102, 102, 0.15);
background-color: #fff;
box-shadow: 0px 0px 10em 100px #f2f2f2;
transform: translateX(-50%) translateY(-50%);
z-index: 5;
}
.hal-interactive-map .hal-interactive-map-reload__text {
width: 75%;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04rem;
border-bottom: 1px solid #ededed;
}
.hal-interactive-map .hal-interactive-map-indicator {
position: absolute;
right: 0;
bottom: 4rem;
left: 0;
margin: auto;
}
.hal-interactive-map .hal-map-ie11 .hal-map-location:not(.hal-map-icon-vessel) {
pointer-events: none;
}
.hal-map--location .hal-interactive-map-button {
display: block;
}
.hal-map--services .hal-map-control-bar,
.hal-map--location .hal-map-control-bar,
.hal-map--terminals .hal-map-control-bar {
display: none;
}
.hal-local-offices {
display: flex;
max-height: 580px;
}
.hal-local-offices-tabs {
display: flex;
flex-direction: column;
min-width: 220px;
max-width: 220px;
background: #fff;
overflow-y: auto;
}
.hal-local-offices-tab {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
padding: 12px 36px 12px 12px;
cursor: pointer;
}
.hal-local-offices-tab--active,
.hal-local-offices-tab:hover,
.hal-local-offices-tab:focus {
background-color: #F0F2F5;
}
.hal-local-offices-tab.focus-visible {
box-shadow: inset 0 0 0 2px #0262f2;
}
.hal-local-offices-region {
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0px;
color: #556A7A;
}
.hal-local-offices-office {
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
color: #14171A;
}
.hal-local-offices-icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.hal-local-offices-dropdown {
display: none;
margin-bottom: 12px;
}
.hal-local-offices-select {
width: 100%;
padding: 8px 12px;
font-size: 14px;
}
.hal-local-offices-content {
display: none;
}
.hal-local-offices-content--active {
display: flex;
flex-direction: column;
width: calc(100% - 220px);
padding: 12px 12px 16px 12px;
background-color: #F0F2F5;
}
.hal-local-offices-content-headline {
margin: 0 0 24px 0;
color: #14171A;
}
.hal-local-offices-headline-office,
.hal-local-offices-headline-office:hover,
.hal-local-offices-headline-office:visited {
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0px;
text-decoration: underline;
color: #14171A;
}
.hal-local-offices-headline-region {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
}
.hal-local-offices-content-body {
display: flex;
}
.hal-local-offices-content-text {
display: flex;
flex-direction: column;
width: calc(100% / 3);
}
.hal-local-offices-content-block {
margin-bottom: 24px;
}
.hal-local-offices-content-block:last-child {
margin-bottom: 0;
}
.hal-local-offices-block-title {
font-size: 10px;
font-weight: 600;
line-height: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 5px;
color: #556A7A;
}
.hal-local-offices-block-details,
.hal-local-offices-block-details:hover,
.hal-local-offices-block-details a {
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0px;
color: #14171A;
display: block;
}
.hal-local-offices-content-divider {
width: 1px;
margin: 0 24px;
background: #CCD6DF;
padding-right: 1px;
}
.hal-local-offices-content-image {
width: calc(100% / 3 * 2);
}
.hal-local-offices-content-image img {
display: block;
height: 100%;
max-width: 100% !important;
}
.hal-local-offices-content-contacts {
display: flex;
flex-direction: column;
width: calc(100% / 3 * 2);
}
.hal-local-offices-contact-row {
display: flex;
justify-content: space-between;
gap: 16px;
padding-bottom: 16px;
}
.hal-local-offices-contact-left {
width: 45%;
}
.hal-local-offices-contact-right {
width: 55%;
}
.hal-local-offices-function,
.hal-local-offices-name {
font-size: 12px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0px;
color: #14171A;
}
.hal-local-offices-department {
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0px;
color: #556A7A;
}
.hal-local-offices-phone,
.hal-local-offices-phone:hover {
font-size: 12px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0px;
color: #14171A;
display: block;
}
.hal-local-offices-email,
.hal-local-offices-email:hover {
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0px;
text-decoration: underline;
color: #A34100;
display: block;
}
.hal-local-offices-more-link,
.hal-local-offices-more-link:hover,
.hal-local-offices-more-link:visited {
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0px;
text-decoration: underline;
color: #14171A;
}
.hal-local-offices-title {
font-size: 20px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0px;
padding-bottom: 16px;
}
@media (max-width: 1023px) {
.hal-local-offices {
flex-direction: column;
max-height: none;
}
.hal-local-offices-tabs {
display: none;
}
.hal-local-offices-dropdown {
display: block;
}
.hal-local-offices-content--active {
width: 100%;
padding: 12px;
}
.hal-local-offices-content-body {
flex-direction: column;
}
.hal-local-offices-content-block:last-child {
margin-bottom: 24px;
}
.hal-local-offices-content-text,
.hal-local-offices-content-contacts {
width: 100%;
}
.hal-local-offices-content-divider {
display: none;
}
.hal-local-offices-contact-row {
flex-direction: column;
gap: 0;
}
.hal-local-offices-contact-left,
.hal-local-offices-contact-right,
.hal-local-offices-content-image {
width: 100%;
}
}
.hal-management-headline {
margin: 0 auto;
padding: 40px 10px 20px;
background-color: #fff;
max-width: 1130px;
}
@media (min-width: 600px) {
.hal-management-headline {
padding: 40px 30px 20px;
}
}
.hal-management-headline .hal-h2 {
text-align: left;
max-width: 1130px;
}
.hal-management-headline .hal-h2[dir="rtl"] {
text-align: right;
}
@media (max-width: 1023px) {
.hal-management-picture {
display: none;
}
}
.hal-management .hal-container-image {
display: block;
position: relative;
right: auto;
left: auto;
z-index: inherit;
}
@media (max-width: 599px) {
.hal-management .hal-container-image {
height: auto;
width: 100%;
right: 0;
left: 0;
}
}
.hal-management .hal-container-content {
position: relative;
margin-top: -245px;
padding-top: 40px;
background-color: #fff;
text-align: left;
}
@media (min-width: 1440px) {
.hal-management .hal-container-content hal-copy {
width: 75%;
}
}
@media (max-width: 1023px) {
.hal-management .hal-container-content {
margin-top: 0;
}
}
.hal-management .hal-management-person::before,
.hal-management .hal-management-person::after {
content: " ";
display: table;
}
.hal-management .hal-management-person::after {
clear: both;
}
@media (min-width: 600px) {
.hal-management .hal-management-person {
padding-bottom: 10px;
border: none;
}
}
@media (max-width: 599px) {
.hal-management .hal-management-person {
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
min-height: 250px;
}
}
.hal-management .hal-management-person-img {
position: relative;
width: 80px;
height: 80px;
display: block;
float: left;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
.hal-management .hal-management-person-img {
display: none;
}
}
@media (max-width: 1023px) {
.hal-management .hal-management-person-img {
float: none;
margin: 0 auto 30px;
}
}
@media (max-width: 599px) {
.hal-management .hal-management-person-img {
margin-bottom: 15px;
}
}
.hal-management .hal-management-person-img > img {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 100%;
height: auto;
}
.hal-management .hal-management-person-details {
display: block;
}
@media (max-width: 1023px) {
.hal-management .hal-management-person-details .hal-h3 {
display: inline-block;
}
}
.hal-management .hal-management-person[dir="rtl"] .hal-column-content {
padding: 0;
}
.hal-management .hal-management-person[dir="rtl"] .hal-management-person-img {
float: right;
}
.hal-management-footer[dir="rtl"],
.hal-management-headline[dir="rtl"] {
text-align: right;
}
@media (min-width: 1440px) {
.hal-medialibrary {
margin: 0 auto;
max-width: 1130px;
}
}
@media (max-width: 599px) {
.hal-medialibrary-container {
line-height: 0;
-webkit-column-count: 2;
-webkit-column-gap: 0;
-moz-column-count: 2;
-moz-column-gap: 0;
column-count: 2;
column-gap: 5px;
width: 100%;
}
.hal-medialibrary-container .hal-richtext > p {
line-height: 22px;
}
}
.hal-medialibrary-container .hal-media-details {
line-height: normal;
}
.hal-medialibrary-container-edit-classic .imagemodule {
width: 33.33333333%;
float: left;
}
.hal-medialibrary-container-edit-classic div:nth-last-child(4) {
width: 33.33333333%;
float: none;
}
.hal-medialibrary-container-edit-touch .newpar {
width: 33.33333333%;
}
@media (max-width: 599px) {
.hal-medialibrary--img {
margin-bottom: 30px;
}
}
@media (min-width: 600px) {
.hal-medialibrary--img {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 0 -5px;
}
}
@media (min-width: 600px) and (min-width: 1024px) {
.hal-medialibrary--img {
margin-left: -10px;
}
}
@media (min-width: 600px) and (max-width: 599px) {
.hal-medialibrary--img {
margin-left: 0;
}
}
@media (min-width: 600px) {
.hal-medialibrary--img .hal-column-content {
margin-left: 10px;
}
}
@media (min-width: 1440px) {
.hal-medialibrary--img .imagemodule {
width: 33.33333333%;
}
}
@media (max-width: 599px) {
.hal-medialibrary--pdf {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media (max-width: 599px) {
.hal-medialibrary div[class$=module] {
margin: 0;
padding: 0;
width: 100%;
}
.hal-medialibrary div[class$=module].imagemodule .hal-media-details,
.hal-medialibrary div[class$=module].imagemodule .hal-media-download {
display: none;
}
.hal-medialibrary div[class$=module].imagemodule .hal-column-content {
padding: 0;
}
.hal-medialibrary div[class$=module].textmodule {
line-height: 1.2em;
}
.hal-medialibrary div[class$=module].textmodule .hal-media-details {
border-right: 0;
}
.hal-medialibrary div[class$=module].textmodule .hal-media-details {
padding-left: 0;
padding-right: 0;
}
.hal-medialibrary div[class$=module].textmodule .hal-media-download {
margin-bottom: 30px;
padding: 0;
}
.hal-medialibrary div[class$=module] .hal-media-picture,
.hal-medialibrary div[class$=module].textmodule .hal-media-picture {
background: none;
min-height: inherit;
max-height: inherit;
}
.hal-medialibrary div[class$=module] .hal-media-picture .hal-picture,
.hal-medialibrary div[class$=module].textmodule .hal-media-picture .hal-picture {
width: 100%;
height: 100%;
}
.hal-medialibrary div[class$=module].textmodule .hal-picture {
margin-bottom: 5px;
}
}
@media (max-width: 599px) and (min-width: 600px) {
.hal-medialibrary div[class$=module].imagemodule .hal-column-content {
margin-left: 10px;
}
}
*[class^=medialibrary]:not(:first-child) .hal-container-content {
padding-top: 0;
}
.hal-modal-popup-wrapper {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
padding-top: 100px;
background-color: rgba(0, 0, 0, 0.38);
}
.hal-modal-popup {
position: fixed;
display: table;
width: 840px;
height: 420px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 16px;
z-index: 9999;
background-color: #fff;
}
@media (max-width: 1023px) {
.hal-modal-popup {
width: 420px;
}
}
.hal-modal-popup-header {
display: flex;
}
.hal-modal-popup-header .hal-modal-popup-headline-desktop {
display: inline-block;
width: 420px;
height: 210px;
padding: 79px 70px;
background-color: #33424F;
}
@media (max-width: 1023px) {
.hal-modal-popup-header .hal-modal-popup-headline-desktop {
display: none;
}
}
.hal-modal-popup-header .hal-modal-popup-headline-desktop > p {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #fff;
}
.hal-modal-popup-header > img {
display: inline-block;
width: 420px;
height: 210px;
}
.hal-modal-popup-body {
padding: 24px;
min-height: 146px;
}
.hal-modal-popup-body .hal-modal-popup-headline-mobile {
padding-bottom: 16px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.2px;
color: #14171A;
}
@media (min-width: 1024px) {
.hal-modal-popup-body .hal-modal-popup-headline-mobile {
display: none;
}
}
.hal-modal-popup-body .hal-modal-popup-text {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #14171A;
}
.hal-modal-popup-footer {
display: flex;
padding: 0px 24px 24px;
height: 64px;
float: right;
}
.hal-modal-popup-footer .hal-modal-popup-button-cancel {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
padding: 12px 20px;
gap: 10px;
height: 40px;
background: #fff;
border-radius: 2px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
letter-spacing: -0.2px;
color: #425464;
}
.hal-modal-popup-footer .hal-modal-popup-button-confirm {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
padding: 12px 20px;
gap: 10px;
height: 40px;
background: #E1E8ED;
border-radius: 2px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
letter-spacing: -0.2px;
color: #425464;
margin-left: 12px;
}
.hal-modal-popup--mobile {
width: 420px;
}
@media (min-width: 1024px) {
.hal-modal-popup--mobile .hal-modal-popup-headline-mobile {
display: block;
}
}
.hal-nav-side {
width: 256px;
position: fixed;
top: 112px;
left: 0;
height: calc(100vh - 112px);
z-index: 50;
background: #33424F;
overflow-y: auto;
/*
ul.main.level-1>li>a.expnd:hover:after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22triangle-down%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Cpath%20d%3D%22M7%2010L12%2015L17%2010H7Z%22%20fill%3D%22%23ff6600%22%2F%3E%0A%3C%2Fsvg%3E");
}
*/
}
@media (max-width: 1023px) {
.hal-nav-side {
display: none;
}
}
.hal-nav-side .hal-ext-left-menu {
padding: 48px 0px 95px 0px;
}
.hal-nav-side .btn-collapse {
position: fixed;
left: 196px;
bottom: 50px;
height: 40px;
width: 40px;
border: 0;
margin: 0;
padding: 0;
background: none;
cursor: pointer;
}
.hal-nav-side .hal-text-wrapper {
display: inline-flex;
align-items: center;
}
.hal-nav-side .hal-item-new {
display: none;
margin-left: 8px;
margin-bottom: 0;
padding: 1px 6px;
border-radius: 4px;
background-color: #ff6600;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
justify-content: center;
}
@media (min-width: 1024px) {
.hal-nav-side .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-nav-side .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-nav-side .level-2 .hal-item-new {
display: none;
margin-left: 8px;
padding: 1px 6px;
border-left: none;
height: 16px;
justify-content: center;
font-weight: 700;
}
.hal-nav-side ul {
margin: 0;
padding-left: 0;
}
.hal-nav-side ul li {
list-style-type: none;
}
.hal-nav-side ul li a {
display: flex;
align-items: center;
height: 48px;
text-decoration: none;
font-family: Inter, Helvetica, Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
padding-left: 14px;
}
.hal-nav-side ul li a svg {
color: #8D9FAF;
}
.hal-nav-side ul li a > span {
padding: 0 36px 0 16px;
hyphens: auto;
}
.hal-nav-side ul li a:hover {
background-color: #425464;
/*
color: @orange;
svg {
color: @orange;
filter: invert(39%) sepia(56%) saturate(2621%) hue-rotate(3deg) brightness(106%) contrast(102%);
}
*/
}
.hal-nav-side ul li a:active {
background-color: #556A7A;
}
.hal-nav-side ul li a.hide {
display: none;
}
.hal-nav-side ul li a:focus-visible {
color: #fff;
background: #425464;
outline: none;
box-shadow: #99d4ff 0px 0px 0px 2px inset;
}
.hal-nav-side ul li.placeholder {
height: 48px;
}
.hal-nav-side ul.level-2 {
max-height: 0;
overflow: hidden;
transition: max-height 200ms ease-out;
}
.hal-nav-side ul.level-2 li a {
background: #33424F;
font-weight: 500;
padding-left: 39px;
}
.hal-nav-side ul.level-2 li a > span {
display: inline-flex;
align-items: center;
height: 100%;
padding: 0 23px;
border-left: 2px solid #8D9FAF;
hyphens: auto;
}
.hal-nav-side ul.level-2 li a:not([href]):not(.category) {
display: none;
}
.hal-nav-side ul.level-2 li a.active,
.hal-nav-side ul.level-2 li a.active:active {
padding-left: 38px;
}
.hal-nav-side ul.level-2 li a.active > span,
.hal-nav-side ul.level-2 li a.active:active > span {
padding: 0 22px;
border-left: 4px solid #ff6600;
}
.hal-nav-side ul.level-2 li a:hover {
background-color: #425464;
}
.hal-nav-side ul.level-2 li a:active {
background-color: #556A7A;
}
.hal-nav-side ul.level-2 li a:active > span {
border-left: 2px solid #ff6600;
}
.hal-nav-side ul.level-2 li a:active .hal-item-new {
border-left: none;
}
.hal-nav-side ul.level-2 li a.category {
font-size: 10px;
font-weight: 700;
line-height: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: unset;
}
.hal-nav-side ul.level-2 li a.category:hover {
background-color: #33424F;
}
.hal-nav-side ul.level-1.main > li > a.active {
padding-left: 10px;
}
.hal-nav-side ul.level-1.main > li > a.active:before {
content: '';
position: relative;
height: 100%;
left: -8px;
border-left: 4px solid #ff6600;
}
.hal-nav-side ul.main {
padding: 48px 0px 95px 0px;
}
.hal-nav-side ul.main.level-1 > li > a {
font-weight: 700;
}
.hal-nav-side ul.main.level-1 > li > a.expnd:after {
display: inline-block;
position: absolute;
right: 8px;
margin-top: 2px;
transition-duration: 300ms;
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22triangle-down%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Cpath%20d%3D%22M7%2010L12%2015L17%2010H7Z%22%20fill%3D%22%23ADBAC7%22%2F%3E%0A%3C%2Fsvg%3E");
}
.hal-nav-side ul.main.level-1 > li.open > a.expnd:after {
margin-top: -8px;
transform: rotate(180deg);
transition-duration: 300ms;
}
.hal-nav-side .hal-placeholder-item {
padding: 8px;
}
.hal-nav-side .hal-placeholder-item-content {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
display: flex;
}
.hal-nav-side .hal-placeholder-item-icon {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 50%;
cursor: wait;
width: 28px;
height: 28px;
}
.hal-nav-side .hal-placeholder-item-icon:before,
.hal-nav-side .hal-placeholder-item-label:before,
.hal-nav-side .hal-placeholder-item-arrow:before {
content: " ";
}
.hal-nav-side .hal-placeholder-item-icon:after,
.hal-nav-side .hal-placeholder-item-label:after,
.hal-nav-side .hal-placeholder-item-arrow:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: linear-gradient(90deg, #fff0, #ffffff1a, #fff0);
animation: placeholder-wave 1500ms linear 0.5s infinite;
}
.hal-nav-side .hal-placeholder-item-label-wrapper {
margin-left: 8px;
margin-right: 8px;
flex: 10000 1 0%;
}
.hal-nav-side .hal-placeholder-item-label {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
transform: scaleY(0.5);
cursor: wait;
height: 20px;
}
.hal-nav-side .hal-placeholder-item-arrow-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.hal-nav-side .hal-placeholder-item-arrow {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
cursor: wait;
border-radius: 4px;
width: 10px;
height: 10px;
}
@keyframes placeholder-wave {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.hal-lang-en .hal-item-new-text {
width: min-content;
}
.hal-lang-de .hal-item-new-text,
.hal-lang-es .hal-item-new-text,
.hal-lang-pt .hal-item-new-text,
.hal-lang-fr .hal-item-new-text,
.hal-lang-zh .hal-item-new-text {
width: unset;
}
.hal-nav-side-collapsed {
width: 120px;
}
.hal-nav-side-collapsed .btn-collapse {
transform: rotate(180deg);
left: 40px;
}
.hal-nav-side-collapsed .hal-text-wrapper {
display: block;
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: -0.2px;
}
.hal-nav-side-collapsed .hal-item-new {
margin-left: 0;
}
.hal-nav-side-collapsed ul li a {
height: auto;
min-height: 80px;
display: block;
padding: 16px 0 0 0;
font-size: 12px;
line-height: 12px;
text-align: center;
}
.hal-nav-side-collapsed ul li a > span {
display: block;
padding-top: 7px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
hyphens: auto;
}
.hal-nav-side-collapsed ul li a .hal-item-new-text {
width: unset;
}
.hal-nav-side-collapsed ul.level-1.main > li > a {
font-weight: 500;
}
.hal-nav-side-collapsed ul.level-1.main > li > a.active,
.hal-nav-side-collapsed ul.level-1.main > li > a.active-child {
font-weight: 700;
}
.hal-nav-side-collapsed ul.level-1.main > li > a.active:before,
.hal-nav-side-collapsed ul.level-1.main > li > a:active:before,
.hal-nav-side-collapsed ul.level-1.main > li > a.active-child:before {
content: '';
position: absolute;
height: 80px;
left: 4px;
margin-top: -16px;
border-left: 4px solid #ff6600;
}
.hal-nav-side-collapsed ul.main.level-1 > li > a.expnd:after {
display: none;
}
.hal-nav-side-collapsed ul.level-2 {
display: none;
}
.hal-nav-side-collapsed .hal-placeholder-item-content {
flex-direction: column;
}
.hal-nav-side-collapsed .hal-placeholder-item-label {
width: 80px;
}
.hal-nav-side-collapsed .hal-placeholder-item-arrow-wrapper {
display: none;
}
.hal-nav-side-hide {
display: none;
}
.hal-nav-side-op-ani {
will-change: width;
transition: width 400ms cubic-bezier(0.2, 0, 0, 1) 0s;
transition: all 300ms;
}
.hal-navigation-top {
padding-bottom: 112px;
}
@media (max-width: 1023px) {
.hal-navigation-top {
padding-bottom: 56px;
}
}
.hal-navigation-top-content-1st-level {
display: flex;
width: 100%;
background: #fff;
position: fixed;
top: 0;
z-index: 9000;
}
@media (min-width: 1024px) {
.hal-navigation-top-content-1st-level {
z-index: 9002;
}
}
@media (min-width: 1024px) {
.hal-navigation-top-content-1st-level .hal-navigation-top-item:after {
content: " ";
position: absolute;
display: block;
right: 0;
top: 18px;
height: 20px;
width: 2px;
background: #8D9FAF;
}
}
.hal-navigation-top-content-logged-out {
z-index: 9000;
}
.hal-navigation-top-content-logged-in {
z-index: 9002;
}
.hal-navigation-top-content-2nd-level {
display: flex;
width: 100%;
background: #33424F;
position: fixed;
top: 56px;
z-index: 9001;
}
@media (max-width: 1023px) {
.hal-navigation-top-content-2nd-level {
z-index: 9002;
}
}
@media (min-width: 1024px) {
.hal-navigation-top-content-2nd-level .hal-navigation-top-item:not(:last-child):after {
content: " ";
position: absolute;
display: block;
right: 0;
top: 14px;
height: 28px;
width: 2px;
background: #8D9FAF;
}
}
@media (min-width: 1024px) {
.hal-navigation-top-content-2nd-level .hal-navigation-top-lang-web {
display: inline-block;
float: right;
margin: 0 8px 0 8px;
}
}
.hal-navigation-top-content-2nd-level .hal-navigation-top-lang:not(:last-child):after {
display: none;
}
@media (max-width: 1023px) {
.hal-navigation-top-content-2nd-level.blocked {
display: block;
position: fixed;
cursor: pointer;
z-index: 9002;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
}
.hal-navigation-top-menu {
display: inline-block;
width: 56px;
height: 56px;
padding-left: 10px;
border-right: 1px solid #e5e5e5;
background: #33424F;
}
.hal-navigation-top-menu-icon {
display: inline-block;
text-align: center;
width: 32px;
height: 32px;
position: relative;
top: 14px;
}
.hal-navigation-top-menu-icon svg {
position: absolute;
top: 8px;
left: 8px;
color: #fff;
}
.hal-navigation-top-menu-icon:focus-visible {
outline: none;
}
@media (min-width: 1024px) {
.hal-navigation-top-menu {
display: none;
}
}
.hal-navigation-top-menu.no-nav {
visibility: hidden;
}
.hal-navigation-top-menu:focus {
outline: none;
}
.hal-navigation-top-menu:focus-visible {
outline: 2px solid #0262f2;
outline-offset: -2px;
}
.hal-navigation-top .hal-button.hal-navigation-top-skip-button {
position: absolute;
height: 32px;
min-height: 32px;
top: 8px;
left: 4px;
margin-left: 4px;
padding: 8px 12px;
line-height: 14px;
letter-spacing: normal;
opacity: 0;
pointer-events: none;
}
.hal-navigation-top .hal-button.hal-navigation-top-skip-button:focus-visible {
opacity: 1;
pointer-events: auto;
outline-offset: 2px;
z-index: 10;
}
.hal-navigation-top-logo {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 216px;
height: 56px;
padding-left: 32px;
outline: none;
}
@media (max-width: 1023px) {
.hal-navigation-top-logo {
text-align: center;
width: calc(100% - 56px - 74px - 16px);
padding-left: 0;
}
}
.hal-navigation-top-logo > span {
display: inline-block;
height: 28px;
line-height: 0;
}
@media print {
.hal-navigation-top-logo > span {
visibility: visible;
text-align: left;
position: fixed;
margin-left: 0cm;
margin-top: 0cm;
height: 2cm;
background-color: white;
width: 100%;
padding-left: 14mm;
padding-top: 10mm;
}
.hal-navigation-top-logo > span::before {
content: '';
position: absolute;
top: 0mm;
right: -5px;
bottom: -5px;
height: 4mm;
left: 0px;
background-color: #ff6600;
z-index: 1;
}
}
.hal-navigation-top-logo:focus-visible {
outline: none;
}
.hal-navigation-top-logo:focus-visible > span {
outline: 2px solid #0262f2;
outline-offset: 4px;
border-radius: 1px;
}
.hal-navigation-top-search {
box-sizing: border-box;
display: inline-block;
text-align: center;
width: 58px;
cursor: pointer;
}
.hal-navigation-top-search svg {
color: #fff;
}
.hal-navigation-top-search > a {
display: block;
padding: 18px 0 12px 0;
position: relative;
}
.hal-navigation-top-search > a:after {
content: " ";
position: absolute;
display: block;
right: 0;
top: 14px;
height: 28px;
width: 2px;
background: #8D9FAF;
}
@media (max-width: 1023px) {
.hal-navigation-top-search {
display: none;
}
}
.hal-navigation-top-search.active-item > a,
.hal-navigation-top-search.active-item:hover > a,
.hal-navigation-top-search:hover > a,
.hal-navigation-top-search:active > a {
padding: 0;
cursor: default;
}
.hal-navigation-top-search.active-item > a > span,
.hal-navigation-top-search.active-item:hover > a > span,
.hal-navigation-top-search:hover > a > span,
.hal-navigation-top-search:active > a > span {
display: inline-block;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;
top: 8px;
cursor: pointer;
}
.hal-navigation-top-search.active-item > a > span > svg,
.hal-navigation-top-search.active-item:hover > a > span > svg,
.hal-navigation-top-search:hover > a > span > svg,
.hal-navigation-top-search:active > a > span > svg {
position: absolute;
top: 10px;
left: 10px;
}
.hal-navigation-top-search > a:focus-visible {
padding: 0;
cursor: default;
outline: none;
}
.hal-navigation-top-search > a:focus-visible > span {
display: inline-block;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;
top: 8px;
cursor: pointer;
background: #425464;
box-shadow: inset 0 0 0 2px #99d4ff;
}
.hal-navigation-top-search > a:focus-visible > span > svg {
position: absolute;
top: 10px;
left: 10px;
}
.hal-navigation-top-search span:hover {
background: #425464;
}
.hal-navigation-top-search span:active {
background: #556A7A;
}
.hal-navigation-top-search.active-item span,
.hal-navigation-top-search.active-item:hover span {
background: #ff6600;
}
.hal-navigation-top-search-mobile {
list-style-type: none;
}
.hal-navigation-top-search-mobile a,
.hal-navigation-top-search-mobile a:visited {
display: flex;
align-items: center;
height: 48px;
text-decoration: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
padding-left: 14px;
}
.hal-navigation-top-search-mobile a svg,
.hal-navigation-top-search-mobile a:visited svg {
color: #8D9FAF;
}
.hal-navigation-top-search-mobile a span,
.hal-navigation-top-search-mobile a:visited span {
padding-left: 18px;
}
.hal-navigation-top-search-mobile a:hover {
background: #425464;
color: #fff;
}
.hal-navigation-top-search-mobile a:active {
background: #556A7A;
color: #fff;
}
@media (min-width: 1024px) {
.hal-navigation-top-search-mobile {
display: none;
}
}
.hal-navigation-top-search-mobile.active-item a {
font-weight: 700;
}
.hal-navigation-top-search-mobile.active-item a:before {
content: '';
position: relative;
height: 100%;
left: -10px;
border-left: 4px solid #ff6600;
}
.hal-navigation-top-list-1st-level {
box-sizing: border-box;
display: inline-block;
flex-grow: 1;
vertical-align: middle;
text-align: right;
font-size: xx-small;
}
@media (max-width: 1023px) {
.hal-navigation-top-list-1st-level {
display: none;
}
}
.hal-navigation-top-list-2nd-level {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 100%;
font-size: 0;
}
@media (min-width: 1024px) {
.hal-navigation-top-list-2nd-level {
padding-left: 14px;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-list-2nd-level {
display: none;
position: absolute;
width: 256px;
padding-bottom: 80px;
text-align: left;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
height: 100vh;
background-color: #33424F;
}
.hal-navigation-top-list-2nd-level.active {
display: block;
cursor: default;
box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.24), 0px 9px 18px rgba(0, 0, 0, 0.18);
}
}
.hal-navigation-top-list-2nd-level.no-nav > * {
visibility: hidden;
}
.hal-navigation-top-1st-block {
display: inline-block;
}
@media (max-width: 1023px) {
.hal-navigation-top-1st-block {
width: 100%;
padding-bottom: 28px;
}
}
.hal-navigation-top-1st-block li a:focus-visible:not(.hal-navigation-top-clear-icon) {
color: #fff;
background: #425464;
outline: none;
box-shadow: #99d4ff 0px 0px 0px 2px inset;
}
.hal-navigation-top-2nd-block {
display: inline-block;
}
@media (max-width: 1023px) {
.hal-navigation-top-2nd-block {
width: 100%;
}
}
.hal-navigation-top-3rd-block {
display: inline-block;
float: right;
}
@media (max-width: 1023px) {
.hal-navigation-top-3rd-block {
width: 100%;
padding-top: 28px;
border-top: 2px solid #8D9FAF;
}
}
.hal-navigation-top-clear {
padding: 21px 19px 15px;
}
.hal-navigation-top-clear-icon svg {
color: #fff;
}
.hal-navigation-top-clear-icon:focus-visible {
outline: none;
box-shadow: none;
background: #33424F;
}
@media (min-width: 1024px) {
.hal-navigation-top-clear {
display: none;
}
}
.hal-navigation-top-clear:focus-visible {
box-shadow: #99d4ff 0px 0px 0px 2px inset;
}
@media (max-width: 1023px) {
.hal-navigation-top .hal-hidden-on-mobile {
display: none;
}
}
.hal-navigation-top-item {
display: inline-block;
text-align: center;
position: relative;
}
.hal-navigation-top-item > a,
.hal-navigation-top-item a:visited {
display: block;
padding: 18px 0;
font-size: 14px;
font-weight: bold;
color: #fff;
position: relative;
margin: 0 10px 0 8px;
}
.hal-navigation-top-item > a > span,
.hal-navigation-top-item a:visited > span {
margin: 0 16px;
}
@media (max-width: 1023px) {
.hal-navigation-top-item > a,
.hal-navigation-top-item a:visited {
margin: 0;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item {
display: inline;
text-align: start;
}
.hal-navigation-top-item > a,
.hal-navigation-top-item a:visited {
display: flex;
align-items: center;
height: 48px;
text-decoration: none;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #fff;
padding-left: 23px;
border: none;
}
.hal-navigation-top-item > a > span,
.hal-navigation-top-item a:visited > span {
margin: 0;
padding-left: 25px;
}
}
.hal-navigation-top-item > a:hover {
background: #425464;
color: #fff;
}
.hal-navigation-top-item > a:active {
background: #556A7A;
color: #fff;
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item:active > a {
padding-left: 23px;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item:active > a > span {
padding-left: 23px;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item > a,
.hal-navigation-top-item.active-item:hover > a {
padding-left: 22px;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item > a > span,
.hal-navigation-top-item.active-item:hover > a > span {
padding-left: 22px;
}
}
.hal-navigation-top-item.active-item,
.hal-navigation-top-item.active-item:hover,
.hal-navigation-top-item:active {
height: 56px;
}
.hal-navigation-top-item.active-item > a,
.hal-navigation-top-item.active-item:hover > a,
.hal-navigation-top-item:active > a {
font-weight: 600;
color: #fff;
}
.hal-navigation-top-item.active-item > a > span,
.hal-navigation-top-item.active-item:hover > a > span,
.hal-navigation-top-item:active > a > span {
padding-bottom: 2px;
border-bottom: 4px solid #ff6600;
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item > a > span,
.hal-navigation-top-item.active-item:hover > a > span,
.hal-navigation-top-item:active > a > span {
border-bottom: none;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item.active-item > a:before,
.hal-navigation-top-item.active-item:hover > a:before,
.hal-navigation-top-item:active > a:before {
content: " ";
height: 48px;
width: 4px;
background: #ff6600;
left: 23px;
}
}
.hal-navigation-top-item:active > a > span {
border-bottom: 2px solid #ff6600;
}
@media (max-width: 1023px) {
.hal-navigation-top-item:active > a > span {
border-bottom: none;
padding-left: 23px;
}
}
@media (max-width: 1023px) {
.hal-navigation-top-item:active > a:before {
content: " ";
height: 48px;
width: 2px;
background: #ff6600;
left: 24px;
}
}
@media (min-width: 1024px) {
.hal-navigation-top-list-1st-level .hal-navigation-top-item:after {
background: #CCD6DF;
}
}
.hal-navigation-top-list-1st-level .hal-navigation-top-item > a:hover {
color: #A34100;
}
.hal-navigation-top-list-1st-level .hal-navigation-top-item > a:visited {
color: #E65F05;
}
.hal-navigation-top-list-1st-level .hal-navigation-top-item > a,
.hal-navigation-top-list-1st-level .hal-navigation-top-item.active-item > a,
.hal-navigation-top-list-1st-level .hal-navigation-top-item.active-item:hover > a,
.hal-navigation-top-list-1st-level .hal-navigation-top-item:active > a {
padding: 0;
top: 19px;
color: #ff6600;
background-color: #fff;
margin: 0 24px;
}
.hal-navigation-top-list-1st-level .hal-navigation-top-item > a > span,
.hal-navigation-top-list-1st-level .hal-navigation-top-item.active-item > a > span,
.hal-navigation-top-list-1st-level .hal-navigation-top-item.active-item:hover > a > span,
.hal-navigation-top-list-1st-level .hal-navigation-top-item:active > a > span {
margin: 0;
border-bottom: none;
}
.hal-navigation-top-child {
padding: 6px 8px;
}
.hal-navigation-top-child > a,
.hal-navigation-top-child a:visited {
font-size: 14px;
font-weight: normal;
letter-spacing: 0.015em;
color: #000;
display: block;
}
.hal-navigation-top-child > a:hover {
color: #000;
}
@media (max-width: 1023px) {
.hal-navigation-top-child {
padding: 0;
}
.hal-navigation-top-child > a,
.hal-navigation-top-child a:visited {
color: #fff;
}
}
.hal-navigation-top-child:hover {
background: rgba(0, 0, 0, 0.04);
}
.hal-navigation-top-lang:after {
display: none;
}
.hal-navigation-top-lang {
display: inline-block;
width: 75px;
float: right;
text-align: right;
position: static;
}
.hal-navigation-top-lang-icon svg {
color: #8D9FAF;
}
.hal-navigation-top-lang > a {
display: block;
border: none;
margin: 0 8px 0 8px;
}
.hal-navigation-top-lang > a > span {
margin: 0;
}
.hal-navigation-top-lang > a > .hal-navigation-top-arrow {
padding: 0 15px 0 4px;
}
.hal-navigation-top-lang > a:focus-visible {
color: #fff;
background: #425464;
outline: none;
box-shadow: #99d4ff 0px 0px 0px 2px inset;
}
.hal-navigation-top-lang > a:after {
display: none;
}
.hal-navigation-top-lang ul {
display: none;
text-align: left;
min-width: 149px;
border-radius: 4px;
box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
background: #fff;
position: absolute;
z-index: 2;
padding: 10px 0;
top: 46px;
right: 23px;
}
@media (max-width: 1023px) {
.hal-navigation-top-lang {
height: 0;
padding: 0;
border: none;
background: #fff;
float: none;
text-align: start;
}
.hal-navigation-top-lang > a {
display: none;
}
.hal-navigation-top-lang > ul {
display: inline-block;
margin-top: -15px;
margin-left: 30px;
box-shadow: none;
background: #33424F;
padding: 0;
top: auto;
right: auto;
}
.hal-navigation-top-lang > ul > li {
display: inline-block;
padding-right: 4px;
}
.hal-navigation-top-lang > ul > li > a > span {
display: none;
}
.hal-navigation-top-lang > ul > li > a::after {
content: attr(data-lang);
font-size: 14px;
line-height: 30px;
letter-spacing: 0.15px;
padding: 5px;
}
.hal-navigation-top-lang > ul > li:hover,
.hal-navigation-top-lang > ul li:active {
background: #33424F;
}
.hal-navigation-top-lang > ul > li:hover > a,
.hal-navigation-top-lang > ul li:active > a {
font-weight: 500;
color: #fff;
}
.hal-navigation-top-lang > ul > li:hover > a::after,
.hal-navigation-top-lang > ul li:active > a::after {
content: attr(data-lang);
font-size: 14px;
line-height: 30px;
letter-spacing: 0.15px;
padding: 5px;
border-radius: 50%;
background: #425464;
}
.hal-navigation-top-lang > ul > li:active > a::after {
background: #556A7A;
}
.hal-navigation-top-lang > ul > li.active-item {
background: #33424F;
}
.hal-navigation-top-lang > ul > li.active-item > a {
color: #33424F;
}
.hal-navigation-top-lang > ul > li.active-item > a::after {
content: attr(data-lang);
font-size: 14px;
line-height: 30px;
letter-spacing: 0.15px;
padding: 5px;
border-radius: 50%;
background: #fff;
}
}
.hal-navigation-top-lang:hover > a,
.hal-navigation-top-lang:active > a {
height: 56px;
color: #fff;
}
.hal-navigation-top-lang:hover > a > span,
.hal-navigation-top-lang:active > a > span {
border-bottom: none;
}
.hal-navigation-top-lang:hover ul,
.hal-navigation-top-lang:active ul {
display: block;
}
@media (max-width: 1023px) {
.hal-navigation-top-lang:hover,
.hal-navigation-top-lang:active {
height: 0;
padding: 0;
border: none;
background: #fff;
}
.hal-navigation-top-lang:hover ul,
.hal-navigation-top-lang:active ul {
right: auto;
}
}
.hal-navigation-top-lang:hover > a {
background: #425464;
}
.hal-navigation-top-lang:active > a {
background: #556A7A;
}
.hal-navigation-top-lang-icon {
display: inline-block;
position: relative;
top: 10px;
left: 14px;
}
@media (min-width: 1024px) {
.hal-navigation-top-lang-icon {
display: none;
}
}
.hal-navigation-top-arrow {
display: inline-block;
text-align: center;
margin-left: 5px;
}
.hal-navigation-top-arrow svg {
color: #ADBAC7;
}
@media (max-width: 1023px) {
.hal-navigation-top-arrow {
display: none;
}
}
.hal-navigation-top-login-web {
margin: 8px 16px 8px 24px;
}
@media (max-width: 1023px) {
.hal-navigation-top-login-web {
margin: 8px 16px 8px 34px;
}
}
.hal-navigation-top-left-block {
padding: 28px 0;
border-top: 2px solid #8D9FAF;
}
@media (min-width: 1024px) {
.hal-navigation-top-left-block {
display: none;
}
}
.hal-navigation-top-left-block .hal-placeholder-item {
padding: 8px;
}
.hal-navigation-top-left-block .hal-placeholder-item-content {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
display: flex;
}
.hal-navigation-top-left-block .hal-placeholder-item-icon {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 50%;
cursor: wait;
width: 28px;
height: 28px;
}
.hal-navigation-top-left-block .hal-placeholder-item-icon:before,
.hal-navigation-top-left-block .hal-placeholder-item-label:before,
.hal-navigation-top-left-block .hal-placeholder-item-arrow:before {
content: " ";
}
.hal-navigation-top-left-block .hal-placeholder-item-icon:after,
.hal-navigation-top-left-block .hal-placeholder-item-label:after,
.hal-navigation-top-left-block .hal-placeholder-item-arrow:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: linear-gradient(90deg, #fff0, #ffffff1a, #fff0);
animation: placeholder-wave 1500ms linear 0.5s infinite;
}
.hal-navigation-top-left-block .hal-placeholder-item-label-wrapper {
margin-left: 8px;
margin-right: 8px;
flex: 10000 1 0%;
}
.hal-navigation-top-left-block .hal-placeholder-item-label {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
transform: scaleY(0.5);
cursor: wait;
height: 20px;
}
.hal-navigation-top-left-block .hal-placeholder-item-arrow-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.hal-navigation-top-left-block .hal-placeholder-item-arrow {
background: #ffffff0d;
position: relative;
overflow: hidden;
z-index: 1;
cursor: wait;
border-radius: 4px;
width: 10px;
height: 10px;
}
@keyframes placeholder-wave {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.hal-navigation-top-left-block .hal-text-wrapper {
display: inline-flex;
align-items: center;
}
.hal-navigation-top-left-block .hal-item-new {
display: none;
margin-left: 8px;
margin-bottom: 0;
padding: 1px 6px;
border-radius: 4px;
background-color: #ff6600;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.09090909;
justify-content: center;
}
@media (min-width: 1024px) {
.hal-navigation-top-left-block .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
@media (min-width: 1440px) {
.hal-navigation-top-left-block .hal-item-new {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.16666667;
}
}
.hal-navigation-top-left-block .level-2 .hal-item-new {
display: none;
margin-left: 8px;
padding: 1px 6px;
border-left: none;
height: 16px;
justify-content: center;
}
.hal-navigation-top-left-block ul {
margin: 0;
padding-left: 0;
}
.hal-navigation-top-left-block ul li {
list-style-type: none;
}
.hal-navigation-top-left-block ul li a {
display: flex;
align-items: center;
height: 48px;
text-decoration: none;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
padding-left: 14px;
}
.hal-navigation-top-left-block ul li a svg {
color: #8D9FAF;
}
.hal-navigation-top-left-block ul li a > span {
padding: 0 36px 0 18px;
hyphens: auto;
}
.hal-navigation-top-left-block ul li a:hover {
background-color: #425464;
}
.hal-navigation-top-left-block ul li a:active {
background-color: #556A7A;
}
.hal-navigation-top-left-block ul li a.hide {
display: none;
}
.hal-navigation-top-left-block ul li.placeholder {
height: 48px;
}
.hal-navigation-top-left-block ul.level-1.main > li > a {
font-weight: 700;
}
.hal-navigation-top-left-block ul.level-2 {
max-height: 0;
overflow: hidden;
transition: max-height 200ms ease-out;
}
.hal-navigation-top-left-block ul.level-2 li a {
background: #33424F;
font-weight: 500;
padding-left: 39px;
}
.hal-navigation-top-left-block ul.level-2 li a > span {
display: inline-flex;
align-items: center;
height: 100%;
padding: 0 23px;
border-left: 2px solid #8D9FAF;
hyphens: auto;
}
.hal-navigation-top-left-block ul.level-2 li a:not([href]):not(.category) {
display: none;
}
.hal-navigation-top-left-block ul.level-2 li a.active,
.hal-navigation-top-left-block ul.level-2 li a.active:active {
padding-left: 38px;
}
.hal-navigation-top-left-block ul.level-2 li a.active > span,
.hal-navigation-top-left-block ul.level-2 li a.active:active > span {
padding: 0 22px;
border-left: 4px solid #ff6600;
}
.hal-navigation-top-left-block ul.level-2 li a:hover {
background-color: #425464;
}
.hal-navigation-top-left-block ul.level-2 li a:active {
background-color: #556A7A;
}
.hal-navigation-top-left-block ul.level-2 li a:active > span {
border-left: 2px solid #ff6600;
}
.hal-navigation-top-left-block ul.level-2 li a:active .hal-item-new {
border-left: none;
}
.hal-navigation-top-left-block ul.level-2 li a.category {
font-size: 10px;
font-weight: 700;
line-height: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: unset;
}
.hal-navigation-top-left-block ul.level-2 li a.category:hover {
background-color: #33424F;
}
.hal-navigation-top-left-block ul.level-1.main > li > a.active {
padding-left: 10px;
}
.hal-navigation-top-left-block ul.level-1.main > li > a.active:before {
content: '';
position: relative;
height: 100%;
left: -8px;
border-left: 4px solid #ff6600;
}
.hal-navigation-top-left-block ul.main.level-1 > li > a.expnd:after {
display: inline-block;
position: absolute;
right: 8px;
margin-top: 2px;
transition-duration: 300ms;
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22triangle-down%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Cpath%20d%3D%22M7%2010L12%2015L17%2010H7Z%22%20fill%3D%22%23ADBAC7%22%2F%3E%0A%3C%2Fsvg%3E");
}
.hal-navigation-top-left-block ul.main.level-1 > li.open > a.expnd:after {
transform: rotate(180deg);
margin-top: -8px;
transition-duration: 300ms;
}
.hal-navigation-top-meta-block {
padding: 28px 0;
border-top: 2px solid #8D9FAF;
}
.hal-navigation-top-meta-block .hal-navigation-top-item > a {
font-weight: 500;
}
.hal-navigation-top-meta-block .hal-navigation-top-item.active-item > a,
.hal-navigation-top-meta-block .hal-navigation-top-item.active-item:hover > a {
font-weight: 600;
}
@media (min-width: 1024px) {
.hal-navigation-top-meta-block {
display: none;
}
}
.hal-lang-en .hal-item-new-text {
width: min-content;
}
.hal-lang-de .hal-item-new-text,
.hal-lang-es .hal-item-new-text,
.hal-lang-pt .hal-item-new-text,
.hal-lang-fr .hal-item-new-text,
.hal-lang-zh .hal-item-new-text {
width: unset;
}
.hal-office-headline {
margin-bottom: 6px;
}
.hal-office-headline-office {
font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0px;
}
.hal-office-headline-region {
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: 0px;
}
.hal-office-headline .hal-stagetext-icon {
margin-left: 0;
}
.hal-office {
display: flex;
width: 100%;
padding: 12px;
background: #F0F2F5;
}
.hal-office-details {
display: flex;
width: calc(100% - 40% - 80px);
gap: 24px;
}
.hal-office-details .hal-office-column {
width: 50%;
}
.hal-office-details .hal-office-column .hal-office-content-title {
font-weight: 600;
font-size: 10px;
line-height: 12px;
letter-spacing: 1.5px;
color: #556A7A;
text-transform: uppercase;
margin-bottom: 5px;
}
.hal-office-details .hal-office-column .hal-office-content-details,
.hal-office-details .hal-office-column .hal-office-content-details a {
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
color: #14171A;
margin-bottom: 24px;
}
@media (max-width: 1023px) {
.hal-office-details {
flex-direction: column;
width: 100%;
gap: 0;
}
.hal-office-details .hal-office-column {
width: 100%;
}
}
.hal-office-image {
width: 40%;
margin-left: 80px;
}
.hal-office-image .hal-picture.hal-picture--unscaled {
max-width: 100%;
float: right;
}
@media (max-width: 1023px) {
.hal-office-image {
width: 100%;
margin-left: 0;
}
}
.hal-office-map {
width: 40%;
margin-left: 80px;
height: fit-content;
}
.hal-office-map .hal-region-map {
min-height: 0;
}
@media (max-width: 1023px) {
.hal-office-map {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 1023px) {
.hal-office {
flex-direction: column;
}
}
.hal--region-offices {
word-spacing: -0.31em;
background-color: #fff;
padding: 30px 20px 0;
}
.hal--region-offices > div {
word-spacing: 0;
}
.hal--region-offices-headquarter {
display: inline-block;
width: 25%;
}
.hal--region-offices-locations {
display: inline-block;
width: 75%;
}
.hal-offices-content {
word-spacing: -0.31em;
background-color: #fff;
}
.hal-region-map-content .hal-offices-content {
padding: 30px 20px 0;
}
@media (max-width: 599px) {
.hal-region-map-content .hal-offices-content {
padding: 0 10px 0;
}
}
.hal-offices-column {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
width: 100%;
}
.hal-offices-column.hal-offices-contact {
padding-bottom: 30px;
}
@media (min-width: 600px) {
.hal-offices-column {
display: inline-block;
}
.hal-offices-column.hal-offices-contact {
padding-bottom: 0;
padding-right: 20px;
width: 33.33333333%;
}
.hal-offices-column.hal-offices-list {
width: 66.66666667%;
}
}
@media (min-width: 1024px) {
.hal-offices-column.hal-offices-contact {
width: 25%;
}
.hal-offices-column.hal-offices-list {
width: 75%;
}
}
.hal-offices.hal-offices-region {
margin-bottom: 30px;
}
.hal-offices.hal-offices-region .hal-offices-column.hal-offices-list {
width: 100%;
}
@media (min-width: 600px) {
.hal-offices.hal-offices-region .hal-office-list {
width: 31%;
}
}
@media (min-width: 1440px) {
.hal-offices.hal-offices-region .hal-office-list {
width: 16%;
}
}
.hal-page {
background-color: #F0F2F5;
}
@media print {
.hal-page {
background-color: #fff;
}
}
.hal-page-header > .hal-navigation {
position: fixed;
z-index: 8609;
top: 0;
left: 0;
right: 0;
backface-visibility: hidden;
}
.hal-page-body {
padding-left: 256px;
min-height: calc(100vh - +130px);
}
@media (min-width: 1024px) {
.hal-page-body {
min-height: calc(100vh - +300px);
}
}
@media (max-width: 1023px) {
.hal-page-body {
padding-left: 0;
}
}
.hal-page-body.no-nav {
padding-left: 0;
}
.hal-page .hal-footer,
.hal-page .hal-ext-footer {
background-color: #E1E8ED;
padding-left: 256px;
}
@media (max-width: 1023px) {
.hal-page .hal-footer,
.hal-page .hal-ext-footer {
padding-left: 0px;
}
}
.hal-page-body-expanded,
.hal-page .hal-footer-expanded,
.hal-page .hal-ext-footer-expanded {
padding-left: 120px;
}
@media (max-width: 1023px) {
.hal-page-body-expanded,
.hal-page .hal-footer-expanded,
.hal-page .hal-ext-footer-expanded {
padding-left: 0px;
}
}
.hal-page.page-country-detail .hal-stagetext .hal-stagetext-content .hal-h0 {
height: 64px;
}
.page-countries-offices .hal-officefinder-header,
.page-region-detail .hal-officefinder-header {
background: #CCD6DF;
}
@media (max-width: 599px) {
.page-countries-offices .hal-officefinder-header,
.page-region-detail .hal-officefinder-header {
padding: 0 16px;
}
}
.page-countries-offices .hal-officefinder-header .hal-officefinder-title,
.page-region-detail .hal-officefinder-header .hal-officefinder-title {
font-family: Inter;
font-weight: 700;
font-size: 40px;
line-height: 48px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
padding-top: 100px;
}
.page-countries-offices .hal-officefinder-header .hal-officefinder-description,
.page-region-detail .hal-officefinder-header .hal-officefinder-description {
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
padding-top: 12px;
margin: 0 auto;
max-width: 560px;
}
.page-countries-offices .hal-officefinder-search,
.page-region-detail .hal-officefinder-search {
position: absolute;
left: 0px;
right: 0px;
height: 118px;
z-index: 1;
text-align: center;
background: linear-gradient(360deg, rgba(204, 214, 223, 0.15) 0%, #CCD6DF 100%);
}
@media (max-width: 1023px) {
.page-countries-offices .hal-officefinder-search,
.page-region-detail .hal-officefinder-search {
position: relative;
left: 0;
right: 0;
background: #CCD6DF;
}
}
@media (max-width: 599px) {
.page-countries-offices .hal-officefinder-search,
.page-region-detail .hal-officefinder-search {
padding: 0 16px;
}
}
.hal-headless .hal-page-body {
padding-left: 0;
}
.hal-headless .hal-share {
display: none;
}
.hal-headless a:not([href]) {
font-weight: inherit;
color: #333;
cursor: auto;
}
@media print {
.hal-page-header {
visibility: hidden;
height: 0px;
}
.hal-page-header > .hal-navigation {
visibility: visible;
overflow: hidden;
position: static;
min-height: 0 !important;
height: 60px;
background-color: #ff6600;
-webkit-print-color-adjust: exact;
}
.hal-page-body {
min-height: 0;
}
}
.hal-quick-access {
width: 100%;
background: rgba(0, 0, 0, 0.75);
border-top: 2px solid #ff6600;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 601px) {
.hal-quick-access {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 280px;
border-top: 0;
}
}
@media (min-width: 600px) {
.hal-quick-access {
width: 280px;
}
}
@media (min-width: 1025px) {
.hal-quick-access {
background-clip: content-box;
}
}
@media (min-width: 1440px) {
.hal-quick-access {
padding-top: 155px;
border-top: 4px solid #ff6600;
background-clip: border-box;
}
}
.hal-quick-access .hal-link:visited {
color: #ff6600;
}
.hal-quick-access .hal-link:hover {
color: #A34100;
}
.hal-quick-access .hal-input {
display: block;
width: 100%;
margin-bottom: 5px;
border: 1px solid rgba(255, 255, 255, 0.6);
opacity: 0.95;
background: #fff;
color: #000;
}
.hal-quick-access .hal-input:focus {
border: 1px solid #ffffff;
}
.hal-quick-access .hal-input:focus ~ .hal-button {
margin-top: 10px;
margin-left: 0;
opacity: 1;
transition: margin-top 0.25s ease-in-out, opacity 0.25s 0.1s ease-in-out;
}
.hal-quick-access-departs {
position: relative;
}
.hal-quick-access-departs .hal-input {
display: inline-block;
width: 70%;
}
.hal-quick-access-departs .icon-calendar {
position: absolute;
right: 8px;
top: 11px;
color: #999;
pointer-events: none;
}
.hal-quick-access .hal-label,
.hal-quick-access .hal-select-labeltext {
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: normal;
vertical-align: middle;
}
@media (min-width: 1024px) {
.hal-quick-access .hal-label,
.hal-quick-access .hal-select-labeltext {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-quick-access .hal-label,
.hal-quick-access .hal-select-labeltext {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-quick-access .hal-label--pre {
display: inline-block;
width: 30%;
}
.hal-quick-access .hal-select {
margin-bottom: 5px;
font-size: 0;
}
.hal-quick-access .hal-select .hal-select-field {
display: inline-block;
margin-right: 10px;
opacity: 0.95;
background: #fff;
width: auto;
color: #999;
}
.hal-quick-access .hal-select .hal-select-field,
.hal-quick-access .hal-select .hal-select-field:hover {
border: 1px solid rgba(255, 255, 255, 0.6);
}
.hal-quick-access .hal-button {
display: block;
margin-top: 10px;
}
@media (min-width: 600px) {
.hal-quick-access .hal-button {
margin-top: -40px;
margin-left: 200%;
opacity: 0;
transition: margin-top 0.25s 0.2s ease-in-out, opacity 0.25s ease-in-out, margin-left 0.25s 0.25s ease-in-out;
}
}
.hal-quick-access .hal-button:hover,
.hal-quick-access .hal-button:active,
.hal-quick-access .hal-button:focus,
.hal-quick-access .hal-button-active {
margin-top: 10px;
margin-left: 0;
opacity: 1;
transition: margin-top 0.25s ease-in-out, opacity 0.25s 0.1s ease-in-out;
}
.hal-quick-access .hal-toggle {
padding: 0 20px;
}
.hal-quick-access .hal-toggle:first-child {
border-top-color: transparent;
}
.hal-quick-access .hal-toggle-input-toggle::before {
position: absolute;
right: 0;
}
.hal-quick-access .hal-toggle-input-content {
position: relative;
}
@media (min-width: 600px) {
.hal-quick-access .hal-toggle {
border-top: 2px solid #ff6600;
}
.hal-quick-access .hal-toggle-input-toggle {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
height: auto;
margin-top: 30px;
margin-bottom: 5px;
font-weight: bold;
cursor: default;
color: #fff;
}
.hal-quick-access .hal-toggle-input-toggle:hover {
color: #fff;
}
.hal-quick-access .hal-toggle-input-toggle::before {
display: none;
}
.hal-quick-access .hal-toggle-input-content {
display: block;
}
.hal-quick-access .hal-toggle > label {
cursor: default;
}
}
@media (min-width: 600px) and (min-width: 1024px) {
.hal-quick-access .hal-toggle-input-toggle {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 600px) and (min-width: 1440px) {
.hal-quick-access .hal-toggle-input-toggle {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
@media (min-width: 600px) {
.hal-quick-access .hal-link-row {
clear: both;
}
.hal-quick-access .hal-link-row > label {
float: left;
}
.hal-quick-access .hal-link-row > div {
float: right;
margin-top: 30px;
}
}
@media (min-width: 600px) {
.hal-quick-access .hal-quicklinks > label {
float: none;
}
.hal-quick-access .hal-quicklinks > div {
float: left;
margin-top: 0px;
}
}
@media (min-width: 601px) {
.hal-stagehome--rtl .hal-quick-access {
left: 0;
right: auto;
}
}
.hal-region-map {
position: relative;
width: 100%;
max-height: 720px;
margin: 0 auto;
background: #ededed;
}
@media (min-width: 600px) and (max-width: 1023px) {
.hal-region-map {
min-height: 470px;
}
.is-active .hal-region-map {
min-height: 470px;
}
}
@media (min-width: 1024px) {
.hal-region-map {
min-height: 535px;
}
.is-active .hal-region-map {
min-height: 535px;
}
}
.hal-region-map-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 1130px;
padding: 0 3rem;
margin: auto;
}
.hal-region-map-content .hal-button {
display: none;
}
.hal-region-map--offices {
max-height: 100%;
background: #ededed;
}
@media (max-width: 599px) {
.hal-region-map--offices {
background: none;
}
}
.hal-region-map--offices .js_map {
aspect-ratio: 2;
}
@media (max-width: 599px) {
.hal-region-map--offices .js_map {
display: none;
}
}
.hal-region-map--offices > .hal-map {
margin-top: -6rem;
}
.hal-region-map--offices .hal-button {
margin-top: 2rem;
margin-bottom: 2rem;
}
.hal-region-map--offices .hal-region-map-content {
position: relative;
display: block;
left: auto;
right: auto;
bottom: auto;
z-index: 2;
}
.hal-region-map--offices .hal-region-map-content .hal-offices.hal-offices-region {
margin-bottom: 0px;
}
@media (min-width: 600px) {
.hal-region-map--offices .hal-region-map-content {
margin-top: -150px;
}
}
@media (max-width: 599px) {
.hal-region-map--offices .hal-region-map-content {
position: relative;
display: block;
padding: 0 0 2rem;
margin-top: 0;
background: none;
}
.hal-region-map--offices .hal-region-map-content .hal-button {
margin-left: 2rem;
margin-bottom: 0;
}
}
.staticmap > .hal-region-map {
display: none;
}
.hal-searchresults-result {
position: relative;
margin: 30px -10px 0 -10px;
padding: 0 10px 5px 10px;
border-bottom: 1px solid #bbb;
}
.hal-searchresults-result:first-child {
margin-top: 0px;
}
.hal-searchresults-tags {
position: absolute;
top: 0;
right: 0;
}
.hal-searchresults .hal-tag {
text-transform: none;
background: #CCD6DF;
color: #33424F;
}
.hal-searchresults .hal-h3 {
max-width: 70%;
margin-bottom: 0;
}
.hal-searchresults-breadcrumb {
margin: 0 0 7.5px 0;
padding-left: 0;
font-size: 12px;
color: #999;
}
.hal-searchresults-crumb {
display: inline-block;
}
.hal-searchresults-crumb::after {
content: ">";
margin-right: 5px;
margin-left: 5px;
}
.hal-searchresults-crumb:last-child::after {
display: none;
}
.hal-searchresults-loadmore {
margin-top: 40px;
padding-bottom: 50px;
}
.hal-searchresults-loadmore .hal-button,
.hal-searchresults-loadmore .hal-searchresults-pageinformation {
display: inline-block;
vertical-align: middle;
}
.hal-searchresults-loadmore .hal-button {
margin-right: 20px;
margin-left: 0;
}
.hal-searchresults-loadmore .hal-searchresults-pageinformation {
font-size: 12px;
color: #999;
}
.hal-searchresults-pagination ul {
text-align: center;
}
.hal-searchresults-pagination ul li {
color: #ff6600;
font-weight: bold;
padding: 0px 5px;
font-size: 14px;
display: inline-block;
cursor: pointer;
}
.hal-searchresults-pagination ul li:hover {
color: #b94200;
}
.hal-searchresults-pagination ul li.hal-selected-page,
.hal-searchresults-pagination ul li.hal-selected-page:hover {
color: #000;
font-weight: normal;
}
@media (min-width: 1440px) {
.hal-servicefavorites {
margin: 0 auto;
max-width: 1130px;
}
}
@media (max-width: 599px) {
.hal-servicefavorites {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media (max-width: 599px) {
.hal-servicefavorites-container {
-webkit-column-count: 2;
-webkit-column-gap: 0;
-moz-column-count: 2;
-moz-column-gap: 0;
column-count: 2;
column-gap: 5px;
width: 100%;
}
}
@media (max-width: 599px) {
.hal-servicefavorites-container {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width: 100%;
}
}
.hal-servicefavorites-container .hal-service-details {
line-height: normal;
}
@media (max-width: 599px) {
.hal-servicefavorites-container .hal-service-details {
width: 75%;
}
}
@media (max-width: 599px) {
.hal-servicefavorites-container .hal-service-actions {
width: 25%;
}
}
@media (max-width: 599px) {
.hal-servicefavorites div[class$=module] {
margin: 0;
padding: 0;
width: 100%;
}
.hal-servicefavorites div[class$=module].favorite-service {
line-height: 1.2em;
}
.hal-servicefavorites div[class$=module].favorite-service .hal-service-details {
border-right: 0;
}
.hal-servicefavorites div[class$=module].favorite-service .hal-service-details {
padding-left: 0;
padding-right: 0;
}
.hal-servicefavorites div[class$=module].favorite-service .hal-service-actions {
margin-bottom: 30px;
padding: 0;
}
.hal-servicefavorites div[class$=module] .hal-service-picture,
.hal-servicefavorites div[class$=module].favorite-service .hal-service-picture {
background: none;
min-height: inherit;
max-height: inherit;
}
.hal-servicefavorites div[class$=module] .hal-service-picture .hal-picture,
.hal-servicefavorites div[class$=module].favorite-service .hal-service-picture .hal-picture {
width: 100%;
height: 100%;
}
.hal-servicefavorites div[class$=module].favorite-service .hal-picture {
margin-bottom: 5px;
}
}
*[class^=servicefavorites]:not(:first-child) .hal-container-content {
padding-top: 0;
}
.hal-servicefinder {
background-color: #fff;
}
@media (min-width: 1440px) {
.hal-servicefinder {
margin: 0 auto;
max-width: 1130px;
}
}
.hal-servicefinder .hal-page-container--xs {
padding-bottom: 0;
}
.hal-servicefinder .hal-page-container--xs .hal-container-header {
padding-bottom: 0;
}
@media (max-width: 599px) {
.hal-servicefinder .hal-page-container--xs .hal-h2 {
font-size: 24px;
line-height: 28px;
}
.hal-servicefinder .hal-page-container--xs .hal-container-content {
padding-bottom: 0;
}
}
.hal-servicefinder-map {
position: relative;
max-width: 1130px;
margin: 0 auto;
font-size: 0;
background-color: white;
}
.hal-servicefinder-map .hal-maps {
margin: 0 auto;
padding: 0;
}
@media (max-width: 599px) {
.hal-servicefinder-map .hal-maps {
display: block;
}
}
.hal-servicefinder-map .hal-additional-maps {
height: auto;
max-height: none;
}
.hal-servicefinder-services {
position: relative;
background-color: #F0F2F5;
min-height: 130px;
max-width: 1130px;
}
@media (max-width: 599px) {
.hal-servicefinder-services {
position: inherit;
max-width: inherit;
margin-bottom: 30px;
}
}
@media (max-width: 1439px) {
.hal-servicefinder-services .hal-h4 {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px;
}
}
.hal-servicefinder-services-content {
padding: 30px 20px;
min-width: 150px;
}
.hal-servicefinder-services-content .hal-row {
display: flex;
}
.hal-servicefinder-services-content .hal-column {
flex: 50%;
}
.hal-servicefinder-services-content .hal-button {
height: auto;
line-height: inherit;
}
.hal-servicefinder-services-content .hal-reset-container {
text-align: right;
}
@media (min-width: 600px) {
.hal-servicefinder-services-content {
/*
TODO remove
position: absolute;
top: 30px;
bottom: 30px;
left: 30px;
z-index: 2;
padding: 30px 20px;
background-color: @white;
*/
}
.hal-servicefinder-services-content > ul > li {
display: inline;
list-style-type: none;
white-space: nowrap;
}
.hal-servicefinder-services-content .hal-button {
position: absolute;
left: 20px;
bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 1439px) {
.hal-servicefinder-services-content {
left: 30px;
right: 30px;
bottom: auto;
padding: 20px 20px 15px;
}
.hal-servicefinder-services-content .hal-button {
left: auto;
right: 20px;
bottom: 25px;
}
}
.hal-servicefinder-services .hal-list--plain li {
padding-right: 15px;
padding-bottom: 5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-weight: 400;
color: #999;
display: inline-block;
}
@media (min-width: 1024px) {
.hal-servicefinder-services .hal-list--plain li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-services .hal-list--plain li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-servicefinder-services .hal-list--plain li.is-active {
position: relative;
padding-left: 10px;
}
.hal-servicefinder-services .hal-list--plain li.is-active:before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2010L5%205L0%200L0%2010Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
top: -1px;
}
.hal-servicefinder-services .hal-list--plain li.is-active a {
color: #333;
font-weight: 600;
}
.hal-servicefinder-services .hal-list--plain li .icon-new-star-small {
fill: #ff6600;
margin: -5px 0 -7px 4px;
height: 25px;
}
.hal-servicefinder-serviceinfo {
z-index: 2;
padding: 0 30px;
}
.hal-servicefinder-serviceinfo .hal-servicefinder-servicename {
position: absolute;
top: 33px;
left: 60px;
white-space: nowrap;
z-index: 2;
}
@media (max-width: 1439px) {
.hal-servicefinder-serviceinfo .hal-servicefinder-servicename {
display: none;
}
}
.hal-servicefinder-serviceinfo .hal-servicefinder-direction {
font-weight: 400;
}
.hal-servicefinder .hal-servicefinder-zoom {
display: none;
position: absolute;
top: 33px;
right: 60px;
z-index: 2;
}
@media (min-width: 1440px) {
.hal-servicefinder .hal-servicefinder-zoom {
display: block;
}
}
.hal-servicefinder .hal-servicefinder-zoom svg:hover {
cursor: pointer;
filter: invert(39%) sepia(56%) saturate(2621%) hue-rotate(3deg) brightness(106%) contrast(102%);
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content {
max-height: calc(100vh - 20px - 112px);
max-width: 1660px;
padding: 10px 30px 10px 30px;
height: auto;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-container-content {
padding: 0 30px 0;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-container-content .hal-servicefinder-services {
height: 65px;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-container-content .hal-servicefinder-services .hal-servicefinder-services-content {
padding: 0 20px;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-servicefinder-zoom {
display: none;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-maps-wrapper {
padding-top: 17px;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-maps-wrapper .hal-servicefinder-map {
max-width: 1600px;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-maps-wrapper .hal-servicefinder-map .hal-maps {
max-height: 800px;
max-width: 1600px;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-maps-wrapper .hal-servicefinder-map .hal-maps .hal-map {
max-height: 800px;
max-width: 100%;
}
.hal-servicefinder .hal-servicefinder-lightbox .hal-lightbox-content .hal-services-wrapper .hal-maps-wrapper .hal-servicefinder-map .hal-maps .hal-map > svg {
max-height: 800px;
}
.hal-servicefinder-serviceregion {
z-index: 1;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
color: #999;
}
@media (min-width: 1024px) {
.hal-servicefinder-serviceregion {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-serviceregion {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-serviceregion {
top: 485px;
}
}
.hal-servicefinder-map--usflag .hal-servicefinder-serviceregion {
display: none;
}
.hal-servicefinder-serviceregion li {
display: inline-block;
padding: 0;
}
.hal-servicefinder-serviceregion .hal-servicefinder-serviceregion--from {
padding-left: 30px;
width: 55.3%;
}
@media (min-width: 1440px) {
.hal-servicefinder-serviceregion .hal-servicefinder-serviceregion--from {
padding-left: 90px;
}
}
.hal-maps--full-view .hal-servicefinder-serviceregion .hal-servicefinder-serviceregion--to {
display: none;
}
.hal-servicefinder-select .hal-container-content {
position: relative;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 30px;
background-color: #fff;
}
@media (min-width: 600px) {
.hal-servicefinder-select .hal-container-content .hal-select {
display: inline-block;
width: 50%;
}
.hal-servicefinder-select .hal-container-content .hal-select:first-child {
padding-right: 10px;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-select .hal-container-content .hal-select {
width: 30%;
}
}
.hal-servicefinder-select .hal-container-content .hal-buttons .hal-button + .hal-button {
margin-left: 10px;
}
@media (max-width: 599px) {
.hal-servicefinder-select .hal-container-content .hal-buttons .hal-button + .hal-button {
display: none;
}
}
@media (max-width: 1439px) {
.hal-servicefinder-select .hal-container-content .hal-buttons {
margin-top: 15px;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-select .hal-container-content .hal-buttons {
position: absolute;
right: 30px;
bottom: 10px;
}
}
.hal-servicefinder-buttons .hal-container-content {
padding: 30px 30px 30px;
}
@media (max-width: 599px) {
.hal-servicefinder-buttons .hal-container-content {
padding: 0 10px;
}
}
@media (max-width: 599px) {
.hal-servicefinder-buttons .hal-container-content {
padding-top: 15px;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-buttons .hal-container-content {
text-align: right;
}
}
.hal-servicefinder-details .hal-container-content {
padding-top: 30px;
padding-bottom: 0;
}
.hal-servicefinder-details .hal-container-content .hal-h2 {
position: relative;
width: 60%;
}
@media (max-width: 599px) {
.hal-servicefinder-details .hal-container-content .hal-h2 {
width: 90%;
}
}
.hal-servicefinder-details .hal-container-content .hal-buttons {
position: relative;
float: right;
width: 40%;
text-align: right;
}
@media (max-width: 599px) {
.hal-servicefinder-details .hal-container-content .hal-buttons {
width: 10%;
}
}
.hal-servicefinder-details .hal-container-content .hal-buttons .hal-button {
padding-left: 13px;
padding-right: 20px;
}
@media (max-width: 1023px) {
.hal-servicefinder-details .hal-container-content .hal-buttons .hal-button {
width: 1rem;
font-size: 0;
}
}
@media (max-width: 599px) {
.hal-servicefinder-details .hal-container-content .hal-buttons .hal-button > span {
visibility: hidden;
}
}
.hal-servicefinder-details .hal-container-content .hal-buttons .hal-button .icon-star-plus,
.hal-servicefinder-details .hal-container-content .icon-star-minus {
width: 30px;
height: 30px;
margin: 0 13px 0 0;
}
@media (max-width: 1023px) {
.hal-servicefinder-details .hal-container-content .hal-buttons .hal-button .icon-star-plus,
.hal-servicefinder-details .hal-container-content .icon-star-minus {
margin: 0 13px 0 -11px;
}
}
.hal-servicefinder-servicetable .hal-table {
margin-bottom: 30px;
}
.hal-servicefinder-servicetable .hal-table th:first-child {
border-right: 1px solid #CCD6DF;
}
.hal-servicefinder-servicetable .hal-table .hal-table-header,
.hal-servicefinder-servicetable .hal-table .hal-table-row th,
.hal-servicefinder-servicetable .hal-table .hal-table-row td {
padding: 15px 0 15px 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
text-align: left;
}
@media (min-width: 1024px) {
.hal-servicefinder-servicetable .hal-table .hal-table-header,
.hal-servicefinder-servicetable .hal-table .hal-table-row th,
.hal-servicefinder-servicetable .hal-table .hal-table-row td {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-servicefinder-servicetable .hal-table .hal-table-header,
.hal-servicefinder-servicetable .hal-table .hal-table-row th,
.hal-servicefinder-servicetable .hal-table .hal-table-row td {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-servicefinder-servicetable .hal-table .hal-table-head th:first-child,
.hal-servicefinder-servicetable .hal-table .hal-table-row th:first-child {
padding-right: 10px;
border-top: 1px solid #CCD6DF;
}
.hal-servicefinder-servicetable .hal-table .hal-table-head:first-child tr:first-child th:first-child {
border-top: none;
}
.hal-servicefinder-servicetable .hal-table .hal-tooltip:hover .hal-tooltip-layer {
display: none;
}
@media (max-width: 599px) {
.hal-servicefinder-servicetable {
display: none;
}
}
.hal-servicefinder .hal-table--xxl th:first-child {
width: 12%;
}
.hal-servicefinder .hal-table--xxl .hal-tooltip-item {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hal-servicefinder .hal-table--xxl .hal-tooltip-layer {
top: -1rem;
left: 1.5rem;
box-shadow: 0 1px 1px 0 #999;
min-width: 0;
white-space: nowrap;
}
.hal-servicefinder .hal-table--xxl .hal-tooltip:hover .hal-tooltip-layer {
display: block;
}
.hal-servicefinder-servicetable--mobile {
display: none;
margin-bottom: 15px;
}
@media (max-width: 599px) {
.hal-servicefinder-servicetable--mobile {
display: block;
}
}
.hal-servicefinder-servicetable--mobile .hal-toggle {
position: relative;
margin-left: 20px;
}
.hal-servicefinder-servicetable--mobile .hal-toggle::before {
content: '';
display: inline-block;
position: absolute;
top: 0;
bottom: -1px;
left: -16px;
border-left: 3px solid #333;
}
.hal-servicefinder-servicetable--mobile .hal-toggle:last-child {
border-bottom: 1px solid #999;
}
.hal-servicefinder-servicetable--mobile .hal-toggle-input-toggle {
position: relative;
margin: 0;
padding: 20px 0;
}
.hal-servicefinder-servicetable--mobile .hal-toggle-input-toggle::before {
position: absolute;
right: -30px;
}
.hal-servicefinder-servicetable--mobile .hal-toggle-input-toggle-headline::before {
content: '';
display: inline-block;
position: relative;
left: -19px;
background-color: #333;
border-radius: 4.5px;
width: 9px;
height: 9px;
}
.hal-servicefinder-servicetable--mobile .hal-toggle--inactive .hal-toggle-input-toggle {
color: #333;
cursor: default;
}
.hal-servicefinder-servicetable--mobile .hal-toggle--inactive .hal-toggle-input-toggle::before {
display: none;
}
.hal-servicefinder-servicetable--mobile .hal-table {
margin: 0 10px;
}
.hal-servicefinder-servicetable--mobile .hal-table-header,
.hal-servicefinder-servicetable--mobile .hal-table-row th,
.hal-servicefinder-servicetable--mobile .hal-table-row td {
padding: 2px 0;
}
.hal-servicefinder-servicetable--mobile .hal-table th,
.hal-servicefinder-servicetable--mobile .hal-table td {
width: 30%;
}
.hal-servicefinder-servicetable--mobile .hal-table th:first-of-type,
.hal-servicefinder-servicetable--mobile .hal-table td:first-of-type {
width: 40%;
}
.hal-servicefinder-servicetable--mobile .hal-table-head tr {
border: 0;
}
.hal-servicefinder-servicetable--mobile .hal-table-row {
background: none;
}
.hal-servicefinder-favorite-dialog-wrapper {
position: absolute;
width: 100%;
height: 95%;
background-color: rgba(229, 229, 229, 0.7);
z-index: 9958;
}
.hal-servicefinder-favorite-dialog-content {
position: absolute;
left: 50%;
top: 40%;
width: 30em;
padding: 20px 0;
text-align: center;
border: 1px solid rgba(102, 102, 102, 0.15);
background-color: #fff;
box-shadow: 0px 0px 10em 100px #f2f2f2;
transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 599px) {
.hal-servicefinder-favorite-dialog-content {
top: 20%;
}
}
.hal-servicefinder-favorite-dialog-text {
width: 75%;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04rem;
border-bottom: 1px solid #ededed;
}
.hal-servicefinder .hal-findschedules {
display: inline-block;
width: 100%;
}
.hal-servicefinder .hal-findschedules .hal-input:not(:disabled),
.hal-servicefinder .hal-findschedules .hal-select-field:not(:disabled) {
background-color: white;
}
.hal-servicefinder .hal-findschedules .hal-select-field:hover {
border: 1px solid #999;
}
.hal-servicefinder .hal-findschedules-table {
background-color: #f0f0f0;
padding: 1rem 1rem 1rem 0rem;
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules-table {
padding: 1rem 0.5rem;
}
}
.hal-servicefinder .hal-findschedules-table .hal-table {
display: table;
border-collapse: collapse;
width: 100%;
margin-bottom: 0px;
}
@media (max-width: 1439px) {
.hal-servicefinder .hal-findschedules-table .hal-table {
table-layout: auto;
}
}
.hal-servicefinder .hal-findschedules-table .hal-tr {
display: table-row;
}
.hal-servicefinder .hal-findschedules-table .hal-td {
display: table-cell;
padding: 1rem;
vertical-align: top;
}
@media (max-width: 1023px) {
.hal-servicefinder .hal-findschedules-table .hal-td {
display: block;
}
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area {
min-width: 30rem;
padding: 0rem;
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area {
min-width: 45rem;
}
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area {
min-width: 30rem;
}
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area .hal-td {
padding: 0 0 0 0;
display: table-cell;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area .hal-td:first-child {
width: 12%;
min-width: 5rem;
padding: 1rem 0 0 0;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area .hal-td:not(:first-child) {
padding: 1rem 0 1rem 0;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-input-area .hal-tr:first-child .hal-td {
padding: 0 0 1rem 0;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-select-label {
display: flex;
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules-table .hal-td .hal-select .hal-label--pre {
min-width: 5rem;
}
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-select span {
float: left;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-select-labeltext {
padding: 1rem 1rem 0 0;
}
.hal-servicefinder .hal-findschedules-table .hal-td .hal-select-field {
width: 6rem;
margin: 0 1rem 0 0;
font-weight: normal;
}
.hal-servicefinder .hal-findschedules-table .hal-td:first-child {
width: 45%;
padding: 1rem 1rem 0 1rem;
}
.hal-servicefinder .hal-findschedules-table .hal-label--pre {
padding: 1rem 1rem 0 0;
}
@media (max-width: 1023px) {
.hal-servicefinder .hal-findschedules-table {
display: block;
}
}
.hal-servicefinder .hal-findschedules .hal-quick-access-departs {
min-width: 15rem;
max-width: 35rem;
display: flex;
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules .hal-quick-access-departs {
max-width: 45rem;
}
}
@media (max-width: 599px) {
.hal-servicefinder .hal-findschedules .hal-quick-access-departs {
max-width: 30rem;
}
}
.hal-servicefinder .hal-findschedules .hal-quick-access-departs .hal-input {
width: 100%;
}
.hal-servicefinder .hal-findschedules .hal-quick-access-departs .hal-label--pre {
display: none;
}
@media (max-width: 1023px) {
.hal-servicefinder .hal-findschedules .hal-quick-access-departs .hal-label--pre {
display: block;
padding: 1rem 1rem 0 0;
}
}
.hal-servicefinder .hal-findschedules .hal-quick-access-departs .hal-input-departs {
width: 70%;
}
.hal-servicefinder .hal-findschedules .DayPicker {
margin: 5px 0 0 0;
}
.hal-servicefinder .hal-findschedules .hal-button {
margin: 1rem 0;
float: right;
}
.hal-servicefinder .hal-findschedules::after {
clear: both;
}
.hal-servicefinder *[dir="rtl"] .hal-navigation-tab-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-servicefinder *[dir="rtl"] .hal-navigation-tab-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-servicefinder *[dir="rtl"] .hal-navigation-tab-link {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 600px) {
.hal-tabmodule {
padding-top: 15px;
}
}
.hal-tabmodule .hal-tabmodule-tabs,
.hal-tabmodule .hal-tabmodule-tabs li {
list-style: none;
margin: 0;
padding: 0;
}
.hal-tabmodule .hal-tabmodule-tabs li {
display: inline-block;
}
.hal-tabmodule .hal-tabmodule-tabs li svg {
width: 80%;
max-width: 126px;
height: 80%;
max-height: 126px;
}
@media (max-width: 599px) {
.hal-tabmodule .hal-tabmodule-tabs {
display: none;
}
}
@media (max-width: 599px) {
.hal-tabmodule .hal-tabmodule-items {
margin-bottom: 30px;
}
.hal-tabmodule .hal-tabmodule-items > div {
border-top: 1px solid #999;
}
.hal-tabmodule .hal-tabmodule-items > div:last-child {
border-bottom: 1px solid #999;
}
}
.hal-tabnavigation {
position: relative;
z-index: 1;
margin-bottom: 40px;
overflow: hidden;
white-space: nowrap;
}
.hal-tabnavigation .hal-tabnavigation-wrapper {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
width: 100%;
border-bottom: 1px solid #CCD6DF;
}
.hal-tabnavigation .hal-tabnavigation-wrapper ul {
display: flex;
flex-wrap: wrap;
row-gap: 1px;
padding-bottom: 1px;
}
.hal-tabnavigation .hal-navigation-tab {
word-spacing: 0;
display: inline-block;
vertical-align: top;
padding: 0 0 0 0;
vertical-align: bottom;
height: 48px;
}
.hal-tabnavigation .hal-navigation-tab:hover {
background: #E1E8ED;
}
.hal-tabnavigation .hal-navigation-tab:active {
background: #FEF0E6;
}
.hal-tabnavigation[dir="rtl"] .hal-navigation-tab svg[class*=icon],
.hal-container[dir="rtl"] .hal-tabnavigation .hal-navigation-tab svg[class*=icon] {
margin-left: 5px;
margin-right: 0;
}
.hal-tabnavigation-1 .hal-navigation-tab-link,
.hal-tabnavigation-2 .hal-navigation-tab-link,
.hal-tabnavigation-3 .hal-navigation-tab-link,
.hal-tabnavigation-4 .hal-navigation-tab-link {
max-width: none;
}
.hal-tabnavigation-5 .hal-navigation-tab-link,
.hal-tabnavigation-6 .hal-navigation-tab-link,
.hal-tabnavigation-7 .hal-navigation-tab-link,
.hal-tabnavigation-8 .hal-navigation-tab-link,
.hal-tabnavigation-9 .hal-navigation-tab-link,
.hal-tabnavigation-10 .hal-navigation-tab-link {
max-width: 15em;
}
@media (max-width: 1023px) {
.hal-tabnavigation .hal-tabnavigation-wrapper {
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.hal-tabnavigation .hal-tabnavigation-wrapper ul {
flex-wrap: nowrap;
}
.hal-tabnavigation .hal-tabnavigation-wrapper::-webkit-scrollbar {
display: none;
}
.hal-tabnavigation .hal-navigation-tab:first-child {
margin-left: 52px;
}
.hal-tabnavigation .hal-navigation-tab-link {
max-width: none;
}
}
@media print {
.hal-tabnavigation {
display: none;
}
}
.hal-newsstream {
margin-bottom: 72px;
background-color: #fff;
}
.hal-teasers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 3rem;
/*
&--highlight,
.currentnews & {
.@{ns}carousel-btn-label {
#button > .inverse();
.inline-svg-generator("ico-arrow-prev-orange"; @orange; ~"::after");
}
}
*/
}
.hal-teasers .hal-teaser {
display: inline-block;
width: calc(50% - 0.9rem);
word-spacing: normal;
margin-bottom: 3rem;
margin-right: 0.9rem;
vertical-align: top;
}
@media (max-width: 599px) {
.hal-teasers .hal-teaser {
width: calc(50% - 0.9rem / 2);
}
.hal-teasers .hal-teaser:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media (min-width: 600px) {
.hal-teasers .hal-teaser {
width: calc(33.166666666666664% - 0.6000000000000001rem);
}
.hal-teasers .hal-teaser:nth-of-type(3n+3) {
margin-right: 0;
}
}
.hal-teasers--cross.hal-teasers {
margin-bottom: 0px;
}
.hal-teasers--cross .hal-teaser {
width: calc(24.875% - 0.6000000000000001rem);
/**
* Related Teaser Styling
* Uses .teaser-gradient(@color, @height, @media-query) Mixin
* to 'fade out' long headlines.
*/
}
@media (max-width: 1023px) {
.hal-teasers--cross .hal-teaser {
width: calc(33.166666666666664% - 0.6000000000000001rem);
}
}
@media (max-width: 599px) {
.hal-teasers--cross .hal-teaser {
width: calc(49.75% - 0.6000000000000001rem);
}
}
.hal-teasers--cross .hal-teaser:nth-of-type(3n+3) {
margin-right: 0.9rem;
}
.hal-teasers--cross .hal-teaser:nth-of-type(4n+4) {
margin-right: 0;
}
.hal-teasers--cross .hal-teaser .hal-teaser-heading:not(:hover)::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.hal-teasers--cross .hal-teaser--highlight .hal-teaser-heading:not(:hover)::after {
background: linear-gradient(to bottom, rgba(255, 102, 0, 0), #ff6600);
}
.hal-teasers--cross .hal-teaser--events .hal-teaser-heading:not(:hover)::after {
background: linear-gradient(to bottom, rgba(102, 102, 102, 0), #666666);
}
.hal-teasers--cross .hal-teaser--press .hal-teaser-heading:not(:hover)::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.hal-teasers--cross .hal-teaser > .hal-module--white .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.hal-teasers--cross .hal-teaser > .hal-module--grey .hal-teaser-heading::after {
background: linear-gradient(to bottom, rgba(240, 242, 245, 0), #f0f2f5);
}
.hal-teasers .hal-carousel--fourteaser .hal-teaser {
width: calc(24.875% - 0.6000000000000001rem);
}
.hal-teasers .hal-carousel--fourteaser .hal-teaser:nth-of-type(3n+3) {
margin-right: 0.9rem;
}
.hal-teasers .hal-carousel--fourteaser .hal-teaser:nth-of-type(4n+4) {
margin-right: 0;
}
.hal-teasers .hal-carousel--threeteaser .hal-teaser {
width: calc(33.166666666666664% - 0.6000000000000001rem);
}
.hal-teasers .hal-carousel--threeteaser .hal-teaser:nth-of-type(3n+3) {
margin-right: 0;
}
.hal-teasers .hal-carousel--twoteaser .hal-teaser {
width: calc(50% - 0.9rem / 2);
}
.hal-teasers .hal-carousel--twoteaser .hal-teaser::nth-of-type(2n+2) {
margin-right: 0;
}
.hal-teasers--secondary {
position: relative;
z-index: 1;
}
.hal-teasers--secondary .hal-carousel-item {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.hal-teasers--secondary .hal-carousel-item .hal-teaser:last-of-type {
margin-right: 0;
}
@media (min-width: 600px) {
.hal-teasers--secondary .hal-carousel-item {
justify-content: flex-start;
}
}
.hal-teasers--secondary .hal-teaser {
display: inline-block;
vertical-align: top;
}
.hal-home-page-more {
text-align: center;
margin-bottom: 4rem;
}
@media (min-width: 600px) {
.hal-home-page-more {
margin-bottom: 6rem;
}
}
@media (min-width: 1024px) {
.hal-home-page-more {
margin-bottom: 8rem;
}
}
.hal-home-page-more .hal-button {
margin-left: 0;
}
@media (min-width: 600px) {
.hal-newsstream-two .hal-teasers .hal-teaser {
width: calc(49.75% - 0.6000000000000001rem);
}
.hal-newsstream-two .hal-teasers .hal-teaser:nth-of-type(3n+3) {
margin-right: 0.9rem;
}
.hal-newsstream-two .hal-teasers .hal-teaser:nth-of-type(2n+2) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.hal-newsstream-four .hal-teasers .hal-teaser {
width: calc(24.875% - 0.6000000000000001rem);
}
.hal-newsstream-four .hal-teasers .hal-teaser:nth-of-type(3n+3) {
margin-right: 0.9rem;
}
.hal-newsstream-four .hal-teasers .hal-teaser:nth-of-type(4n+4) {
margin-right: 0;
}
}
.hal-tile-accordion {
width: 100%;
font-size: 0;
}
.hal-tile-accordion-tabs {
width: 40%;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-tile-accordion-tabs {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-tile-accordion-tabs {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-tile-accordion-tabs .hal-tile-accordion-tab {
width: calc(100% - 45px);
min-height: 148px;
margin-bottom: 20px;
padding: 25px 30px 28px;
color: #fff;
background: #65798B;
border-left: 3px solid #65798B;
cursor: pointer;
position: relative;
}
.hal-tile-accordion-tabs .hal-tile-accordion-tab:hover {
border-left: 3px solid #FFB98B;
}
.hal-tile-accordion-tabs .hal-tile-accordion-tab.hal-is-active {
background: #33424F;
border-left: 3px solid #ff6600;
}
.hal-tile-accordion-tabs .hal-tile-accordion-tab.hal-is-active:after {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2221%22%20viewBox%3D%220%200%2013%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.31665%2018.6116L7.94998%2010.9615L0.31665%203.31155L2.66665%200.961548L12.6667%2010.9615L2.66665%2020.9616L0.31665%2018.6116Z%22%20fill%3D%22%23425464%22%2F%3E%0A%3C%2Fsvg%3E%0A");
position: absolute;
top: calc(50% - 10px);
left: calc(100% + 16px);
}
.hal-tile-accordion-tabs .hal-tile-accordion-tab > p {
white-space: pre-line;
}
@media (max-width: 599px) {
.hal-tile-accordion-tabs {
display: none;
}
}
.hal-tile-accordion-items {
width: 60%;
display: inline-block;
vertical-align: top;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-tile-accordion-items {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-tile-accordion-items {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-tile-accordion-items .hal-tile-accordion-item-title {
display: none;
}
@media (max-width: 599px) {
.hal-tile-accordion-items .hal-tile-accordion-item-title {
display: block;
width: 100%;
min-height: 148px;
margin-bottom: 10px;
padding: 25px 30px 10px;
color: #fff;
background: #65798B;
border-left: 3px solid #65798B;
cursor: pointer;
position: relative;
}
.hal-tile-accordion-items .hal-tile-accordion-item-title > p {
white-space: pre-line;
}
}
.hal-tile-accordion-items .hal-tile-accordion-item-title:hover {
border-left: 3px solid #FFB98B;
}
.hal-tile-accordion-items .hal-tile-accordion-item-title-icon {
position: absolute;
bottom: 10px;
left: calc(50% - 10px);
}
.hal-tile-accordion-items .hal-tile-accordion-item-title-icon > svg {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(108%) contrast(100%);
}
.hal-tile-accordion-items .hal-tile-accordion-item-content {
display: none;
}
.hal-tile-accordion-items .hal-tile-accordion-item-content-icon {
display: none;
}
.hal-tile-accordion-items .hal-tile-accordion-item.hal-is-active .hal-tile-accordion-item-title {
background: #33424F;
border-left: 3px solid #ff6600;
}
.hal-tile-accordion-items .hal-tile-accordion-item.hal-is-active .hal-tile-accordion-item-title-icon {
display: none;
}
.hal-tile-accordion-items .hal-tile-accordion-item.hal-is-active .hal-tile-accordion-item-content {
display: block;
margin-bottom: 20px;
}
@media (max-width: 599px) {
.hal-tile-accordion-items .hal-tile-accordion-item.hal-is-active .hal-tile-accordion-item-content-icon {
display: block;
text-align: center;
}
.hal-tile-accordion-items .hal-tile-accordion-item.hal-is-active .hal-tile-accordion-item-content-icon > svg {
filter: invert(30%) sepia(20%) saturate(642%) hue-rotate(167deg) brightness(92%) contrast(87%);
}
}
@media (max-width: 599px) {
.hal-tile-accordion-items {
width: 100%;
}
}
.hal-tile-accordion-items-author {
width: 100%;
display: inline-block;
vertical-align: top;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-tile-accordion-items-author {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-tile-accordion-items-author {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
}
.hal-tile-accordion-items-author .hal-tile-accordion-item {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.hal-tile-accordion-items-author .hal-tile-accordion-item-title {
width: calc(40% - 45px);
min-height: 148px;
margin-bottom: 20px;
padding: 25px 30px 28px;
color: #fff;
background: #65798B;
position: relative;
}
@media (max-width: 599px) {
.hal-tile-accordion-items-author .hal-tile-accordion-item-title {
width: 100%;
min-height: 148px;
margin-bottom: 20px;
padding: 25px 30px 10px;
color: #fff;
background: #65798B;
position: relative;
}
}
.hal-tile-accordion-items-author .hal-tile-accordion-item-title > p {
white-space: pre-line;
}
.hal-tile-accordion-items-author .hal-tile-accordion-item-title-icon {
display: none;
}
.hal-tile-accordion-items-author .hal-tile-accordion-item-content {
width: 60%;
margin-bottom: 20px;
}
@media (max-width: 599px) {
.hal-tile-accordion-items-author .hal-tile-accordion-item-content {
width: 100%;
}
}
.hal-tile-accordion-items-author .hal-tile-accordion-item-content-icon {
display: none;
}
@media (max-width: 599px) {
.hal-tile-accordion-items-author .hal-tile-accordion-item {
display: block;
}
}
.hal-websearch .hal-container-content {
padding: 0px 15px 0px;
background-color: #fff;
min-height: 700px;
}
.hal-websearch .hal-search-panel {
width: 100%;
padding-top: 15px;
margin-bottom: 30px;
}
@media (min-width: 600px) {
.hal-websearch .hal-search-panel {
display: flex;
}
}
.hal-websearch .hal-form-group-input {
position: relative;
vertical-align: top;
padding-left: 7%;
}
@media (max-width: 1023px) {
.hal-websearch .hal-form-group-input {
padding-left: 0px;
}
}
@media (max-width: 599px) {
.hal-websearch .hal-form-group-input {
width: 100%;
}
}
@media (min-width: 600px) {
.hal-websearch .hal-form-group-input {
flex: 1 1 auto;
}
}
.hal-websearch .hal-form-group-input-simple {
margin-top: 37px;
}
.hal-websearch .hal-form-group-input-advanced {
margin-top: 0;
}
.hal-websearch .hal-form-group-button-simple {
vertical-align: middle;
padding-left: 1%;
margin-top: 37px;
}
@media (max-width: 599px) {
.hal-websearch .hal-form-group-button-simple {
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 600px) {
.hal-websearch .hal-form-group-button-simple {
flex: 0 0 auto;
display: flex;
height: 40px;
}
}
@media (min-width: 1024px) {
.hal-websearch .hal-form-group-button-simple {
padding-right: 7%;
}
}
.hal-websearch .hal-form-group-button-advanced {
vertical-align: top;
padding-left: 1%;
margin-top: 37px;
}
@media (max-width: 599px) {
.hal-websearch .hal-form-group-button-advanced {
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 600px) {
.hal-websearch .hal-form-group-button-advanced {
flex: 0 0 auto;
display: flex;
height: 40px;
}
}
@media (min-width: 1024px) {
.hal-websearch .hal-form-group-button-advanced {
padding-right: 7%;
}
}
.hal-websearch .hal-search-type-toggle {
display: inline-block;
padding-left: 3rem;
}
.hal-websearch .hal-search-type-toggle .hal-form-field--radio {
position: relative;
}
.hal-websearch .hal-search-type-toggle label {
padding-left: 5px;
}
@media (max-width: 599px) {
.hal-websearch .hal-search-type-toggle {
width: 175px;
}
}
.hal-websearch .hal-form-field--radio input[type='radio'] {
display: none;
}
.hal-websearch .hal-form-field--radio label:before {
content: "";
position: absolute;
left: -18px;
width: 15px;
height: 15px;
margin-top: 2px;
border-radius: 50%;
border: 2px solid #65798B;
}
.hal-websearch .hal-form-field--radio input[type='radio']:checked + label:before {
border: 2px solid #ff6600;
}
.hal-websearch .hal-form-field--radio input[type='radio']:checked + label:after {
content: "";
position: absolute;
left: -14px;
width: 7px;
height: 7px;
margin-top: 6px;
border-radius: 50%;
background: #ff6600;
}
.hal-websearch .hal-help {
display: inline-block;
vertical-align: text-bottom;
}
.hal-websearch .hal-search-line {
width: 100%;
display: flex;
margin-bottom: 8px;
font-weight: 300;
}
.hal-websearch .hal-search-label {
width: 25%;
display: inline-block;
}
@media (max-width: 599px) {
.hal-websearch .hal-search-label {
width: 100%;
}
}
.hal-websearch .hal-search-input {
width: 75%;
display: inline-block;
position: relative;
}
@media (max-width: 599px) {
.hal-websearch .hal-search-input {
width: 100%;
}
}
.hal-websearch .hal-input-wrapper {
position: relative;
}
.hal-websearch .hal-input {
width: 100%;
background-color: #fff;
}
.hal-websearch .hal-input.invalid {
box-shadow: 0 0 1.7px 1.7px red;
}
.hal-websearch .hal-search-suggestions {
left: 1px;
top: 40px;
z-index: 2;
}
.hal-websearch .hal-search-suggestions ul {
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hal-websearch .hal-button {
vertical-align: top;
}
@media (max-width: 599px) {
.hal-websearch .hal-button {
max-width: 20rem;
}
}
.hal-websearch .hal-button-searchtype {
font-weight: normal;
}
.hal-websearch .hal-clear-button {
font: 0/0 a;
text-shadow: none;
color: transparent;
width: 30px;
height: 30px;
margin-left: -38px;
padding: 9px;
vertical-align: middle;
}
.hal-websearch .hal-clear-button::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22.56%200L0%2022.56l11.52%2011.52L40%2063.04%2011.52%2091.52%200%20102.56l22.56%2023.04%2011.52-11.52%2028.96-28.96%2028.48%2028.96%2011.04%2011.52%2023.04-23.04-11.52-11.04-28.96-28.48%2028.96-28.96%2011.52-11.52L102.56%200%2091.52%2011.52%2063.04%2040%2034.08%2011.52%2022.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
pointer-events: none;
}
.hal-websearch .hal-panel-list {
margin: 0 !important;
padding: 0 !important;
}
.hal-websearch .hal-results-panel {
margin-top: 5px;
}
.hal-websearch .hal-panel-start-message {
text-align: center;
}
.hal-websearch .hal-entry-all .hal-entry-image,
.hal-websearch .hal-entry-press .hal-entry-image,
.hal-websearch .hal-entry-lookout .hal-entry-image {
display: none;
}
.hal-websearch .hal-entry-all .hal-entry-content,
.hal-websearch .hal-entry-press .hal-entry-content,
.hal-websearch .hal-entry-lookout .hal-entry-content {
width: 100%;
display: inline-block;
vertical-align: top;
padding-left: 0px;
}
.hal-websearch .hal-entry-news .hal-entry-image {
display: none;
}
.hal-websearch .hal-entry-news .hal-entry-content {
width: 100%;
display: inline-block;
vertical-align: top;
padding-left: 0px;
}
.hal-websearch .hal-facets-panel {
width: 25%;
display: inline-block;
vertical-align: top;
padding: 10px 0px;
}
@media (max-width: 599px) {
.hal-websearch .hal-facets-panel {
width: 100%;
display: inline;
}
}
.hal-websearch .hal-facets-panel-all {
width: calc(25% - 30px);
display: inline-block;
vertical-align: top;
padding: 10px 0px;
}
@media (max-width: 599px) {
.hal-websearch .hal-facets-panel-all {
width: 100%;
display: inline;
}
}
.hal-websearch .hal-facet {
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.hal-websearch .hal-facet .hal-facet-date-label {
display: none;
}
}
.hal-websearch .hal-dynamic-dates {
padding-top: 10px;
}
.hal-websearch .hal-entries-panel {
width: 75%;
display: inline-block;
vertical-align: top;
padding-top: 10px;
}
.hal-websearch .hal-entries-panel .hal-no-results {
display: block;
text-align: center;
font-weight: bold;
margin-top: 20px;
}
@media (max-width: 599px) {
.hal-websearch .hal-entries-panel {
width: 100%;
display: inline;
}
}
.hal-websearch .hal-entries-panel-all {
width: calc(75% + 30px);
display: inline-block;
vertical-align: top;
padding-top: 10px;
}
.hal-websearch .hal-entries-panel-all .hal-no-results {
display: block;
text-align: center;
font-weight: bold;
margin-top: 20px;
}
@media (max-width: 599px) {
.hal-websearch .hal-entries-panel-all {
width: 100%;
display: inline;
}
}
.hal-websearch .hal-entry-icon {
width: 30px;
display: inline-block;
float: right;
color: #333;
}
.hal-websearch .hal-entry-children {
width: calc(100% - 30px);
display: inline-block;
}
.hal-websearch .hal-entry {
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 5px;
padding-left: 5px;
border-bottom: solid 1px #ccc;
}
.hal-websearch .hal-entry .hal-entry-content a:visited {
color: #A34100;
}
.hal-websearch .hal-entry em {
background-color: #ff0;
font-style: normal;
}
.hal-websearch .hal-entry-img {
width: 110px;
height: 145px;
}
@media (max-width: 599px) {
.hal-websearch .hal-entry-img {
width: 80px;
height: 106px;
}
}
.hal-websearch .hal-list-all {
margin: 0 0 7.5px 0;
font-size: 12px;
color: #999;
}
.hal-websearch .hal-list-all li {
list-style: none;
display: inline;
}
.hal-websearch .hal-list-all li:after {
content: " > ";
}
.hal-websearch .hal-list-all li:last-child:after {
content: "";
}
.hal-websearch .hal-tag-wrapper {
width: 15%;
position: absolute;
top: 0;
right: 5px;
padding: 10px;
}
.hal-websearch .hal-tag-group {
bottom: 1px;
right: 1px;
}
.hal-websearch .hal-tag {
float: right;
line-height: 16px;
background: #CCD6DF;
color: #33424F;
}
.hal-websearch .hal-contacts {
margin-bottom: 1rem;
}
.hal-websearch .hal-email-image {
display: inline-block;
vertical-align: middle;
height: 1.6rem;
padding-left: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2016v16l64%2032%2064-32V16H0zm0%2032v64h128V48L64%2080%200%2048z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
}
.hal-websearch .hal-email-text {
display: inline-block;
}
.hal-websearch .hal-telephone-image {
display: inline-block;
vertical-align: middle;
height: 1.6rem;
padding-left: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%20578.106%20578.106%22%3E%0A%20%20%3Cpath%20d%3D%22M577.83%20456.128c1.225%209.385-1.635%2017.545-8.568%2024.48l-81.396%2080.78c-3.672%204.08-8.465%207.552-14.38%2010.405-5.917%202.857-11.73%204.693-17.44%205.508-.408%200-1.635.11-3.676.31-2.037.21-4.69.31-7.953.31-7.754%200-20.3-1.32-37.64-3.98s-38.556-9.18-63.646-19.58c-25.09-10.4-53.55-26.01-85.37-46.82-31.82-20.8-65.69-49.36-101.59-85.68-28.56-28.15-52.22-55.08-70.99-80.78-18.76-25.7-33.86-49.47-45.28-71.3-11.43-21.83-20-41.61-25.71-59.36s-9.59-33.045-11.63-45.9-2.86-22.95-2.45-30.3c.41-7.343.612-11.423.612-12.24.813-5.71%202.65-11.525%205.505-17.44S12.55%2093.83%2016.63%2090.156l81.39-81.4C103.73%203.046%20110.26.19%20117.603.19c5.304%200%209.996%201.53%2014.076%204.59s7.55%206.834%2010.405%2011.322l65.484%20124.236c3.67%206.528%204.69%2013.668%203.06%2021.42-1.634%207.752-5.1%2014.28-10.406%2019.584l-29.988%2029.988c-.816.816-1.53%202.142-2.142%203.978s-.918%203.366-.918%204.59c1.632%208.568%205.304%2018.36%2011.016%2029.376%204.896%209.792%2012.444%2021.726%2022.644%2035.802s24.684%2030.293%2043.452%2048.653c18.36%2018.77%2034.68%2033.35%2048.96%2043.76%2014.274%2010.4%2026.212%2018.05%2035.8%2022.95%209.59%204.89%2016.94%207.85%2022.03%208.87l7.65%201.53c.82%200%202.15-.31%203.98-.92%201.84-.62%203.17-1.33%203.98-2.15l34.89-35.498c7.35-6.52%2015.91-9.79%2025.71-9.79%206.937%200%2012.442%201.23%2016.522%203.68h.61l118.11%2069.76c8.57%205.31%2013.67%2012.04%2015.305%2020.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
}
.hal-websearch .hal-telephone-text {
display: inline-block;
}
.hal-websearch .hal-tab-icon {
width: 25px;
display: inline-block;
vertical-align: top;
}
.hal-websearch .hal-tab-icon-all {
width: 0px;
height: 25px;
display: inline-block;
vertical-align: top;
}
.hal-websearch .hal-tabnavigation {
margin-bottom: 0;
}
@media (max-width: 599px) {
.hal-websearch .hal-tabnavigation {
white-space: normal;
}
}
@media (max-width: 599px) {
.hal-websearch .hal-tabnavigation .hal-navigation-tab {
display: inline-block;
width: auto;
}
}
.hal-websearch .hal-navigation-tab-link {
overflow: visible;
max-width: 20em;
}
.hal-websearch .hal-navigation-tab-link.selected-panel,
.hal-websearch .hal-navigation-tab-link.selected-panel:hover {
cursor: default;
}
.hal-websearch .hal-paginator-chevron {
vertical-align: sub;
}
.hal-websearch .hal-paginator-style {
text-align: center;
}
.hal-websearch .hal-paginator-style ul {
padding-left: 0px;
}
.hal-websearch .hal-paginator-style ul li {
color: #ff6600;
font-weight: bold;
padding: 0px 5px;
font-size: 14px;
display: inline-block;
cursor: pointer;
}
.hal-websearch .hal-paginator-style ul li:hover {
color: #A34100;
}
.hal-websearch .hal-paginator-style ul li.selected-page,
.hal-websearch .hal-paginator-style ul li.selected-page:hover {
color: #000;
font-weight: normal;
cursor: default;
}
.hal-websearch .hal-paginator-style ul li.more-page {
color: #ff6600;
cursor: default;
}
.hal-websearch .hal-paginator-link {
font-weight: bold;
}
.hal-websearch .hal-filteritem {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
font-size: 0;
}
.hal-websearch .hal-filteritem-input {
display: none;
}
.hal-websearch .hal-filteritem-input:checked + .hal-filteritem-text {
background: #CCD6DF;
}
.hal-websearch .hal-filteritem-text {
display: inline-block;
padding: 5px 10px;
border: 1px solid #CCD6DF;
border-radius: 2px;
font-size: 14px;
font-weight: normal;
color: #425464;
background: #fff;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
.hal-websearch .hal-margincolumn-timeline-clear-button {
font-weight: bold;
}
.hal-websearch .hal-loader {
opacity: 0.5;
pointer-events: none;
}
.hal-websearch .hal-loading-hoc {
position: relative;
}
.hal-websearch .hal-loading {
font-size: 10px;
width: 1em;
height: 1em;
border-radius: 50%;
position: absolute;
top: 100px;
-webkit-animation: load 1.1s infinite ease;
animation: load 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
z-index: 2;
left: calc(50% - 5px);
}
@-webkit-keyframes load {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ff6600, 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.5), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.7), 1.8em -1.8em 0 0em #ff6600, 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.5), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.7), 2.5em 0em 0 0em #ff6600, 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.5), 2.5em 0em 0 0em rgba(255, 102, 0, 0.7), 1.75em 1.75em 0 0em #ff6600, 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.5), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.7), 0em 2.5em 0 0em #ff6600, -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.5), 0em 2.5em 0 0em rgba(255, 102, 0, 0.7), -1.8em 1.8em 0 0em #ff6600, -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.5), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.7), -2.6em 0em 0 0em #ff6600, -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.5), -2.6em 0em 0 0em rgba(255, 102, 0, 0.7), -1.8em -1.8em 0 0em #ff6600;
}
}
@keyframes load {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ff6600, 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.5), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.7), 1.8em -1.8em 0 0em #ff6600, 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.5), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.7), 2.5em 0em 0 0em #ff6600, 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.5), 2.5em 0em 0 0em rgba(255, 102, 0, 0.7), 1.75em 1.75em 0 0em #ff6600, 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.5), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.7), 0em 2.5em 0 0em #ff6600, -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.2), -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.5), 0em 2.5em 0 0em rgba(255, 102, 0, 0.7), -1.8em 1.8em 0 0em #ff6600, -2.6em 0em 0 0em rgba(255, 102, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.5), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.7), -2.6em 0em 0 0em #ff6600, -1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 102, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 102, 0, 0.2), 2.5em 0em 0 0em rgba(255, 102, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 102, 0, 0.2), 0em 2.5em 0 0em rgba(255, 102, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 102, 0, 0.5), -2.6em 0em 0 0em rgba(255, 102, 0, 0.7), -1.8em -1.8em 0 0em #ff6600;
}
}
.hal-websearch .hal-entry-icon-wrapper {
display: inline-block;
position: relative;
vertical-align: top;
top: 5px;
}
.hal-websearch .hal-entry-icon-wrapper .hal-tooltip {
min-width: 140px;
top: -10px;
left: -110px;
text-align: left;
padding: 10px 10px 5px;
background-color: #fff;
position: absolute;
z-index: 1;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
display: none;
}
.hal-websearch .hal-entry-icon-wrapper:hover .hal-tooltip {
display: block;
}
.hal-websearch .hal-tooltip-text {
display: inline-block;
}
.hal-websearch .hal-tooltip-icon {
display: inline-block;
float: right;
}
.hal-websearch .hal-dialog-backdrop {
position: fixed;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(229, 229, 229, 0.7);
z-index: 9958;
}
.hal-websearch .hal-dialog-body {
position: fixed;
left: 50%;
top: 50%;
width: 30em;
padding: 20px 0;
text-align: center;
border: 1px solid 1px solid rgba(102, 102, 102, 0.15);
background-color: #fff;
box-shadow: 0px 0px 10em 100px #f2f2f2;
transform: translateX(-50%) translateY(-50%);
}
.hal-websearch .hal-dialog-text {
width: 75%;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04rem;
border-bottom: 1px solid #ededed;
}
.hal-websearch .hal-dialog-button {
width: auto !important;
}
@media (min-width: 600px) {
.hal-columns .hal-websearch {
width: 100%;
}
}
.hal-zoom {
display: block;
position: relative;
cursor: zoom-in;
}
.hal-zoom-icon {
display: block;
position: absolute;
top: 10px;
right: 8px;
color: #ff6600;
}
.hal-zoom-icon:hover {
color: #A34100;
}
.page-news-insights main.hal-page-column--main .hal-page-container-content,
.page-news-subpage main.hal-page-column--main .hal-page-container-content {
padding: 30px;
}
@media (max-width: 599px) {
.page-news-insights main.hal-page-column--main .hal-page-container-content,
.page-news-subpage main.hal-page-column--main .hal-page-container-content {
padding: 10px;
}
}
.hal-page--newsdetail .hal-article-meta {
margin-bottom: 0;
background: #fff;
}
.hal-page--newsdetail .hal-article-meta .hal-meta {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.1px;
}
@media (min-width: 1024px) {
.hal-page--newsdetail .hal-article-meta .hal-meta {
right: 30px;
top: 1.5rem;
}
}
@media (max-width: 1023px) {
.hal-page--newsdetail .hal-article-meta .hal-meta {
position: relative;
width: 100%;
padding: 0px 0px 10px 30px;
border-bottom: 1px solid #DBDEDF;
}
}
@media (max-width: 599px) {
.hal-page--newsdetail .hal-article-meta .hal-meta {
padding: 0px 0px 10px 10px;
}
}
@media (min-width: 1024px) {
.hal-page--newsdetail .hal-news-detail-wrapper {
display: flex;
}
}
.hal-page--newsdetail .hal-news-detail-left {
background: #fff;
}
@media (min-width: 1024px) {
.hal-page--newsdetail .hal-news-detail-left {
width: 25%;
display: flex;
flex-direction: column;
}
}
.hal-page--newsdetail .hal-news-detail-region-link {
display: block;
padding-bottom: 5px;
}
.hal-page--newsdetail .hal-news-detail-region-link > label {
cursor: pointer;
}
.hal-page--newsdetail .hal-page-margin--aside {
padding-right: 0;
width: 100%;
background: #fff;
}
.hal-page--newsdetail .hal-page-margin--main {
background: white;
}
@media (min-width: 1024px) {
.hal-page--newsdetail .hal-page-margin--main {
padding-left: 0;
}
}
.hal-page--newsdetail .hal-news-detail-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 30px;
}
.hal-page--newsdetail .hal-tag {
display: inline-block;
padding: 4px 8px;
margin: 0;
border-radius: 4px;
background: #E1E8ED;
color: #33424F;
text-transform: none;
line-height: 16px;
font-weight: 600;
}
@media (max-width: 1023px) {
.hal-page--newsdetail .hal-breadcrumb {
border-bottom: none;
}
}
@media (min-width: 1024px) {
.hal-page--newsdetail .hal-breadcrumb {
padding: 14px 95px 14px 30px;
}
}
.hal-page--newsdetail .hal-page-body .hal-container-content {
padding-top: 0;
padding-bottom: 0;
background-color: #F0F2F5;
}
.hal-news-detail-hero-wrapper {
padding-bottom: 30px;
}
.hal-news-detail-article {
padding: 30px;
background-color: #fff;
}
@media print {
.hal-news-detail-article {
background-color: #fff;
}
}
.hal-news-detail-comments {
padding: 3rem 1rem;
background-color: #fff;
}
@media (min-width: 600px) {
.hal-news-detail-comments {
padding-left: calc(8.333333333333334% - -2rem);
padding-right: calc(8.333333333333334% - -2rem);
}
}
@media (min-width: 1024px) {
.hal-news-detail-comments {
padding-top: 6rem;
padding-bottom: 6rem;
padding-left: calc(10% - 1rem);
padding-right: calc(10% - -1rem);
}
}
@media (min-width: 1440px) {
.hal-news-detail-comments {
margin-right: 0;
}
}
@media (min-width: 1920px) {
.hal-news-detail-comments {
padding-left: calc(7.6923076923076925%);
padding-right: calc(7.6923076923076925% - -1rem);
}
}
@media (min-width: 1024px) {
.hal-news-detail-comments {
border-top: 1px solid #ccc;
}
}
.hal-news-detail-cross {
padding-top: 30px;
}
@media (min-width: 600px) and (max-width: 1023px) {
.hal-news-detail-meta {
word-spacing: -0.31em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 0 -5px;
margin: 0 -2rem 0 -3rem;
padding: 4.5rem calc(8.333333333333334% - -2rem) 0;
}
}
@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) {
.hal-news-detail-meta {
margin-left: -10px;
}
}
@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
.hal-news-detail-meta {
margin-left: 0;
}
}
.hal-news-detail-meta,
.hal-news-detail-meta-left {
padding-top: 3.5rem;
margin: 0;
}
@media (min-width: 1024px) {
.hal-news-detail-meta,
.hal-news-detail-meta-left {
padding-top: 4.5rem;
}
}
@media (min-width: 1024px) {
.hal-news-detail-meta {
display: none;
}
}
.hal-news-detail-meta-left {
flex-grow: 1;
border-right: 3px solid #F0F2F5;
}
@media (max-width: 1023px) {
.hal-news-detail-meta-left {
display: none;
}
}
@media print {
.hal-news-detail-article,
.page-news-detail-article,
.hal-news-detail-comments,
.page-news-detail-comments {
padding-left: 0;
padding-right: 0;
}
.hal-news-detail-meta,
.page-news-detail-meta {
display: none;
}
}
.hal-olb-fis .form-group {
padding: 10px 0;
border-top: 1px solid #ccc;
overflow: hidden;
}
.hal-olb-fis .form-group .form-group-header-text {
display: inline-block;
color: #ff6600;
cursor: pointer;
}
.hal-olb-fis .form-group .form-group-header-text:hover {
color: #A34100;
}
.hal-olb-fis .form-group .form-group-header-text::before {
content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20fill%3D%22%23ff6600%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ctitle%3Earrow%3C%2Ftitle%3E%0A%20%20%3Cpath%20d%3D%22M11%206L6%202%201%206%22%20stroke%3D%22%23ff6600%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A");
display: inline-block;
width: 10px;
margin-right: 10px;
transition: transform 0.25s ease-in-out;
transform: rotate(0);
}
.hal-olb-fis .form-group[class*="collapsed"] .form-group-header-text::before {
transform: rotate(180deg) translateY(3px) translateX(-2px);
}
.hal-olb-fis .form-group[class*="collapsed"] .form-group-bwrap {
overflow: hidden;
height: 0;
}
.hal-olb-fis a {
font-size: inherit;
}
.hal-olb-fis label,
.hal-olb-fis input,
.hal-olb-fis select {
margin-right: 10px;
}
.hal-olb-fis input[type=text] {
height: 40px;
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
color: inherit;
transition: border-color 0.1s, box-shadow 0.1s;
-webkit-appearance: none;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
background-color: #fff;
}
@media (min-width: 1024px) {
.hal-olb-fis input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-fis input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-olb-fis input[type=text]:focus {
border-color: #333;
}
.hal-olb-fis input[type=text]:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.hal-olb-fis input[type=text]:placeholder-shown {
color: #999;
}
.hal-olb-fis input[type=text]::-webkit-input-placeholder {
color: #999;
}
.hal-olb-fis input[type=text]::-moz-placeholder {
color: #999;
}
.hal-olb-fis input[type=text]:-ms-input-placeholder {
color: #999 !important;
}
.hal-olb-fis input[type=text]::-ms-clear {
display: none;
}
@media (min-width: 1024px) {
.hal-olb-fis input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-fis input[type=text] {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1024px) {
.hal-olb-fis input[type=text] {
width: 260px;
}
}
.hal-olb-fis input[type=text].inputDate {
width: 130px;
}
.hal-olb-fis input[type=submit] {
box-sizing: border-box;
display: inline-block;
min-height: 4rem;
border: 1px solid transparent;
border-radius: 3px;
padding: 9px 20px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
color: #fff;
line-height: 1.375;
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
letter-spacing: -0.2px;
background-color: #ff6600;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 10px;
}
a.hal-olb-fis input[type=submit]:visited {
color: #fff;
}
a.hal-olb-fis input[type=submit]:visited:hover,
.hal-olb-fis input[type=submit]:hover {
background-color: #FF812E;
color: #fff;
}
.hal-olb-fis input[type=submit]:focus-visible,
.hal-olb-fis input[type=submit]:focus-visible:not(.hal-button--nofocus) {
background-color: #FF812E;
color: #fff;
outline: 2px solid #0262f2;
outline-offset: 3px;
}
.hal-olb-fis input[type=submit]:disabled,
.hal-olb-fis input[type=submit]:disabled:focus {
cursor: default;
color: #fff;
background-color: #ff6600;
opacity: 0.4;
}
.hal-olb-fis input[type=submit] [class*="icon-"] {
position: relative;
top: -1px;
height: 1em;
vertical-align: middle;
margin-left: 10px;
margin-bottom: -1px;
}
.hal-olb-fis input[type=submit]:has(svg[class*="icon-"][class*="chevron-right"]) {
padding-right: 13px;
}
.hal-olb-fis input[type=submit]--left [class*="icon-"] {
margin-left: 0;
margin-right: 10px;
}
.hal-olb-fis input[type=submit][dir="ltr"]:not(.hal-regular-font),
.hal-olb-fis input[type=submit][dir="rtl"]:not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-olb-fis input[type=submit]:not([dir="ltr"]):not(.hal-rtl--alt):not(.hal-regular-font),
*[dir="rtl"] .hal-olb-fis input[type=submit]:not(.hal-rtl--alt):not(.hal-regular-font) {
font-size: 16px;
line-height: 4rem;
}
*[dir="rtl"] .hal-olb-fis input[type=submit]:not([dir="ltr"]) [class*="icon-"],
.hal-olb-fis input[type=submit][dir="rtl"] [class*="icon-"] {
transform: scaleX(-1);
margin-left: 0;
}
*[dir="rtl"] .hal-olb-fis input[type=submit]:not([dir="ltr"]) [class*="icon-"][class*="chevron-right"],
.hal-olb-fis input[type=submit][dir="rtl"] [class*="icon-"][class*="chevron-right"] {
margin-left: -7px;
margin-right: 10px;
}
.hal-olb-fis select {
display: inline-block;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.54);
border-radius: 4px;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
font-family: Helvetica, Times New Roman;
line-height: 40px;
vertical-align: middle;
transition: border-color 0.1s, box-shadow 0.1s;
position: relative;
z-index: 1;
padding: 0 40px 0 10px;
border: 1px solid #999;
border-radius: 3px;
height: 40px;
font: inherit;
background-color: #fff;
color: inherit;
-moz-appearance: none;
-webkit-appearance: none;
overflow: hidden;
text-indent: 0.01px;
text-overflow: ellipsis;
}
@media (min-width: 1024px) {
.hal-olb-fis select {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-fis select {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-olb-fis select:focus {
border-color: #333;
}
.hal-olb-fis select:disabled {
color: #aaa;
border-color: #e5e5e5;
}
.hal-olb-fis select:placeholder-shown {
color: #999;
}
.hal-olb-fis select::-webkit-input-placeholder {
color: #999;
}
.hal-olb-fis select::-moz-placeholder {
color: #999;
}
.hal-olb-fis select:-ms-input-placeholder {
color: #999 !important;
}
.hal-olb-fis select::-ms-clear {
display: none;
}
@media (min-width: 1024px) {
.hal-olb-fis select {
width: 260px;
}
}
.hal-olb-fis select.sizeSingleCharCombo {
width: 1em;
}
.hal-olb-fis select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #333;
}
.hal-olb-fis select::-ms-value {
color: inherit;
background-color: transparent;
}
.hal-olb-fis *[class*="buttonPanel"] {
margin-top: 30px;
margin-bottom: 50px;
padding-top: 30px;
border-top: 1px solid #ccc;
}
.hal-olb-fis .hl-skip-small {
width: 10px;
}
.hal-olb-fis .hl-skip-medium {
width: 20px;
}
.hal-olb-fis .hl-skip-big {
width: 30px;
height: 50px;
}
.hal-olb-fis .boxBgColor {
background-color: #f2f2f2;
}
.hal-olb-fis .boxBgColor .boxContent {
padding: 20px;
}
.textlist .hal-olb-fis ul:not([class*="module--space"]) {
margin: 15px 0;
}
.hal-olb-fis ul li {
position: relative;
padding-left: 24px;
padding-bottom: 5px;
}
.hal-olb-fis ul li:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.hal-olb-fis ul li > .hal-list {
margin: 7px 0 5px 20px;
}
.hal-olb-fis ul[dir="rtl"] li {
padding-left: 0;
}
.hal-olb-fis ul[dir="rtl"] li:before {
left: auto;
right: 0;
}
.hal-olb-fis ul li:before {
content: '●';
top: 4px;
left: 5px;
font-size: 8px;
}
.hal-olb-fis ul[dir="rtl"] li {
padding-right: 24px;
}
.hal-olb-fis ul[dir="rtl"] li:before {
left: auto;
right: 5px;
}
.hal-olb-fis ol {
counter-reset: section;
}
.textlist .hal-olb-fis ol:not([class*="module--space"]) {
margin: 15px 0;
}
.hal-olb-fis ol li {
position: relative;
padding-left: 24px;
padding-bottom: 5px;
}
.hal-olb-fis ol li:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.hal-olb-fis ol li > .hal-list {
margin: 7px 0 5px 20px;
}
.hal-olb-fis ol[dir="rtl"] li {
padding-left: 0;
}
.hal-olb-fis ol[dir="rtl"] li:before {
left: auto;
right: 0;
}
.hal-olb-fis ol li:before {
counter-increment: section;
content: counter(section) ". ";
}
.hal-olb-fis ol[dir="rtl"] li {
padding-right: 24px;
}
.hal-olb-fis ol[dir="rtl"] li:before {
counter-increment: section;
content: counter(section, arabic-indic) ".";
}
.hal-olb-fis table tr td {
position: relative;
height: 50px;
}
.hal-olb-fis table tr.odd {
background-color: #f2f2f2;
}
.hal-olb-fis table.boxFill {
width: 100%;
}
.hal-olb-fis table.data th {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-olb-fis table.data th {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-fis table.data th {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-olb-fis table.data th,
.hal-olb-fis table.data td {
padding: 10px 15px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
@media (min-width: 1024px) {
.hal-olb-fis table.data th,
.hal-olb-fis table.data td {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
@media (min-width: 1440px) {
.hal-olb-fis table.data th,
.hal-olb-fis table.data td {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
}
}
.hal-olb-fis table.data td {
vertical-align: top;
height: auto;
}
.hal-olb-fis table.data td.click {
background-color: #E2E9F3;
}
.hal-olb-fis table.data thead tr,
.hal-olb-fis table.data tbody tr {
border-bottom: 1px solid #ccc;
}
.hal-olb-fis table.data tbody tr:hover td {
background-color: #E2E9F3;
}
.hal-olb-fis table.data tfoot td {
padding-top: 30px;
padding-bottom: 90px;
}
.hal-olb-fis table tr:not(:last-of-type),
.hal-olb-fis .hal-table-row:not(:last-of-type) {
border-bottom: 1px solid #ccc;
}
.hal-olb-fis table tr td,
.hal-olb-fis .hal-table-row td {
height: 50px;
}
.hal-olb-fis table tr td label[for],
.hal-olb-fis .hal-table-row td label[for],
.hal-olb-fis table tr td:first-of-type,
.hal-olb-fis .hal-table-row td:first-of-type {
font-weight: 700;
}
.hal-olb-fis table tr td span,
.hal-olb-fis .hal-table-row td span {
margin-left: 20px;
font-weight: 300;
}
.hal-olb-fis {
padding-bottom: 60px;
}
/**
* ===============================
* HAL Login Box
* ===============================
*/
.hal-login {
border: 1px solid #f60;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
padding: 3px 10px;
position: initial;
z-index: 5;
}
.hal-navigation[dir="rtl"] .hal-login {
left: 0;
}
.hal-login:hover {
background-color: #f60;
cursor: pointer;
}
.hal-login .hal-login-toggle-open {
top: .1rem;
}
.hal-login .hal-login-toggle-open > a,
.hal-login .hal-login-toggle-open .icon-login,
.hal-login .hal-login-toggle-open .icon-login-active {
color: #f60;
}
.hal-login:hover .hal-login-toggle-open,
.hal-login:hover .hal-login-toggle-open > a,
.hal-login:hover .hal-login-toggle-open .icon-login,
.hal-login:hover .hal-login-toggle-open .icon-login-active {
color: #fff;
}
.hal-login .hal-login-toggle-open .icon-login,
.hal-login .hal-login-toggle-open .icon-login-active {
bottom: -.2rem;
position: relative;
}
.hal-login .hal-login-toggle-open > a {
font-size: inherit;
font-weight: 300;
line-height: normal;
}
.hal-login .hal-login-toggle-open > a.hal-login-tal-offline,
.hal-login .hal-login-toggle-open > a.hal-login-tal-offline + svg {
display: none;
}
/* The Modal (background) */
.hal-login-box {
background-color: #F0F2F5; /* Fallback color */
border: none;
direction: ltr;
display: none; /* Hidden by default */
height: 100%; /* Full height */
left: 0;
overflow: auto; /* Enable scroll if needed */
padding-top: 100px; /* Location of the box */
position: fixed; /* Stay in place */
top: 0;
width: 100%; /* Full width */
z-index: 500; /* Sit on top */
}
@media screen and (min-width: 768px) {
.hal-login-box {
top: 56px;
width: 100%;
}
.hal-page-header-expanded .hal-login-box {
left: 120px;
top: 112px;
width: calc(100% - 120px);
}
}
@media screen and (min-width: 1024px) {
.hal-login-box {
left: 256px;
top: 112px;
width: calc(100% - 256px);
}
}
/* Modal Content */
.hal-login-box .hal-login-box-content-wrapper {
margin: auto;
width: 100%;
display: flex;
flex-wrap: wrap;
max-width: 560px;
}
.genericportlet .hal-login-box-content-wrapper {
margin: auto;
width: 100%;
display: flex;
flex-wrap:wrap;
}
@media screen and (max-width: 767px) {
.genericportlet .hal-login-box-content-wrapper {
display: initial;
}
}
.hal-login-box .hal-login-box-content {
background-color: #FFFFFF;
cursor: default;
margin: auto;
position: relative;
width: 560px;
height: 641px;
display: inline-block;
}
.genericportlet .hal-login-box-content {
background-color: #FFFFFF;
cursor: default;
margin: auto;
position: relative;
width: 100%;
min-height: initial;
display: inline-block;
}
.hal-module--grey .genericportlet .hal-login-box-content {
background-color: #f0f2f5;
}
@media screen and (max-width: 767px) {
.genericportlet .hal-login-box-content {
width: 100% !important;
}
}
.hal-login-box-content-left {
padding-bottom: 16px;
min-width: 535px;
}
@media screen and (max-width: 767px) {
.hal-login-box-content-left {
min-width: auto;
}
}
.genericportlet .hal-login-box-content-left > header,
.genericportlet .hal-login-box-content-left > footer {
display: none;
}
.hal-login-box-content-left > header {
margin: 79px 72px 0 56px;
}
.hal-login-box-content > header > h3 {
font-size: 22px;
font-weight: 400;
}
.hal-login-box-content > .hal-h2:not([dir="rtl"]) {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.22222222;
}
.hal-login-box-content > div {
position: relative;
}
.hal-login-box-content > div .hal-button:not([dir="ltr"]):not(.hal-rtl--alt),
.hal-login-box-content > div .hal-button:not(.hal-rtl--alt) {
font-size: 1.4rem;
line-height: 4rem;
}
.hal-login-box-content > div .hal-link:not([dir="ltr"]) {
font-size: 1.4rem;
line-height: 1.42857143;
}
.hal-login-box-content > footer {
background-color: #e5e5e5;
bottom: 0;
height: 80px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.hal-login-box-body {
margin: 0 72px 0 56px;
}
.genericportlet .hal-login-box-body {
margin: initial;
}
@media screen and (max-width: 480px) {
.hal-login-box .hal-login-box-close-icon {
margin-right: 60px;
}
}
.genericportlet .hal-login-box-close-icon {
display: none;
}
.hal-login-box .olbForm td,
#loginReq_f td,
.genericportlet #login_f td {
height: 0;
}
/* placeholder="User ID" */
/* placeholder="Password" */
/* added to .hal-input class */
.hal-login-box .olbForm .hal-olb-input {
background-color: #F0F2F5;
border: none;
border-bottom: 1px solid #757575;
border-radius: 4px 4px 0px 0px;
box-sizing: border-box;
color: #111565;
display: inline-block;
font-family: Inter,Helvetica,Arial,Verdana,sans-serif;
font-size: 1.8rem;
height: 48px;
line-height: 4rem;
margin: 16px 0 0;
padding: 0;
transition: border-color 0.1s, box-shadow 0.1s;
vertical-align: middle;
width: 432px;
-webkit-appearance: none;
}
#loginReq_f .hal-olb-input,
.genericportlet #login_f .hal-olb-input {
background-color: #F0F2F5;
border: none;
border-bottom: 1px solid #757575;
border-radius: 4px 4px 0px 0px;
box-sizing: border-box;
color: #111565;
display: inline-block;
font-family: Inter,Helvetica,Arial,Verdana,sans-serif;
font-size: 1.8rem;
height: 48px;
line-height: 4rem;
margin: 16px 0 0;
padding: 0;
transition: border-color 0.1s, box-shadow 0.1s;
vertical-align: middle;
width: 100%;
-webkit-appearance: none;
}
.hal-login-box .olbForm .hal-olb-input:focus,
#loginReq_f .hal-olb-input:focus,
.genericportlet #login_f .hal-olb-input:focus {
border: none;
border-bottom: 1px solid #ff6b05;
outline: none;
}
.hal-login-box .olbForm .hal-olb-link:hover,
#loginReq_f .hal-olb-link:hover,
.genericportlet #login_f .hal-olb-link:hover {
color: #a34100;
}
/* Generic portlet displays login box*/
.hal-page.page-online-business .hal-page-body .genericportlet .hal-login-box-content-wrapper.hal-login-box--displayed {
max-width: 1130px;
}
.genericportlet .hal-login-box-content-wrapper.hal-login-box--displayed .hal-login-box-body {
margin: 0px 72px 0px 56px;
}
.genericportlet .hal-login-box-content-wrapper.hal-login-box--displayed footer,
.genericportlet .hal-login-box-content-wrapper.hal-login-box--displayed header {
display: block;
}
.genericportlet .hal-login-box-content-wrapper.hal-login-box--displayed .hal-login-box-content-left {
width: 50%;
min-height: 641px;
}
/* Modal dialog*/
.hal-login .modal,
.hal-login .modal * {
box-sizing: border-box;
moz-box-size: border-box;
transition: all .2s ease-in-out;
}
.hal-login .modal:checked+.modal {
opacity: 1;
pointer-events: all;
}
.hal-login .modal {
position: fixed;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
top: 0;
width: 100%;
z-index: 500;
}
.hal-login .modal > div {
z-index: 700
}
.hal-login .modal:checked+.modal > div {
animation-duration: 0.4s;
animation-name: animatetop;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
}
.hal-login .modal .close:after {
content: '×';
cursor: pointer;
display: block;
font-size: 4rem;
height: 2rem;
line-height: 2rem;
padding: 9px 18px;
position: absolute;
right: 0;
top: 0;
z-index: 800;
}
.hal-login .modal .close:hover:after {
color: #f60;
}
.hal-login .modal .overlay {
background: rgba(0,0,0,.5);
cursor: pointer;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 600;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
@keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
.hal-login > .hal-login-details,
.hal-login > .hal-login-details-toggle-state {
display: none;
}
.hal-login > .hal-login-details {
background-color: #fff;
border: 2px solid #e5e5e5;
color: #000;
font-size: 1.4rem;
min-width: calc(100% + 70px);
position: absolute;
right: -1px;
top: 45px;
}
.hal-navigation[dir="rtl"] .hal-login > .hal-login-details {
direction: ltr;
left: -1px;
right: auto;
text-align: right;
}
.hal-login > .hal-login-details::before {
background: #fff;
box-shadow: inset 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
content: "";
height: 10px;
margin-left: -7px;
margin-top: 18px;
position: absolute;
right: 12px;
top: -25px;
transform: rotate(45deg);
width: 10px;
z-index: 1;
}
.hal-navigation[dir="rtl"] .hal-login > .hal-login-details::before {
left: 18px;
right: auto;
}
.hal-login > .hal-login-details-toggle-state:checked + .hal-login-details {
display: block;
}
.hal-login > .hal-login-details > li {
padding: 8px;
}
.hal-login > .hal-login-details > li:last-child {
background-color: #e5e5e5;
}
.hal-login > .hal-login-details > li > p {
font-size: 1.4rem;
margin: 0;
white-space: nowrap;
}
.hal-login > .hal-login-details > li > a {
color: #f60;
display: block;
font-size: 1.6rem;
font-weight: 300;
}
.hal-login > .hal-login-details > li > a:hover {
color: #a34100;
}
.hal-login > .hal-login-details > li:last-child > a {
font-size: 1.4rem;
}
.hal-login-box .olbForm th,
.hal-login-box .olbForm td,
#loginReq_f th,
#loginReq_f td,
.genericportlet #login_f th,
.genericportlet #login_f td {
padding: 0;
}
.hal-login-box > div,
.genericportlet > div {
position: relative;
}
.hal-login-box .olbForm span.error,
#loginReq_f span.error,
.genericportlet #login_f span.error {
color: red;
font-size: 14px;
}
.hal-login-box .olbForm .hal-olb-title,
#loginReq_f .hal-olb-title,
.genericportlet #login_f .hal-olb-title {
display: none;
}
.hal-login-box .olbForm .hal-olb-label {
bottom: 14px;
color: #65798B;
position: absolute;
pointer-events: none;
left: 12px;
transition: 0.2s ease all;
white-space: nowrap;
-webkit-transition: 0.2s ease all;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.2px;
}
#loginReq_f .hal-olb-label,
.genericportlet #login_f .hal-olb-label {
color: #65798B;
position: absolute;
pointer-events: none;
left: 12px;
transition: 0.2s ease all;
white-space: nowrap;
-webkit-transition: 0.2s ease all;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.2px;
}
.hal-login-box .olbForm .hal-olb-label.focus,
.hal-login-box .olbForm .hal-olb-label.used {
bottom: 43px;
left: 0;
font-size: 1.2rem;
}
/* added to .hal-button class */
.hal-login-box .olbForm .hal-olb-button {
position: absolute;
left: 0;
top: 144px;
width: 100%;
height: 48px;
border-radius: 2px;
display: block;
margin:0px;
}
/**
* HLOLBButton
*/
.hal-olb-button {
background-color: #f60;
border: 1px solid #f60;
border-radius: 3px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
font-weight: 600;
height: 4rem;
line-height: 4rem;
margin: 0;
padding: 0 2rem;
text-decoration: none;
transition: background-color .3s,color .3s;
}
.hal-olb-button:focus,
.hal-olb-button:hover,
.spinner {
background-color: #fff !important;
border-color: #f60;
color: #f60;
}
.spinner {
color: #f60;
opacity: .7;
position: relative;
}
@keyframes spinner {
to {transform: rotate(360deg);}
}
.spinner:after {
animation: spinner .6s linear infinite;
content: '';
border-radius: 50%;
border-right: 2px solid transparent;
border-top: 2px solid #fa8e00;
box-sizing: border-box;
height: 20px;
left: 50%;
margin-left: -10px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 20px;
}
.hal-olb-button:disabled,
.hal-olb-button:disabled:hover {
background-color: #e7520066 !important;
border-color: #fff;
cursor: default;
color: #fff;
}
.spinner:disabled,
.spinner:disabled:hover {
background-color: #fff !important;
border-color: #f60;
cursor: default;
color: #f60;
}
/* added to .hal-link class */
.hal-login-box .olbForm .hal-olb-link,
#loginReq_f .hal-olb-link,
.genericportlet #login_f .hal-olb-link {
bottom: 25px;
position: absolute;
font-weight: 500;
line-height: 21px !important;
text-decoration-line: underline;
color: #FF6600;
text-align: center;
width: 100%;
}
.hal-login-box .olbForm > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:first-child,
.hal-login-box .olbForm > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:first-child {
position: relative;
}
.hal-login-box .olbForm > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:last-child > td {
padding-bottom: 237px;
}
.hal-login-box .olbForm > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td > .hal-olb-link {
bottom: 122px;
text-align: left;
}
.hal-login-box .olbForm > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(4) > td > .hal-olb-link {
bottom: 27px;
border-top: 1px solid #CCD6DF;
padding-top: 22px;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > label,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > label {
display: none;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > button,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > button {
background-color: transparent !important;
color: #FF6600;
border: none;
width: 100%;
font-weight: 400;
text-decoration: underline;
border-top: 1px solid #CCD6DF;
padding-top: 22px;
position: relative;
bottom: 10px;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) > button,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) > button {
position: relative;
left: 0;
bottom: 5px;
width: 100%;
height: 48px;
border-radius: 2px;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > div,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > div {
display: none;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(3) > button,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(3) > button {
left: 0;
bottom: 0;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > label,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > label {
top: 27px;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > .hal-olb-label.focus,
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > .hal-olb-label.used,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > .hal-olb-label.focus,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > .hal-olb-label.used {
top: -4px;
left: 0;
font-size: 1.2rem;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > label,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > label {
top: 91px;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > .hal-olb-label.focus,
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > .hal-olb-label.used,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > .hal-olb-label.focus,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td> table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > .hal-olb-label.used {
top: 60px;
left: 0;
font-size: 1.2rem;
}
#loginReq_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > input,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > input {
margin-bottom: 16px;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) {
display: inline-block;
margin-top: -5px;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > label {
display: block;
font-size: 1.4rem;
margin: -5px 5px 0 12px;
white-space: normal;
color: #14171A;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1) {
display: inline-block;
margin-top: 35px;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(2) > label {
display: block;
font-size: 1.4rem;
margin: 17px 5px 0 12px;
white-space: normal;
color: #14171A;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > label > a,
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(2) > label > a {
font-size: 1.4rem;
pointer-events: all;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td > table > tbody > tr > td:nth-child(1) {
display: table-cell;
}
.genericportlet #login_f > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-last-child(1) > td > table > tbody > tr > td:nth-child(1) > table > tbody > tr:nth-child(2) > td > button {
margin-top: 30px;
}
#loginReq_f table,
.genericportlet #login_f table {
width: 100%;
}
.hal-navigation-headline > a > svg {
margin-left: 2px;
margin-right: 8px;
vertical-align: text-bottom;
}
.hal-navigation-box > ul .hal-navigation-item > a > svg {
margin-left: -3px;
margin-right: 4px;
}
.hal-navigation-search {
z-index: 3;
}
.hal-navigation-search .hal-search-button {
cursor: pointer;
}
.hal-navigation-toggle-state--links:checked ~ .hal-navigation-search {
display: block;
}
@media (max-width: 767px) {
.hal-navigation-links {
display: block;
margin-top: 0;
padding-top: 60px;
visibility: hidden;
}
.hal-navigation-toggle-state--links:checked ~ .hal-navigation-links {
visibility: visible;
}
.hal-navigation-search {
background-color: #fff;
padding-top: 10px;
position: static;
}
.hal-navigation-search .hal-search-button {
position: static;
}
.hal-navigation[dir="rtl"] .hal-navigation-links-toggle {
left: auto;
right: 0;
}
.hal-navigation[dir="rtl"] .hal-navigation-links {
text-align: right;
}
.hal-navigation[dir="rtl"] .hal-login {
left: 1rem;
}
.hal-navigation[dir="rtl"] .hal-navigation-search .hal-search-button {
left: 1.8rem;
margin: 0 -40px 0 0;
}
.hal-navigation[dir="rtl"] .hal-navigation-main {
padding-left: 20px;
padding-right: 20px;
}
.hal-navigation[dir="rtl"] .hal-navigation-list--meta > ul > .hal-navigation-item.hal-navigation-lang > ul {
direction: ltr;
}
.hal-navigation-list--main {
padding: 10px 20px 10px 20px;
}
.hal-login {
position: fixed;
right: 10px;
top: 16px;
visibility: visible;
}
.hal-login-box {
padding-top: 60px;
margin-top: 56px;
}
.hal-login-box .olbForm .hal-olb-input {
width: 470px;
}
.hal-login-box .hal-login-box-content-left > header {
margin: 45px 45px 0 45px;
}
.hal-login-box .hal-login-box-body {
margin: 0 45px 0 45px;
}
.hal-login > .hal-login-details {
min-width: calc(100% + 120px);
text-align: right;
top: 43px;
}
}
@media (max-width: 480px) {
.hal-login-box .hal-login-box-content-left {
width: 390px;
}
.hal-login-box .hal-login-box-content-left > header {
margin: 30px 30px 0 30px;
}
.hal-login-box .hal-login-box-body {
margin: 0 30px 0 30px;
}
.hal-login-box .olbForm .hal-olb-input {
width: 330px;
}
}
@media (min-width: 768px) {
.hal-login {
position: relative;
right: -1px;
top: 7px;
}
.hal-login-show {
float: right;
top: 36px;
}
.hal-navigation-search {
right: 30px;
top: 100px;
}
.hal-navigation[dir="rtl"] .hal-navigation-search {
left: 30px;
right: auto;
}
.hal-navigation-meta .hal-navigation-list > ul {
margin-right: 0;
}
.hal-navigation[dir="rtl"] .hal-navigation-meta .hal-navigation-list > ul {
margin-left: 0;
}
}
.hal-login-hide {
opacity: 0;
}
@media (min-width: 1024px) {
.hal-navigation-meta .hal-navigation-list > ul {
margin-right: 0;
}
.hal-navigation[dir="rtl"] .hal-navigation-meta .hal-navigation-list > ul {
margin-left: 0;
margin-right: 0;
}
}
/**
* ===============================
* HAL Office Finder
* ===============================
*/
#hal-base-svg,
#hal-base-svg > svg {
height: 0;
width: 0;
}
@media (min-width: 768px) {
.hal-navigation[dir="rtl"] .hal-navigation-meta .hal-navigation-list > ul .hal-navigation-item {
border: 0;
}
.hal-navigation[dir="rtl"] .hal-navigation-meta .hal-navigation-list > ul > .hal-navigation-item {
border-left: 0;
border-right: 1px solid #e5e5e5;
}
}
/**
* ===============================
* PRINT STYLES
* ===============================
*/
@media print {
.hal-page-header > .hal-navigation {
visibility: hidden;
}
.hal-logo {
left: 0;
position: static;
top: 0;
}
.hal-page-body {
padding: 0;
}
.hal-page-margin--aside {
display: none;
}
.hal-page-margin--main {
width: auto;
}
}
#shipping_instruction_online_f #search-stripe > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div > .inputCombo {
width: 24rem;
}
#rate_of_exchange_f #search-stripe > table > tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > td > div > .multiColList {
width: 36rem;
}
/**
* ===============================
* HAL Knowledge Article
* ===============================
*/
.hal-knowledge-article img {
max-width: 100%;
display: inline;
vertical-align: middle;
}
.hal-knowledge-article img + span {
margin-left: 16px;
}