body {
	background-color:#eee;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

h1 {
	font-size:2.65em;
	font-family: 'Source Sans Pro', sans-serif;

}
h2 {
	font-size:1.5em;
}

section > article {
	background-color:#fff;	
	/*background:#fff url('../img/layout/globe-bg.png') no-repeat 100% -100%;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
	padding-top:40px;
	padding-bottom:40px;
}

section.portfolio-nav {
	background-color:#eee;	
}
section.portfolio-nav > article {
	box-shadow:none;
	background-color:#eee;	
}

section > article h1 {
	margin-top:0px;
}


section > header {
	border-top:2px solid #d7df21;
	border-bottom:2px solid #d7df21;
	padding-top:60px;
	padding-bottom:60px;
}

section > header h1 {
	margin:0;	
	font-weight:900;
	text-shadow:rgba(0,0,0,.65) 2px 2px 4px;
	color:#fff;
	text-transform:uppercase;	
}

blockquote {
	margin:0;
	padding:0;
	border-left:none;
	font-size:1.8em;
	line-height:1.5em;
	font-weight:900;
	text-shadow:rgba(0,0,0,.65) 2px 2px 4px;
	color:#fff;
	
}
cite {
	display:block;
	text-align:right;	
	font-size:.75em;
}
cite:before {
	content: "\2014\00a0";	
}

section#services > header,
section#gallery > header {
/* background:url('../img/layout/creative-bg.jpg') no-repeat top right;
 background-size:cover;	*/
 background-color:#58585A;
 color:#fff;
}

section#pricing-web > header {
/* background:url('../img/layout/creative-bg.jpg') no-repeat top right;
 background-size:cover;	*/
 background-color:#303E46;
 color:#fff;
}

section#pricing-social > header {
/* background:url('../img/layout/creative-bg.jpg') no-repeat top right;
 background-size:cover;	*/
 background-color:#58585A;
 color:#fff;
}


section#portfolio > header {
 /*background:url('../img/layout/events-bg.jpg') no-repeat top left;
 background-size:cover;	*/
 background-color:#303E46;
}

section#contact {
	border-top:2px solid #d7df21;
	border-bottom:2px solid #d7df21;	
	/* background:url('../img/layout/media-bg.jpg') no-repeat top left;
	 background-size:cover;	*/
	background-color:#808285;	
}

section#contact h1 {
	color:#fff;
}

section#contact > article {
	background:none;	
	border-left:none;
	border-right:none;	
	box-shadow:none;	
}

p.section-overview {
	line-height:1.75em;	
}
p.description {
	padding-top:20px;
	line-height:1.75em;	
	border-top:1px solid #D2D521;
}

a.thumbnail {
	border-radius:0px;
}

a.thumbnail:hover,
a.thumbnail:focus {
	border-color:rgb(215,223,33);		
	text-decoration:none;
}

	a.thumbnail h3 {
		margin:0px;
		font-size:1em;	
		color:#303E46;		
		text-align:center;
	}

.rollover {
	display:block; 
	position:relative;	
}

.rollover:hover {
	border:none;
}

.rollover > div {
	position:absolute; 
	top:0px; 
	left:0px;
	width:100%; 
	height:100%; 
	background-color:rgba(206,214,57,.95);
	display:none;		
	padding:10px;
	color:#303E46;
	border:1px solid rgb(215,223,33);		
	font-size:1em;
}
.rollover > div > i {
	display:inline-block;
	position:absolute;
	top:85%;
	bottom:0;
	right:3px;	
	font-size:1.75em;
	color:#fff;
	opacity:.5;
}

	.rollover > div > ul > li > i {
		padding-right:6px;
	}
	
	.rollover > div > ul > li:nth-child(odd) {
		font-weight:bold;
		color:#fff;
		background-color:#303E46;
		padding:4px;
	}
	.rollover > div > ul > li:nth-child(even) {
		display:inline-block;
		padding:4px 0px 4px 4px;
	}

.contact-info {
  background-color: rgba(255,255,255,.65);
  font-size: 1em;
  font-weight: 400;
  padding: 24px 45px;  
  border: 1px solid #303e46;
}
  .contact-info h3 {
    text-transform:uppercase;  
    margin-bottom:16px;
		font-size:1.35em;
  }
  .contact-info ul > li {
    font-size:1.1em;
    line-height:3em;  
  }
  .contact-info i {
		background-color: #303e46;
    color: #d7df21;
    border-radius: 5px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 35px;  
  }

.social-media-stack a {
  display:block;
  overflow:hidden;
  text-indent:-9999px;  
  background:url('../img/icons/social-icons.png') no-repeat top left;
  background-size:cover;
  margin:0px 12px 0px 3px;
  border-radius:2px;  
}

.social-media-stack.sm-icons a {
  height:36px;
  width:36px;
}
.social-media-stack.sm-icons li:nth-child(2) a { background-position: 0px -36px; }
.social-media-stack.sm-icons li:nth-child(3) a { background-position: 0px -73px; }
.social-media-stack.sm-icons li:nth-child(4) a { background-position: 0px -109px; }

.social-media-stack.lg-icons a {
  height:48px;
  width:48px;
}
.social-media-stack.lg-icons li:nth-child(2) a { background-position: 0px -48px; }
.social-media-stack.lg-icons li:nth-child(3) a { background-position: 0px -97px; }
.social-media-stack.lg-icons li:nth-child(4) a { background-position: 0px -145px; }

footer {
	color:#fff;
	background: #303e46 url('../img/compass.jpg') no-repeat bottom center;
	background-size:contain;	
	text-align:center;
	padding:40px 0;
}
footer address, footer ul {
	margin-bottom:0px;
	padding-bottom:0px;	
}


/* layout styles and bootstrap overrides */
.navbar-inverse {
	background-color:	#303e46;
	border:none;
	border-radius:0;
	border-top:2px solid #d7df21;
	border-bottom:1px solid d7df21;
	margin-bottom:0;
	min-height:62px;
	font-size:1.1em;
}
.navbar-header {
	height:125px;	
}

.navbar-inverse ul.nav > li > a {
	color:#d7df21;	
	padding-top:5px;
	padding-bottom:5px;
}


@media (min-width: 768px) { 
	.navbar-nav {
		margin-top:80px;	
	}
}

.navbar-inverse ul.nav > li > a:hover,
.navbar-inverse ul.nav > li > a:focus {
	background-color:#7e8083;	
	color:#fff;
}

.navbar-inverse ul.nav > li.active > a:hover,
.navbar-inverse ul.nav > li.active > a {
	background-color:#303e46;	
	color:#fff;
}

.navbar-brand {
	padding-top:0px;
	padding-bottom:0px;	
}

@media (max-width: 390px) { 
	.navbar-brand img {
		max-width: 209px;
	}
	.navbar-header {
		height:125px;	
	}	

}

.carousel-control.left,
.carousel-control.right {
	background-image:none;
	opacity:.25;
}

.carousel-control.left {
	left:-40px;	
}
.carousel-control.right {
	right:-40px;	
}

.btn {
  border-radius:0;  
}
.btn-main {
  background-color:#303e46;
	color:#d7df21;
}
.btn-main:hover,
.btn-main:focus {
  background-color:#172025;  
	color:#d7df21;
}
.btn-main:disabled {
  color:#700408;  
}

.default-form .form-control {
  border-radius:0;  
  background-color: rgba(255,255,255,.75);
  border-color:#6a6a6a;
  height: 44px;
  color:#000;
}
.default-form .form-control:focus {
  border-color:rgba(215, 223, 33, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(215, 223, 33, 0.9);
}
.default-form select.form-control option {
  background-color:#fff;
  color:#000;
}
.default-form textarea.form-control {
  height:inherit;
}
.default-form select {
 -webkit-appearance: none;
 -moz-appearance: none;
  text-overflow: '';
}

/*============================================================
PRICING TABLES
==========================================================*/
.db-bk-color-one {
	background-color: #999;
}

.db-bk-color-two {
	background-color: #999;
}

.db-bk-color-three {
	background-color: #999;
}

.db-bk-color-six {
	background-color: #F59B24;
}
/*============================================================
PRICING STYLES
==========================================================*/
.db-padding-btm {
	padding-bottom: 0px;
}
.db-button-color-square {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.50);
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

	.db-button-color-square:hover {
		color: #fff;
		background-color: rgba(0, 0, 0, 0.50);
		border: none;
	}

.db-pricing-eleven {
	margin-bottom: 30px;
	margin-top: 50px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	color: #fff;
	line-height: 20px;
	min-height:460px;
}

	.db-pricing-eleven ul {
		list-style: none;
		margin: 0;
		margin-top:20px;
		text-align: center;
		padding: 0px 12px;
	}

		.db-pricing-eleven > ul li {
			padding-top: 10px;
			padding-bottom: 10px;
			cursor: pointer;
		}
		.db-pricing-eleven ul li:last-child {
			padding-bottom:20px;	
		}

			.db-pricing-eleven ul li i {
				margin-right: 5px;
			}

    .db-pricing-eleven .price {
			background-color: rgba(0, 0, 0, 0.35);
			padding: 40px 20px 20px 20px;
			font-size: 40px;
			font-weight: 900;
			color: #FFFFFF;
    }

			.db-pricing-eleven .price small {
				color: #B8B8B8;
				display: block;
				font-size: 12px;
				margin-top: 4px;
				padding-left:20px;
			}

	.db-pricing-eleven .type {
		background-color: #d7df21;
		color:#303E46;
		padding: 30px 20px;
		font-weight: 900;
		text-transform: uppercase;
		font-size: 30px;
	}

	.db-pricing-eleven .pricing-footer {
		padding: 20px;
	}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
	padding-left: 0;
	padding-right: 0;
}

.db-pricing-eleven.popular {
	margin-top: 30px;
	padding-bottom:40px;
}

	.db-pricing-eleven.popular .price {
		padding-top: 60px;
	}