/**
 * /user/assets/styles/html.css
 *
 * @author Pablo Rubio
 * @version 1.0
 */

/* Root
 */

html,
body {
  padding: 0px;
  margin: 0px;
  display: block;
  position: relative;
}

html {
  overflow: auto;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-style: normal;
  font-weight: 100;
  font-size: 20px;
  line-height: 1.2em;
  background-color: #004245;
  color: #060606;
  font-family: 'duophonic-opensans';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body:after {
  position: fixed;
  z-index: 1500;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  z-index: 1800;
  content: '';
  display: block;
  opacity: 1;
  transition: opacity 0.6s 0s cubic-bezier(0.25, 0.8, 0.25, 1),
    height 0s 0s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/spinner/dark.gif');
}

body.dom-ready:after {
  height: 0%;
  opacity: 0;
  transition: opacity 0.6s 0s cubic-bezier(0.25, 0.8, 0.25, 1),
    height 0s 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Wrap
 */

#wrap {
  position: relative;
}

#container {
  position: relative;
}

/* Main
*/

#main {
  position: relative;
}