/* Reset */

body { font-family: var(--font-regular); font-size: 14px; color: var(--clr-text-primary); } 
h1,h2,h3,h4,h5,h6 { line-height: 1.5; padding: 0; margin: 0; } 
a,input,textarea,button { border: none; outline: none; padding: 0; margin: 0; } 
a,a:hover { color: inherit; text-decoration: none; } 
p,address,figure { margin: 0; } 
img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } 
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } 
.quote-hidden:before,.quote-hidden:after { content: unset; } 
.figcaption-hidden { overflow: hidden; width: 0; height: 0; } 
.ckeditor img { height: auto !important; } 
.ckeditor p { margin-bottom: 1rem; } 
.a2a_kit .a2a_svg { width: 30px; height: 30px; line-height: 30px; } 
q:after, q:before { content: none; } 

/* Main */

.hidden-seoh { overflow: hidden; visibility: hidden; height: 0; margin: 0; } 
.hidden { display: none; } 
.body-container { overflow: hidden; position: relative; background: #fff; color: #000; } 
.wrap-home { max-width: 100%; padding: 0; } 
.wrap-content { --w: 1300px; width: min(100% - 2rem, var(--w)); margin: 0 auto; } 

/* Space */

[class*='-30'] { --spacing: 30px; } 
[class*='-40'] { --spacing: 40px; } 
[class*='-50'] { --spacing: 50px; } 
[class*='-60'] { --spacing: 60px; } 
[class*='-70'] { --spacing: 70px; } 
[class*='-80'] { --spacing: 80px; } 
.mgt-30 { margin-top: var(--spacing); } 
.mgt-40 { margin-top: var(--spacing); } 
.mgt-50 { margin-top: var(--spacing); } 
.mgt-60 { margin-top: var(--spacing); } 
.mgt-70 { margin-top: var(--spacing); } 
.mgt-80 { margin-top: var(--spacing); } 
.pd-30 { padding: var(--spacing) 0; } 
.pd-40 { padding: var(--spacing) 0; } 
.pd-50 { padding: var(--spacing) 0; } 
.pd-60 { padding: var(--spacing) 0; } 
.pd-70 { padding: var(--spacing) 0; } 
.pd-80 { padding: var(--spacing) 0; } 

 
/* Flex Box */

.flex-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -webkit-calc(-1 * var(--space-horizontal)) -webkit-calc(-1 * var(--space-vertical)); margin: 0 -moz-calc(-1 * var(--space-horizontal)) -moz-calc(-1 * var(--space-vertical)); margin: 0 calc(-1 * var(--space-horizontal)) calc(-1 * var(--space-vertical)); } 
.flex-list--default { --columns: 4; --space-horizontal: 10px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); } 
.flex-list>div[class*='__item'] { width: -webkit-calc(100% / var(--columns) - -webkit-calc(var(--space-horizontal) * 2)); width: -moz-calc(100% / var(--columns) - -moz-calc(var(--space-horizontal) * 2)); width: calc(100% / var(--columns) - calc(var(--space-horizontal) * 2)); margin: 0 var(--space-horizontal) var(--space-vertical); } 
.flex-list>div[class*='__item']>[class*='__item-inner'] { height: 100%; } 
.flex-list>div[class*='__item']>a[class*='__item-inner'] { display: block; } 

/* Grid Box */

.grid-container { display: grid; grid-template-columns: repeat(var(--columns), 1fr); grid-gap: var(--gap-c) var(--gap-r); } 
.grid-container--default { --columns: 4; --gap-c: 20px; --gap-r: 20px; } 

/* Text Truncate */

.text-split { --line-clamp: 3; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp); } 
.--split-height { --line-height: 1.5em; height: -webkit-calc(var(--line-clamp) * var(--line-height)); height: -moz-calc(var(--line-clamp) * var(--line-height)); height: calc(var(--line-clamp) * var(--line-height)); line-height: var(--line-height); } 

/* Transition All */

.transition { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } 

/* Scroll */ 
.progress-wrap { position: fixed; bottom: 60px; right: 15px; height: 56px; background-color: var(--clr-web-btn); width: 56px; cursor: pointer; display: block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5); } 
.progress-wrap.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 
.progress-wrap::after { position: absolute; font-family: 'FontAwesome'; content: '\f077'; text-align: center; line-height: 56px; font-size: 16px; font-weight: 900; color: #fff; left: 0; top: 0px; height: 55px; width: 56px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } 
.progress-wrap svg path { fill: none; } 
.progress-wrap svg.progress-circle path { stroke: #fff; stroke-width: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } 

/* Max */
.max-height {height: 100%;}