/*
===========================================================================
 EXCLUSIVE ON BootWeb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Template Name   : Stuart - Portfolio Template
 Author          : Mehul Prajapati
 Version         : 1.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Copyright (c) 2019 - BootWeb (https://thebootweb.com)
===========================================================================
*/
body,html{min-height:100%;overflow-x:hidden;font-family:Prompt,sans-serif}.contrast{color:#fab702}.heading{padding:60px 0 40px 0;overflow:hidden}.title{margin:0;font-family:'Russo One',serif;font-size:40px;letter-spacing:1px;color:#fff;text-align:center}p{font-size:15px}.mb-60{margin-bottom:60px}.mb-50{margin-bottom:50px}.mb-30{margin-bottom:30px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-26{margin-top:26px}.mb-20{margin-bottom:20px}.mb-10{margin-bottom:10px}.mt-10{margin-top:10px}.mt-2{margin-top:2px}.preloader{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#fff;z-index:9999999}.preloader .spinner{position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px}.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#fab702;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#nav{z-index:999!important;border-radius:0}.custom-navbar{border:none;margin-bottom:0;background-color:transparent;padding:5px 0;padding-top:20px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.scroll{background:#001d33;background:-webkit-linear-gradient(to right,#001d33,#1a00dd,#1a00dd,#001d33);background:linear-gradient(to right,#001d33,#1a00dd,#1a00dd,#001d33);box-shadow:0 5px 5px -4px rgba(0,0,0,.3);padding-top:5px}.custom-navbar .navbar-brand{margin-top:5px}.custom-navbar .nav li{margin:0 2px}.custom-navbar .nav li a{font-size:14px;line-height:1;color:#dbdbdb;padding-left:12px;padding-right:12px;letter-spacing:1px;font-weight:600}.custom-navbar .navbar-nav>li>a:focus,.custom-navbar .navbar-nav>li>a:hover{background-color:transparent;color:#fab702}.custom-navbar .navbar-nav>li>a.active{background-color:transparent;color:#fab702;font-weight:700;border-bottom:2px solid #fab702}.custom-navbar .navbar-toggle{border:none;padding-top:10px}.custom-navbar .navbar-toggle{background-color:transparent}.custom-navbar .navbar-toggle .icon-bar{background:#fff;border-color:transparent}#home{height:100vh!important;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}#particles-js{position:absolute;width:100%;height:100%}#home .home_content{position:absolute;top:50%;transform:translateY(-50%);margin-left:0}#home h1{color:#fff;font-size:40px;font-weight:700}#home h1.name{font-size:70px;margin-bottom:20px}#home h3{color:#f5f5f5;font-weight:500;margin-bottom:35px}a.home-btn:link,a.home-btn:visited{color:#f5f5f5}a.home-btn{font-weight:500;padding:10px 20px;border-radius:0;border:1.5px solid #fab702}a.home-btn:hover{color:#fff;text-decoration:none;background:#fab702;color:#fff}.home-mouse-icon{position:absolute;left:0;right:0;bottom:20px;height:42px;width:30px;margin:auto;z-index:2;border-radius:15px;border:2px solid #fff;background:0 0}.mouse-scroll{display:block;position:relative;border-radius:10px;background:#fff;width:3px;height:8px;top:4px;margin:0 auto;-webkit-animation-name:scroll-down;animation-name:scroll-down;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes scroll-down{0%{top:5px;opacity:0}30%{top:15px;opacity:.9}60%{top:15px;opacity:.6}100%{top:25px;opacity:0}}@keyframes scroll-down{0%{top:5px;opacity:0}30%{top:15px;opacity:.9}100%{top:25px;opacity:0}}#about{background:#111}.about_bg{position:relative;z-index:1;align-items:center;display:flex;min-height:540px;padding:0}.about_bg::after{background:url(../images/about.jpg);background-position:left;background-repeat:no-repeat;width:45%;height:100%;top:0;left:0;content:"";position:absolute;z-index:-1}#about .title{position:absolute;transform:rotate(-90deg);bottom:-130%;right:-132px;font-size:42px}#about .about_area{display:inline-block}#about .about_area h2{color:#f5f5f5;font-size:26px;font-weight:500;line-height:1.4;margin:10px 0 20px 0}#about p{font-size:16px;color:#cbcbcb;text-align:justify;line-height:28px}#skill{background:#1b1b1b}.skill_bg{position:relative;z-index:1;align-items:center;display:flex;min-height:540px;padding:0}.skill_bg::after{background:url(../images/skill.jpg);background-position:right;background-repeat:no-repeat;width:45%;height:100%;top:0;right:0;content:"";position:absolute;z-index:-1}#skill .title{position:absolute;transform:rotate(-90deg);bottom:-160%;left:-100px;font-size:42px}#skill .skill_area{margin-top:40px}.skill-bar{width:100%;height:8px;border-radius:4px;background-color:#666}.skill-bar-overlay{height:8px;background-color:#fab702;width:20%;border-radius:4px 0 0 4px}.single-skill{position:relative;margin-bottom:50px}.single-skill p{font-size:16px;color:#cbcbcb;font-weight:500}.single-skill span{position:absolute;top:0;left:20%;font-size:16px;color:#cbcbcb;font-weight:500;opacity:0}.single-skill span.show{text-align:right;opacity:1}#service{background:#111}#service .single-service{position:relative;background:#222;padding:20px 20px 40px 20px;margin-bottom:30px;border-radius:6px;box-shadow:2px 4px 10px 0 #000}#service .single-service h3{color:#fff;font-size:26px}#service .single-service p{color:#cbcbcb}#service .single-service .number{position:absolute;bottom:10px;right:15px;color:transparent;-webkit-text-stroke:1px #666;opacity:.5;font-size:30px}#service .single-service:hover .number{-webkit-text-stroke:1px #f5f5f5}.graphic_design_bg{background:#1b1b1b;background-attachment:fixed;background-size:cover}.graphic_design{padding-bottom:60px}.row.no-gutter [class*=col-]{margin:0;padding:0}ul.da-thumbs{list-style-type:none;padding:0}.da-thumbs li{position:relative}.da-thumbs li,.da-thumbs li img{display:block;position:relative}.da-thumbs li{overflow:hidden}.da-thumbs li div.work-content{position:absolute;text-align:center;background:rgba(0,0,0,.8);width:100%;height:100%;color:#fff}#portfolio .work-table{display:table;width:100%;height:100%}#portfolio .table-cell{display:table-cell;vertical-align:middle}#portfolio .work-content h3{margin-top:0;color:#fff}#portfolio .work-content p{color:#dbdbdb;font-size:16px;padding:10px 20px}#portfolio .work-content .fa{font-size:15px;padding:10px;margin:0 5px;color:#fff;background-color:#fab702;border-radius:50%}.logo_design{background:#111;padding-bottom:60px}.logo_design_bg{background:#111;background-attachment:fixed;background-size:cover}#portfolio .single-portfolio-img{background:#fff;padding:60px 30px;border:1px solid rgb(219,219,219,.4)}.out-border{border:1px solid rgb(219,219,219,.4)}.row.no-gutter [class*=col-]{margin:0;padding:0}#portfolio img{margin:auto}#contact{position:relative;background:#1b1b1b}#contact_form{background: url(../images/graphic_design_bg.jpg) center center;background-attachment: fixed;background-size: cover;position: relative;overflow: hidden;z-index: 0}#contact_form .row.no-gutter [class*=col-]{margin:0;padding:0}#contact .heading{margin:0}#contact .title{position:absolute;bottom:45%;right:-100px;font-size:42px;transform:rotate(-90deg)}.contact_area{padding:0 80px}.contact-text{background-color:#fff;color:#111;font-size:14px;font-weight:500;height:46px;width:100%;padding-left:14px;border:0;border-radius:4px}.contact-message{background-color:#fff;color:#111;font-size:14px;font-weight:500;height:150px;width:100%;padding:14px;border:0;border-radius:4px}.contact-message:focus,.contact-text:focus{border:0;outline:0}#contact label{color:#f86c69;font-size:14px;font-weight:500;margin:0 0 5px 0;}#contact .send-btn{color:#f5f5f5;background:0 0;font-size:15px;font-weight:500;padding:12px 20px;margin:10px 0 60px 0;border:1.5px solid #fab702;display:block}#contact .send-btn:hover{color:#fff;background:#fab702;font-weight:700}#contact #map{width:100%;height:540px;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%)}.contact-content{margin-top:30px}.contact-content-p{color:#555;text-decoration:underline}span.semi-bold{font-weight:600}.contact-btn{cursor:pointer;font-size:15px;font-weight:500;padding:8px 20px;margin-top:20px;color:#666;border-radius:0;border:1.5px solid #fab702}.contact-btn:hover{color:#fff;background-color:#fab702;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}footer{background:#222;text-align:center;padding:80px 0}footer h1{color:#fff;font-size:40px;font-family:'Russo One',serif}footer p{color:#cbcbcb;font-size:15px}.underline{height:1.5px;width:80%;background:#cbcbcb;margin:auto;opacity:.5}#contact .fa{margin:0 4px}#contact .fa-facebook{background-color:#3b5998;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}#contact .fa-instagram{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}#contact .fa-linkedin{background-color:#007bb6;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}#contact .fa-behance{background-color:#053eff;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}#contact .fa-dribbble{background-color:#ea4c89;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}#contact .fa-pinterest{background-color:#bd081c;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;font-size:14px;border-radius:50%}.copyright_area{padding:30px 0;background:#111}.copyright_area p{text-align:center;color:#cbcbcb;font-size:16px}#scroll-up{position:fixed;bottom:30px;right:30px;background-color:#a9a9a9;border-radius:4px;width:40px;height:40px;color:#fff;cursor:pointer;float:right;font-size:22px;line-height:35px;text-align:center;z-index:9}#scroll-up:hover{background-color:#fab702;box-shadow:0 4px 12px rgba(0,0,0,.2)}#main-portfolio{margin-top:50px;padding-bottom:60px}#main-portfolio .title{color:#000}#main-portfolio img{margin:auto;box-shadow:0 0 12px #ddd;-webkit-box-shadow:0 0 12px #ddd;-moz-box-shadow:0 0 12px #ddd}#main-portfolio h2{margin-top:5px;font-weight:600}#main-portfolio .separator{height:1px;background-color:#bbb;margin:30px 0}#main-portfolio .fa-check{color:#0099e6}#main-portfolio a{color:#0099e6}