@import url("https://fonts.googleapis.com/css?family=Montserrat:100,400,700");h1{font-size:34px}h2{font-size:28px}h3{font-size:22px}h4{font-size:16px}h5{font-size:10px}h6{font-size:14px}@font-face{font-family:'sashi';src:url("../fonts/sashi.eot?p371wg");src:url("../fonts/sashi.eot?p371wg#iefix") format("embedded-opentype"),url("../fonts/sashi.ttf?p371wg") format("truetype"),url("../fonts/sashi.woff?p371wg") format("woff"),url("../fonts/sashi.svg?p371wg#sashi") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'sashi' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-web-design:before{content:""}.icon-coding:before{content:""}.icon-app-design:before{content:""}.icon-scroll-down{position:absolute;bottom:-100%;left:50%;transition:0.8s linear;-webkit-transform:translate(-50%);transform:translate(-50%);font-size:60px}.icon-scroll-down:before{content:""}.fp-section.active .icon-scroll-down{bottom:30px}.icon-find-me:before{content:""}.icon-Idea:before{content:""}.icon-creativity:before{content:""}.icon-email:before{content:""}.icon-mail:before{content:""}.icon-experience:before{content:""}.icon-linkedin:before{content:""}.icon-facebook:before{content:""}.icon-skype:before{content:""}.icon-logo:before{content:""}@-webkit-keyframes right-left{0%{right:-100%}100%{right:0}}@keyframes right-left{0%{right:-100%}100%{right:0}}.clearfix{clear:both;width:100%}body,*{font-family:'Montserrat', sans-serif;font-weight:400;line-height:1.4}body{width:100%;font-size:1.6rem;color:#383838;background-color:#f8f8f8}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%}a{color:#7b9d6f;text-decoration:none}html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;transition:all 0.3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:20px 18px 20px 0;border-color:transparent rgba(0,0,0,0.4) transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:20px 0 20px 18px;border-color:transparent transparent transparent rgba(0,0,0,0.4)}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0 !important}.fp-notransition{transition:none !important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0, 0, 0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;transition:all 0.1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0px 0px -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{transition:opacity 0.2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto !important}.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto !important}.container{padding:0 15px}.row{margin:0 -15px}#loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;background:#333;height:100vh;width:100vw;transition:0.35s linear}#loader i.icon-logo{-webkit-animation:rotate 2s infinite;animation:rotate 2s infinite;color:#fff;font-size:150px}.col-1{width:8.33333%;padding:0 15px;min-height:1px;float:left}.col-2{width:16.66667%;padding:0 15px;min-height:1px;float:left}.col-3{width:25.0%;padding:0 15px;min-height:1px;float:left}.col-4{width:33.33333%;padding:0 15px;min-height:1px;float:left}.col-5{width:41.66667%;padding:0 15px;min-height:1px;float:left}.col-6{width:50.0%;padding:0 15px;min-height:1px;float:left}.col-7{width:58.33333%;padding:0 15px;min-height:1px;float:left}.col-8{width:66.66667%;padding:0 15px;min-height:1px;float:left}.col-9{width:75.0%;padding:0 15px;min-height:1px;float:left}.col-10{width:83.33333%;padding:0 15px;min-height:1px;float:left}.col-11{width:91.66667%;padding:0 15px;min-height:1px;float:left}.col-12{width:100.0%;padding:0 15px;min-height:1px;float:left}[class*="col-"]:after,[class*="col-"]:before,.container:after,.container:before,.row:after,.row:before{content:'';display:table}[class*="col-"]:after,.container:after,.row:after{clear:both}img{max-width:100%}.bold{font-weight:700}.text-center{text-align:center}.marginT{margin-top:15px}.wrapper{width:100%}.fp-scroller{min-height:100%}.caption{padding:60px 10px 60px 10px;position:fixed;height:100vh;color:rgba(255,255,255,0.7);z-index:9999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:60px;display:none;background:rgba(0,0,0,0.3)}.caption-title{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:2px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.caption-line{width:2px;min-height:200px;background:rgba(255,255,255,0.7);margin:10px 0;display:block}.caption .no{font-size:30px}.fp-viewing-me .caption.caption-1{display:-webkit-box;display:-ms-flexbox;display:flex}.fp-viewing-me .caption.caption-1>div{-webkit-animation:displayNow 2s;animation:displayNow 2s}.fp-viewing-intro .caption.caption-2{display:-webkit-box;display:-ms-flexbox;display:flex}.fp-viewing-intro .caption.caption-2>div{-webkit-animation:displayNow 2s;animation:displayNow 2s}.fp-viewing-skills .caption.caption-3{display:-webkit-box;display:-ms-flexbox;display:flex}.fp-viewing-skills .caption.caption-3>div{-webkit-animation:displayNow 2s;animation:displayNow 2s}.fp-viewing-portfolio .caption.caption-4{display:-webkit-box;display:-ms-flexbox;display:flex}.fp-viewing-portfolio .caption.caption-4>div{-webkit-animation:displayNow 2s;animation:displayNow 2s}.fp-viewing-contact .caption.caption-5{display:-webkit-box;display:-ms-flexbox;display:flex}.fp-viewing-contact .caption.caption-5>div{-webkit-animation:displayNow 2s;animation:displayNow 2s}@-webkit-keyframes displayNow{0%{opacity:0}100%{opacity:1}}@keyframes displayNow{0%{opacity:0}100%{opacity:1}}.section{overflow:hidden}.section.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-filter:grayscale(1);filter:grayscale(1);background-image:url(../imgs/bg1-01-01.svg);background-size:cover;background-attachment:fixed}.section .wrapper{padding:30px 60px;position:relative;z-index:9;height:100%}.section .wrapper:after,.section .wrapper:before{content:'';display:table}.section .wrapper:after{clear:both}.section#section0 .wrapper,.section#section4 .wrapper{position:inherit}.section#section4 .wrapper{background:url("../imgs/map.png") #2b2b2b no-repeat center !important;background-attachment:fixed}.intro{position:absolute;right:0;top:50%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);text-align:center;max-width:600px;width:100%;text-shadow:0 0 15px #a2a2a2}.intro i.icon-logo{font-size:200px;color:#444;transition:1.5s linear;-webkit-filter:blur(15px);filter:blur(15px)}.fp-section.active .intro i.icon-logo{-webkit-filter:blur(0);filter:blur(0)}.intro h1{width:100%;margin-top:20px;line-height:1.3;font-size:50px}.intro h1 span{display:block;line-height:1}.intro h1 .name{font-size:24px;letter-spacing:16px;margin:40px -16px 5px 0}.intro h1 .position{font-size:50px;font-weight:700}.intro-brief{background:rgba(255,255,255,0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;transition:0.4s linear;height:100%;width:100%;overflow:hidden}.intro-brief>span{transition-delay:0.5s;transition:0.4s linear;margin-bottom:130%}.fp-section.active.fp-completely .intro-brief>span{margin-bottom:0;margin-top:-12px}.intro-brief>span{max-width:700px;width:100%;padding:20px;color:#fff;font-size:18px;position:relative;z-index:1}.intro-brief>span:before{content:'';background:#2d2b2c;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;z-index:-1}.flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.flexbox>div{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex}.flexbox>div.center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flexbox.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attributes .flexbox{padding:15px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.attributes{padding-bottom:15px}.attributes i[class*="icon-"]{font-size:45px;margin-right:15px;display:inline-block;color:#222}.attributes>div:first-child{padding-top:15px}.progress-container{padding:20px;width:100%;max-width:500px;margin:0 auto}.progress-container h6{font-size:12px;font-weight:700}.progress-bar{height:2px;width:100%;margin:2px 0 15px;background:#ddd;position:relative}.progress-bar .progress-bar-active{transition:3s linear;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left;transform-origin:left;background-color:#dc0000;height:2px}.fp-section.active .progress-bar-active{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:left;transform-origin:left}.experience-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.experience{padding-top:15px;line-height:1.5;position:relative;right:-150%;transition:0.25s linear}.fp-section.active.fp-completely .experience{right:0}.fp-section.active.fp-completely .experience>div:nth-child(1){transition-delay:1.7s}.fp-section.active.fp-completely .experience>div:nth-child(2){transition-delay:1.4s}.fp-section.active.fp-completely .experience>div:nth-child(3){transition-delay:1.1s}.fp-section.active.fp-completely .experience>div:nth-child(4){transition-delay:0.8s}.fp-section.active.fp-completely .experience>div:nth-child(5){transition-delay:0.5s}.experience>div:not(.title){font-size:14px;position:relative;padding-left:30px;padding-bottom:15px;transition:0.25s linear;opacity:0}.fp-section.active.fp-completely .experience>div:not(.title){opacity:1}.experience>div:not(.title):after{position:absolute;content:'';width:12px;height:12px;border-radius:50%;background-color:#222;left:0;top:5px;border:2px solid #f9f9f9}.experience>div:not(.title):before{position:absolute;content:'';width:2px;height:100%;left:5px;top:5px;background-color:#222}.experience>div:not(.title) a{color:#222}.experience h4{font-weight:700}.experience .title{font-size:50px}.experience .title i{font-size:60px;margin-left:-25px;margin-right:10px;padding-top:5px;float:left}.experience .title span{margin-top:-10px}.mywork{margin:0 auto;padding:0 20px 20px;border-radius:4px;overflow:hidden}.mywork-info{left:0;position:relative;transition:1s linear}.work-protfolio{display:block;float:left;width:100%;position:relative;height:200px}#logo{padding:10px}.grid{-webkit-column-width:13em;-moz-column-width:13em;column-width:13em;-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em}.thumbnail{width:calc(33.3333% - 20px);margin:10px;float:left;overflow:hidden}.thumbnail img{min-width:100%;transition:0.25s linear}.thumbnail:hover .info{bottom:0;background-color:rgba(0,0,0,0.5)}.thumbnail-container{display:block;float:left;width:100%}.thumbnail-info{float:left;width:calc(100% - 165px)}.thumbnail-container{width:100%;float:left}#infoMenu li a{color:#fff}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes animated-left{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:none;transform:none}}@keyframes animated-left{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:none;transform:none}}.fp-section.active .animated-left{-webkit-animation-name:animated-left;animation-name:animated-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fp-section.active .animated-left.animated-delay-1{-webkit-animation-delay:0.5s;animation-delay:0.5s}.fp-section.active .animated-left.animated-delay-2{-webkit-animation-delay:1s;animation-delay:1s}.fp-section.active .animated-left.animated-delay-3{-webkit-animation-delay:1.5s;animation-delay:1.5s}.slide.active .thumbnail,.slide.active .thumbnail-content{-webkit-animation-name:animated-left;animation-name:animated-left;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slide.active .thumbnail{-webkit-animation-delay:0.5s;animation-delay:0.5s}.contact{background:rgba(255,255,255,0.6);padding:30px;float:right;color:#444;font-size:16px;position:absolute;top:50%;right:-100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:0.3s linear}.fp-section.active.fp-completely .contact{right:50%;top:50%;max-width:450px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.contact h2{font-size:24px;margin-bottom:30px;line-height:1.2;text-transform:uppercase}.contact h2 span:not(:last-child){display:block}.contact h2 span:last-child{border-bottom:2px solid #666}.contact a{color:#444}.contact .block{float:left;width:100%;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact .block i{margin-right:10px;float:left;font-size:24px;color:#444;font-weight:bold}.contact a>i{font-size:24px;margin-left:15px;float:right;color:#444}.fp-tooltip.right{background:#444;padding:4px 10px;border-radius:3px;text-transform:uppercase}@media screen and (max-width: 767px){.hidden-sm{display:none !important}.caption{display:none !important}.wrapper{padding:15px !important}[class*="col-"]{width:100%}.section.about:before{background:#aaa}#section1 .wrapper{background:#2b2b2b}.intro{max-width:100%;-webkit-transform:none;transform:none;top:initial;bottom:105px;padding:30px}.intro i.icon-logo{font-size:150px}.intro h1{font-size:35px}.intro h1 span{font-size:50px}.intro-brief{max-width:100%;background:#2b2b2b;width:calc(100% - 45px);float:left}.intro-brief svg{display:none}.intro-brief>span{padding:0;font-size:15px}.mywork .col-3{display:none}.thumbnail-content{display:inline-block}.tab-container{margin:0 15px 0 -15px}.tab-content{padding:15px}.thumbnail{margin-bottom:15px;display:block}.thumbnail-info{display:block;width:100%;margin-bottom:30px}.thumbnail-info h3{font-size:18px}.thumbnail-info p{font-size:16px}input[type="submit"]{width:100%;margin-bottom:30px}}.touch{font-size:24px;color:#7b9d6f}.msg{position:fixed;bottom:0;width:100%;text-align:center;padding:5px 0;background:#2b2b2b;color:#fff;z-index:9999}.tab-button{position:relative;left:100%;padding:20px 0 0 0;text-align:right;transition:0.5s linear}.fp-section.active.fp-completely .tab-button{left:0}.tab-button .tab{padding:0 60px 5px 0;position:relative;cursor:pointer;color:#000;clear:both}.tab-button .tab:hover{cursor:pointer}.tab-button .tab.tab-activation{color:rgba(0,0,0,0.8);font-weight:900;clear:both}.tab-button .tab.tab-activation:after{position:absolute;right:30px;top:8px;content:'';width:12px;height:12px;border-radius:50%;background:#ddd}.tab-button .tab.tab-activation ~ .tab:before{position:absolute;right:35px;top:12px;content:'';width:2px;height:100%;background-color:#ddd}.tab-button .tab.tab-activation ~ .tab:last-child:before{height:115px}.tab-button .tab.tab-activation:before{position:absolute;right:35px;top:12px;content:'';width:2px;height:115px;background-color:#ddd}.tab-container{max-width:850px;border-radius:3px;margin:0 auto 30px}.tab-content{position:relative;display:none;padding:15px 15px 5px;background:#fff;border-radius:0 0 3px 3px;border:2px solid #ddd}.tab-content.tab-activation{display:block}.tab-content:after,.tab-content:before{content:'';display:table}.tab-content:after{clear:both}@media screen and (max-width: 450px){.intro{padding-left:30px;text-align:left;right:0;left:0}.intro i.icon-logo{font-size:130px}.intro h1 .name{font-size:36px;letter-spacing:0;margin:0 0 15px 0}.intro-brief>span{font-size:14px}.touch{font-size:16px}.thumbnail{width:calc(50% - 30px)}.contact{position:inherit;text-align:center;right:100%}.contact h2{text-align:left}.contact .block{display:block}.contact .block i{margin:15px 0 5px;width:100%;font-size:36px;font-weight:bold}.contact a>i{float:initial;display:inline-block;margin-top:15px}}@-webkit-keyframes outer{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(2);transform:scale(2)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:0}}@keyframes outer{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(2);transform:scale(2)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{opacity:0}}@media screen and (max-width: 320px){.thumbnail{width:calc(100% - 30px)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}