@import url(http://fonts.googleapis.com/css?family=Rokkitt&v1);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);
* { margin:0; padding:0; border:none; outline:none; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; }
html, body { height: 100%; margin:0px; padding:0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
b, strong { font-weight: bold; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
li { display: list-item; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
svg { overflow: hidden; }
a:link, a:visited, a:active { outline:none; color:#d3d3d3; text-decoration:underline; }
a:hover { outline:none; color:#d3d3d3; text-decoration:none; }
/*::-moz-selection {
background:#FF5E99;
color:#fff;
}
::selection {
background:#FF5E99;
color:#fff;
}*/
html { overflow-y:scroll; background:url(../images/bg.jpg) repeat; }
body { background:url(../images/bg.jpg) repeat; margin:0px; height:100%; display:block; }
.mdz_landing { 
    min-height:900px;
    position:absolute;
    top:1.5rem;
    bottom:1.5rem;
    left:1.5rem;
    right:1.5rem;
    -webkit-animation: loading .4s 0.3s ease-out backwards;-webkit-transform-origin: top; font-family:Rokkitt; font-size:24px; color:#fff; /*background:url(../images/bg.png) repeat #c66315;*/
     margin:0px auto; 
    border:1px solid #c98b57; 
    -moz-box-shadow:  0px 0px 3px #000000; 
    -webkit-box-shadow:  0px 0px 3px #000000; 
    box-shadow: 0px 0px 3px #000000; background: 
    -webkit-gradient(radial, center center, 0, center center, 460, from( #ee9731), to(#d07119)); /* Safari 5.1+, Chrome 10+ */ 
    background: webkit-radial-gradient(circle, #ee9731, #d07119); /* Firefox 3.6+ */ 
    background: -moz-radial-gradient(circle, #ee9731, #d07119); /* IE 10 */ 
    background: -ms-radial-gradient(circle, #ee9731, #c66315 ); /* Opera cannot do radial gradients yet */ }

.mdz_landing_png {display:block; background:url(../images/bg.png) transparent repeat; width: 100%; height:100%; }
/* -moz-text-shadow: 1px 1px 1px transparent; -webkit-text-shadow: 1px 1px 1px transparent; text-shadow: 1px 1px 1px transparent; word-spacing:normal;*/
.mdz_wrap { margin:0px auto;max-width:45rem; padding:5%; display:block; }
header { margin:0px 0px 50px 0px; }
header h1.mdz_logo { font-family:"Josefin Slab"; font-weight:normal; font-style:normal; padding:0px; margin:0px; font-size:78px; color:#663300; -moz-text-shadow: 0px 2px 0px #ec922e; -webkit-text-shadow: 0px 2px 0px #ec922e; text-shadow: 0px 2px 0px #ec922e; letter-spacing:-3px; }
.mdz_content { display:block; }
.mdz_content p { display:block; line-height:1.4; font-size:22px; margin:0px 0px 30px 0px; color:#663300; -moz-text-shadow: 0px 1px 0px #ec922e; -webkit-text-shadow: 0px 1px 0px #ec922e; text-shadow: 0px 1px 0px #ec922e; }
.mdz_content p a{
    color:#663300;
}
.mdz_white { color:#ffdb99; -moz-text-shadow: 0px -1px 0px #663300; -webkit-text-shadow: 0px -1px 0px #663300; text-shadow: 0px -1px 0px #663300; }
.mdz_avail { position:relative; }
.mdz_im { color:#663300; font-size:30px; -moz-text-shadow: 0px 1px 0px #ec922e; -webkit-text-shadow: 0px 1px 0px #ec922e; text-shadow: 0px 1px 0px #ec922e;  }
.mdz_available {  font-size:46px; font-family:'Josefin Slab'; font-weight:bold; color:#ffdb99; -moz-text-shadow: 0px -2px 0px #663300; -webkit-text-shadow: 0px -2px 0px #663300; text-shadow: 0px -2px 0px #663300; }
.mdz_for_work { color:#663300; font-size:30px; -moz-text-shadow: 0px 1px 0px #ec922e; -webkit-text-shadow: 0px 1px 0px #ec922e; text-shadow: 0px 1px 0px #ec922e; }

.mdz_drop { color:#663300;-moz-text-shadow: 0px 1px 0px #ec922e; -webkit-text-shadow: 0px 1px 0px #ec922e; text-shadow: 0px 1px 0px #ec922e; }
.mdz_drop a{color:#663300;}


.clear { clear: both; display: block; width: 100%; height: 0px; }
.clear_5 { clear: both; display: block; width: 100%; height: 5px; }
.clear_10 { clear: both; display: block; width: 100%; height: 10px; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.mdz_im { color:#663300; font-size:30px; -moz-text-shadow: 0px 1px 0px #ec922e; -webkit-text-shadow: 0px 1px 0px #ec922e; text-shadow: 0px 1px 0px #ec922e;  }
.mdz_available { font-size: 30px;}
.mdz_for_work { left: 0px;color: #663300;font-size: 25px;}
.mdz_drop {}

}
/* =============================================================================
   Animation
   ========================================================================== */
   
@-webkit-keyframes fadeIn {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeOut {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes preloadFadeOut {  0% {
 opacity: 1;
 visibility: visible;
}
 100% {
 opacity: 0;
 visibility: hidden;
}
}
@-webkit-keyframes loading {  0% {
 -webkit-transform: scale3d(1.5, 1.5, 1.5);
 opacity: 0;
}
 100% {
 opacity:1;
 -webkit-transform: scale3d(1, 1, 1);
}
}
/* =============================================================================
   Firefox animation
   ========================================================================== */
@-moz-keyframes fadeIn {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeOut {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-moz-keyframes preloadFadeOut {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 visibility: hidden;
}
}