/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */

[type="search"]::-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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root{--gutter: 15px;--color-black: #000;--color-red: #904424;--color-black-bg: #262626;--text-color: var(--color-black);--color-red2: #cc351b;--border-color-white: #ffffff;--border-color-light: #e6e4e4;--border-color-black: #000000;--text-color-white: #ffffff;--text-color-black: #000000;--text-color-dark-gray: #262A29;--background-light: #F9F9F9;--background-white: #FFFFFF;--background-black: #000000;--background-dark-gray: #262A29;--bp-phone: 576px;--bp-tablet: 768px;--bp-desktop: 992px;--bp-large: 1320px}.container{width:65%;max-width:1300px;-ms-flex-pack:end;justify-content:flex-end}@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;src:url(../fonts/sarabun-v12-latin-regular.eot);src:local(""),url(../fonts/sarabun-v12-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/sarabun-v12-latin-regular.woff2) format("woff2"),url(../fonts/sarabun-v12-latin-regular.woff) format("woff"),url(../fonts/sarabun-v12-latin-regular.ttf) format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:500;src:url(../fonts/sarabun-v12-latin-500.eot);src:local(""),url(../fonts/sarabun-v12-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/sarabun-v12-latin-500.woff2) format("woff2"),url(../fonts/sarabun-v12-latin-500.woff) format("woff"),url(../fonts/sarabun-v12-latin-500.ttf) format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:600;src:url(../fonts/sarabun-v12-latin-600.eot);src:local(""),url(../fonts/sarabun-v12-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/sarabun-v12-latin-600.woff2) format("woff2"),url(../fonts/sarabun-v12-latin-600.woff) format("woff"),url(../fonts/sarabun-v12-latin-600.ttf) format("truetype")}@font-face{font-family:"Sarabun";font-style:normal;font-weight:700;src:url(../fonts/sarabun-v12-latin-700.eot);src:local(""),url(../fonts/sarabun-v12-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/sarabun-v12-latin-700.woff2) format("woff2"),url(../fonts/sarabun-v12-latin-700.woff) format("woff"),url(../fonts/sarabun-v12-latin-700.ttf) format("truetype")}@font-face{font-family:"Truculenta";font-style:normal;font-weight:400;src:url(../fonts/Truculenta-Regular.eot);src:local(""),url(../fonts/Truculenta-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Truculenta-Regular.woff2) format("woff2"),url(../fonts/Truculenta-Regular.woff) format("woff"),url(../fonts/Truculenta-Regular.ttf) format("truetype")}.background-color-white-bg .input-wrapper input[type=text],.background-color-white-bg .input-wrapper input[type=email],.background-color-white-bg .input-wrapper input[type=tel],.background-color-white-bg .input-wrapper input[type=number],.background-color-white-bg .input-wrapper input[type=password],.background-color-white-bg .input-wrapper select,.background-color-white-bg .input-wrapper textarea,.background-color-white .input-wrapper input[type=text],.background-color-white .input-wrapper input[type=email],.background-color-white .input-wrapper input[type=tel],.background-color-white .input-wrapper input[type=number],.background-color-white .input-wrapper input[type=password],.background-color-white .input-wrapper select,.background-color-white .input-wrapper textarea{background-color:#ededed !important}.background-color-white-bg .input-wrapper input[type=text].valid,.background-color-white-bg .input-wrapper input[type=email].valid,.background-color-white-bg .input-wrapper input[type=tel].valid,.background-color-white-bg .input-wrapper input[type=number].valid,.background-color-white-bg .input-wrapper input[type=password].valid,.background-color-white-bg .input-wrapper select.valid,.background-color-white-bg .input-wrapper textarea.valid,.background-color-white .input-wrapper input[type=text].valid,.background-color-white .input-wrapper input[type=email].valid,.background-color-white .input-wrapper input[type=tel].valid,.background-color-white .input-wrapper input[type=number].valid,.background-color-white .input-wrapper input[type=password].valid,.background-color-white .input-wrapper select.valid,.background-color-white .input-wrapper textarea.valid{background-color:#ededed !important}form .success-message{padding:15px;background-color:#fff;color:#48a748;margin-bottom:15px}form .error-message{padding:15px;background-color:#fff;color:#a74848;margin-bottom:15px}form .form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:15px}form .form-group .input-wrapper{position:relative;min-width:200px;overflow:hidden;margin-bottom:1rem}form .form-group .input-wrapper input[type=text],form .form-group .input-wrapper input[type=email],form .form-group .input-wrapper input[type=tel],form .form-group .input-wrapper input[type=number],form .form-group .input-wrapper input[type=password],form .form-group .input-wrapper select,form .form-group .input-wrapper textarea{z-index:1;font-family:"Nunito Sans",serif;font-size:2rem;line-height:1;padding:1.9rem 1.9rem .5rem 1.9rem;border:1px solid transparent;outline:0;width:100%;margin-bottom:5px;background-color:#fff}form .form-group .input-wrapper input[type=text]:focus+label,form .form-group .input-wrapper input[type=text]:valid+label,form .form-group .input-wrapper input[type=email]:focus+label,form .form-group .input-wrapper input[type=email]:valid+label,form .form-group .input-wrapper input[type=tel]:focus+label,form .form-group .input-wrapper input[type=tel]:valid+label,form .form-group .input-wrapper input[type=number]:focus+label,form .form-group .input-wrapper input[type=number]:valid+label,form .form-group .input-wrapper input[type=password]:focus+label,form .form-group .input-wrapper input[type=password]:valid+label,form .form-group .input-wrapper select:focus+label,form .form-group .input-wrapper select:valid+label,form .form-group .input-wrapper textarea:focus+label,form .form-group .input-wrapper textarea:valid+label{font-size:1.6rem;top:.8rem;left:1.9rem}form .form-group .input-wrapper input[type=text]:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper input[type=email]:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper input[type=tel]:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper input[type=number]:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper input[type=password]:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper select:not(.invalid):not(.valid):focus~.hint span,form .form-group .input-wrapper textarea:not(.invalid):not(.valid):focus~.hint span{height:auto;margin-left:0;max-height:100px}form .form-group .input-wrapper input[type=text].valid,form .form-group .input-wrapper input[type=email].valid,form .form-group .input-wrapper input[type=tel].valid,form .form-group .input-wrapper input[type=number].valid,form .form-group .input-wrapper input[type=password].valid,form .form-group .input-wrapper select.valid,form .form-group .input-wrapper textarea.valid{background-color:#fff;border-color:#48a748;color:#48a748}form .form-group .input-wrapper input[type=text].valid span,form .form-group .input-wrapper input[type=email].valid span,form .form-group .input-wrapper input[type=tel].valid span,form .form-group .input-wrapper input[type=number].valid span,form .form-group .input-wrapper input[type=password].valid span,form .form-group .input-wrapper select.valid span,form .form-group .input-wrapper textarea.valid span{font-size:1.5rem;animation-name:successMsg;animation-duration:4s;animation-fill-mode:forwards}form .form-group .input-wrapper input[type=text].invalid,form .form-group .input-wrapper input[type=email].invalid,form .form-group .input-wrapper input[type=tel].invalid,form .form-group .input-wrapper input[type=number].invalid,form .form-group .input-wrapper input[type=password].invalid,form .form-group .input-wrapper select.invalid,form .form-group .input-wrapper textarea.invalid{border-color:#a74848;color:#a74848;background-color:#fad9d9}form .form-group .input-wrapper input[type=text].invalid~.error,form .form-group .input-wrapper input[type=email].invalid~.error,form .form-group .input-wrapper input[type=tel].invalid~.error,form .form-group .input-wrapper input[type=number].invalid~.error,form .form-group .input-wrapper input[type=password].invalid~.error,form .form-group .input-wrapper select.invalid~.error,form .form-group .input-wrapper textarea.invalid~.error{background-color:#fad9d9}form .form-group .input-wrapper input[type=text].invalid~.error span,form .form-group .input-wrapper input[type=email].invalid~.error span,form .form-group .input-wrapper input[type=tel].invalid~.error span,form .form-group .input-wrapper input[type=number].invalid~.error span,form .form-group .input-wrapper input[type=password].invalid~.error span,form .form-group .input-wrapper select.invalid~.error span,form .form-group .input-wrapper textarea.invalid~.error span{height:auto;margin-left:0;max-height:100px;font-size:1.5rem;padding:5px 10px;border:1px solid #a74848}form .form-group .input-wrapper textarea{padding-top:2.2rem}form .form-group .input-wrapper select{-webkit-appearance:none;appearance:none}form .form-group .input-wrapper label{position:absolute;z-index:2;font-family:"Nunito Sans",serif;line-height:1;color:#bbb;top:1.7rem;left:1.9rem;font-size:2rem;transition:all 300ms ease;color:#000}form .form-group .input-wrapper .hint{position:relative;overflow:hidden}form .form-group .input-wrapper .hint span{display:block;font-size:1.8rem;overflow:hidden;margin-left:-200%;max-height:0;transition:all 300ms ease}form .form-group .input-wrapper .success{overflow:hidden}form .form-group .input-wrapper .success span{display:block;overflow:hidden;font-size:1.8rem;max-height:0;margin-left:-200%;color:green}form .form-group .input-wrapper .error{position:relative;overflow:hidden}form .form-group .input-wrapper .error span{display:block;font-size:1.8rem;overflow:hidden;margin-left:-200%;max-height:0;transition:all 300ms ease;color:#a74848}@keyframes successMsg{0%{margin-left:-200%;overflow:visible;height:auto;max-height:100px;padding:5px 10px;border:1px solid #000}20%{margin-left:0;height:auto;max-height:100px;padding:5px 10px;border:1px solid #000}80%{margin-left:0;height:auto;max-height:100px;padding:5px 10px;border:1px solid #000}100%{margin-left:-200%;height:auto;max-height:0;padding:0}}.navbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:auto;height:auto;font-family:"Truculenta";padding-right:30px;padding-left:30px;z-index:40;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;background-color:transparent;overflow:hidden;top:0;padding-top:15px;border-bottom:0;position:none}@media screen and (min-width: 992px){.navbar{padding-right:45px;padding-left:45px;-ms-flex-pack:start;justify-content:flex-start;border-bottom:2.5px solid #000;background-color:#fff;padding-top:0;-ms-flex-align:center;align-items:center;position:sticky}}.navbar .menu-logotype a img{min-width:90px;max-width:140px;height:auto}@media screen and (min-width: 992px){.navbar .menu-logotype a img{min-width:130px;height:auto}}.navbar .nav{background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;margin-top:0;width:100%}@media screen and (min-width: 992px){.navbar .nav{background-color:#fff;-ms-flex-align:center;align-items:center}}.navbar .nav .nav-header{font-size:3rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;width:auto;color:#fff}.navbar .nav .nav-header span{display:inline-block}.navbar .nav .nav-header .toggle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:33px;height:25px;background-color:transparent}.navbar .nav .nav-header .toggle .line1,.navbar .nav .nav-header .toggle .line2,.navbar .nav .nav-header .toggle .line3{border:3px solid #000;border-radius:10px;transform:none;margin-bottom:4px;transition-duration:.4s}.navbar .nav .nav-header button{background-color:transparent;border:none}.navbar .nav .nav-header h3{display:none;font-size:4rem}@media screen and (min-width: 992px){.navbar .nav .nav-header{display:-ms-flexbox;display:flex}.navbar .nav .nav-header button{display:none}.navbar .nav .nav-header h3{display:-ms-flexbox;display:flex;margin:0}}.navbar .nav .nav-items{display:none;-ms-flex-direction:column;flex-direction:column;list-style:none;background-color:#fff;padding-bottom:15px;padding-top:15px;width:100%}.navbar .nav .nav-items #menu-sidomeny{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.navbar .nav .nav-items li{list-style:none;padding-right:15px}.navbar .nav .nav-items a{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;text-decoration:none;color:#000;padding:15px;border:1px solid transparent;font-size:2.5rem}.navbar .nav .nav-items a:hover{background-color:#000;border:1px solid #fff;color:#fff}@media screen and (min-width: 992px){.navbar .nav .nav-items{display:-ms-flexbox;display:flex}}.navbar .nav.secondary{margin-top:25px}@media screen and (min-width: 992px){.navbar .nav.secondary{margin-top:0px}}.navbar .nav.secondary .nav-header{padding:0}.navbar nav{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:0}.navbar nav.secondary{-ms-flex-align:center;align-items:center;margin-top:25px}.navbar nav.active{height:auto;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column}.navbar nav.active .nav-header button .toggle{transform:translateX(-5px) translateY(-1px);transform-style:preserve-3d}.navbar nav.active .nav-header button .toggle .line1{transform:rotate(45deg) translate(6px);transition-duration:.8s}.navbar nav.active .nav-header button .toggle .line2{transform:rotate(-45deg) translate(6px);transition-duration:.8s}.navbar nav.active .nav-header button .toggle .line3{display:none}.navbar nav.active .nav-items{background-color:transparent;display:-ms-flexbox;display:flex;right:0px;top:50px;height:auto;z-index:1;list-style:none;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;width:100%}.navbar nav.active .nav-items #menu-sidomeny{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.navbar nav.active .nav-items li{background-color:#000;font-size:2rem;transition:.7s ease-in-out;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0}.navbar nav.active .nav-items a{text-decoration:none;color:#fff;font-size:2rem;width:100%;-ms-flex-align:center;align-items:center;text-decoration:none;-ms-flex-item-align:center;align-self:center;transition:.3s ease-in-out;padding:13.5px}.navbar nav.active .nav-items .nav-item{-ms-flex-direction:column;flex-direction:column}.navbar nav.active .nav-items .nav-item .nav-link{font-size:2rem;transition:.7s ease-in-out}.navbar nav.active .nav-items .nav-item.mobile{display:-ms-flexbox;display:flex;border:1px solid #f9f9f9}.navbar .button{display:none;font-size:2.3rem;-ms-flex-item-align:center;align-self:center;margin:0;background-color:transparent;border:1px solid #000;color:#000;cursor:pointer}.navbar .button:hover{background-color:#000;color:#fff}@media screen and (min-width: 992px){.navbar .button{display:-ms-flexbox;display:flex}}@media screen and (min-width: 992px){.navbar{display:-ms-flexbox;display:flex}}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#262a29;color:#fff;padding:30px}@media screen and (min-width: 992px){.footer{-ms-flex-direction:row;flex-direction:row;padding:60px}}.footer h3{font-size:2.2rem;font-weight:400;padding-top:15px}@media screen and (min-width: 992px){.footer h3{font-size:2.8rem}}.footer a{color:#fff;padding-bottom:15px;text-decoration:none}.footer li{list-style:none;padding-bottom:15px}.footer .footer-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:60%;margin:15px}.footer .footer-wrapper a{padding-bottom:30px}@media screen and (min-width: 992px){.footer .footer-wrapper a{padding-bottom:15px}}.footer .footer-wrapper .footer-links{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.footer .footer-wrapper .footer-links img{padding-top:9px;width:30px;height:30px}.footer .footer-wrapper .footer-links .row{margin-bottom:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;fill:#fff}.footer .footer-wrapper .footer-links .row img{margin-right:15px}.footer .footer-wrapper.center{-ms-flex-item-align:center;align-self:center;width:100%}.footer .footer-wrapper.center h3{font-weight:400;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 992px){.footer .footer-wrapper.center{-ms-flex-align:center;align-items:center}.footer .footer-wrapper.center h3{font-size:3.5rem;font-weight:400}}.post-type-archive-customer_cases h1{margin-top:calc(15px * 4);margin-bottom:calc(15px * 4)}.post-type-archive-customer_cases .nav{margin:0;padding:0;list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.post-type-archive-customer_cases .nav li{margin:0;padding:0}.post-type-archive-customer_cases .nav li.active a{border-bottom:1px solid #000}.post-type-archive-customer_cases .nav li a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#000;text-decoration:none;padding:calc(15px * 0.5)}.post-type-archive-customer_cases .articles{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(15px * -1);padding-top:calc(15px * 4);padding-bottom:calc(15px * 4)}.post-type-archive-customer_cases .articles article{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:15px}@media screen and (min-width: 768px){.post-type-archive-customer_cases .articles article{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media screen and (min-width: 992px){.post-type-archive-customer_cases .articles article{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}.post-type-archive-customer_cases .articles article a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:#000;text-decoration:none}.post-type-archive-customer_cases .articles article h2{font-size:2.8rem;margin-top:0;margin-bottom:.8rem}.post-type-archive-customer_cases .articles article p{margin:0}.post-type-archive-customer_cases .articles article .image-wrapper{margin-bottom:.8rem;position:relative;width:100%;padding:0;overflow:hidden;display:-ms-flexbox;display:flex}.post-type-archive-customer_cases .articles article .image-wrapper:before{display:block;content:"";padding-top:56.25%}.post-type-archive-customer_cases .articles article .image-wrapper img{position:absolute;top:50%;transform:translateY(-50%);bottom:0;left:0;width:100%;border:0;display:block}:root{font-size:66.2%}*{box-sizing:border-box;padding:0;margin:0}html,body{background-color:#f9f9f9;font-family:"Sarabun",serif;font-size:1.6rem;font-weight:400;color:#000;letter-spacing:.1rem}html .container,body .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding:60px;width:100%}html .container .content,body .container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex-item-align:end;align-self:flex-end;margin-top:15px}@media screen and (min-width: 992px){html .container,body .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;width:100%}html .container .content,body .container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:80%;-ms-flex-item-align:center;align-self:center;margin-top:45px;margin-bottom:45px}}@media screen and (max-width: 768px){html,body{font-size:1.4rem}}@media screen and (max-width: 992px){html.primary-navigation-active,body.primary-navigation-active{overflow:hidden}}html .no-scrolling,body .no-scrolling{overflow:hidden}img{max-width:100%;height:auto}