@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);body{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:14px;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;font-family:Montserrat,sans-serif}a{color:#e74c3c;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}a:hover{color:#e76c3c}.row{padding:80px 0}.btn{border:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;text-transform:uppercase;border-radius:0}.btn-common{color:#fff;background:#3d566e}.btn-common:hover{color:#fff;background:#e74c3c}.title{font-size:50px}.subtitle,.title{text-align:center}.subtitle{font-weight:100;color:#bdc3c7;position:relative;padding-bottom:30px}.navbar{margin-bottom:0}.navbar li{color:#d1d1d1}.navbar-default{border:none;border-radius:0;background:rgba(0,0,0,.2)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background:none}.navbar-default .navbar-nav li a,.navbar-default .navbar-nav li a:hover{color:#fff}.navbar-default .navbar-nav li:hover,.navbar-default .navbar-nav>.active{color:#fff;background:#e74c3c;padding-bottom:5px}.navbar-default .navbar-brand{font-size:25px;font-weight:100;color:#fff}.navbar-default .navbar-brand:hover{color:#eee}.navbar-default .navbar-toggle .icon-bar{background:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:#333}.affix.navbar-default{background:rgba(0,0,0,.8)}#hero-area{color:#fff;background:#34495e}#hero-area .btn{margin-right:20px}#hero-area img{max-width:100%;margin-left:60px;width:350px}#hero-area p{padding:50px 0}#services h3{font-size:28px;color:#e74c3c;margin-top:0}#portfolio{background:#f1f1f1}.portfolio-item{margin-bottom:15px;position:relative}.portfolio-item img{width:100%}.portfolio-item .overlay{display:none}.portfolio-item .overlay,.portfolio-item:hover .overlay{height:100%;position:absolute;top:0;background-color:rgba(0,0,0,.8);width:100%;z-index:10}.portfolio-item:hover .overlay{display:block}.portfolio-item .icons .preview{color:#fff;position:absolute;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;top:40%;left:40%;-webkit-animation-duration:1s;animation-duration:1s}.portfolio-item .icons .preview i{color:#e74c3c}#clients{background:#fff}#about{color:#fff;background:#34495e}#about p{font-size:17px;line-height:30px}#contact{background:#f1f1f1}#contact ::-webkit-input-placeholder{color:#ecf0f1}#contact :-moz-placeholder,#contact ::-moz-placeholder{color:#ecf0f1}#contact :-ms-input-placeholder{color:#ecf0f1}#contact .social i{height:50px;padding:10px;margin-right:5px;color:#fff;background:#34495e;width:50px;vertical-align:middle}#contact .social .social-links a:hover{color:#fff}#contact .social .fa-facebook:hover{color:#fff;background:#3b5998}#contact .social .fa-twitter:hover{color:#fff;background:#00cafb}#contact .social .fa-google-plus:hover{color:#fff;background:#d23a1d}#contact .social .fa-linkedin:hover{color:#fff;background:#007bb6}#contact .social .fa-dribbble:hover{color:#fff;background:#ea4c89}#contact .social .fa-github:hover{color:#fff;background:#050000}#contact .contact-info{margin:40px 0}#contact .contact-info p{font-size:20px}#contact .contact-form .form-control{font-size:17px;border:none;margin-bottom:20px;box-shadow:none;border-radius:0}.to-top i{padding:10px 15px;border:2px solid #34495e;color:#34495e;margin:10px;background:transparent}.to-top i:hover{color:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;background:#34495e}#copyright{color:#333;background:#f1f1f1}#copyright a{color:#333}