/* before */
/*@mixin bg-img-properties($repeat, $size, $position) {*/
/* TRANSFORM ALIGNMENT */
/* END */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
* {
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}

body {
  line-height: normal;
}

/*ol,*/
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: ' ';
  content: none;
}

q:before, q:after {
  content: ' ';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, main, header, nav, section, footer, aside {
  display: block;
}

input, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

* {
  -webkit-tap-highlight-color: transparent;
}

#mediaQuerySign {
  height: 0px !important;
}

/* BEFORE */
.before {
  font-size: 0;
}
.before:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.before .middle {
  display: inline-block;
  vertical-align: middle;
}

/* SEPARATOR */
.separator:after {
  content: '';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
}

.fixed {
  position: fixed;
}

/* XS 1 */
@media all and (max-width: 479px) {
  #mediaQuerySign {
    width: 400px;
  }

  .xs1-hide {
    display: none;
  }

  .xs1-trans-x-none {
    left: auto;
    left: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs1-trans-y-none {
    top: auto;
    top: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs1-trans-xy-none {
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs1-before-none:before {
    display: none;
  }
}
/* XS 2 */
@media all and (min-width: 480px) and (max-width: 767px) {
  #mediaQuerySign {
    width: 700px;
  }

  .xs2-hide {
    display: none;
  }

  .xs2-trans-x-none {
    left: auto;
    left: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs2-trans-y-none {
    top: auto;
    top: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs2-trans-xy-none {
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .xs2-before-none:before {
    display: none;
  }
}
/* SM 1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  #mediaQuerySign {
    width: 768px;
  }

  .sm1-hide {
    display: none;
  }

  .sm1-before-none:before {
    display: none;
  }
}
/* SM 2 */
@media all and (min-width: 1024px) and (max-width: 1199px) {
  #mediaQuerySign {
    width: 1024px;
  }

  .sm2-hide {
    display: none;
  }

  .sm2-before-none:before {
    display: none;
  }
}
/* MD */
@media all and (min-width: 1200px) and (max-width: 1399px) {
  #mediaQuerySign {
    width: 1280px;
  }

  .md-hide {
    display: none;
  }
}
/* LG */
@media all and (min-width: 1400px) {
  #mediaQuerySign {
    width: 1440px;
  }

  .lg-hide {
    display: none;
  }
}