.main-box .header,.navbar-brand{text-align:center;font-weight:700}.h1,.navbar-brand,.portfolio-sec-2 p,h1{font-family:Montserrat,sans-serif}.navbar-default .toggle-nav,.no-padd-x{padding-left:0;padding-right:0}.navbar-default.home,section#home{background-color:#58c9cc}.navbar-default .navbar-toggle.home:hover .icon-bar,.navbar-default .navbar-toggle.home:not(.collapsed) .icon-bar,section#home .btn-works{background-color:#eec295}.d-inline-block{display:inline-block}.sidebar,section#intro .ice-cream{display:none}.cursor-default{cursor:default}.link{color:#fff;text-decoration:underline;-webkit-transition:.3s;transition:.3s}.link:active,.link:hover{color:#de713a}.link:focus,.navbar-default .toggle-nav>li>a:hover{color:#fff}.navbar-default{position:fixed;z-index:100;width:100%;border:0;border-bottom:1px solid #fff;border-radius:0}.navbar-default.portfolio{background-color:#eec294}.navbar-default .navbar-toggle{border:0}.navbar-default .navbar-toggle .icon-bar{background-color:#fff;-webkit-transition:.3s;transition:.3s}.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0 0!important}.navbar-default .navbar-toggle.portfolio:hover .icon-bar,.navbar-default .navbar-toggle.portfolio:not(.collapsed) .icon-bar,.sidebar li>a{background-color:#fff}.navbar-default .navbar-toggle.home:not(.collapsed) .icon-bar:nth-child(2){-webkit-transform:rotate(45deg) translate(3px,4px);transform:rotate(45deg) translate(3px,4px)}.navbar-default .navbar-toggle.home:not(.collapsed) .icon-bar:nth-child(3){-webkit-transform:rotate(45deg) translate(-1.5px,-.2px);transform:rotate(45deg) translate(-1.5px,-.2px);opacity:0}.navbar-default .navbar-toggle.home:not(.collapsed) .icon-bar:nth-child(4){-webkit-transform:rotate(-45deg) translate(4.5px,-6.2px);transform:rotate(-45deg) translate(4.5px,-6.2px)}.navbar-brand{margin:-5px 60px 0 35px!important;width:50px;height:50px;line-height:50px;padding:0;background-color:#fff!important;border-radius:100%;font-size:22px}.navbar-brand.home{color:#58c9cc!important}.navbar-brand.portfolio{color:#eec294!important}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{text-transform:capitalize;color:#fff;padding:12px 20px;margin:0 2px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#eec295}.navbar-default .toggle-nav{cursor:pointer;margin:0;line-height:28px}.navbar-default .toggle-nav>li{display:inline-block;color:#fff}.navbar-default .toggle-nav>li>a{color:#fff;text-decoration:none;padding:0 15px}.portfolio-sec-1,section#home{padding-top:140px;overflow:hidden}.sidebar{position:fixed;top:50%;margin-top:-60px;z-index:100}.sidebar ul{position:relative;list-style-type:none}.sidebar li{cursor:pointer;width:20px;height:20px;margin:10px;padding:7px}.sidebar .active{background-color:rgba(255,255,255,.25);border-radius:100%}.sidebar li>a{display:block;width:100%;height:100%;border-radius:100%}.main-box{position:relative;width:250px;margin:0 auto;border:5px solid #fff}.main-box .header{margin-left:-100%;margin-right:-100%;opacity:.2;font-size:72px;letter-spacing:5px;line-height:150px}.main-box .content{position:absolute;top:50%;left:40%;-webkit-transform:translate(-40%,-50%);-ms-transform:translate(-40%,-50%);-moz-transform:translate(-40%,-50%);-o-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}.main-box .content .h1,.main-box .content h1{font-size:30px;line-height:40px;letter-spacing:2px}.bottom-box p,.main-box .content h4,.social-media p{letter-spacing:1px}.main-box .content h4{font-size:15px;white-space:nowrap}.main-box .content .line{display:inline-block;width:20px;border-top:3px solid #eee;margin-top:0;margin-bottom:0;margin-right:6px;padding-top:3px}.bottom-box{position:relative;margin-top:50px}.bottom-box .btn-round{position:relative;margin-top:25px;padding:0;width:26px;height:38px;border:2px solid rgba(255,255,255,.2);border-radius:15px}.bottom-box .btn-round:after{position:absolute;content:"";top:15%;left:50%;width:8px;height:8px;margin-left:-4px;background-color:rgba(255,255,255,.4);border-radius:100%}.bottom-box .btn-round:hover:after{-webkit-animation:.8s infinite moveScroll;-ms-animation:moveScroll 0.8s infinite;-moz-animation:.8s infinite moveScroll;-o-animation:.8s infinite moveScroll;animation:.8s infinite moveScroll}@-webkit-keyframes moveScroll{from{top:15%}to{top:58%}}@-ms-keyframes moveScroll{from{top:15%}to{top:58%}}@-moz-keyframes moveScroll{from{top:15%}to{top:58%}}@-o-keyframes moveScroll{from{top:15%}to{top:58%}}@keyframes moveScroll{from{top:15%}to{top:58%}}.bottom-box p{line-height:22px}.bottom-box p .color-gray{color:rgba(255,255,255,.5)}.bottom-box .verti-border{border-left:2px solid rgba(255,255,255,.2);width:0;margin:0 auto}.social-media{position:absolute;bottom:100px;right:-60px;transform:rotate(90deg)}.social-media .inline{float:left;margin:0}.social-media .line{width:25px;margin-top:14px;margin-left:12px;margin-right:15px;border-top:1px solid #fff}section{position:relative;width:100%;color:#fff}.navbar-default .navbar-nav>li>a,p{font-family:Muli,sans-serif}.navbar-default .navbar-nav>li>a,h1{letter-spacing:1px;font-weight:700}.p,p{margin:15px auto;line-height:28px;font-weight:400}.h1{font-weight:700}.header{margin:0;line-height:46px}.border-bottom{position:relative;margin-bottom:15px}.border-bottom:after{position:absolute;content:"";bottom:-15px;left:0;width:100px;height:5px;background-color:#efb6a5}.bg-curve{position:absolute;bottom:0;left:0;width:100%}.bg-curve2{width:110%;margin-left:-10%}input:focus,textarea:focus{outline:0}section#home .btn-works{color:#fff;border-radius:0;padding:12px 35px}section#home .bottom-box .verti-border{height:80px}section#intro{padding-top:40px;padding-bottom:40px}section#intro .bg-curve.intro-curve{z-index:-2;bottom:-50px}.divider-box.divider-process-1:before,section#intro:before{position:absolute;content:"";top:0;left:0;z-index:-2;width:100%;height:100%;background-color:#efb6a5}.divider-box.divider-process-1:after,section#intro:after{position:absolute;content:"";top:0;left:50%;right:0;bottom:0;z-index:-1;background-color:#eaafa2;opacity:.8}.divider-box,.work-img-link,section#intro .header{position:relative}section#intro .header>.header-shadow{color:#f3c1ad;font-size:90px}section#intro .header>.header-text{position:absolute;bottom:-3px;left:8px}section#intro .info-left{padding-left:23px}section#intro .what-i-do p{line-height:14px;margin:0 0 14px}#myModal .header,.portfolio-sec-2 .header,section#process{color:#868686}.process-wrapper{background-color:#e5d4c1}.divider-box .container,section#process .container{height:100%}.process-content.process-box{padding-bottom:100px}.process-box{background-color:#fffef8;width:100%;height:100%;margin-top:-1px}.divider-box{width:100%}.divider-box.divider-process-1{position:relative;height:50px}.divider-box.divider-process-3{height:70px}.process-step-info{display:block;line-height:48px;width:100%;border-radius:50px;color:#fff;background-color:#f0bda5;text-decoration:none;border:1px solid #f0bda5;transition:.3s}.process-step-info:hover,.work-img-link:hover+div a{color:#f0bda5;background:0 0;text-decoration:none}.work-img-link{display:inline-block;transition:.5s;margin-top:30px}.work-img-col{transition:.3s}.work-img-col:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.work-img-link:after,.work-img-link:before{content:'';position:absolute;left:-4px;top:-4px;bottom:-4px;right:-4px;background-image:linear-gradient(45deg,#58c9cc,#efb6a5,#e5d4c1,#a6c4ae,#b2bced,#58c9cc,#efb6a5,#e5d4c1,#a6c4ae);background-size:400%;z-index:0;opacity:.5;transition:.5s}.work-img-link:hover:after,.work-img-link:hover:before{opacity:1;animation:10s linear infinite steam}.work-img-link .imgs{position:relative;z-index:1;display:block}.work-img-link .img-slide{position:absolute;top:0;left:0;opacity:0}.work-img-link:hover .imgs img:first-child{animation:12s infinite fade}.work-img-link:hover .imgs img:nth-child(2){animation:12s infinite fade2}.work-img-link:hover .imgs img:nth-child(3){animation:12s infinite fade3}.work-img-link:hover .imgs img:nth-child(4){animation:12s infinite fade4}.work-img-link--info{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);z-index:2;transition:.5s;display:flex;justify-content:center;align-items:center;flex-direction:column}.work-img-link--info>p{transition:.5s;color:#fffef8;margin:0;opacity:0}.work-img-link--info>.subheader{font-style:italic}.work-img-link:hover>.work-img-link--info{background-color:rgba(0,0,0,.6)}.work-img-link:hover>.work-img-link--info>p{opacity:1}.work-img-link:hover>.work-img-link--info>.subheader{opacity:.8}@media screen and (max-width:767px){.navbar-header{padding-top:12px;padding-bottom:12px}.work-img-link--info>p{opacity:1}.work-img-link--info>.subheader{opacity:.8}.work-img-link>.work-img-link--info{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes steam{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes steam{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes fade1{0%,100%,12.5%{opacity:1}25%{opacity:.5}37.5%,50%,62.5%,75%,87.5%{opacity:0}}@-webkit-keyframes fade2{0%,100%,12.5%,50%,62.5%,75%,87.5%{opacity:0}25%,37.5%{opacity:1}}@-webkit-keyframes fade3{0%,100%,12.5%,25%,37.5%,75%,87.5%{opacity:0}50%,62.5%{opacity:1}}@-webkit-keyframes fade4{0%,100%,12.5%,25%,37.5%,50%,62.5%{opacity:0}75%,87.5%{opacity:1}}section#contact{padding-bottom:50px}section#contact:before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#a6c4ae}section#contact:after{position:absolute;content:"";top:100px;left:50%;right:0;bottom:0;z-index:-1;background-color:#a1c1aa}section#contact .img-phone{display:none;position:absolute;top:0;right:25px;width:33.3333%;z-index:1}section#contact .header{background-color:#f0bda5;margin-top:-28px;line-height:56px}section#contact .form-input{color:#fff;background-color:transparent;border:1px solid #fffef8;width:100%;padding:12px 25px;margin:8px auto}section#contact .form-input::placeholder{color:#fff}section#contact .form-submit{color:#fff;background-color:#f0bda5;border:1px solid #f0bda5;padding:13px 55px;-webkit-transition:background-color .3s,border-color .3s;-ms-transition:background-color .3s,border-color .3s;-moz-transition:background-color .3s,border-color .3s;-o-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s}section#contact .form-submit:hover{background-color:#eaafa2;border-color:#eaafa2}section#contact textarea{resize:none}.portfolio-sec-1{background-color:#eec294}.portfolio-sec-1 .bg-curve.intro-curve{bottom:-50px}.divider-portfolio-1{background-color:#ebbe92;height:50px}.portfolio-sec-1 .bottom-box .verti-border{height:75px}.portfolio-sec-1 .social-media{bottom:100px}.portfolio-sec-2 .portfolio-wrapper{background-color:#f4eed2}.portfolio-sec-2 .portfolio-nav{border:1px solid #efbea3;cursor:pointer}.portfolio-sec-2 .portfolio-nav.active{background-color:#efbea3}#myModal,.portfolio-sec-2 .portfolio-nav p{color:#b5b5b5}.portfolio-sec-2 .portfolio-nav.active p{color:#fff}.portfolio-sec-2 .portfolio-image{padding:5px}.portfolio-sec-2 .portfolio-box{background-color:#ededed;width:100%;padding-top:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}.btn-modal{cursor:pointer}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-sec-2 .portfolio-info-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:5px}.portfolio-sec-2 .portfolio-info-content{margin-top:-10px;width:100%;height:100%;color:#fff;background-color:#eec294}.portfolio-sec-2 .info{position:relative;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0 30px}.portfolio-sec-2 .info .text-height{margin:10px 0}.portfolio-sec-2 .info .line{width:40%;height:5px;margin:20px 0;background-color:#fff}.rotate{z-index:2;-webkit-transition:transform .3s;-ms-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-webkit-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}.no-rotate{z-index:1;-webkit-transition:transform .3s 0.3s;-ms-transition:transform .3s 0.3s;-moz-transition:transform .3s 0.3s;-o-transition:transform .3s 0.3s;transition:transform .3s 0.3s;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}#myModal .modal-header{border:none}#myModal .date{font-size:15px}#myModal .border-bottom{margin-bottom:20px}#myModal .border-bottom:after{bottom:-20px;width:75px;height:4px}#myModal .desc{text-align:justify;margin:30px 0}.btn-view-proj,.btn-view-proj:focus{margin-top:15px;padding:15px 40px;color:#fff;background-color:#eec294;border:1px solid #eec294;border-radius:0;-webkit-transition:background-color .3s,color .3s;-ms-transition:background-color .3s,color .3s;-moz-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.btn-view-proj:hover{color:#eec294;background-color:transparent}@media screen and (min-width:768px){.navbar-default{position:absolute;padding-top:25px;background-color:transparent;border-color:transparent}.sidebar,section#intro .ice-cream{display:block}.main-box{width:470px;border-width:10px}.main-box .header{font-size:145px;line-height:280px}.main-box .content{top:50%;left:45%;-webkit-transform:translate(-45%,-50%);-ms-transform:translate(-45%,-50%);-moz-transform:translate(-45%,-50%);-o-transform:translate(-45%,-50%);transform:translate(-45%,-50%)}.main-box .content .h1,.main-box .content h1{font-size:48px;line-height:60px}.main-box .content h4{font-size:19px}.main-box .content .line{width:50px;margin-right:15px}.social-media{bottom:150px;right:-30px}.portfolio-sec-1,section#home{padding-top:180px}section#intro{padding-bottom:130px}section#intro .header>.header-shadow{font-size:110px}.divider-box.divider-process-1:after,section#intro:after{left:68%}.divider-box.divider-process-2{background-color:#e5d4c1;height:100px}.portfolio-sec-2 .portfolio-menu{padding:0}#myModal .modal-dialog{width:90%}#myModal .modal-body{padding:50px}}@media screen and (min-width:992px){section#contact{padding-bottom:250px}section#contact:after{left:32%}section#contact .img-phone{display:block}section#contact .header{width:45%}#myModal .info{margin-left:20px}}@media screen and (min-width:1200px){.portfolio-sec-2 .portfolio-menu{display:-webkit-flex;display:flex;margin:0 5%}.portfolio-nav{-webkit-flex:1;-ms-flex:1;flex:1}}.footer{overflow:auto;padding:30px}.footer.home{color:#fff;background-color:#9fbaa7;box-shadow:0 50vh 0 50vh #9fbaa7}.footer.portfolio{color:#dbbe9f;background-color:#f4eed2}.icon-space-right{margin-right:3px}