@-webkit-keyframes zoominout{0%{-webkit-transform:scale(1, 1)}50%{-webkit-transform:scale(1.5, 1.5)}100%{-webkit-transform:scale(1.1, 1.1)}}@media (min-width: 1200px){.container{width:1170px}}@font-face{font-family:CursiveFont;src:url(../fonts/Zapfino.ttf)}html,body{background:#fff;font-family:"mukta",sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#333;margin-top:0;clear:both}p{color:#333;font-size:16px;line-height:30px}ul{margin:0;padding:0}ul li{list-style:none}ul li ul{margin:0;padding:0}ul li ul li{list-style:none}ul li ul li a{font-size:12px;color:#666;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li ul li a:hover{color:#1761a0;background:#f3d5af;text-decoration:none;outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li ul li a:focus{color:#d70000;text-decoration:none;outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li ul li a:visited{text-decoration:none}ul li ul li a:active{color:#d70000;text-decoration:none}ul li a{font-size:14px;color:#666;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li a:hover{color:#1761a0;text-decoration:none;outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li a:focus{color:#d70000;text-decoration:none;outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}ul li a:visited{text-decoration:none}ul li a:active{color:#d70000;text-decoration:none}a{color:#666}a:hover{color:#e78200;text-decoration:none}img{border:0}figure{margin:0;padding:0}figure img{width:100%;display:block;outline:0}table{border-collapse:collapse;border-spacing:0}input:focus,select:focus,textarea:focus{outline:none}button:focus{outline:0}section{padding:50px 0}.top-spacing{margin-top:50px}.bottom-spacing{margin-bottom:50px}.top{margin-top:20px;margin-bottom:20px}.bottom{margin-bottom:20px}.left{float:left}.right{float:right}section#header{background:#000;padding:50px}a.nav-link.active.mx-2{color:#d70000}a.nav-link{color:#ddd9d9}a.nav-link:hover{color:#d70000}a.nav-link.contact-button{background:#d70000;border:1px dashed #fff;padding:5px}a.nav-link.contact-button:hover{color:#000;background:#fff;border:1px dashed #000}.offcanvas{background:#000}.offcanvas-backdrop{background-color:#ff000080}.mobile.social-media{display:none}.connect-title h3{display:none;font-size:18px;color:#ddd9d9;font-weight:100;margin-top:40px;margin-left:7px}section#banner{background:#000;padding:50px;padding-bottom:0px}.col-md-1.max-width{width:50px;margin-top:60px}.social-media{font-size:20px}.social-media span a{color:#d70000;display:block;margin-bottom:15px}.social-media span a:hover{color:#fff}.social-media .vertical-text{color:#ddd9d9;font-size:14px;writing-mode:vertical-lr;transform:rotate(180deg)}.hello-text h1{color:#d70000;font-size:35px;font-family:cursive;font-weight:bold;letter-spacing:5px}.animated-text{margin-top:35px}.animated-text span{color:#ddd9d9;font-size:80px;font-weight:bold;position:relative}.animated-text span::before{content:"";color:#ddd9d9;animation:words 20s infinite}.animated-text span::after{content:"";width:calc(100% + 8px);height:60%;background:#000;border-left:2px solid #d70000;position:absolute;top:30px;right:-8px;animation:cursor 0.8s infinite,typing 20s steps(12) infinite}@keyframes cursor{to{border-left:2px solid #ddd9d9}}@keyframes words{0%,20%{content:"Web Designer"}21%,40%{content:"Web Developer"}41%,60%{content:"App Developer"}61%,80%{content:"Web Designer"}81%,100%{content:"Web Developer"}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}5%,20%,25%,40%,45%,60%,65%,80%,85%{width:calc(100% + 8px)}}.three-box-content{margin-top:50px}.three-box-content h2{color:#ddd9d9;font-size:20px}.three-box-content .first-box{max-width:180px;min-height:198px;display:inline-table;border-left:2px dashed #d70000;padding-left:15px;padding-right:10px}.three-box-content .first-box p{color:#949393}.hire-me-button{margin-top:60px}.hire-me-button a{max-width:150px;color:#ddd9d9;background:#d70000;text-align:center;text-decoration:none;border:1px dashed #fff;text-transform:uppercase;padding:7px 25px}.hire-me-button a:hover{background:#fff;color:#000;border:1px dashed #000}section#about-me{background:url(../images/banner-two.jpg) no-repeat;box-shadow:inset 0 0 0 2000px #f5f0f099;background-size:cover;background-attachment:fixed;padding-bottom:115px}.about-me-description{margin-top:50px;padding:15px 15px;border-left:4px solid #d70000}.about-me-description h2{color:#000;font-family:CursiveFont}.about-me-description p{margin-top:50px}.about-me-description p::first-letter{font-size:200%;color:#000}.my-expertise-image-box{position:relative;top:30px}.my-expertise-image-box .my-expertise{background:#ddd9d9;width:300px;border:1px solid #fff;position:absolute;top:29px;padding:20px;z-index:1}.my-expertise-image-box .my-expertise h3{font-weight:lighter}.my-expertise-image-box .my-expertise h3::after{content:"";width:80px;height:2px;background:#333;right:36px;position:absolute;top:38px}.my-expertise-image-box .my-expertise span img{margin:5px 21px}.my-expertise-image-box .my-expertise-image figure img{width:70%;float:right;border:4px solid #d70000;border-top:4px dashed #d70000;border-bottom:4px dashed #d70000;border-radius:0 50px}.movingX{-webkit-animation:movingX 8s linear infinite;animation:movingX 8s linear infinite}@-webkit-keyframes movingX{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes movingX{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30px);transform:translateX(30px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}section#what-i-do{background:#fff}.what-i-do-banner figure img{width:90%;margin-top:110px}.what-i-do-title h3{font-size:30px;color:#000;padding-bottom:10px;position:relative}.what-i-do-title h3::after{content:"";width:100px;height:2px;background:#000;position:absolute;top:18px;left:140px}.what-i-do-title span{font-family:CursiveFont}.what-i-do-title p{text-align:justify;margin-top:30px}.what-i-do-title p::first-letter{font-size:200%;color:#000}.jump{-webkit-animation:jumpAni 7s linear infinite;animation:jumpAni 7s linear infinite}@-webkit-keyframes jumpAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jumpAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.jump-reverse{-webkit-animation:jumpReverseAni 7s linear infinite;animation:jumpReverseAni 7s linear infinite}@-webkit-keyframes jumpReverseAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jumpReverseAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}section#footer{background:#fff;background:url(../images/footer-banner.jpg) no-repeat;box-shadow:inset 0 0 0 2000px #090909f0;background-size:cover;background-attachment:fixed;padding-bottom:10px}.footer-title h3{font-size:30px;color:#ddd9d9;padding-bottom:10px;position:relative;text-align:center}.footer-title h3::before{content:"";width:100px;height:2px;background:#ddd9d9;position:absolute;top:18px;left:32%}.footer-title h3::after{content:"";width:100px;height:2px;background:#ddd9d9;position:absolute;top:18px;right:32%}.footer-title span{color:#ddd9d9;text-align:center;display:block;font-family:CursiveFont}.contact-page-form{margin-top:50px;margin-bottom:40px}.contact-page-form .double-field{display:-webkit-flex;display:flex;margin-bottom:0px}.contact-page-form .double-field .form-group{width:100%}.contact-page-form .double-field .form-group+.form-group{margin-left:20px}.contact-page-form .form-group input::placeholder{color:#777}.contact-page-form input.field-css.form-control{height:45px;color:#ddd9d9;background:none;font-size:16px;border:1px dashed #ddd9d9;margin-top:20px}.contact-page-form textarea.field-css.form-control{width:100%;background:none;color:#ddd9d9;font-size:16px;margin-top:20px;border:1px dashed #ddd9d9}.contact-page-form textarea.field-css.form-control::placeholder{color:#777}.contact-page-form .contact-submit-btn{display:flex;justify-content:center}.contact-page-form .contact-submit-btn input[type="submit"]{background:#d70000;color:#fff;padding:10px 50px;border:none;margin-top:50px;border:1px dashed #ddd9d9}.contact-page-form .contact-submit-btn input[type="submit"]:hover{background:#fff;color:#000;border:1px dashed #000}.row.top-space{margin-top:50px}.email-call-address{text-align:center;display:block}.email-call-address h3{font-size:20px;color:#fff}.email-call-address p{color:#949393;font-size:16px}.row.border-top{border-top:1px dashed #949393 !important;margin-top:30px}.copyright p{color:#949393;font-size:14px;margin-top:30px}.footer-social-media{margin-top:30px;float:right}.footer-social-media span a{margin-right:10px}.footer-social-media span a:hover{color:#fff}.first-animation,.second-animation,.third-animation,.fourth-animation,.fifth-animation{opacity:0}.first-animation.animated,.second-animation.animated,.third-animation.animated,.fourth-animation.animated,.fifth-animation.animated{opacity:1}.go-top{width:30px;height:30px;line-height:27px;text-align:center;padding-top:2px;opacity:0;visibility:hidden;overflow:hidden;z-index:999;position:fixed;right:30px;bottom:60px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.go-top.show{color:#d70000;visibility:visible;cursor:pointer;opacity:1.0;border:2px dotted #d70000;border-radius:0px}.go-top i.fa{line-height:0px}@media (max-width: 1024px){section#banner{padding-bottom:50px}}@media (max-width: 991px){section#header{padding-top:0px}.menu-logo img{width:80%;margin-left:10px}a.nav-link{padding-top:25px}a.nav-link.contact-button{margin-top:30px}.connect-title h3{display:block}.social-media{display:none}.social-media.mobile{display:flex;margin-top:10px;margin-left:7px}.social-media.mobile span{margin-right:23px}.col-md-1.max-width{display:none}section#banner{padding-top:0px;padding-bottom:50px}.menu{margin-top:30px}.hello-text h1{font-size:26px;letter-spacing:3px}a.nav-link.contact-button{width:40%;text-align:center}.three-box-content .first-box{margin-top:20px}.my-expertise-image-box .my-expertise h3::after{left:169px}.my-expertise-image-box .my-expertise{position:initial;width:100%}.my-expertise-image-box .my-expertise-image figure img{width:100%;margin-top:20px}.what-i-do-title span{line-height:38px}}@media (max-width: 767px){section#header{padding-bottom:0px;padding:20px}section#banner{padding:20px}.hello-text h1{margin-top:50px}.animated-text{margin-top:0px}.animated-text span{font-size:68px}.animated-text span::after{height:70%;top:22px}.animated-text span::before{font-size:50px}.three-box-content{margin-top:25px}.banner-image img{width:50%;margin-top:30px}section#banner{padding-bottom:0}.what-i-do-banner figure img{margin-top:0px;margin-bottom:25px}.footer-title h3::after{right:12%}.footer-title h3::before{left:12%}.email-call-address{text-align:left}.footer-social-media{margin-top:0px;float:left}}@media (max-width: 575px){.offcanvas-header img{width:70%}.hello-text h1{font-size:20px;letter-spacing:2px;margin-top:20px}.animated-text span{font-size:50px}.animated-text span::before{font-size:40px}.animated-text span::after{top:22px;height:60%}.three-box-content{margin-top:0px}}@media (max-width: 450px){.logo.navbar-brand{width:55%}.contact-page-form .double-field{display:block}input.field-css.mobile-view.form-control{margin-left:-20px}.animated-text span::before{font-size:30px}}@media (max-width: 442px){button.navbar-toggler.shadow-none.border-0{margin-right:-13px}.three-box-content .first-box{max-width:330px;min-height:auto}}@media (max-width: 375px){section#header{padding-bottom:0px}section#banner{padding-top:0px}.hello-text h1{font-size:18px;letter-spacing:1px}.navbar-toggler-icon{margin-top:15px}.footer-title h3::after{right:0%;width:23%}.footer-title h3::before{left:0%;width:23%}.animated-text span::after{height:80%;top:20%}.animated-text span::before{font-size:30px}}@media (max-width: 1200px) and (min-width: 992px){.footer-title h3::after{right:28%}.footer-title h3::before{left:28%}}@media (max-width: 991px) and (min-width: 768px){.footer-title h3::after{right:22%}.footer-title h3::before{left:22%}}@media (max-width: 1070px) and (min-width: 768px){.animated-text{margin-top:0px}.animated-text span{font-size:68px}.animated-text span::after{height:70%;top:22px}.animated-text span::before{font-size:50px}.three-box-content{margin-top:25px}}@media (max-width: 530px) and (min-width: 390px){.footer-title h3::after{width:80px}.footer-title h3::before{width:80px}.footer-title h3::after{right:5%}.footer-title h3::before{left:5%}}@media (max-width: 389px) and (min-width: 376px){.footer-title h3::after{width:80px}.footer-title h3::before{width:80px}.footer-title h3::after{right:-1%}.footer-title h3::before{left:-1%}}

/*---Edited CSS For Contact Form of WordPress---*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #e30000;
    color:#fff;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #fff;
}
.contact-page-form .contact-submit-btn input[type="submit"]:hover {
    background: #fff;
    color: #000;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  padding: 10px;
  background: #ff000026;
}
div.wpcf7-mail-sent-ok {
  padding: 10px;
  background: #00800069;
}
span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

/*---CSS For Error Page---*/
section#error-message-wrapper {
    padding: 50px; }
.error-box {
  text-align: center; }
.error-heading {
  float: left;
  width: 100%;
  position: relative; }
.error-heading span.page-not-found {
  color: #ed1c24;
  font-size: 109px;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #fff;
  -moz-text-shadow: 0 1px 1px #fff;
  -webkit-text-shadow: 0 1px 1px #fff;
  display: table;
  margin: 0 auto; }
h4 a.submit-btn {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration:none;
  background: #000;
  padding: 20px;
  display: inline-block;
  margin: 12px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  transition: all .3s ease-in-out;
  top: 0;
  position: relative; }
h4 a.submit-btn:hover {
  background: #ed1c24; }
.back-arrow {
  margin-left: 10px; }
span.sad-icon {
  font-size: 100px;
  color: #ed1c24; }
h3.error-desc {
  font-size: 20px; }

/*---Edited Media Queries CSS---*/
@media(max-width:450px){
  .banner-image figure img {
    margin: 0 auto;
    margin-top:50px;
  }
  .contact-page-form .double-field .wpcf7-number{
	//margin-left:-20px;
  }
  span.wpcf7-form-control-wrap.number-199 span.wpcf7-not-valid-tip {
    margin-left: -20px;
  }
}