*{margin:0;padding:0;outline:0 !important}

body{font-family:'Open Sans',sans-serif;font-weight:400}

h1{font-weight:700}
a.white{color:#fff;text-decoration:underline}
ul{list-style-type:none}
.text-danger{color:#ff0000}

/*NAVIGATION*/
.navbar-default{background-color:#4f4f4f}
.navbar-fixed-top{border-width:0}
.navbar-default .navbar-nav > li > a{font-family:'Roboto Condensed',sans-serif;font-size:1.2em;color:#fff}
.navbar-default .navbar-nav > li > a:hover,
/*.navbar-default .navbar-nav > li > a:focus,*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{background-color:#6d6d6d;color:#fff}
.navbar-default .navbar-nav > li > a:focus{color:#fff !important}
	/*MOBILE*/
	.navbar-default .navbar-toggle{border-color:#fff}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{background-color:#6d6d6d}

/*HEADER*/
header .container{padding-top:120px;padding-bottom:60px}
header .tagline{margin-top:20px;font-size:1.6em;font-weight:400;color:#4f4f4f}

/*MAIN CONTENT*/
section{padding:60px 0}

hr.hr-about::after{content:"\f007"}
hr.hr-portfolio::after{content:"\f016"}
hr.hr-testimonials::after{content:"\f0e5"}
hr.hr-contact::after{content:"\f003"}
hr.hr-dark::after{background-color:#fff;color:#333}
hr.hr-light::after{background-color:#0098bf;color:#fff}
hr.hr-light::after,
hr.hr-dark::after{display:inline-block;font-family:FontAwesome;font-size:2.2em;padding:0 0.25em;position:relative;top:-0.8em}
hr.hr-dark{border-color:#333 !important}
hr.hr-light{border-color:#fff !important}
hr.hr-light,
hr.hr-dark{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color;border-image:none;border-style:solid none none;border-width:5px 0 0;margin:20px auto 40px;max-width:500px;padding:0;text-align:center}

#about,
#testimonials{background-color:#0098bf;color:#fff}

#portfolio img{margin:0 auto 10px auto;border:1px solid #4f4f4f}
#portfolio .portfolio-item{margin-bottom:20px}
#portfolio .portfolio-link{position:relative;display:block;margin:0 auto;max-width:362px}
#portfolio .portfolio-item .portfolio-link .caption{position:absolute;width:100%;height:100%;background:rgba(0, 152, 191, 0.8) none repeat scroll 0 0;opacity:0;transition:all 0.5s ease 0s}
#portfolio .portfolio-item .portfolio-link .caption:hover{opacity:1}
#portfolio .portfolio-item .portfolio-link .caption .caption-content{position:absolute;top:50%;width:100%;margin-top:-32px;color:#fff;text-align:center}
#portfolio .portfolio-title{font-size:1.4em}
.glyphicon.glyphicon-new-window{font-size:64px}

/*CONTACT*/
.form-control{height:45px}
form .row:first-child .floating-label-form-group{border-top:1px solid #999}
.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.6em;border-bottom:1px solid #999}
.floating-label-form-group input,
.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:0;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none !important;resize:none}
.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;color:#999;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}
.floating-label-form-group-with-value label{top:0;opacity:1}
.floating-label-form-group-with-focus label{color:#0098bf}

footer{padding:20px 0;background-color:#0098bf;color:#fff}
footer p{margin:0;text-align:center}