.cover,.pace{position:fixed}#pagecontent{opacity:0;-webkit-transform:opacity .5s ease;-moz-transform:opacity .5s ease;-o-transform:opacity .5s ease;-ms-transform:opacity .5s ease;transform:opacity .5s ease}.cover{left:0;top:0;width:100%;height:100%;z-index:1999;background:#2b2b2b}.pace,.pace .pace-progress{left:0;top:0;z-index:2000;height:18rem}body.pace-running #pagecontent{opacity:0}body.pace-done #pagecontent{opacity:1}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-perspective:36rem;-moz-perspective:36rem;-ms-perspective:36rem;-o-perspective:36rem;perspective:36rem;width:18rem;margin:auto;right:0;bottom:0}.pace.pace-inactive .pace-progress{display:none}.pace .pace-progress{display:block;position:absolute;width:18rem!important;line-height:18rem;font-size:6rem;border-radius:50%;background:rgba(0,255,234,.6);color:#2b2b2b;font-family:Montserrat,sans-serif;font-weight:400;text-align:center;-webkit-animation:pace-theme-center-circle-spin linear infinite 2s;-moz-animation:pace-theme-center-circle-spin linear infinite 2s;-ms-animation:pace-theme-center-circle-spin linear infinite 2s;-o-animation:pace-theme-center-circle-spin linear infinite 2s;animation:pace-theme-center-circle-spin linear infinite 2s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}h2,p{font-weight:300}.pace .pace-progress:after{content:attr(data-progress-text);display:block}@-webkit-keyframes pace-theme-center-circle-spin{from{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(360deg)}}@-moz-keyframes pace-theme-center-circle-spin{from{-moz-transform:rotateY(0)}to{-moz-transform:rotateY(360deg)}}@-ms-keyframes pace-theme-center-circle-spin{from{-ms-transform:rotateY(0)}to{-ms-transform:rotateY(360deg)}}@-o-keyframes pace-theme-center-circle-spin{from{-o-transform:rotateY(0)}to{-o-transform:rotateY(360deg)}}@keyframes pace-theme-center-circle-spin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}*{box-sizing:boder-box;list-style:none}.row{margin-left:0;margin-right:0}html{width:100%;margin:0;padding:0}body{background-color:#2b2b2b;overflow-x:hidden}section{padding:80px 0}h3{padding-bottom:50px;font-size:20px;letter-spacing:1.2px;line-height:1.5}h1{font-family:'Oleo Script Swash Caps',cursive;text-transform:capitalize;font-size:51px;letter-spacing:.5px}#intro .all-wrap .text-wrap h1,.design h1,.navbar-default,h2{text-transform:uppercase}h2,h3,h4,p{font-family:Raleway,sans-serif}h3,h4{font-weight:400}h2{letter-spacing:1.5px;line-height:1.2;text-align:center}h4{letter-spacing:1.4px}h5{font-family:Tienne,serif;font-size:16px;letter-spacing:-.5px;color:#3d3d3d}.navbar-default,p{letter-spacing:1.1px}.navbar-default,.navbar-default .navbar-brand span{font-family:Raleway,sans-serif}p{font-size:17px;line-height:1.8}#intro{background-image:url(../images/fallback-bg.svg);background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-color:#9f7676}#portfolio{background-color:#fff}#about-me,.design{background-color:#2b2b2b;background-image:url(../images/decor-01.svg);background-repeat:repeat}.skillsets{background-color:#eee}#experience{background-image:url(../images/pattern.svg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-color:#9f7676}#contact .bio-style,#experience{background-position:center center;background-repeat:no-repeat;background-size:cover}#contact{background-color:#2b2b2b}footer{height:150px;background-color:#0b0b0b}.navbar-default{border-color:transparent;background-color:#00ffea;font-size:14px;font-weight:600}.navbar-default .navbar-brand{letter-spacing:1.3px;font-size:22px}.navbar-default .navbar-brand span{font-weight:300}.navbar-default .navbar-brand,.navbar-default .navbar-brand.active,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;font-weight:600}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:#9f7676;color:#fff;outline:0}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus{color:#fff;outline:0}.navbar-default .navbar-nav>li>a:hover{color:#00ffea}@media screen and (min-width:1044px){.navbar-default{padding:35px;border:0;background-color:transparent;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}.navbar-nav>li>a{padding-top:28px}.navbar-default .navbar-brand{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar-default .navbar-nav>.active>a{border-radius:0;height:75px;padding-top:28px}.page-scroll{height:75px}.navbar-default.navbar-shrink{padding:0 15px;background-color:#0b0b0b;height:75px}.navbar-default.navbar-shrink li a{color:#f3f3f3}.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em;letter-spacing:.8px;color:#fff;font-weight:600}.navbar-brand{padding-top:28px}.navbar-brand:focus,.navbar-brand:hover,.navbar-brand:visited{outline:0}}@media screen and (max-width:1043px){.container-fluid{margin:0;padding:0}.navbar-default{border:none;background-color:#000}.navbar-header{float:none;background-color:#0b0b0b;margin:0;height:60px;min-width:320px;padding-right:15px}.navbar-left,.navbar-nav,.navbar-right{float:none!important}.navbar-header .navbar-toggle{padding:10px;margin-top:8px;border-radius:0;border:none}.navbar-header .navbar-toggle:hover{background-color:transparent!important}.navbar-header .navbar-toggle:focus{background-color:transparent}.navbar-header .navbar-toggle .icon-bar{background-color:#fff;border:1.5px solid #fff;margin-bottom:6px}.navbar-header .navbar-brand{padding-left:50px;margin-top:6px;font-size:20px}.navbar-toggle{display:block}.navbar-collapse{overflow-x:hidden;border:none;margin:0;padding:0}.navbar-collapse.collapse{display:none!important}.navbar-nav{text-align:center;margin:0}.navbar-nav>li{float:none;background-color:#000;border-bottom:1px solid #2c2c2c}.navbar-nav>li:last-child{border-bottom:none}.navbar-nav>li>a{padding:20px 0}.collapse.in{display:block!important}}@media screen and (max-width:349px){.navbar-header .navbar-brand{padding-left:50px;margin-top:6px;font-size:18px;letter-spacing:1.1px}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.navbar-collapse{width:100%;margin:0;padding:0}}#intro{height:100vh;min-height:480px}#intro .all-wrap{height:100%;position:relative;padding:70px 1vh 5vh;max-width:800px;margin:0 auto}@media screen and (min-width:837px) and (max-width:2000px){#intro .all-wrap{padding-top:110px;width:58%}}@media screen and (min-width:2001px){#intro .all-wrap{max-width:1000px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap{width:65%}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap{width:60%}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){#intro .all-wrap{width:55%}}@media only screen and (min-device-width:320px) and (max-device-width:533px) and (-webkit-min-device-pixel-ratio:1.4) and (orientation:landscape){#intro .all-wrap{width:65%!important}}@media only screen and (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap{width:55%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap{width:60%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap{width:60%}}@media only screen and (min-device-width:600px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap{width:53%}}#intro .all-wrap .text-wrap{position:absolute;z-index:3;left:0;margin-top:40vh;margin-left:23px}#intro .all-wrap .text-wrap .typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-moz-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}#intro .all-wrap .text-wrap h1,#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-family:Montserrat,sans-serif;color:#fff;margin:0;padding:0;width:75%}#intro .all-wrap .text-wrap h1{font-weight:700;letter-spacing:.2px;line-height:1;padding:0;margin:15px 0 10px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-weight:400;letter-spacing:.3px;text-transform:uppercase}#intro .all-wrap .text-wrap h2{display:inline-block;text-align:left;border-bottom:2px solid #fff;border-top:2px solid #fff;padding:2px 0}@media screen and (min-width:320px) and (max-width:415px){#intro .all-wrap .text-wrap h1{font-size:25px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:12px}#intro .all-wrap .text-wrap h2{display:none}}@media screen and (min-width:416px) and (max-width:505px){#intro .all-wrap .text-wrap h1{font-size:32px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:14px}#intro .all-wrap .text-wrap h2{display:none}}@media screen and (min-width:506px) and (max-width:588px){#intro .all-wrap .text-wrap h1{font-size:40px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:16px}#intro .all-wrap .text-wrap h1,#intro .all-wrap .text-wrap h2{width:100%}#intro .all-wrap .text-wrap h2{display:none}}@media screen and (min-width:589px) and (max-width:660px){#intro .all-wrap .text-wrap h1{font-size:42px;width:100%}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:15px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}}@media screen and (min-width:661px) and (max-width:836px){#intro .all-wrap .text-wrap h1{font-size:50px;width:100%}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:18px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h3{width:75%}}@media screen and (min-width:837px) and (max-width:1280px){#intro .all-wrap .text-wrap{margin-top:35vh}#intro .all-wrap .text-wrap h1{font-size:55px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:16px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h1,#intro .all-wrap .text-wrap h2{width:100%}#intro .all-wrap .text-wrap h3{width:75%}}@media screen and (min-width:1281px) and (max-width:2059px){#intro .all-wrap .text-wrap h1{font-size:69px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:19px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h1,#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{width:100%}}@media screen and (min-width:2060px){#intro .all-wrap .text-wrap h1{font-size:82px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:23px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h1,#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{width:100%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#intro .all-wrap .text-wrap h1{font-size:25px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:12px}#intro .all-wrap .text-wrap h2{display:none}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap .text-wrap h1{font-size:25px!important}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:12px}#intro .all-wrap .text-wrap h2{display:none}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap .text-wrap h1{font-size:32px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:14px}#intro .all-wrap .text-wrap h2{display:none}#intro .all-wrap .text-wrap{margin-top:60vh}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#intro .all-wrap .text-wrap h1{font-size:29px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:13px}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap .text-wrap h1{font-size:29px!important}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:13px}#intro .all-wrap .text-wrap h2{display:none!important}#intro .all-wrap .text-wrap{margin-top:45vh!important}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){#intro .all-wrap .text-wrap h1{font-size:32px!important}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:14px}#intro .all-wrap .text-wrap h2{display:none!important}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:43vh!important}#intro .all-wrap .text-wrap h1{font-size:32px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:14px}#intro .all-wrap .text-wrap h2{display:none}}@media only screen and (min-device-width:320px) and (max-device-width:533px) and (-webkit-min-device-pixel-ratio:1.4) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:58vh!important}#intro .all-wrap .text-wrap h1{font-size:25px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:12px}#intro .all-wrap .text-wrap h2{display:none}}@media only screen and (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:48vh!important}#intro .all-wrap .text-wrap h1{font-size:25px!important}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:12px}#intro .all-wrap .text-wrap h2{display:none!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:40vh!important}#intro .all-wrap .text-wrap h1{font-size:50px;width:100%}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:17px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h3{width:75%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:40vh!important}#intro .all-wrap .text-wrap h1{font-size:50px;width:100%}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:17px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}#intro .all-wrap .text-wrap h3{width:75%}}@media only screen and (min-device-width:600px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:35vh}#intro .all-wrap .text-wrap h1{font-size:42px;width:100%}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:14px}#intro .all-wrap .text-wrap h2{display:inline;padding:2px 0;border-bottom:1px solid #fff;border-top:1px solid #fff}}@media only screen and (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:51vh}}@media only screen and (min-device-width:384px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:1.25) and (orientation:portrait){#intro .all-wrap .text-wrap h1{font-size:29px}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:13px}}@media only screen and (min-device-width:384px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:1.25) and (orientation:landscape){#intro .all-wrap .text-wrap{margin-top:43vh}#intro .all-wrap .text-wrap h1{font-size:29px!important}#intro .all-wrap .text-wrap h2,#intro .all-wrap .text-wrap h3{font-size:13px}#intro .all-wrap .text-wrap h2{display:none!important}}.design h1,.design h3{color:#fff;margin:0 auto}#intro .all-wrap svg>polygon{opacity:1}#intro .all-wrap .me{height:100%;z-index:2;position:relative}.no-cssanimations #intro .all-wrap .me>polygon,.no-js #intro .all-wrap .me>polygon{transform:scale(1);opacity:1}#intro .geometry{position:absolute;left:0;right:0;top:0;bottom:0}.design h1{font-family:Raleway,sans-serif;font-weight:200;line-height:1.4;letter-spacing:1px;font-size:48px}.design h3{padding-bottom:5%}@media screen and (min-width:320px) and (max-width:570px){.design h1,.design h3{width:65%}.design h1{font-size:23px;margin-bottom:20px}.design h3{font-size:13px;font-weight:200;line-height:1.8;padding-bottom:0}}@media screen and (min-width:571px) and (max-width:767px){.design h1,.design h3{width:65%}.design h1{font-size:28px;margin-bottom:23px}.design h3{font-size:15px;font-weight:200;line-height:1.8;padding-bottom:0}}@media screen and (min-width:768px) and (max-width:991px){.design h1,.design h3{width:65%}.design h1{font-size:34px;margin-bottom:20px}.design h3{font-size:17px;font-weight:200;line-height:1.8;padding-bottom:30px}}@media screen and (min-width:992px) and (max-width:1199px){.design h1,.design h3{width:65%}.design h1{font-size:45px;margin-bottom:18px}.design h3{font-size:20px;font-weight:200;line-height:1.8;padding-bottom:8%}}@media screen and (min-width:1200px){.design{padding:180px 0}.design h1,.design h3{width:60%;max-width:990px}.design h1{font-weight:100;letter-spacing:1.8px;font-size:59px;margin-bottom:18px;line-height:1.2}.design h3{font-size:23px;font-weight:200;line-height:1.7;padding-bottom:3%}}#portfolio{position:relative}#portfolio a{text-decoration:none;color:#fff;outline:0}#portfolio h1{margin-top:28px}#portfolio h3{width:60%;margin:0 auto 50px}@media screen and (min-width:320px) and (max-width:570px){#portfolio h1{font-size:28px}#portfolio h3{width:65%;font-size:13px;font-weight:400;line-height:1.8;padding-bottom:0}}@media screen and (min-width:571px) and (max-width:767px){#portfolio h1{font-size:32px}#portfolio h3{width:65%;font-size:15px;font-weight:400;line-height:1.8;padding-bottom:0}}@media screen and (min-width:768px) and (max-width:991px){#portfolio h1{font-size:36px;margin-top:70px}#portfolio h3{width:65%;font-size:16px;font-weight:400;line-height:1.8;padding-bottom:0}}@media screen and (min-width:992px) and (max-width:1199px){#portfolio h1{font-size:42px;margin-top:57px}#portfolio h3{width:60%;font-size:18px;font-weight:400;line-height:1.7;padding-bottom:0}}@media screen and (min-width:1200px) and (max-width:1900px){#portfolio h1{font-size:51px;margin-top:48px;margin-bottom:37px}#portfolio h3{width:50%;font-size:18px;font-weight:400;line-height:1.6;padding-bottom:0;margin-bottom:37px}}@media screen and (min-width:1901px){#portfolio h1{font-size:51px;margin-top:37px;margin-bottom:37px}#portfolio h3{width:38%;font-size:20px;font-weight:400;line-height:1.6;margin-bottom:37px}}#portfolio .layout-bg{top:-25%;height:100px;background-color:#fff;position:absolute;z-index:20}@media screen and (min-width:320px) and (max-width:767px){#portfolio .layout-bg{display:none}}@media screen and (min-width:768px) and (max-width:1199px){#portfolio{padding-top:0}#portfolio .layout-bg{display:block;top:-15%}}@media screen and (min-width:1200px){#portfolio{padding-top:0}#portfolio .layout-bg{display:block;top:-20%}}#portfolio .portfolio-range{width:85%;margin:0 auto}@media screen and (min-width:320px) and (max-width:570px){#portfolio .portfolio-range{width:100%}}@media screen and (min-width:571px) and (max-width:767px){#portfolio .portfolio-range{width:80%}}@media screen and (min-width:768px) and (max-width:991px){#portfolio .portfolio-range{width:90%}}@media screen and (min-width:992px) and (max-width:1199px){#portfolio .portfolio-range{width:100%}}@media screen and (min-width:1200px) and (max-width:2059px){#portfolio .portfolio-range{width:100%}}@media screen and (min-width:2060px){#portfolio .portfolio-range{width:80%}}#portfolio .portfolio-range .portfolio-item{position:relative;margin-bottom:10%}#portfolio .portfolio-range .portfolio-item .portfolio-link{display:block;width:100%;height:100%}#experience .timeline-all .timeline-item .timeline-content,#experience .timeline-all .timeline-item .timeline-content :after{content:"";display:table;clear:both}#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover{position:absolute;z-index:2;height:100%;width:100%;opacity:0;border:20px solid #00ffea;background-color:rgba(15,135,205,.8);-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}@media screen and (min-width:320px) and (max-width:991px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover{border-width:13px}}@media screen and (min-width:992px) and (max-width:1500px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover{border-width:16px}}@media screen and (min-width:1501px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover{border-width:20px}}#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover:active,#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover i{color:rgba(255,255,255,.9);margin-top:50%}@media screen and (min-width:320px) and (max-width:991px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover i{margin-top:40%}}@media screen and (min-width:992px) and (max-width:1600px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-hover i{margin-top:45%}}#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-title{position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.8)}#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-title h4{line-height:50px;text-transform:capitalize}@media screen and (min-width:320px) and (max-width:767px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-title h4{font-size:14px;letter-spacing:1px;line-height:28px}}@media screen and (min-width:768px) and (max-width:1199px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-title h4{font-size:16px;letter-spacing:1px;line-height:28px}}@media screen and (min-width:1200px) and (max-width:2059px){#portfolio .portfolio-range .portfolio-item .portfolio-link .portfolio-title h4{font-size:15px;letter-spacing:1px;line-height:28px}}#about-me{background-color:#2b2b2b;color:#fff}@media screen and (min-width:320px) and (max-width:570px){#about-me h1{font-size:28px}}@media screen and (min-width:571px) and (max-width:767px){#about-me h1{font-size:32px}}@media screen and (min-width:768px) and (max-width:991px){#about-me h1{font-size:36px}}@media screen and (min-width:992px) and (max-width:1199px){#about-me h1{font-size:42px}}@media screen and (min-width:1200px){#about-me h1{font-size:51px;margin-bottom:37px}}#about-me h3{margin:0 auto}@media screen and (min-width:320px) and (max-width:400px){#about-me h3{width:65%;font-size:13px;font-weight:200;line-height:1.8}}@media screen and (min-width:401px) and (max-width:570px){#about-me h3{width:75%;font-size:13px;font-weight:200;line-height:1.8}}@media screen and (min-width:571px) and (max-width:767px){#about-me h3{width:65%;font-size:15px;font-weight:200;line-height:1.8}}@media screen and (min-width:768px) and (max-width:991px){#about-me h3{width:65%;font-size:16px;font-weight:200;line-height:1.8}}@media screen and (min-width:992px) and (max-width:1199px){#about-me h3{width:65%;font-size:18px;font-weight:200;line-height:1.8}}@media screen and (min-width:1200px) and (max-width:1900px){#about-me h3{width:50%;font-size:18px;font-weight:200;line-height:1.7}}@media screen and (min-width:1901px){#about-me h3{width:80%;font-size:20px;font-weight:200;line-height:1.7;margin-bottom:37px}}#about-me .about-me-style{padding:1.5em}@media screen and (min-width:320px) and (max-width:480px){#about-me .about-me-style{width:85%;margin:0 auto}#about-me .about-me-style p{font-size:13px;line-height:1.8;text-align:center;font-weight:200;margin-bottom:18%}#about-me .about-me-style p:last-child{margin-bottom:0}}@media screen and (min-width:481px) and (max-width:570px){#about-me .about-me-style{width:65%;margin:0 auto}#about-me .about-me-style p{font-size:13px;line-height:1.8;text-align:center;font-weight:200;margin-bottom:18%}#about-me .about-me-style p:last-child{margin-bottom:0}}@media screen and (min-width:571px) and (max-width:767px){#about-me .about-me-style{width:65%;margin:0 auto}#about-me .about-me-style p{font-size:15px;line-height:1.8;text-align:center;font-weight:200;margin-bottom:18%}#about-me .about-me-style p:last-child{margin-bottom:0}}@media screen and (min-width:768px) and (max-width:991px){#about-me .about-me-style{margin-bottom:50px}#about-me .about-me-style p{font-size:15px;line-height:1.8;text-align:left;font-weight:200;padding-left:10%;padding-right:10%}}@media screen and (min-width:992px) and (max-width:1199px){#about-me .about-me-style{margin-bottom:50px}#about-me .about-me-style p{font-size:15px;line-height:1.8;text-align:left;font-weight:200;padding-left:16%;padding-right:16%}}@media screen and (min-width:1200px){#about-me .about-me-style{margin-bottom:50px}#about-me .about-me-style p{font-size:15px;line-height:1.8;text-align:left;font-weight:200}}#about-me .about-me-style h2{margin-bottom:28px;padding-bottom:30px;border-bottom:1px solid #3d3d3d}@media screen and (min-width:320px) and (max-width:400px){#about-me .about-me-style h2{font-size:18px;margin:0 auto 8%;padding-bottom:8%;line-height:1.3;text-align:center}}@media screen and (min-width:401px) and (max-width:570px){#about-me .about-me-style h2{font-size:20px}}@media screen and (min-width:571px) and (max-width:767px){#about-me .about-me-style h2{font-size:24px}}@media screen and (min-width:768px) and (max-width:991px){#about-me .about-me-style h2{font-size:26px;width:85%;text-align:center;margin:10% auto}}@media screen and (min-width:992px) and (max-width:1199px){#about-me .about-me-style h2{font-size:28px;width:65%;text-align:center;margin:10% auto}}@media screen and (min-width:1200px){#about-me .about-me-style h2{font-size:28px;width:95%;text-align:center;margin:10% auto}}#about-me .about-me-style .icon-holder{text-align:center;margin-bottom:45px}#about-me .about-me-style .icon-holder img{height:90%;width:90%}@media screen and (min-width:320px) and (max-width:400px){#about-me .about-me-style .icon-holder img{height:88%;width:88%}}@media screen and (min-width:401px) and (max-width:570px){#about-me .about-me-style .icon-holder img{height:78%;width:78%;max-width:190px}}@media screen and (min-width:571px) and (max-width:767px){#about-me .about-me-style .icon-holder img{height:70%;width:70%;max-width:233px}}@media screen and (min-width:768px) and (max-width:1199px){#about-me .about-me-style .icon-holder img{height:65%;width:65%;max-width:220px}}.skillsets{padding-top:0}.skillsets .skillsets-content-style{background-color:#f7f7f7}.skillsets h3{width:60%;margin:50px auto;padding-top:50px}@media screen and (min-width:320px) and (max-width:570px){.skillsets h3{width:65%;font-size:13px;font-weight:400;line-height:1.8}}@media screen and (min-width:571px) and (max-width:767px){.skillsets h3{width:65%;font-size:15px;font-weight:400;line-height:1.8}}@media screen and (min-width:768px) and (max-width:991px){.skillsets h3{width:65%;font-size:16px;font-weight:400;line-height:1.8}}@media screen and (min-width:992px) and (max-width:1199px){.skillsets h3{width:60%;font-size:18px;font-weight:400;line-height:1.8}}@media screen and (min-width:1200px){.skillsets h3{width:45%;font-size:18px;font-weight:400;line-height:1.8}}.skillsets .skillsets-icon-style{width:80%;margin:85px auto 0}@media screen and (min-width:992px) and (max-width:1199px){.skillsets .skillsets-icon-style{width:90%}}@media screen and (min-width:1200px) and (max-width:1989px){.skillsets .skillsets-icon-style{width:100%}}@media screen and (min-width:1990px){.skillsets .skillsets-icon-style{width:80%}}.skillsets .skillsets-icon-style .skill-content{text-align:center;text-transform:capitalize}.skillsets .skillsets-icon-style .skill-content h5{margin:20px 0 0;text-transform:capitalize}@media screen and (min-width:320px) and (max-width:570px){.skillsets .skillsets-icon-style .skill-content h5{font-size:14px}}.skillsets .skillsets-icon-style .skill-content p{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:14px;font-weight:400;letter-spacing:.8px;text-transform:capitalize;color:#707070}@media screen and (min-width:320px) and (max-width:991px){.skillsets .skillsets-icon-style .skill-content p{margin-bottom:10%;font-size:13px}}#experience{padding-bottom:150px;height:100%;color:#fff}@media screen and (min-width:320px) and (max-width:570px){#experience h1{font-size:28px;margin-top:0}#experience h3{font-size:13px;line-height:1.6;font-weight:200;width:75%;margin:0 auto}}@media screen and (min-width:571px) and (max-width:767px){#experience h1{font-size:32px;margin-top:0}#experience h3{font-size:15px;line-height:1.6;font-weight:200;width:75%;margin:0 auto}}@media screen and (min-width:768px) and (max-width:991px){#experience h1{font-size:36px;margin-top:0}#experience h3{font-size:16px;line-height:1.6;font-weight:200;width:75%;margin:0 auto}}@media screen and (min-width:992px) and (max-width:1199px){#experience h1{font-size:42px;margin-top:0}#experience h3{font-size:18px;line-height:1.6;font-weight:200;width:75%;margin:0 auto}}@media screen and (min-width:1200px){#experience h1{font-size:51px;margin-top:0;margin-bottom:37px}#experience h3{font-size:18px;line-height:1.6;font-weight:200;width:75%;margin:0 auto}}#experience .timeline-all{position:relative}#experience .timeline-all::before{content:"";position:absolute;top:0;left:24px;height:100%;width:1px;background-color:rgba(255,255,255,.3)}@media only screen and (min-width:992px){#experience .timeline-all::before{left:50%;margin-left:0}}#experience .timeline-all .timeline-item{position:relative;margin:2em 0}#experience .timeline-all .timeline-item:first-child{margin-top:0}#experience .timeline-all .timeline-item:last-child{margin-bottom:0}#experience .timeline-all .timeline-item .timeline-img{position:absolute;top:13px;left:0;height:1.5em;width:1.5em;border-radius:50%;background-color:#fff;border:5px solid #0f87cd}@media only screen and (min-width:992px){#experience .timeline-all .timeline-item{margin:0}#experience .timeline-all .timeline-item::after{content:"";display:table;clear:both}#experience .timeline-all .timeline-item:nth-child(even) .timeline-content{float:right}#experience .timeline-all .timeline-item .timeline-img{left:50%;margin-left:-.7em}}#experience .timeline-all .timeline-item .timeline-content{position:relative;margin-left:5%;width:95%;background-color:#fff;border:12px solid #fff}@media only screen and (min-width:992px){#experience .timeline-all .timeline-item .timeline-content{width:47%;margin-left:0}}@media screen and (min-width:320px) and (max-width:480px){#experience .timeline-all .timeline-item .timeline-content{width:95%;margin-left:10%}}#experience .timeline-all .timeline-item .timeline-content .timeline-content-title{position:relative;float:left;padding:5%;color:#3d3d3d;text-transform:capitalize;background-color:#ebebeb;border-right:10px solid #0f87cd;width:80%}#experience .timeline-all .timeline-item .timeline-content .timeline-content-title h2{font-family:Tienne,serif;font-weight:700;font-size:24px;text-align:left;text-transform:capitalize;letter-spacing:-.5px;margin-bottom:0;padding-bottom:0;line-height:1.4;margin-top:0}@media screen and (min-width:320px) and (max-width:570px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-title{width:76%}#experience .timeline-all .timeline-item .timeline-content .timeline-content-title h2{font-size:18px;line-height:1.3;margin-bottom:6%}}@media screen and (min-width:571px) and (max-width:767px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-title h2{font-size:20px;line-height:1.3;margin-bottom:3%}}@media screen and (min-width:768px) and (max-width:991px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-title h2{font-size:26px;line-height:1.3;margin-bottom:3%}}#experience .timeline-all .timeline-item .timeline-content .timeline-content-title p{font-size:15px;font-family:Raleway,sans-serif;font-weight:500;letter-spacing:1px;margin-bottom:30px;line-height:1.5}@media screen and (min-width:320px) and (max-width:767px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-title p{line-height:1.6}}@media screen and (min-width:768px) and (max-width:991px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-title p{font-size:15px}}#experience .timeline-all .timeline-item .timeline-content .timeline-content-date{position:relative;float:right;margin-top:20px;width:20%;text-align:center}#experience .timeline-all .timeline-item .timeline-content .timeline-content-date span{display:block;margin:0;padding:0;line-height:20px;text-align:center;color:#3d3d3d;text-transform:capitalize;font-size:13px;letter-spacing:.2px}@media screen and (min-width:320px) and (max-width:767px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-date span{font-size:11px;letter-spacing:0;margin:0;padding:0}}@media screen and (min-width:768px) and (max-width:991px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-date span{font-size:12px;letter-spacing:0;margin:0;padding:0}}#experience .timeline-all .timeline-item .timeline-content .timeline-content-date .year{font-size:22px;font-family:Tienne,serif;font-weight:700}@media screen and (min-width:320px) and (max-width:480px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-date .year{font-size:15px}}@media screen and (min-width:481px) and (max-width:767px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-date .year{font-size:18px}}@media screen and (min-width:768px) and (max-width:991px){#experience .timeline-all .timeline-item .timeline-content .timeline-content-date .year{font-size:20px}}.alert,.alert-success{text-align:left;background-color:transparent;border:1px solid #0f87cd;border-radius:0;font-size:10px;color:#0f87cd}.alert button,.alert-success button{margin:0;padding:0}.alert .close,.alert-success .close{opacity:1;color:#0f87cd;border:0;text-shadow:none;text-transform:inherit}.alert strong,.alert-success strong{font-family:Raleway,sans-serif!important;font-weight:500;text-align:center}#contact{padding-top:0;color:#fff;height:100%}#contact .container-fluid{padding-left:0;padding-right:0}@media screen and (min-width:320px) and (max-width:991px){#contact .form-range{padding:0 1%}}@media screen and (min-width:992px) and (max-width:1199px){#contact .form-range{padding:0 1%}}@media screen and (min-width:1200px){#contact .form-range{padding:2%}}#contact .bio-style{background-image:url(../images/myphoto.jpg);-moz-background-size:cover;-webkit-background-size:cover;-ms-background-size:cover;height:684px}#contact .bio-style h1,#contact .bio-style p{color:#3d3d3d}#contact .bio-style h1{margin-top:10%;padding:0 40% 0 10%}@media screen and (min-width:320px) and (max-width:570px){#contact .bio-style h1{font-size:28px;text-align:center;padding:0;margin-top:80px}}@media screen and (min-width:571px) and (max-width:767px){#contact .bio-style h1{font-size:32px;text-align:center;padding:0;margin-top:80px}}@media screen and (min-width:768px) and (max-width:991px){#contact .bio-style h1{font-size:35px;text-align:center;padding:0;margin-top:80px}}@media screen and (min-width:992px) and (max-width:1199px){#contact .bio-style h1{font-size:42px;text-align:center;padding:0;margin-top:80px}}@media screen and (min-width:1200px){#contact .bio-style h1{font-size:51px;text-align:left;padding:0;margin-top:80px;margin-bottom:37px}}#contact .bio-style p{padding:0 40% 0 10%;margin-bottom:10%;font-weight:500;letter-spacing:.04em;line-height:1.9}@media screen and (min-width:320px) and (max-width:570px){#contact .bio-style p{font-size:13px;line-height:1.8;text-align:center;margin:0 auto;padding:0;width:78%}}@media screen and (min-width:571px) and (max-width:767px){#contact .bio-style p{font-size:15px;line-height:1.8;text-align:center;margin:0 auto;padding:0;width:78%}}@media screen and (min-width:768px) and (max-width:991px){#contact .bio-style p{font-size:16px;line-height:1.8;text-align:center;margin:0 auto;padding:0;width:75%}}@media screen and (min-width:992px) and (max-width:1199px){#contact .bio-style p{font-size:16px;line-height:1.9;text-align:center;margin:0 auto;padding:0;width:55%}}@media screen and (min-width:1200px) and (max-width:1700px){#contact .bio-style p{font-size:16px;line-height:1.9;text-align:left;margin:0 auto 37px;padding:0;width:100%}}@media screen and (min-width:1701px){#contact .bio-style p{font-size:16px;line-height:2;text-align:left;margin-bottom:37px;padding:0;width:70%}}@media screen and (min-width:320px) and (max-width:570px){#contact .container{padding-left:0;padding-right:0}#contact .container p{font-size:14px}}@media screen and (min-width:571px) and (max-width:767px){#contact .container{padding-left:0;padding-right:0}#contact .container p{font-size:16px}}#contact .infos,#contact .phone{text-transform:uppercase;font-size:18px}#contact #contactForm{margin-top:10%}#contact .phone{letter-spacing:1px}#contact .phone p:first-child{font-weight:500;letter-spacing:1px}@media screen and (min-width:320px) and (max-width:991px){#contact .phone p:first-child{margin-top:10%}}@media screen and (min-width:320px) and (max-width:570px){#contact .phone{text-align:left;margin-bottom:60px}}@media screen and (min-width:571px) and (max-width:767px){#contact .phone{text-align:left;margin-bottom:80px}}@media screen and (min-width:768px) and (max-width:991px){#contact .phone{text-align:left;margin-bottom:100px}}#contact .phone .icon-phone{margin-top:30px}#contact .phone .icon-phone i{background-color:#0f87cd;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;margin-right:10px;color:#2b2b2b}#contact .phone .icon-phone p{display:inline-block;border-bottom:none}#contact .infos p,#contact .phone p{border-bottom:1px solid rgba(255,255,255,.3);padding:0 0 10px}#contact .phone p{margin:0}#contact p{margin-bottom:80px}#contact .infos{letter-spacing:1.5px}#contact .infos p{margin:0;font-weight:500;letter-spacing:1.5px}#contact .form-group input,#contact .form-group textarea{background-color:#3d3d3d;color:#f3f3f3;letter-spacing:.08em;box-shadow:none}#contact .form-group:nth-child(1){margin-top:53px}#contact .form-group input{height:60px;border-radius:0;border-color:transparent}#contact .form-group input:focus{border:2px solid #0f87cd}#contact .form-group textarea{height:270px;padding:20px;border-radius:0;border-color:transparent}#contact .form-group textarea:focus{border:2px solid #0f87cd}#contact .form-group .help-block{border-bottom:none}#contact .form-group{margin-bottom:10px}#contact .submit-btn{text-transform:capitalize;font-family:Tienne,serif;font-weight:400;font-size:1.1em;letter-spacing:.01em;padding:22px 60px;background-color:#0f87cd;color:#fff;border-radius:0}@media screen and (min-width:320px) and (max-width:570px){#contact .submit-btn{width:100%;margin:10% 0 0;font-size:16px}}@media screen and (min-width:571px) and (max-width:1199px){#contact .submit-btn{margin-top:15px;font-size:16px}}#contact .submit-btn:active,#contact .submit-btn:hover{background-color:#179fee}#contact .text-danger{font-size:12px;font-weight:500;text-transform:none;letter-spacing:.08em;margin:0;padding:0;height:30px;line-height:30px;color:#179fee}#contact .text-danger ul{width:100%;margin:0;padding:0}@media screen and (min-width:320px) and (max-width:767px){#contact .infos p{text-align:left}#contact .text-danger ul{font-size:11px;width:100%;text-align:left;margin:1% 0 0;padding:0}}footer{text-transform:uppercase;letter-spacing:.5px;color:#afafaf}footer p{font-size:12px;line-height:150px;padding:0;margin:0}@media screen and (min-width:320px) and (max-width:570px){footer p{font-size:10px}}@media screen and (min-width:571px) and (max-width:767px){footer p{font-size:12px}}@media screen and (min-width:768px) and (max-width:991px){footer p{font-size:15px}}.portfolio-modal{overflow-x:hidden}.portfolio-modal .modal-content{width:100vw;padding:100px 0 0;margin:0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.portfolio-modal .modal-content .close-modal{padding:0;margin:0;z-index:9999;position:fixed;top:15px;right:30px;width:70px;height:75px;border-radius:8px;cursor:pointer;background-color:rgba(190,190,190,.39)}.portfolio-modal .modal-content .close-modal:hover{opacity:.3}.portfolio-modal .modal-content .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#222;opacity:.5;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width:320px) and (max-width:480px){.portfolio-modal .modal-content .close-modal{right:20px}.portfolio-modal .modal-content .close-modal .lr{height:50px}}.portfolio-modal .modal-content .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#222;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.portfolio-modal .modal-content .modal-body{padding:0;margin:0;color:#3d3d3d}.portfolio-modal .modal-content .modal-body p{margin:0}.portfolio-modal .modal-content .modal-body h1,.portfolio-modal .modal-content .modal-body h4{font-family:Montserrat,sans-serif}.portfolio-modal .modal-content .modal-body h1{font-size:120px;text-transform:uppercase;text-align:center;line-height:1.1;margin:0}@media screen and (max-width:991px){.portfolio-modal .modal-content .modal-body h1{font-size:80px;line-height:1}}.portfolio-modal .modal-content .modal-body h4{display:inline-block;padding-bottom:10px;font-size:30px}@media screen and (min-width:320px) and (max-width:480px){.portfolio-modal .modal-content .close-modal .lr .rl{height:50px}.portfolio-modal .modal-content .modal-body h1{font-size:30px;line-height:1;margin-top:5px}.portfolio-modal .modal-content .modal-body h4{font-size:24px}}@media screen and (max-width:474px){.portfolio-modal .modal-content .modal-body .details{padding:20px 0}}.portfolio-modal .modal-content .modal-body .details p{display:inline-block;padding:15px .5% 30px;font-size:14px;font-weight:400;text-transform:uppercase;margin:0}@media screen and (max-width:474px){.portfolio-modal .modal-content .modal-body .details p{padding:5px 0;font-size:13px}}.portfolio-modal .modal-content .modal-body .details p span{font-weight:700;letter-spacing:1.5}.portfolio-modal .modal-content .container-fluid{padding-right:0;padding-left:0}.portfolio-modal .modal-content .content-outline{padding:40px 0;border-top:5px solid #2b2b2b;border-bottom:1px solid #2b2b2b}.portfolio-modal .modal-content .content-outline p{font-size:15px;font-weight:400;padding:0 15px;margin:0}@media screen and (max-width:570px){.portfolio-modal .modal-content .content-outline p{font-size:13px}}.portfolio-modal .modal-content .tech{margin:48px 0}.portfolio-modal .modal-content .tech p{font-size:14px;font-weight:400;text-transform:uppercase;margin:0}@media screen and (max-width:474px){.portfolio-modal .modal-content .tech p{padding:5px 0;font-size:13px;display:inline-block}}.portfolio-modal .modal-content .tech p span{padding-left:10px}.portfolio-modal .modal-content .tech p span:first-child{padding-left:0;font-weight:700}.portfolio-modal .modal-content .hero-image img{margin:0 auto;padding:5% 0}@media screen and (max-width:1199px){.portfolio-modal .modal-content .hero-image img{padding:8% 0}}.portfolio-modal .modal-content .sub-image-first{padding-top:5%}@media screen and (max-width:1199px){.portfolio-modal .modal-content .sub-image-first{padding-top:8%}}.portfolio-modal .modal-content .sub-image img,.portfolio-modal .modal-content .sub-image-first img{margin:0 auto}.portfolio-modal .modal-content .sub-image img{padding-top:3%}@media screen and (max-width:1199px){.portfolio-modal .modal-content .sub-image img{padding-top:6%}}.portfolio-modal .modal-content .more-btn{padding:20px 0 30px}.portfolio-modal .modal-content .more-btn .more-btn-wrap{background-color:#0b0b0b;text-align:center;width:150px;margin:1% auto 0;padding:10px 15px}.portfolio-modal .modal-content .more-btn .more-btn-wrap a{color:#fff;text-transform:uppercase;text-decoration:none}.portfolio-modal .modal-content .more-btn .more-btn-wrap a p{margin:0;font-size:12px}.portfolio-modal .modal-content .more-btn .more-btn-wrap a p i{margin:0 auto 1px;vertical-align:bottom}#portfolioModal-livelihoods h4{border-bottom:8px solid #afc72d}#portfolioModal-livelihoods .hero-image{background-color:#afc72d}#portfolioModal-livelihoods .more-btn,#portfolioModal-livelihoods .sub-image,#portfolioModal-livelihoods .sub-image-first{background-color:#87bfeb}#portfolioModal-blog1 h4{border-bottom:8px solid #ffc74e}#portfolioModal-blog1 .hero-image{background-color:#ffc74e}#portfolioModal-blog1 .more-btn,#portfolioModal-blog1 .sub-image,#portfolioModal-blog1 .sub-image-first{background-color:#768762}#portfolioModal-blog2 h4{border-bottom:8px solid #ffbe92}#portfolioModal-blog2 .hero-image{background-color:#ffbe92}#portfolioModal-blog2 .more-btn,#portfolioModal-blog2 .sub-image,#portfolioModal-blog2 .sub-image-first{background-color:#425e7e}#portfolioModal-blog3 h4{border-bottom:8px solid #f87a78}#portfolioModal-blog3 .hero-image{background-color:#f87a78}#portfolioModal-blog3 .more-btn,#portfolioModal-blog3 .sub-image,#portfolioModal-blog3 .sub-image-first{background-color:#f2eade}#portfolioModal-blog4 h4{border-bottom:8px solid #dbcf82}#portfolioModal-blog4 .hero-image{background-color:#dbcf82}#portfolioModal-blog4 .more-btn,#portfolioModal-blog4 .sub-image,#portfolioModal-blog4 .sub-image-first{background-color:#9a2a30}#portfolioModal-blog5 h4{border-bottom:8px solid #eee4d8}#portfolioModal-blog5 .hero-image{background-color:#eee4d8}#portfolioModal-blog5 .more-btn,#portfolioModal-blog5 .sub-image,#portfolioModal-blog5 .sub-image-first{background-color:#f7f7f7}#portfolioModal-mag h4{border-bottom:8px solid #5ff7f9}#portfolioModal-mag .hero-image{background-color:#5ff7f9}#portfolioModal-mag .more-btn,#portfolioModal-mag .sub-image,#portfolioModal-mag .sub-image-first{background-color:#3a2f3d}#portfolioModal-freeness h4{border-bottom:8px solid #1a2325}#portfolioModal-freeness .hero-image,#portfolioModal-freeness .more-btn{background-color:#1a2325}#portfolioModal-nicolas h4{border-bottom:8px solid #b93b3b}#portfolioModal-nicolas .hero-image{background-color:#b93b3b}#portfolioModal-nicolas .more-btn,#portfolioModal-nicolas .sub-image,#portfolioModal-nicolas .sub-image-first{background-color:#30c4c4}#portfolioModal-allie h4{border-bottom:8px solid #ffea00}#portfolioModal-allie .hero-image{background-color:#ffea00}#portfolioModal-allie .more-btn,#portfolioModal-allie .sub-image,#portfolioModal-allie .sub-image-first{background-color:#0085d1}#portfolioModal-vodka h4{border-bottom:8px solid #c3cfd6}#portfolioModal-vodka .hero-image{background-color:#c3cfd6}#portfolioModal-vodka .more-btn,#portfolioModal-vodka .sub-image,#portfolioModal-vodka .sub-image-first{background-color:#273a4c}#portfolioModal-harbinbeer h4{border-bottom:8px solid #493174}#portfolioModal-harbinbeer .hero-image,#portfolioModal-harbinbeer .more-btn{background-color:#493174}#portfolioModal-dogge h4{border-bottom:8px solid #eaeaea}#portfolioModal-dogge .hero-image,#portfolioModal-dogge .more-btn{background-color:#eaeaea}#portfolioModal-snowbeer h4{border-bottom:8px solid #8f8b51}#portfolioModal-snowbeer .hero-image{background-color:#8f8b51}#portfolioModal-snowbeer .more-btn,#portfolioModal-snowbeer .sub-image,#portfolioModal-snowbeer .sub-image-first{background-color:#3a4652}#portfolioModal-brands h4{border-bottom:8px solid #fedee3}#portfolioModal-brands .hero-image{background-color:#fedee3}#portfolioModal-brands .more-btn,#portfolioModal-brands .sub-image,#portfolioModal-brands .sub-image-first{background-color:#ffa8be}#portfolioModal-illustrations h4{border-bottom:8px solid #282828}#portfolioModal-illustrations .hero-image{background-color:#282828;background-image:url(../images/illustrations-bg.gif)}#portfolioModal-illustrations .more-btn,#portfolioModal-illustrations .sub-image,#portfolioModal-illustrations .sub-image-first{background-color:#282828}::selection{background-color:#00ffea}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}