@charset "UTF-8";
/* RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
ol, ul, li {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
figure {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {
  max-width: 100%;
  vertical-align: bottom;
}
img[src$=".svg"] {
  width: 100%;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

@media all and (-ms-high-contrast: none) {
  :root {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
}

input:focus,
textarea:focus,
select:focus {outline: 0;}
input {-webkit-appearance: none;}
input, textarea {font-size: 16px;}
input[type=submit]:hover {opacity: 0.7;}
input {vertical-align: middle;}
input[type=radio] {-webkit-appearance: radio;}
input[type=checkbox] {-webkit-appearance: checkbox;}