body,html{margin:0;padding:0;color:#FFF;font-family:Lato,sans-serif;font-size:13px}body.loading,html.loading{overflow:hidden}body.loading #landing .content h1,html.loading #landing .content h1{-webkit-transform:translate(-10px,0);-moz-transform:translate(-10px,0);-o-transform:translate(-10px,0);-ms-transform:translate(-10px,0);transform:translate(-10px,0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}body.loading #landing .content h2,html.loading #landing .content h2{-webkit-transform:translate(10px,0);-moz-transform:translate(10px,0);-o-transform:translate(10px,0);-ms-transform:translate(10px,0);transform:translate(10px,0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}body.show-content,html.show-content{overflow:hidden}body.show-content #show-content,html.show-content #show-content{width:100%}body.show-content #show-content .black-bg,html.show-content #show-content .black-bg{display:block;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}body.show-content #show-content .content,html.show-content #show-content .content{-webkit-transform:scale(1) translate3d(0,0,0);-moz-transform:scale(1) translate3d(0,0,0);-ms-transform:scale(1) translate3d(0,0,0);transform:scale(1) translate3d(0,0,0);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}body.safari #landing .content h2,html.safari #landing .content h2{font-weight:300}:active,:focus{outline:0}img{border:none}button{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #FFF;color:#FFF;background:0 0;padding:10px 20px;font-size:12px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;z-index:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}button.big{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:15px 30px}button.loading{border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}button:hover{color:#000;background:#FFF}button:hover.loading{background:0 0;color:rgba(255,255,255,.5)}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#1A976A;color:#FFF;z-index:999;text-align:center}.loading .spinner-holder{position:Absolute;left:50%;top:50%;height:0;width:0}.spinner{width:70px;text-align:center;position:absolute;left:-35px;top:-9px}.spinner>div{width:18px;height:18px;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;-moz-animation:bouncedelay 1.4s infinite ease-in-out;-ms-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;-ms-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;-moz-animation-delay:-.16s;-ms-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@-moz-keyframes bouncedelay{0%,100%,80%{-moz-transform:scale(0)}40%{-moz-transform:scale(1)}}@-ms-keyframes bouncedelay{0%,100%,80%{-ms-transform:scale(0)}40%{-ms-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}#player-holder{position:fixed;left:0;top:0;z-index:-2;background:#1A976A;height:100%;width:100%;overflow:hidden}#player-holder #scroll-icon{background:url(img/scroll-icon-01.png);width:46px;height:46px;background-size:46px 46px;border:none;position:absolute;bottom:40px;left:49%;z-index:1}.box-sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#landing{display:table;width:100%;overflow:hidden;height:100%}#landing .content{display:table-cell;vertical-align:middle}#landing .content h1{text-align:center;margin:0;padding:0;font-weight:400;font-size:40px;letter-spacing:2px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}#landing .content h2{text-align:center;font-size:16px;margin:12px 0 0;padding:0;font-weight:100;letter-spacing:2px;text-transform:uppercase;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}#header{position:fixed;left:20px;top:20px;z-index:10}#header #header-logo{float:left;width:50px;height:50px;cursor:pointer;text-align:center;line-height:50px;font-size:3em}.main-menu{float:left;margin-left:20px}.main-menu .menu-item{float:left;margin:0 10px;text-transform:uppercase;letter-spacing:2px;font-size:11px;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);cursor:pointer;line-height:50px}.main-menu .menu-item.two{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.main-menu .menu-item.three{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.main-menu .menu-item:hover{border-bottom:2px solid #FFF}#header:hover .main-menu .menu-item{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#work{background:#444}#work .clear{clear:both}#work.loaded .clear{clear:none}#work .work-entry{float:left;width:25%;text-align:center;color:#FFF;position:relative;overflow:hidden}#work .work-entry.row-3{width:33.3333%}#work .work-entry .content{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;background:rgba(0,0,0,.3);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);z-index:2}#work .work-entry .content .v-outer{display:table;height:100%}#work .work-entry .content .v-inner{display:table-cell;vertical-align:middle}#work .work-entry .content .title{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:1.4em}#work .work-entry .content .description{margin:0;padding:20px 30px;font-size:1.1em;font-weight:300;line-height:1.6em}#work .work-entry .content .categories{text-transform:uppercase;letter-spacing:1px;font-size:.8em;margin-top:20px}#work .work-entry .content .categories .category{display:inline-block;padding:5px 10px;margin:0 1px;background:rgba(255,255,255,.1);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}#work .work-entry img{width:100%;height:auto;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#work .work-entry .thumbnail-bg{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:#999;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#work .work-entry .thumbnail-overlay{position:absolute;left:0;top:0;width:100%;height:100%;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50)}#work .work-entry:hover .content{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#work .work-entry:hover .thumbnail-bg{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}#work #view-more-work{cursor:pointer;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#work #view-more-work.loaded{cursor:auto;background:#222}#work #view-more-work button.loading,#work #view-more-work button.view-more{margin:50px}#work #view-more-work .spinner{position:static;margin:0 auto;padding:58px}#work #view-more-work:hover{background:#222}#work #view-more-work:hover button.view-more{color:#000;background:#FFF}#work #view-more-work:hover button.view-more .bg{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}.page-section{padding:120px 0;color:#FFF}.page-section a{color:#FFF;text-decoration:none;font-weight:700}.page-section#contact{background:#609491}.page-section#contact .left{float:left;width:48%}.page-section#contact .right{float:right;width:48%}
.page-section#contact input,.page-section#contact textarea{background:0 0;border:none;border-bottom:1px solid #FFF;width:100%;padding:10px;font-size:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.page-section#contact input.wpcf7-not-valid,.page-section#contact textarea.wpcf7-not-valid{border-bottom:1px solid #FF8C8C}.page-section#contact textarea{height:177px}.page-section#contact .wpcf7-form.sent .left,.page-section#contact .wpcf7-form.sent .right,.page-section#contact .wpcf7-form.sent input{display:none}.page-section#contact .wpcf7-submit{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #FFF;color:#FFF;background:0 0;padding:10px 20px;font-size:12px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;z-index:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:120px;margin:50px auto 0;display:block}.page-section#contact .wpcf7-submit.big{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:15px 30px}.page-section#contact .wpcf7-submit.loading{border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}.page-section#contact .wpcf7-submit:hover{color:#000;background:#FFF}.page-section#contact .wpcf7-submit:hover.loading{background:0 0;color:rgba(255,255,255,.5)}.page-section#contact .wpcf7-display-none{display:none}.page-section#contact .wpcf7-response-output{text-align:Center;border:none;letter-spacing:1px;text-transform:lowercase;font-weight:300;margin:20px}.page-section#contact span.wpcf7-not-valid-tip{color:#FF8C8C;text-transform:lowercase;margin-top:5px}.page-section#contact .ajax-loader{display:none!important}#about{background:#608194;padding-bottom:160px}.page-section#about .skill{width:33.333%;float:left;text-align:center}.page-section#about .skill .about-icon-holder{margin:0 auto;border:1px solid #FFF;width:100px;height:100px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.page-section#about .skill .about-icon-holder .about-icon{background:url(img/about-icons-01.png);width:40px;height:40px;background-size:156px 41px;margin:30px auto}.page-section#about .skill .about-icon-holder .about-icon.des{background-position:-49px 0}.page-section#about .skill .about-icon-holder .about-icon.mus{background-position:-106px 0;width:45px}.page-section#about .skill p{margin:0;font-size:1.1em;line-height:1.6em;font-weight:300;padding:0 20px;letter-spacing:1px}.page-section#about h5{font-size:1.3em;margin:50px 0 20px}.page-section p.sub{margin:0;font-size:1.5em;line-height:1.6em;font-weight:300;padding:80px 20px;letter-spacing:1px;text-align:center}.page-section h4{font-weight:100;letter-spacing:3px;font-size:4em;text-align:center;text-transform:uppercase;margin:0}.page-section h5{font-weight:700;text-transform:uppercase;font-size:1.1em;letter-spacing:3px;margin:60px 0 20px}.page-section p{margin:0}.page-section .holder{max-width:1020px;margin:0 auto}#social .block{float:left;width:25%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#social .block.linkedin{background:#8195b6}#social .block.twitter{background:#85b7bd}#social .block.twitter .social-icon{background-position:-51px 0;width:47px}#social .block.instagram{background:#c3bb85}#social .block.instagram .social-icon{background-position:-106px 0}#social .block.soundcloud{background:#c79985}#social .block.soundcloud .social-icon{background-position:-158px 0;width:74px}#social .block .social-icon{background:url(img/social-icons.png);width:40px;height:40px;background-size:235px 40px;margin:50px auto;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#social .block:hover .social-icon{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#social .linkedin:hover{background:#4e87b6}#social .twitter:hover{background:#5fa6bd}#social .instagram:hover{background:#c3a967}#social .soundcloud:hover{background:#c78056}#show-content{position:fixed;right:0;top:0;width:0;height:100%;z-index:999;display:none}#show-content .black-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;background:rgba(20,20,20,.9);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}#show-content .black-bg .close-icon{background:url(img/close.png) no-repeat 0 0;background-size:41px 41px;width:41px;height:41px;cursor:pointer;position:Absolute;right:770px;top:60px;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#show-content .black-bg:hover .close-icon{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#show-content .content{position:absolute;overflow:auto;right:0;top:0;width:700px;height:100%;background:#FFF;text-align:left;color:#333;padding:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:scale(1.05) translate3d(75px,0,0);-moz-transform:scale(1.05) translate3d(75px,0,0);-ms-transform:scale(1.05) translate3d(75px,0,0);transform:scale(1.05) translate3d(75px,0,0)}#show-content .content a{color:#000;font-weight:700}#show-content .content img.alignright{float:right;margin:0}#show-content .content img.alignleft{float:left;margin:0}#show-content .content img.aligncenter{display:block;margin-left:auto;margin-right:auto}#show-content .content a img.alignright{float:right;margin:0}#show-content .content a img.alignleft{float:left;margin:0}#show-content .content a img.aligncenter{display:block;margin-left:auto;margin-right:auto}#show-content .content .spinner{position:static;margin:0 auto;padding:100px 0}#show-content .content .spinner>div{background-color:#333}#show-content .content .title h3{letter-spacing:2px;font-weight:400;font-size:4em;margin:0}#show-content .content .title h4{color:#000;font-size:2.5em;font-weight:100;margin:20px 0}#show-content .content .title .category{text-transform:uppercase;margin-right:10px;font-size:.8em;font-weight:400;color:#666;background:#EEE;float:left;padding:5px 10px;letter-spacing:1px}#show-content .content .divider-bar{width:100%;height:1px;background:#EEE;margin:30px 0}#show-content .content .text{font-size:1.1em;line-height:1.4em}#show-content .content .text img{max-width:100%;height:auto}#show-content .content .text iframe{max-width:100%}#show-content .content .text h5{font-weight:400;text-transform:uppercase;font-size:1.2em;letter-spacing:3px;margin:20px 0}#show-content .content .text h6{font-size:1.2em;font-weight:400;letter-spacing:5px;margin:20px 0}#show-content .content .text iframe,#show-content .content .text img{vertical-align:middle}@media screen and (max-width:1200px){#work .work-entry{float:left;width:33.33333%}#work .work-entry.row-2-first{width:50%}}@media screen and (max-width:980px){#work .work-entry,#work .work-entry.row-2,#work .work-entry.row-3{width:50%}#work .work-entry.last-row{width:100%}}@media screen and (max-width:700px){#show-content .content{max-width:100%;padding:30px}.page-section#about h5{margin:20px 0}.page-section#about .skill{float:none;width:100%;margin-bottom:30px}.page-section#about .skill p{display:none}.page-section#contact .left,.page-section#contact .right{float:none;width:100%;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#social .block{float:left;width:50%}}@media screen and (max-width:640px){#landing .content h2{font-size:10px;font-weight:300}.page-section h4{font-size:3em}.page-section p.sub{font-size:1.2em}#work .work-entry,#work .work-entry.row-2,#work .work-entry.row-2-first,#work .work-entry.row-3{width:100%}}