@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700);body,html{height:100%;font-family:Poppins,sans-serif;line-height:1.8;color:#999}.no-padding{padding-left:0;padding-right:0}.no-padding [class^=col-]{padding-left:0;padding-right:0}.main-container{padding:100px 0}.center{text-align:center}a{-webkit-transition:all .3s;transition:all .3s}.uppercase{text-transform:uppercase}.h-30{height:30px}.h-10{height:10px}.color{color:#ffbf00;font-size:11px}h1{color:#393939;font-size:60px;text-transform:uppercase}h3{color:#393939}h5{color:#ffbf00}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:1000}.pre-container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#ffbf00;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.name{display:inline-block;color:#393939}.box-header{position:absolute;top:0;left:0;background:rgba(255,255,255,.95);height:50px;width:100%;z-index:3;box-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.box-header{height:80px;background:0 0;box-shadow:none}.box-header{-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.box-header.is-fixed{position:fixed;top:-80px;background-color:rgba(255,255,255,.96);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.box-header.is-visible{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.box-header.menu-is-open{background-color:rgba(255,255,255,.96)}.box-primary-nav-trigger{position:absolute;right:0;top:0;height:100%;width:50px;background-color:#fff}.box-primary-nav-trigger .box-menu-text{color:#393939;text-transform:uppercase;font-weight:700;display:none}.box-primary-nav-trigger .box-menu-icon{display:inline-block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:22px;height:3px;background-color:#393939;-webkit-transition:background-color .3s;transition:background-color .3s;list-style:none;margin-bottom:1rem}.box-primary-nav-trigger .box-menu-icon::before,.box-primary-nav-trigger .box-menu-icon:after{content:'';width:100%;height:100%;position:absolute;background-color:#393939;right:0;-webkit-transition:-webkit-transform .3s,top .3s,background-color 0s;-webkit-transition:top .3s,background-color 0s,-webkit-transform .3s;transition:top .3s,background-color 0s,-webkit-transform .3s;transition:transform .3s,top .3s,background-color 0s;transition:transform .3s,top .3s,background-color 0s,-webkit-transform .3s}.box-primary-nav-trigger .box-menu-icon::before{top:-5px}.box-primary-nav-trigger .box-menu-icon::after{top:5px}.box-primary-nav-trigger .box-menu-icon.is-clicked{background-color:rgba(255,255,255,0)}.box-primary-nav-trigger .box-menu-icon.is-clicked::after,.box-primary-nav-trigger .box-menu-icon.is-clicked::before{background-color:393939}.box-primary-nav-trigger .box-menu-icon.is-clicked::before{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.box-primary-nav-trigger .box-menu-icon.is-clicked::after{top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.box-primary-nav-trigger{width:150px;padding-left:1em;background-color:transparent;height:30px;line-height:30px;right:10px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.box-primary-nav-trigger .box-menu-text{display:inline-block}.box-menu-text{font-size:2em}.box-primary-nav-trigger .box-menu-icon{left:auto;right:1em;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.box-primary-nav{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.96);z-index:2;text-align:center;padding:50px 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;list-style:none}.box-primary-nav li{font-size:22px;font-size:1.375rem;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:.2em 0;text-transform:capitalize}.box-primary-nav a{display:inline-block;padding:.4em 1em;border-radius:.25em;-webkit-transition:all .2s;transition:all .2s;color:#fff;text-decoration:none;font-weight:700}.box-primary-nav a:focus{outline:0}.no-touch .box-primary-nav a:hover{text-decoration:none;color:#ddd}.box-primary-nav .box-label{color:#ffbf00;text-transform:uppercase;font-weight:700;font-size:17px;margin:2.4em 0 .8em}.box-primary-nav .box-social{display:inline-block;margin:10px .4em}.box-primary-nav .box-social a{width:30px;height:30px;padding:0;font-size:30px}.box-primary-nav.is-visible{-webkit-transform:translateY(0);transform:translateY(0)}.box-primary-nav{padding:150px 0 0}.box-primary-nav li{font-size:18px}.box-intro{text-align:center;display:table;height:100vh;width:100%}.box-intro .table-cell{display:table-cell;vertical-align:middle}.box-intro em{font-style:normal;text-transform:uppercase}b i:last-child{color:#ffbf00!important}.box-intro h5{letter-spacing:4px;text-transform:uppercase;color:#999;line-height:1.7}.tile{margin:10vh}.mouse{position:absolute;width:22px;height:42px;bottom:40px;left:50%;margin-left:-12px;border-radius:15px;border:2px solid #888;-webkit-animation:intro 1s;animation:intro 1s}.scroll{display:block;width:3px;height:3px;margin:6px auto;border-radius:4px;background:#888;-webkit-animation:finger 2s infinite;animation:finger 2s infinite}@-webkit-keyframes intro{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes intro{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes finger{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes finger{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.box-headline{font-size:130px;line-height:1}.box-words-wrapper{display:inline-block;position:relative}.box-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.box-words-wrapper b.is-visible{position:relative}.no-js .box-words-wrapper b{opacity:0}.no-js .box-words-wrapper b.is-visible{opacity:1}.box-headline.rotate-2 .box-words-wrapper{-webkit-perspective:300px;perspective:300px}.box-headline.rotate-2 em,.box-headline.rotate-2 i{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.box-headline.rotate-2 b{opacity:0}.box-headline.rotate-2 i{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);opacity:0}.is-visible .box-headline.rotate-2 i{opacity:1}.box-headline.rotate-2 i.in{-webkit-animation:box-rotate-2-in .4s forwards;animation:box-rotate-2-in .4s forwards}.box-headline.rotate-2 i.out{-webkit-animation:box-rotate-2-out .4s forwards;animation:box-rotate-2-out .4s forwards}.box-headline.rotate-2 em{-webkit-transform:translateZ(20px);transform:translateZ(20px)}.no-csstransitions .box-headline.rotate-2 i{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0}.no-csstransitions .box-headline.rotate-2 i em{-webkit-transform:scale(1);transform:scale(1)}.no-csstransitions .box-headline.rotate-2 .is-visible i{opacity:1}@-webkit-keyframes box-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0)}}@keyframes box-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@-webkit-keyframes box-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg)}}@keyframes box-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}}.section{display:flex;justify-content:space-around;align-content:center;flex-wrap:wrap;margin-bottom:4vw;padding-top:4h}.section img{max-width:100%}.modalDescription{text-align:justify;padding-left:2em;padding-right:2em}.littleThumb{height:45px}@media only screen and (max-width:480px){.description{font-size:1rem;max-width:95%}}.icon{width:50px}.tiny-image{width:50px;display:inline;position:relative;top:18px;left:10px}.small-image{width:100px;margin-top:3rem;position:relative;top:18px;left:10px}.portfolio .categories-grid span{font-size:30px;margin-bottom:30px;display:inline-block}.portfolio .categories-grid .categories ul li{list-style:none;margin:20px 0}.portfolio .categories-grid .categories ul li a{display:inline-block;color:#60606e;padding:0 10px;margin:0 10px;-webkit-transition:all .2s ease-in-out .2s;transition:all .2s ease-in-out .2s}.portfolio .categories-grid .categories ul li a:focus,.portfolio .categories-grid .categories ul li a:hover{text-decoration:none}.portfolio .categories-grid .categories ul li a.active{margin-left:0;background-color:#ffbf00;padding:0 20px;color:#fff;border-radius:25px;text-decoration:none}.portfolio_filter{padding-left:0}.portfolio_item{position:relative;overflow:hidden;display:block;margin:3vh;box-shadow:10px 10px 8px #888}.portfolio_item .portfolio_item_hover{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.8);-webkit-transform:translate(-100%);transform:translate(-100%);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolio_item .portfolio_item_hover .item_info{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;width:100%;font-weight:700}.portfolio_item .portfolio_item_hover .item_info span{display:block;color:#fff;font-size:18px;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:all .2s ease-in-out .2s;transition:all .2s ease-in-out .2s;opacity:0}.portfolio_item .portfolio_item_hover .item_info em{font-style:normal;display:inline-block;background-color:#ffbf00;padding:5px 20px;border-radius:25px;color:#333;margin-top:10px;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s;opacity:0;font-size:10px;letter-spacing:2px}.portfolio_item:hover .portfolio_item_hover{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.portfolio_item:hover .item_info em,.portfolio_item:hover .item_info span{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.portfolio .categories-grid .categories ul li{float:left}.portfolio .categories-grid .categories ul li a{padding:0 10px;-webkit-transition:all .2s ease-in-out .2s;transition:all .2s ease-in-out .2s}.portfolio_filter{padding-left:0;display:inline-block;margin:0 auto;text-align:center;margin-bottom:50px}.portfolio-inner{padding-bottom:0!important;padding-top:55px}.about-me{text-align:justify}footer{padding:30px 0;text-align:center;background:#f5f5f5}.copyright{color:#ccc;margin-bottom:0}footer img{margin:0 auto}.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:20px;line-height:40px;font-size:20px;right:10px;text-align:center;color:#fff;background:rgba(255,191,0,.8);visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:focus,.no-touch .cd-top:hover{background-color:#ffbf00;opacity:1;color:#fff}.top-bar-about{color:#333;padding:150px 0 15%;background:-webkit-linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/canvas3.jpg');background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/canvas3.jpg');background-size:cover;background-attachment:fixed;background-position:center center;text-align:center}.top-bar-contact{color:#333;padding:150px 0 15%;background:-webkit-linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/envelopes.jpg');background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/envelopes.jpg');background-size:cover;background-position:center center;text-align:center}.top-bar-cv{color:#333;padding:150px 0 15%;background:-webkit-linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/stairs.jpg');background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('../img/stairs.jpg');background-size:cover;background-position:center bottom;text-align:center}.top-bar h1{font-size:60px;text-transform:uppercase;font-weight:700;color:#999;line-height:50px;padding-bottom:5vh}.top-bar p{font-size:15px;text-transform:uppercase;font-weight:500;color:#777}.top-bar p a{color:#777}.top-bar p a:focus,.top-bar p a:hover{color:#555;text-decoration:none}.social-ul{list-style:none;display:inline-block;padding-left:0}.social-ul li{margin:0 10px;float:left}.social-ul li a{font-size:25px;color:#555;-webkit-transition:all .3s;transition:all .3s}.social-ul li a:hover{color:#888}.size-50{font-size:50px}.service-box{margin-bottom:30px}.service-box h3{margin-top:0}.details-text i{margin-right:10px}.textarea-contact{height:200px;width:100%;border:solid 1px rgba(0,0,0,.1);position:relative}.textarea-contact textarea{height:100%;width:100%;border:0;padding:20px;background-color:transparent;float:left;z-index:2;font-size:14px;color:#9a9a9a;resize:none}.textarea-contact>span{position:absolute;top:20px;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;text-transform:uppercase;color:#cdcdcd;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1}.input-contact{height:40px;width:100%;border:solid 1px rgba(0,0,0,.1);position:relative;margin-bottom:30px}.input-contact input[type=text]{height:100%;width:100%;border:0;padding:0 20px;float:left;position:relative;background-color:transparent;z-index:2;font-size:14px;color:#9a9a9a}.input-contact>span{position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;text-transform:uppercase;color:#cdcdcd;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1}.input-contact>span.active,.textarea-contact>span.active{color:#ffbf00;font-size:10px;top:0;left:5px;background-color:#fff;padding:5px}input:focus,textarea:focus{outline:0}.contact-info{margin-top:20px}.contact-info i{height:30px;width:30px;display:inline-block;background:#ffbf00;text-align:center;line-height:33px;margin-right:10px;color:#fff;font-size:21px}.contact-info p{display:inline-block;margin-right:20px}.btn-box{background:#ffbf00;padding:10px 50px;border-radius:0;color:#fff;margin-top:20px;text-transform:uppercase;letter-spacing:2px;font-weight:500}.btn-box:focus,.btn-box:hover{background:#f5b700;color:#fff}.cat-ul{padding-left:0;list-style:none}.cat-ul li i{margin-right:10px;color:#ffbf00}@media (max-width:991px){.portfolio .categories-grid span{margin-bottom:0;text-align:center;width:100%}.portfolio .categories-grid .categories ul li{text-align:center}.portfolio .categories-grid .categories ul li a{margin-left:0}.col-md-6 h3{margin-top:30px}}@media only screen and (max-width:670px){.box-headline{font-size:100px}.box-intro h5{font-size:12px}.box-primary-nav a{padding:5px 1em;font-size:14px}.box-primary-nav{padding:80px 0 0}.box-primary-nav .box-social a{font-size:23px}.top-bar h1{font-size:40px;line-height:30px}.portfolio .categories-grid .categories ul li{float:none}}@media only screen and (max-width:520px){.box-headline{font-size:80px}.box-intro h5{font-size:12px}.main-container{padding:50px 0}}@media only screen and (max-width:420px){.box-headline{font-size:50px}.box-intro h5{font-size:12px}.top-bar h1{font-size:30px;line-height:30px}}.pengPhoto{padding-top:40%}.image-container{min-width:400px;max-width:600px;margin-top:3vw}@media only screen and (min-width:780px){.img-hover-zoom{overflow:hidden;margin-bottom:8vh}.img-hover-zoom img{transition:transform 1s,filter 2s ease-in-out;filter:blur(2px);transform:scale(1.2)}.img-hover-zoom:hover img{filter:blur(0);transform:scale(1)}}.description h3,.description img,.description p{margin-left:2vw!important;margin-right:2vw!important}.description p{width:100%}main{max-width:100vw}.timeline_area{position:relative;z-index:1}.single-timeline-area{position:relative;z-index:1;padding-left:180px}@media only screen and (max-width:575px){.single-timeline-area{padding-left:100px}}.single-timeline-area .timeline-date{position:absolute;width:180px;height:100%;top:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:60px}@media only screen and (max-width:575px){.single-timeline-area .timeline-date{width:100px}}.single-timeline-area .timeline-date::after{position:absolute;width:3px;height:100%;content:"";background-color:#ebebeb;top:0;right:30px;z-index:1}.single-timeline-area .timeline-date::before{position:absolute;width:11px;height:11px;border-radius:50%;background-color:#f1c40f;content:"";top:50%;right:26px;z-index:5;margin-top:-5.5px}.single-timeline-area .timeline-date p{margin-bottom:0;color:#020710;font-size:13px;text-transform:uppercase;font-weight:500}.single-timeline-area .single-timeline-content{position:relative;z-index:1;padding:30px 30px 25px;border-radius:6px;margin-bottom:15px;margin-top:15px;-webkit-box-shadow:0 .25rem 1rem 0 rgba(47,91,234,.125);box-shadow:0 .25rem 1rem 0 rgba(47,91,234,.125);border:1px solid #ebebeb}@media only screen and (max-width:480px){.single-timeline-area .single-timeline-content{padding:20px;max-width:480px}}.single-timeline-area .single-timeline-content .timeline-icon{-webkit-transition-duration:.5s;transition-duration:.5s;width:30px;height:30px;background-color:#f1c40f;-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;text-align:center;max-width:30px;border-radius:50%;margin-right:15px}.single-timeline-area .single-timeline-content .timeline-icon i{color:#fff;line-height:30px}.single-timeline-area .single-timeline-content .timeline-text h6{-webkit-transition-duration:.5s;transition-duration:.5s}.single-timeline-area .single-timeline-content .timeline-text p{font-size:13px;margin-bottom:0}.single-timeline-area .single-timeline-content:focus .timeline-icon,.single-timeline-area .single-timeline-content:hover .timeline-icon{background-color:#020710}.single-timeline-area .single-timeline-content:focus .timeline-text h6,.single-timeline-area .single-timeline-content:hover .timeline-text h6{color:#3f43fd}.min{min-height:32vh!important}.technologies{float:left;padding-left:2em}.green-bg{background-color:#1f911f;color:#fff}.teal-bg{background-color:#2f4f4f;color:#fff}.purple-gradient-bg{background:#512496;background:linear-gradient(90deg,#512496 0,#090979 35%,#aa2ac8 100%);color:#fff}.salmon-bg{background-color:#e9907c;color:#fff}.multicolor-bg{background:#062377;background:linear-gradient(90deg,#062377 0,#4bbbda 33%,#ee8ab3 66%,#c4232d 100%);color:#fff}.brown-bg{background-color:#553627;color:#fff}.black-bg{background-color:#000;color:#fff}.blue-bg{background-color:#00a8ff;color:#fff}#display{text-align:center;color:red;padding-bottom:1em}.avatarDiv{height:70vh;display:flex;align-items:center;justify-content:center}.avatarDiv img{max-width:350px;max-height:100%}@media screen and (max-width:1024px){.avatarDiv{height:30vh}}.break{flex-basis:100%;height:0;text-align:center}@media screen and (max-width:480px){.box-logo{display:none}}