@import url("typography.css");
@import url("../fonts/awesome/font-awesome.css");

html, body {
  width: 100%;
  height: 100%; 
}
body {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
}


/*  CONTENT
======================================================================== */
#wrapContentPg{ 
  /*background-color: red;*/
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  top: 60px;
}
.loading{
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
}
.loading img{
  width: 50px;
}

/*  CLEAR
======================================================================== */
.clear{
  clear: both;
}

/* VISIBLE CONTENT
======================================================================== */
.notVisible{
  visibility: hidden;
}

/*  GRID
======================================================================== */
.grid-1,
.grid-1-2,
.grid-1-3,
.grid-2-3,
.grid-1-4,
.grid-2-4,
.grid-3-4,
.grid-1-5,
.grid-2-5,
.grid-3-5,
.grid-4-5 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  float: left; }

.grid-1 {
  width: 100%; }

.grid-1-2 {
  width: 50%; }

.grid-1-3 {
  width: 33.3%; }

.grid-2-3 {
  width: 66.6%; }

.grid-1-4 {
  width: 25%; }

.grid-2-4 {
  width: 50%; }

.grid-3-4 {
  width: 75%; }

.grid-1-5 {
  width: 20%; }

.grid-2-5 {
  width: 40%; }

.grid-3-5 {
  width: 60%; }

.grid-4-5 {
  width: 80%; }


/*  ROTATE
======================================================================== */
.rotate90{
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*  MENUS MOBILE 
======================================================================== */
/*@media only screen and (max-width: 768px) {
  html, body {
    overflow-x: hidden;
  }
}*/