@import url(hermesc.css);
@import url(lanenarrow.css);
@import url(lobster_1_3.css);

body {background: #081f3f; color: #fff; font: 16px "Lane Narrow", Arial, Helvetica, sans-serif; }

a {background: none repeat scroll 0 0 transparent;}
a {color: #ff5f6b; outline: none; text-decoration: underline;}
a:focus {outline: none;}
a:hover, a:focus {color: #ff5f6b; text-decoration: none;}
a:active, a:hover {outline: none;}

.navbar-default {background: url(images/tm-bg.png) repeat-x 0 0; border: 0; height: 87px;}
.navbar-fixed-top {border-width: 0;}
.navbar-brand {background: url(images/logo.png); display: inline-block; margin-top: 16px; height: 47px; text-indent: -9999px; width: 127px;}
.navbar > .container .navbar-brand {margin-left: 40px;}
.navbar-collapse {padding: 0;}
.navbar-collapse .navbar-nav.navbar-right:last-child {margin-right: 40px;}

.nav > li > a {display: block; padding: 0 8px; position: relative;}
.navbar-nav > li > a {line-height: 75px; padding-bottom: 0; padding-top: 0; text-decoration: none;}
.nav > li > a:hover, 
.nav > li > a:focus {background-color: transparent;}
.navbar-default .navbar-nav > li > a {color: #8e9bad; color: rgba(255,255,255,0.5); font: 20px/75px "Lobster", Arial, Helvetica, sans-serif; text-transform: lowercase;}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {background-color: transparent; color: #fff;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {background-color: transparent; color: #fff;}

h1 {font-family: "Lobster", Arial, Helvetica, sans-serif;}
h2 {font-family: "Hermes C Regular", Arial, Helvetica, sans-serif;}

.container {padding: 0; width: 990px;}
.page-header {border-bottom: 1px solid #42556f; margin: 0 40px 72px; padding: 72px 0 0; text-align: right;}
.page-header h1 {background: #081f3f; float: right; font-size: 30px; line-height: 1em; margin: -15px 0 0; padding: 0 0 0 30px;}
.page-content {overflow: hidden; padding: 0 40px;}

.text h2 {text-transform: uppercase;}

.page {padding: 87px 0 3px;}

#home .page {background: url(images/bg-p1.jpg) no-repeat 50% 0 fixed; background-size: cover; min-height: 900px;}
#home .logo {background: url(images/logo-p1.png) no-repeat; height: 462px; margin: 33px auto 50px; text-indent: -9999px; width: 462px;}
#home .belt {background: rgba(0,0,0,0.75); margin: 50px 0; text-align: center;}
#home .belt div {display: inline-block; font: 20px/38px "Hermes C Regular", Arial, Helvetica, sans-serif; width: 360px;}
#home .belt div b {font-size: 24px; font-weight: 400;}
#home .belt .address {text-align: right;}
#home .belt .buckle {position: relative; width: 180px;}
#home .belt .buckle a {background: #09264c; border: 5px solid #949aa1; border-radius: 50%; display: block; height: 60px; left: 50%; margin: -35px 0 0 -35px; position: absolute; text-indent: -9999px; top: 50%; width: 60px;}
#home .belt .buckle a:after {border: 12px solid #fff; border-color: #fff transparent; border-width: 12px 12px 0; content: ''; height: 0; left: 50%; margin: -6px 0 0 -12px; position: absolute; top: 50%; width: 0;}
#home .belt .phone {text-align: left;}

#about .page {padding-bottom: 0;}
#about .page-content {margin-top: 110px; margin-bottom: 40px;}
#about .text {background: url(images/about-txt-bg.gif) no-repeat 25px 100%; color: #fefefe; float: left; padding: 0 40px 160px; width: 600px;}
#about .text h2 {color: #7c8a9e; font-size: 50px; margin: 0 0 16px;}
#about .text p {margin: 0 0 6px;}
#about .imgs {float: right; width: 310px;}
#about .imgs img {float: right; margin: 0 0 10px 10px;}
#about .bg {background: url(images/about-bg.jpg) no-repeat 50% 0 fixed; background-size: cover; clear: both; height: 556px;}

#gallery .page {background: #fff; color: #000710;}
#gallery .page-header {border-bottom: 1px solid #9ba5c4;}
#gallery .page-header h1 {background: #fff; color: #09264c;}
#gallery .page-content {margin-bottom: 90px;}
#gallery .text {font-size: 22px; padding: 0 40px;}
#gallery .text h2 {color: #234472; font-size: 50px; margin: 0 0 16px;}
#gallery .imgs {margin: 16px -10px 0; overflow: hidden;}
#gallery .imgs img {float: left; margin: 0 0 10px 10px;}

#prices .page {background: #fff; color: #051326; padding-bottom: 0;}
#prices .page-header {border-bottom: 1px solid #9ba5c4;}
#prices .page-header h1 {background: #fff; color: #09264c;}
#prices .page-content {margin-bottom: 140px;}
#prices .text {overflow: hidden; font-size: 26px; line-height: 48px; text-align: right;}
#prices .sideLeft {float: left; padding: 0 40px; width: 50%;}
#prices .sideRight {float: right; padding: 0 40px; width: 50%;}
#prices .text b {display: inline-block; font-weight: 400; text-align: left; width: 60px;}
#prices .text span {clear: left; float: left;}
#prices .text span i {font-size: 18px; font-style: normal;}
#prices .bg {background: url(images/prices-bg.jpg) no-repeat 50% 0 fixed; background-size: cover; clear: both; height: 556px;}

#barbers .page-content {margin-top: 80px; margin-bottom: 130px;}
#barbers .text {color: #fefefe; padding: 0 40px;}
#barbers .text h2 {color: #7c8a9e; font-size: 50px; margin: 0 0 16px;}
#barbers .barbers {margin: 10px 0 0; overflow: hidden;}
#barbers .barber {color: #fff; float: left; font: 30px "Hermes C Regular", Arial, Helvetica, sans-serif; margin: 60px 42px 0 40px; text-transform: uppercase; width: 220px;}
#barbers .barber img {margin: 0 0 10px;}
 
#location .page-content {margin-bottom: 80px;}
#location .text {color: #fefefe; padding: 0 40px; text-align: center;}
#location .text .hours {color: #7c8a9e; font-size: 40px; line-height: 42px; text-transform: uppercase;}
#location .text p {font-size: 22px; margin: 40px 0;}
#location .map {margin: 0 -40px;}

#contact .page-content {margin-bottom: 45px;}
#contact .text {color: #929cab; font-size: 30px; padding: 0 40px; text-align: center; text-transform: uppercase;}
#contact form {margin: 35px 0 0;}
.formLine {text-align: center;}
.formLine label {color: #929cab; display: block; font-size: 18px; font-weight: 400; margin: 18px 0 8px;}
.formLine .control {background: #7c8a9e; border: 0; border-radius: 6px; color: #fff; font: 16px "Lane Narrow", Arial, Helvetica, sans-serif; margin: 0; padding: 6px; width: 316px;}
.formAntispam {display: none;}
.formSubmit {margin: 25px 0 0; text-align: center;}
.formSubmit input {background: #bd212d; border: 0; border-radius: 50%; color: #fff; font: 700 14px Arial, Helvetica, sans-serif; height: 65px; text-transform: uppercase; width: 65px;}
.tbErrors {margin: 35px 0;}

#footer {height: 50px;}
#footer .container {color: #42556f; font: 11px Arial, Helvetica, sans-serif; padding: 15px 40px; text-align: right;}
#footer .container a, 
#footer .container a:hover {color: #42556f;}