/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{position:relative}input[type="button"],input[type="reset"],input[type="submit"],button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;background-color:#0074D9;border-radius:3px;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:"Quattrocento",serif;font-size:1em;font-weight:600;line-height:1;padding:0.75em 1em;text-decoration:none;user-select:none;vertical-align:middle;white-space:nowrap}input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus{background-color:#004b8c;color:#fff}input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled,button:disabled{cursor:not-allowed;opacity:0.5}fieldset{background-color:#c3c3c3;border:1px solid #aaa;margin:0 0 0.75em;padding:1.5em}input,label,select{display:block;font-family:"Quattrocento",serif;font-size:1em}label{font-weight:600;margin-bottom:0.375em}label.required::after{content:"*"}label abbr{display:none}input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"],select[multiple=multiple],textarea{background-color:#fff;border:1px solid #aaa;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);box-sizing:border-box;font-family:"Quattrocento",serif;font-size:1em;margin-bottom:0.75em;padding:0.5em;transition:border-color;width:100%}input[type="email"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="url"]:hover,input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="month"]:hover,input[type="time"]:hover,input[type="week"]:hover,select[multiple=multiple]:hover,textarea:hover{border-color:#909090}input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,select[multiple=multiple]:focus,textarea:focus{border-color:#0074D9;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(0,102,192,0.7);outline:none}textarea{resize:vertical}input[type="search"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}input[type="checkbox"],input[type="radio"]{display:inline;margin-right:0.375em}input[type="file"]{padding-bottom:0.75em;width:100%}select{margin-bottom:1.5em;max-width:100%;width:auto}ul,ol{list-style-type:none;margin:0;padding:0}dl{margin-bottom:0.75em}dl dt{font-weight:bold;margin-top:0.75em}dl dd{margin:0}table{-webkit-font-feature-settings:"kern","liga","tnum";-moz-font-feature-settings:"kern","liga","tnum";-ms-font-feature-settings:"kern","liga","tnum";font-feature-settings:"kern","liga","tnum";border-collapse:collapse;margin:0.75em 0;table-layout:fixed;width:100%}th{border-bottom:1px solid #848484;font-weight:600;padding:0.75em 0;text-align:left}td{border-bottom:1px solid #aaa;padding:0.75em 0}tr,td,th{vertical-align:middle}body{-webkit-font-feature-settings:"kern","liga","pnum";-moz-font-feature-settings:"kern","liga","pnum";-ms-font-feature-settings:"kern","liga","pnum";font-feature-settings:"kern","liga","pnum";-webkit-font-smoothing:antialiased;color:#111;font-family:"Quattrocento",serif;font-size:1em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Oswald",sans-serif;font-size:1em;line-height:1.2;margin:0 0 0.75em;font-weight:normal;text-shadow:0px 0px 1px rgba(17,17,17,0.2)}h2,h3,h4,h5,h6{text-transform:uppercase}p{margin:0 0 0.75em;text-shadow:0px 0px 1px rgba(17,17,17,0.2)}a{color:#0074D9;text-decoration:none;transition:color 0.1s linear}a:active,a:focus,a:hover{color:#004b8c}a:active,a:focus{outline:none}hr{border-bottom:1px solid #aaa;border-left:none;border-right:none;border-top:none;margin:1.5em 0}img,picture{margin:0;max-width:100%}.nobreak{white-space:nowrap}#nav-main{position:absolute;top:675px;left:0;height:55px;line-height:55px;background:#111;color:#fff;width:100%;text-align:center;z-index:900}#nav-main.fixed{position:fixed;top:0}#nav-main a{line-height:55px;color:#fff;font-family:"Oswald",sans-serif;text-decoration:none;text-transform:uppercase;position:relative;display:inline-block;font-weight:normal;padding:0x}#nav-main a::after{position:absolute;bottom:10px;left:0;width:100%;height:1px;background:#fff;content:'';opacity:0;-webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition:height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}#nav-main a:hover::after,#nav-main a:focus::after{height:2px;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}.portrait{width:125px;height:125px;border-radius:100%;background:url(../img/portrait.jpg) no-repeat center center;border:1px solid #111;box-shadow:0 0 7px black;background-size:100% auto;margin:0 auto}.showcase-list{max-width:68em;margin-left:auto;margin-right:auto}.showcase-list::after{clear:both;content:"";display:table}.showcase-list .showcase-item{height:475px;width:240px;border:1px solid #111;box-shadow:0 0 7px #111;display:inline-block;margin:15px;padding-top:215px;overflow:hidden;cursor:pointer;text-align:center;background-color:#fff;background-position:center top;background-size:100% auto;background-repeat:no-repeat;position:relative}.showcase-list .showcase-item h3{border-bottom:1px solid #aaa;display:inline-block;padding:10px}.showcase-list .showcase-item .showcase-logo{height:28px;margin-bottom:10px}.showcase-list .showcase-item .showcase-logo img{width:auto;height:100%}.showcase-list .showcase-item .content{background:#fff;border-radius:50%;height:300px;margin:0 -80px;padding:25px 95px 0;position:relative;top:0;-webkit-transition:top 0.4s ease-in-out;-moz-transition:top 0.4s ease-in-out;transition:top 0.4s ease-in-out}.showcase-list .showcase-item .content p,.showcase-list .showcase-item .content small{opacity:1;-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}.showcase-list .showcase-item .content small{text-transform:uppercase;text-shadow:0px 0px 1px rgba(17,17,17,0.2);font-family:"Oswald",sans-serif;position:absolute;bottom:65px;left:0;display:block;text-align:center;width:100%}.showcase-list .showcase-item.active .content,.showcase-list .showcase-item:hover .content{top:100px}.showcase-list .showcase-item.active .content p,.showcase-list .showcase-item.active .content small,.showcase-list .showcase-item:hover .content p,.showcase-list .showcase-item:hover .content small{opacity:0}.showcase-list .showcase-item .more{border-radius:2px;border:1px solid #0074D9;font-size:1em;line-height:20px;font-family:"Oswald",sans-serif;padding:5px 10px;background-color:#fff;color:#0074D9;position:absolute;bottom:-20px;margin-left:-60px;diusplay:inline-block;border:1px solid #0074D9;left:50%;width:120px;text-transform:uppercase;opacity:0;-webkit-transition:all 0.1s ease-in-out,bottom 0.4s ease-in-out,opacity 0.4s ease-in-out;-moz-transition:all 0.1s ease-in-out,bottom 0.4s ease-in-out,opacity 0.4s ease-in-out;transition:all 0.1s ease-in-out,bottom 0.4s ease-in-out,opacity 0.4s ease-in-out}.showcase-list .showcase-item .more:hover{background-color:#0074D9;color:#fff}.showcase-list .showcase-item .more:active{border-color:#FF851B;background-color:#FF851B;color:#fff}.showcase-list .showcase-item.active .more,.showcase-list .showcase-item:hover .more{opacity:1;bottom:12px}.showcase-reis-automatica{background-image:url(../img/portfolio/reis-automatica/preview.png)}.showcase-nine-inazuma3{background-image:url(../img/portfolio/nine-inazuma3/preview.png)}.showcase-ids{background-image:url(../img/portfolio/ids/preview.png)}.showcase-nine-marioluigidreamteam{background-image:url(../img/portfolio/nine-marioluigidreamteam/preview.png)}.showcase-ohv{background-image:url(../img/portfolio/ohv/preview.png)}.showcase-tof{background-image:url(../img/portfolio/tof/preview.png)}.sm-links li{display:inline-block;margin:0 22px;height:50px;line-height:50px}.sm-links img{vertical-align:middle;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,0.2));filter:drop-shadow(0 0 6px rgba(0,0,0,0.2));transition:200ms ease-in-out}.sm-links a:hover img{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,0.6));filter:drop-shadow(0 0 6px rgba(0,0,0,0.6))}.sm-links .sm-linkedin{width:108px}.sm-links .sm-twitter{width:50px}.sm-links .sm-xing{width:71px}@media screen and (max-width: 768px){.sm-links li{margin:0 14px}.sm-links .sm-linkedin{width:98px}.sm-links .sm-twitter{width:40px}.sm-links .sm-xing{width:61px}}#popup{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-transition:margin-top 0.4s ease-in-out,opacity 0.4s ease-in-out;-moz-transition:margin-top 0.4s ease-in-out,opacity 0.4s ease-in-out;transition:margin-top 0.4s ease-in-out,opacity 0.4s ease-in-out;opacity:1;background:rgba(0,0,0,0.5);opacity:0;z-index:950;overflow:hidden}#popup .overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#popup .icon-left-open,#popup .icon-right-open,#popup .icon-cancel{position:absolute;top:305px;color:#0074D9;left:50%;font-size:4em;line-height:1em;text-shadow:0 0 2px #0074D9;cursor:pointer;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;z-index:200}#popup .icon-left-open:hover,#popup .icon-right-open:hover,#popup .icon-cancel:hover{text-shadow:0 0 0 #0074D9;color:#0074D9}#popup .icon-left-open:active,#popup .icon-right-open:active,#popup .icon-cancel:active{color:#FF851B}#popup .icon-left-open{margin-left:-440px}#popup .icon-right-open{margin-left:360px}#popup .icon-cancel{opacity:0;top:80px;margin-left:336px;font-size:1.4em;background:#0074D9;color:white;display:block;width:44px;height:44px;text-align:center;line-height:44px;border-radius:50%;border:1px solid #0074D9}#popup .icon-cancel:before{text-align:center;line-height:inherit;display:inline;margin:0 0 0 0.1em}#popup .icon-cancel:hover{background:#fff}#popup .icon-cancel:active{border-color:#FF851B;background-color:#FF851B;color:#fff}@media screen and (max-width: 768px){#popup{position:absolute}#popup .icon-cancel{margin-left:144px;top:-10px}}#popup.active{opacity:1}#popup.active .showcase-modal{margin-top:100px}#popup.active .icon-cancel{opacity:1;-webkit-transition:opacity 0.4s 0.4s ease-in-out;-moz-transition:opacity 0.4s 0.4s ease-in-out;transition:opacity 0.4s 0.4s ease-in-out}.showcase-modal{z-index:100;position:relative;margin:250px auto 0;max-width:720px;background:white;overflow:hidden;padding:14px;box-shadow:0 0 7px #111;border:1px solid #111;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.showcase-modal .content{float:right;width:345px;padding:0 24px}.showcase-modal .content h4{font-size:1.6em;border-bottom:1px solid #AAA;display:inline-block;padding:10px 10px 10px 0;margin-bottom:10px}.showcase-modal .content small{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;margin-bottom:10px}.showcase-modal .content p{line-height:1.4em}.showcase-modal .link{border-radius:2px;border:1px solid #0074D9;font-size:1em;line-height:20px;font-family:"Oswald",sans-serif;padding:5px 10px;background-color:#fff;color:#0074D9;display:inline-block;text-transform:uppercase;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.showcase-modal .link:hover{background-color:#0074D9;color:#fff}.showcase-modal .link:active{border-color:#FF851B;background-color:#FF851B;color:#fff}.showcase-modal .link-B2{background:url(../img/logo-b2.png) no-repeat center center;display:inline-block;line-height:20px;height:32px;width:32px;margin:0 8px;background-size:100%;vertical-align:bottom}.showcase-modal .images{float:left;width:330px;text-align:center;oveflow:hidden}.showcase-modal .preview{padding:18px;background:#F1F1F1;border-top:1px solid #aaa}.showcase-modal .thumb{margin:1%;width:23%;border:1px solid #aaa;cursor:pointer;background:white}@media screen and (max-width: 768px){.showcase-modal{width:360px}.showcase-modal .content,.showcase-modal .images{float:none;margin:15px auto}}@font-face{font-family:'fontello';src:url("../font/fontello.eot?73786635");src:url("../font/fontello.eot?73786635#iefix") format("embedded-opentype"),url("../font/fontello.woff?73786635") format("woff"),url("../font/fontello.ttf?73786635") format("truetype"),url("../font/fontello.svg?73786635#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.icon-left-open:before{content:'e800'}.icon-right-open:before{content:'e801'}.icon-cancel:before{content:'e802'}


#footer {
    min-height: 90px;
    padding-top: 15px;
    line-height: 0px;
    background: #111;
    overflow: hidden;
    color: #fff;
    text-align: center
}

#footer .copy {
    display: inline-block;
    font-family: "Oswald", sans-serif;
    vertical-align: top;
    padding: 26px 0
}

#footer .sm-links {
    display: inline-block;
    margin: 0 55px
}

#footer .sm-links img {
    -webkit-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0));
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0));
    transition: 200ms ease-in-out
}

#footer .sm-links a:hover img {
    -webkit-filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6));
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6))
}

#footer .sm-links li {
    margin: 0 16px
}

#footer .sm-links .sm-linkedin {
    width: 80px
}

#footer .sm-links .sm-twitter {
    width: 40px
}

#footer .sm-links .sm-xing {
    width: 57px
}

#footer .mailto {
    display: inline-block;
    vertical-align: top;
    padding: 26px 0;
    margin-right: -35px
}

#footer .mailto a {
    color: #fff;
    font-family: "Oswald", sans-serif;
    position: relative
}

#footer .mailto a::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

#footer .mailto a:hover::after,
#footer .mailto a:focus::after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

@media screen and (max-width: 768px) {
    #footer .mailto {
        margin-right: 0
    }
}

#home {
    background: #FF851B url(../img/bg-header-orange.jpg) no-repeat center center;
    background-size: cover;
    height: calc(100vh - 90px);
    overflow: hidden;
    text-align: center;
}

#home .headline {
    padding-top: 240px;
    font-size: 3em
}

#home .headline small {
    display: block;
    font-family: "Quattrocento", serif;
    font-size: 0.43em
}

#home .portrait {
    margin-bottom: 115px
}

@media screen and (max-width: 768px) {
    #home .headline {
        padding-top: 120px
    }
}