/* HEO Industri - Core Stylesheet */

/* -------------------------------------------------- */
/* # Normalize                                        */
/* -------------------------------------------------- */
html {
    font-size: 62.5%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}
*, *::before, *::after { box-sizing: inherit; }

body {
    margin: 0;
    font-weight: normal;
    line-height: 1;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

article, aside, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
img, video { max-width: 100%; height: auto; border-style: none; }
svg:not(:root) { overflow: hidden; }

div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
ol, ul { list-style: none; }
li { display: block; }
a { text-decoration: none; line-height: inherit; background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a img { border: none; }

fieldset { margin: 0; padding: 0; border: 1px solid #c0c0c0; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; }
textarea { overflow: auto; }

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

input[type="email"], input[type="number"], input[type="search"],
input[type="text"], input[type="tel"], input[type="url"],
input[type="password"], textarea { appearance: none; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[hidden] { display: none; }


/* -------------------------------------------------- */
/* # Grid                                             */
/* -------------------------------------------------- */
.heo-row {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}
.heo-row::after { content: ""; display: table; clear: both; }
.heo-row .heo-row { width: auto; max-width: none; margin-left: -20px; margin-right: -20px; }

[class*="heo-col-"] { float: left; padding: 0 20px; }

.heo-col-4  { width: 33.33333%; }
.heo-col-6  { width: 50%; }
.heo-col-8  { width: 66.66667%; }
.heo-col-12 { width: 100%; }

/* block grids */
[class*="heo-block-"]::after { content: ""; display: table; clear: both; }
.heo-block-2 .heo-col-block { width: 50%; float: left; padding: 0 20px; }
.heo-block-4 .heo-col-block { width: 25%; float: left; padding: 0 20px; }
.heo-block-2 .heo-col-block:nth-child(2n+1) { clear: both; }
.heo-block-4 .heo-col-block:nth-child(4n+1) { clear: both; }


/* -------------------------------------------------- */
/* # Responsive breakpoints                          */
/* -------------------------------------------------- */
@media only screen and (max-width: 1200px) {
    .heo-row .heo-row { margin-left: -15px; margin-right: -15px; }
    [class*="heo-col-"] { padding: 0 15px; }
    .heo-block-4 .heo-col-block { width: 50%; }
    .heo-block-4 .heo-col-block:nth-child(4n+1) { clear: none; }
    .heo-block-4 .heo-col-block:nth-child(2n+1) { clear: both; }
}

@media only screen and (max-width: 800px) {
    .heo-row { width: 90%; }
    .heo-tab-full { width: 100%; }
    .heo-block-2 .heo-col-block,
    .heo-block-4 .heo-col-block { width: 100%; clear: both; }
}

@media only screen and (max-width: 600px) {
    .heo-row { width: auto; padding-left: 25px; padding-right: 25px; }
    .heo-row .heo-row { margin-left: -10px; margin-right: -10px; }
    [class*="heo-col-"] { padding: 0 10px; }
}

@media only screen and (max-width: 400px) {
    [class*="heo-col-"] { width: 100% !important; float: none !important; clear: both !important; margin: 0; padding: 0; }
    .heo-block-2 .heo-col-block,
    .heo-block-4 .heo-col-block { width: 100% !important; float: none !important; padding: 0; }
}


/* -------------------------------------------------- */
/* # Helpers                                          */
/* -------------------------------------------------- */
.heo-group::after { content: ""; display: table; clear: both; }
.heo-hidden      { display: none; }
.heo-full-width  { width: 100%; }
.heo-text-center { text-align: center; }
.heo-antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }