@font-face {
        font-family: "DIN-MediumAlternate";
        src: url('../fonts/818176270-dinma.eot');
        src: url('../fonts/818176270-dinma.eot?#iefix') format('embedded-opentype'),
url('../fonts/818176270-dinma.svg#DIN-MediumAlternate') format('svg'),
url('../fonts/818176270-dinma.woff') format('woff'),
url('../fonts/818176270-dinma.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

body,html{color:#fff;font:16px/1 "DIN-MediumAlternate";letter-spacing:3px;background:url("../img/excalve.jpg") no-repeat;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;margin:0;padding:0;width:110;height:110%;text-align:center;-ms-overflow-style:none}
h1,h2,h3,h4,p,ul{margin:0;padding:0}
a,a:active,a:focus,a:hover{text-decoration:none;outline:0}
#wrapper{width:100%;height:100%}
#loadme{position:absolute;width:50px;height:50px;background:url("../img/ajax-loader.gif") no-repeat;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#overlay{background-color:#37bc9d;width:100%;height:100%}
#content{position:fixed;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:0 0;z-index:7777}
#content>h1{font:16px/1 "DIN-MediumAlternate";letter-spacing:5px;margin:38px 0 0}
#social{position:fixed;width:100%;bottom:50px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.social-icon{display:inline-block;width:30px;height:30px;margin:0 7px;-ms-filter:"alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#headings{position:relative;height:15px;overflow:hidden}
#headings ul{position:absolute;list-style:none;width:100%;top:0;margin:0;padding:0}
#headings ul li a{text-decoration:none;color:#fff}
#modal{position:fixed;z-index:9999}
#modal #overlay2{position:fixed;top:0;left:0;background-color:#faf782;width:100%;height:100%;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
#modal #done{position:fixed;width:500px;height:50px;top:-50px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);background-color:#37bc9d;color:#fff;text-transform:none;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px}
#modal #done p{padding:16px 0 0}
#modal #all{position:fixed;width:500px;top:0;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);background-color:#f7f7f7;color:#494c55;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px}
#modal #all h2{margin:40px 0 10px}
#modal #all h3{font:16px/1.5 "DIN-MediumAlternate";text-transform:none;letter-spacing:1px;font-weight:400}
#modal #all h3 span{font:16px/1 "DIN-MediumAlternate";font-style:italic}
#modal #all form{margin:40px 0 0}
#modal #all form input{display:inline;width:256px;height:50px;font-size:14px;font-weight:400;text-align:left;margin:10px 0 0;padding:0 20px 0 70px;background-color:#fff;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.Email{background:url("../../img/email.png") no-repeat}
.Web{background:url("../../img/website.png") no-repeat}
.Be{background:url("../../img/behance.png") no-repeat}
.Dr{background:url("../../img/dribbble.png") no-repeat}
.Git{background:url("../../img/github.png") no-repeat}
.In{background:url("../../img/linkedin.png") no-repeat}
#modal #all form input:focus{outline:0 none transparent;-moz-appearance:none}
#modal #all form a{display:inline-block;width:346px;padding:20px 0;margin:40px 0;background-color:#32373b;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#close{position:absolute;display:block;width:22px;height:22px;top:20px;right:20px;background:url("../../img/close.png") no-repeat}