/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
	height: 100%;
}
body {
/*padding-top: 50px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
	max-height: 311px;
	max-width: 930px;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.nav-background-cusotm {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 15%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #ffffff), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 15%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 15%, #d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 15%, #d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 15%, #d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 ); /* IE6-9 */
	height: 113px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
/* margin: 50px 0;*/
}

/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
	margin-bottom: 30px;
}
}

@media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
}
@font-face {
	font-family: bw;
	src: url("../fonts/bw.ttf");
	font-family: bw;
}
@font-face {
	font-family: vg;
	src: url("../fonts/vg.ttf");
	font-family: vg;
}

#content-one .top {
	background: rgba(0, 0, 0, 0) url("../images/content-top.png") no-repeat scroll left top;
	height: 20px;
}
#content-one .bottom {
	background: rgba(0, 0, 0, 0) url("../images/content-bot.png") repeat scroll left top;
	height: 100%;
	width: 100%;
	padding-bottom: 5px;
}
#content-one .bottom .head {
	padding: 10px;
}
.heading {
	color: #579a00;
	font-family: bw;
	font-size: 22px;
}
#content-one .bottom ul li {
	float: left;
	list-style-image: url("../images/list-bullets.png");
	margin-left: 30px;
	width: 130px;
	display: list-item;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.client-say {
	padding: 10px 20px;
}
.client-say p {
	background: rgba(0, 0, 0, 0) url("../images/blockquote.png") no-repeat scroll left top;
	padding: 0 10px 10px 20px;
}
p {
	text-align: justify;
}
.contact-box button {
	background: #579a00 none repeat scroll 0 0;
	border: medium none;
	border-radius: 10px;
	color: #fff;
	margin: 30px auto;
	padding: 5px;
}
.dd_container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	width: 100%;/*margin-top:56px;*/
}
.dd_container {
	background-repeat: repeat-y;
}
.sub-nav {
	padding: 10px 30px;
	padding-top: 30px;
}
.login a {
	background: #000 none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	font-family: bw;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 4px 15px;
	text-transform: uppercase;
}
.social {
	float: right;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.custom-header {
	width: 100%;
	/*background: #000 none repeat scroll 0 0;*/
background-color:#000000;
	height: auto;
	/*min-height:410px;*/

	margin-bottom:10px;	
	}

@media (max-width:353px) and (min-width:289px) {
.social {
	float: none !important;
	margin-left: 30%;
}
.login {
	float: none !important;
	margin: 0 auto 0 18%;
}
}

@media (max-width:290px) {
.login a {
	font-size: 11px !important;
}
}

@media (max-width:970px) {
.dd_container .dd_box_6 {
	width: 35%;
	float: left;
}
.dd_container .dd_box_10 {
	width: 60%;
	float: left;
}
}