@charset "UTF-8";

* { margin: 0; padding: 0; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none;height:0;}
[hidden] { display:none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus { outline:none;}
a:active, a:hover { outline:0;}
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-style: normal;}
p { font-weight: 400; font-style: normal;}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, address { font-size: 100%;}
b, strong { font-weight: 700;}
i, em { font-style: italic;}
address { font-style: normal;}
abbr[title] { border-bottom: 1px dotted;}
blockquote { margin: 1rem;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 100%;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before, q:after { content:''; content:none;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
dl, menu, ol, ul, li { margin: 0;}
dd { margin: 0 0 0 1em;}
menu, ol, ul, li { padding: 0;}
nav ul, nav ol { list-style: none; list-style-image: none;}
img { border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
form { margin: 0;}
form, textarea, input, select { outline: none; text-indent: 0; margin: 0; padding: 0; border: 0; white-space: normal;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em;}
legend { border: 0; padding: 0; white-space: normal;}
button, input, select, textarea { font-size: 100%; margin: 0; appearance: none; -webkit-appearance: none; border-radius: 0; background: transparent;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer;}
button[disabled], input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { display: inline-block; padding: 0; border: 1px solid #000; height: 1.6rem; width: 1.6rem; cursor: pointer;}
input[type="radio"] { border-radius: 50%;}
input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #000;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; -moz-resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}



/* Txt  */

.txt-a-l { text-align: left;}
.txt-a-c { text-align: center;}
.txt-a-r { text-align: right;}

.txt-line { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.txt-upper { text-transform: uppercase;}



/* Flex */

.row-flx, 
.col-flx { display: flex; display: -webkit-flex;}
.row-flx { flex-direction: row; -webkit-flex-direction: row;}
.col-flx { flex-direction: column; -webkit-flex-direction: column;}

.flx-w { flex-wrap: wrap; -webkit-flex-wrap: wrap;}

.flx-j-s { justify-content: flex-start; -webkit-justify-content: flex-start;}
.flx-j-e { justify-content: flex-end; -webkit-justify-content: flex-end;}
.flx-j-c { justify-content: center; -webkit-justify-content: center;}
.flx-j-b { justify-content: space-between; -webkit-justify-content: space-between;}
.flx-j-a { justify-content: space-around; -webkit-justify-content: space-around;}

.flx-a-s { align-items: flex-start; -webkit-align-items: flex-start;}
.flx-a-e { align-items: flex-end; -webkit-align-items: flex-end;}
.flx-a-c { align-items: center; -webkit-align-items: center;}
.flx-a-b { align-items: baseline; -webkit-align-items: baseline;}
.flx-a-st { align-items: stretch; -webkit-align-items: stretch;}

.flx-a-c-s	{ align-content: flex-start; -webkit-align-content: flex-start;}
.flx-a-c-e	{ align-content: flex-end; -webkit-align-content: flex-end;}
.flx-a-c-c 	{ align-content: center; -webkit-align-content: center;}
.flx-a-c-st	{ align-content: stretch; -webkit-align-content: stretch;}
.flx-a-c-b 	{ align-content: space-between; -webkit-align-content: space-between;}
.flx-a-c-a 	{ align-content: space-around; -webkit-align-content: space-around;}

.itm-flx-g-0 { flex-grow: 0;}
.itm-flx-g-1 { flex-grow: 1;}
.itm-flx-g-2 { flex-grow: 2;}
.itm-flx-g-3 { flex-grow: 3;}
.itm-flx-g-4 { flex-grow: 4;}
.itm-flx-s-0 { flex-shrink: 0;}
.itm-flx-s-1 { flex-shrink: 1;}
.itm-flx-s-2 { flex-shrink: 2;}
.itm-flx-s-3 { flex-shrink: 3;}
.itm-flx-s-4 { flex-shrink: 4;}



/* In line */

.row-line { font-size: 0px;}
.col-line { position: relative; display: inline-block; letter-spacing: normal;}
.col-line.top { vertical-align: top;}
.col-line.middle { vertical-align: middle;}
.col-line.bottom { vertical-align: bottom;}



/* Row / Center */

.row { width: 100%;}
.center { margin: 0 auto;}



/* Grids */

.col1-12  { width: 8.333%;}
.col2-12  { width: 16.666%;}
.col3-12  { width: 25%;    }
.col4-12  { width: 33.333%;}
.col5-12  { width: 41.666%;}
.col6-12  { width: 50%;    }
.col7-12  { width: 58.333%;}
.col8-12  { width: 66.666%;}
.col9-12  { width: 75%;    }
.col10-12 { width: 83.333%;}
.col11-12 { width: 91.333%;}
.col12-12 { width: 100%;} 

.col1-10  { width: 10%;}
.col2-10  { width: 20%;}
.col3-10  { width: 30%;}
.col4-10  { width: 40%;}
.col5-10  { width: 50%;}
.col6-10  { width: 60%;}
.col7-10  { width: 70%;}
.col8-10  { width: 80%;}
.col9-10  { width: 90%;}
.col10-10 { width: 100%;}