*,
*:before,
*:after {
  box-sizing: border-box;
  /*position: relative;*/ }

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

body {
  font-size: 13px;
  line-height: 1.5;
  font-family: sans-serif; }

select,
input,
button,
textarea {
  font: inherit;
  line-height: normal; }

table {
  font: inherit; }

pre,
code,
kbd,
samp,
tt {
  font-family: monospace; }

img {
  border: none;
  vertical-align: bottom; }

a img {
  border-width: 0px;
  border-style: none;
  text-decoration: none; }

address {
  font-style: normal; }

.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  overflow: hidden; }

.clearfix::after {
  clear: both; }

.clear {
  clear: both; }

.f_left {
  float: left; }

.f_right {
  float: right; }

.hide {
  display: none; }

.ta_l {
  text-align: left; }

.ta_c {
  text-align: center; }

.ta_r {
  text-align: right; }

.b {
  font-weight: bold; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute !important;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  word-wrap: normal !important;
  word-break: normal;
  overflow: hidden; }

header,
main,
section,
footer {
  display: block; }

figure,
figcaption {
  margin: 0;
  padding: 0; }