/*** MIXINS ***/
html,
body,
h1,
h2,
h3,
p,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
label,
input,
select,
textarea,
button,
iframe {
  margin: 0px;
  padding: 0px;
}
header,
nav,
section,
article,
aside,
footer {
  display: block;
}
html {
  overflow-y: scroll;
}
body {
  background: #fff;
  color: #fff;
  font-family: 'Hind', arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  background: transparent;
  color: #f56521;
  text-decoration: none;
  outline: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
img {
  border: none;
  vertical-align: middle;
}
ul,
ol {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
label {
  cursor: pointer;
}
input,
select,
textarea,
button {
  font-family: inherit;
  font-size: 100%;
  outline: none;
}
button {
  border: none;
  overflow: visible;
  cursor: pointer;
  -webkit-appearance: button;
}
b,
strong,
.bold {
  font-weight: bold;
}
/*** CLEARFIX ***/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}
:-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}
::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}
:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

.content {
   	width: 600px;
        height: 200px;

        position:absolute;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        max-width:100%;
        max-height:100%;
        overflow:auto;
    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 10s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 10s;

    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 10s;
}

@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-40px);
    }
    100% {
        -moz-transform: translateY(0);
    }
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0);
    }
    from { opacity: 0; }
    to   { opacity: 1; }

}