body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	width: 100% !important;
	height: 100% !important;
	color: #6C6C6C;}

h1 {
	margin: 40px 0 16px 0;
	font-size: 2.2em;
	font-weight: 400;
	letter-spacing: .1em;
	color: #777;
	text-transform: uppercase;
	text-align: center;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;}

h2 {
	margin: 40px 0 50px 0;
	font-size: 2em;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: .1em;
	color: #000;
	text-transform: uppercase;
	text-align: center;}

h3 {
	color: #222;
	font-size: 1.5em;
	font-weight: 400;}

h4 {
	color: #555;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.3em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding:10px;
	margin-top: 30px;
	margin-bottom: 20px;}

h5 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 2em;
	letter-spacing: .1em;
	color: #000;}

p {
	font-size: 1.1em;
	text-align: center;}

a {
	color: #000;
	font-weight: 700;}

a:hover, a:focus {
	text-decoration: none;
	color: #777;}

ul, ol {
	webkit-padding: 0;
	moz-padding: 0;}

li {
		padding-top: 10px;}

hr {
	height: 1px;
	background: #ccc;}


/* Navigation */

#nav.affix {
	position: static;
	top: 0;
	width: 100%;}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;}

.navbar .navbar-collapse {
	text-align: center;}

.navbar-custom {
	margin-bottom: 0;
	padding: 10px 0;}

.navbar-custom a {
	color: #fff;
	font-size: 1.1em;}

.navbar-custom .nav li a {
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;}

.navbar-custom .nav li a:hover {
	outline: 0;
	color: #CCC;
	background-color: transparent;}

.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
	color: #ccc;}

.navbar-toggle {
	color: #FFF;
	font-size: 2em;
	text-align: center;}


/* Header Section */

.intro {
	width: 100%;
	height: 800px;
	padding: 0;
	text-align: center;
	background: url(../img/bg-intro_new.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;}

.intro .main {
	font-family: 'Montserrat', sans-serif;
	font-size: 8em;
	font-weight: 900;
	line-height: .8em;
	color: #fff;
	margin-top: 1.5em;
	letter-spacing: -1px;
	text-transform: uppercase;}
	  @media (max-width: 768px) {
		.intro .main  {
      font-size: 3em;}}

.intro .subhead{
	font-family: 'Montserrat', sans-serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 30px;
	color: #fff;}
		@media (max-width: 768px) {
		.intro .subhead{
      font-size: 1.8em;}}

.mb-0 {
		text-align: left;
		margin-bottom: 20px;}


.pages{
	width: 100%;
	padding: 0;
	text-align: center;
	background: url(../img/bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;}

.pages h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	margin-top: 0px;
	margin-bottom: 30px;
	color: #fff;}
	/* ---For screens 768px and larger--- */
	@media only screen and (min-width : 768px) 
		{ .intro h2 {
		letter-spacing: .2em;}}

.main {
	font-family: 'Montserrat', sans-serif;
	font-size: 6em;
	font-weight: 900;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: .1em;}
	/* ---For screens 768px and larger--- */
	@media only screen and (min-width : 768px) 
		{ .main {
		font-size: 4em;}}

.callout {
	color: #555;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.3em;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
	padding:6px;}


.section-title.center {
	padding: 10px 0 0 0;}


/* About Section */
#about {
	margin-top:30px;
	padding-top: 40px;
	padding-bottom: 70px;
	background: #eeeeee;}
	
#about p{
	text-align: left;}


#about h3{
	color: #999;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: .3em;
	text-align: center;
	margin-bottom: 30px;}

.bio{
	margin-bottom: 10px;}

.social i {
	font-size: 2em;
	padding: 10px 10px 10px 10px;
	color: #999;
	transition: all 0.5s;}

.social i:hover{
	color: #777;}


/* Contact Section */
#contact {
	padding: 120px 0 60px 0;}

#contact h3 {
	padding-top: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;}

#contact form {
	padding: 30px 0;}

#contact .text-danger {
	color: #E87E04;
	text-align: left;}

label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	float: left;}

#contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #2c3e50;
	background-color: rgba(255,255,255,0.8);
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;}

#contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;}

.form-control::-webkit-input-placeholder {
	color: #2c3e50;}

.form-control:-moz-placeholder {
	color: #2c3e50;}

.form-control::-moz-placeholder {
	color: #2c3e50;}

.form-control:-ms-input-placeholder {
	color: #2c3e50;}


/* Menu Items  */
.menu-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 500px;
  max-height: 500;
  margin: auto auto 1rem;
  padding-bottom: 16px;}

.menu-item .caption {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;}

.menu-item .caption .caption-content {
  color: #fff;
  margin: auto 5rem 5rem 5rem;
	padding-right: 20px;}

.menu-item .caption .caption-content p {
  font-size: 1.2em;}

@media (min-width: 992px) {
  .menu-item {
    max-width: 500px;
    margin: 0;}

  .menu-item .caption {
    transition: background-color 0.7s, -webkit-clip-path 0.25s ease-out;
    transition: clip-path 0.25s ease-out, background-color 0.7s;
    transition: clip-path 0.25s ease-out, background-color 0.7s, -webkit-clip-path 0.25s ease-out;
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);}

  .menu-item .caption .caption-content {
    transition: opacity 0.25s;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;}}

a:hover img{
  opacity: .7;}


/* Buttons */

.btn-default {
	background-color: #000;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: .2em;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 12px 20px 12px 20px;
	border-radius: 0;}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #ccc;}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;}

a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;}


/* Video  */

#video {
	margin-top:30px;
	padding-top: 40px;
	padding-bottom: 50px;
	background: #eeeeee;
	text-align: center;}

/* Testimonial  */

#testimonial {
	margin-top:10px;
	padding-top: 20px;
	padding-bottom: 20px;}

.testimonial {
	color: #555;
	font-size: 1.4em;
	font-weight: 600;
	font-style: italic;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: -.5px;
	margin-top: 0px;
	margin-bottom: 10px;}

.customer {
	text-align: left;}


/* Pricing  */

#pricing {
	margin-top:40px;
	margin-bottom:20px;
	padding-top: 20px;
	padding-bottom: 50px;
	background: #eeeeee;
	text-align: center;}

.pricebox{
  padding: 30px;
  background: #fff;
	margin-bottom: 20px;
	text-align: center;}

.pricebox .level{
	color: #222;
	font-size: 2.2em;
	font-weight: 600;}

.pricebox .price {
	margin-bottom: 20px;
	font-size: 4.2em;
	font-weight: 400;
	margin-top: -20px;}

.pricebox h5 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1em;
	line-height: .2em;
	padding-bottom: .8em;
	letter-spacing: .3em;
	color: #999;}

.pricebox p{
	line-height: 1.5em;}
	
.pricebox .available {
	letter-spacing: .3em;
	margin-top: -10px;}

.location {
	font-size: 1.2em;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;}


/* Footer */

footer {
	text-align: center;
	color: #777;
	padding: 60px 10px 40px 10px;}

footer p {
	font-size: 1em;}

footer a {
	font-weight: 700;}

footer a:hover {
	color: #777;}

.no-pad{
	padding: 0px;
	margin: 0px;}