html{height: 100vh; min-height: 100%;}
html,body{overflow-x:hidden;}
h1{text-align:center;color:#800080; margin-bottom: 20px;}
/* * Custom styles */
.navbar{background-color: rgba(128,0,128,.7);}
.navbar a{color: #fff !important;}
.nav>li>a:focus, .nav>li>a:hover{background-color: transparent;}
.navbar-brand{font-size:24px;}
.navbar-container{padding:20px 0 20px 0;}
.navbar.navbar-fixed-top.fixed-theme{background-color:#800080;border-color:#800080;box-shadow:0 0 5px rgba(128,0,128,.8);}
.navbar-brand.fixed-theme{font-size:18px;}
.navbar-container.fixed-theme{padding:0;}
.navbar-brand.fixed-theme,.navbar-container.fixed-theme,.navbar.navbar-fixed-top.fixed-theme,.navbar-brand,.navbar-container{transition:0.8s;-webkit-transition:0.8s;}
.navbar-toggle{background-color: rgba(255, 255, 255, .8); margin-right: 25px; padding: 9px 4px;}
.navbar-toggle .icon-bar{background-color: #800080}
#brand{padding-top: 5px;}
#brand .logo{width: 170px;}

#home{width: 100%; height:100vh; background: url("../img/home-bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin: 0; padding: 0; text-align: center;}
#home div{height: 100%; text-align:center; display:table; width:100%; background-color: rgba(0, 0, 0, .6);}
#home h1{word-break: break-all; text-align: center; display:table-cell; vertical-align:middle; color: #fff; font-family: 'Press Start 2P', cursive;}

#idea{height: auto; background: url("../img/idea2.jpg") no-repeat center center fixed; margin-top: 15px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; text-align: center;}
#idea div{width: 100%; height: 100%; text-align:center; display:table; padding: 25px 15px; color: #fff;}
#idea h1{display:table-cell; vertical-align:middle; }

#budget{height: auto; background-color: #4D004D; margin-top: 15px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; text-align: center;}
#budget div{width: 100%; height: 100%; text-align:center; display:table; padding: 10px 15px 30px 15px; color: #fff;}
#budget h1{display:table-cell; vertical-align:middle;}
#budget input{padding: 14px 20px; min-width: 200px; border-radius: 8px; border: 1px solid #fff; background-color: #4D004D; color: #fff;}
#budget input:focus, #budget input:hover{color:#4D004D; background-color: #fff}


.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.service{text-align:center;padding:10px;}
.service h4{text-transform:uppercase;}
.hi-icon{display:inline-block;font-size:0px;cursor:pointer;margin:15px 30px;width:90px;height:90px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#222;}
.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hi-icon:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hi-icon-effect-3 .hi-icon{box-shadow:0 0 0 4px #B5B5B5;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-effect-3 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#800080;box-shadow:0 0 0 4px #800080;-webkit-transition:-webkit-transform 0.2s, opacity 0.3s;-moz-transition:-moz-transform 0.2s, opacity 0.3s;transition:transform 0.2s, opacity 0.3s;}
.hi-icon-effect-3b .fa-code{color:#66CD00;}
.hi-icon-effect-3b .fa-mobile{color:#000000;}
.hi-icon-effect-3b .fa-desktop{color:#800080;}
.hi-icon-effect-3b .fa-envelope{color:#fdba2f;}
.hi-icon-effect-3b .fa-shopping-cart{color:#B5B5B5;}
.hi-icon-effect-3b .fa-briefcase{color:#8A3324;}
.hi-icon-effect-3b .hi-icon:hover{color:#fff;}
.hi-icon-effect-3b .hi-icon:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;}
.hi-icon-effect-3b .hi-icon:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}


#contact{}
#contact form{max-width:600px;text-align:center;margin:20px auto; margin-top: 0;}
#contact form input, #contact form textarea{border:0;outline:0;padding:1em;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:block;width:100%;margin-top:1em;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);resize:none;}
#contact form input:focus, #contact form textarea:focus{-moz-box-shadow:0 0px 2px #800080 !important;-webkit-box-shadow:0 0px 2px #800080 !important;box-shadow:0 0px 2px #800080 !important;}
#contact form #input-submit{color:#fff; border: 1px solid #800080; background:#800080;cursor:pointer;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#contact form #input-submit:hover{color:#800080;background:#fff;}
#contact form textarea{height:172px;}
#contact .half{float:left;width:48%;margin-bottom:1em;}
#contact .right{width:50%;}
#contact .left{margin-right:2%;}
#contact .cf:before,#contact .cf:after{content:" ";display:table;}
#contact .cf:after{clear:both;}
#contact .midia{max-width: 600px; margin: 20px auto; margin-top: 0; font-size: 20px;}
#contact .midia a, #contact .midia a:focus, #contact .midia a:hover {color: #333; text-decoration: none;}
#contact .midia .fa-facebook-square{color: #3b5998;}
#contact .midia .fa-linkedin-square{color:  #0077B5;}
#contact .midia .fa-envelope{color: #fdba2f;}
#contact .midia .fa-phone-square{color: #800080;}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3);}
  100% { transform: scale(1);}
}

@-webkit-keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3);}
  100% { transform: scale(1);}
}

@-moz-keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3);}
  100% { transform: scale(1);}
}

footer{padding:10px 0; text-align: center; color: #fff; background-color: #4D004D;}
footer .fa-heart{color: #f00; animation: pulse 1s ease infinite; -webkit-animation: pulse 1s ease infinite; -moz-animation: pulse 1s ease infinite}

@media (max-width:768px){
   .navbar a{margin-left: 10px}
   #budget input{width: 100%;}
}

@media (max-width:480px){
    #contact .half{width:100%;float:none;margin-bottom:0;}
    #home h1{font-size: 24px;}
}