/*!
 * 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;
}
.top_header {
	background-color: #09964E;
	width: 100%;
	height: 80px;
	display: block;
}
#logo {
	background-image: url(../img/logo2.png);
	width: 337px;
	height: 80px;
	background-repeat: no-repeat;
	float: left;
	/* margin-top: 20px; */
	margin-left: 2%;
}
#tel {
	width: 260px;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
	height: 60px;
	padding-top: 22px;
	float: right;
	margin-right: 2%;
	text-align:right
	
}
#nav_2 .dropdown li a {
	display:block;
	width:130px;
}
#nav_2 .dropdown li a:hover {
	color: #878787; width:130px;
}
#nav_2 .dropdown-menu li a{
	background-color: transparent;
}
#nav_2 .dropdown-menu li a:hover {
	background-color: transparent;
}

.clear {
	clear: both;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
	height: 450px;
	margin-bottom: 20px;
}
.carousel-caption {
	height: 450px;
}
a.btn.btn-default {
	color: white;
	background-color: #008c3c;
}
a.btn.btn-default_2 {
	color: white;
	background-color: #008c3c;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;background:#13ab4a; color: #fff; text-decoration:none;
}
.activ { background:#008c3c; color: #fff; text-decoration:none }
.header .rightbox{ float:right; width:260px;}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.sun {
	margin-top: 180px;
}
.solar {
	font-size: 20px;
	text-align: center;
	color: #008c3c;
}
.solar_paragraph {
	font-size: 11px;
	text-align: center;
	color: grey;
}
.led {
	font-size: 20px;
	text-align: center;
	color: #008c3c;
}
.led_paragraph {
	font-size: 11px;
	text-align: center;
	color: grey;
}
.projects {
	font-size: 20px;
	text-align: center;
	color: #008c3c;
}
.projects_paragraph {
	font-size: 11px;
	text-align: center;
	color: grey;
}
.renehomes {
	font-size: 20px;
	text-align: center;
	color: #008c3c;
}

.picbg{width:277px;height:220px;background:url(../img/imgboxbg.png) no-repeat; position:relative;}

.renehomes_paragraph {
	font-size: 11px;
	text-align: center;
	color: grey;
}
#orange_bar {
	background-color: #ABABAB;
	height: 100%;
	width: 100%;
	margin-top: 10px;
}
.orange_bar_2 {
	height: 100%;
	width: 100%;
	margin-top: 10px;
	padding-top: 20px;
	border-top: 2px solid #008c3c;
}
#orange_bar h2 {
	margin-top: 0px;
	color: white;
	margin-left: 20px;
	padding-top: 20px;
}
.about_paragraph {
	color: white;
	font-size: 14px;
	font-family: helvetica;
	line-height: 22px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.signup {
	color: #B0B0B0;
	font-size: 25px;
	font-family: helvetica;
	line-height: 30px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}
.recieve {
	color: #008c3c;
	font-size: 14px;
	font-family: helvetica;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.orange_bar_signup {
	background-color: #008c3c;
	height: 100%;
	width: 100%;
	margin-top: 10px;
}
#footer_box {
	background-color: #008c3c;
	height: 200px;
	width: 100%;
	margin-top: 10px;
}
#footer_links {
	padding-top: 20px;
	background-color: #008c3c;
}
#footer_links li {
	list-style: none;
	text-align: center;
	float: left;
	margin-left: 30px;
}
#footer_links li a {
	text-decoration: none;
}
#nav_2 li {
	list-style: none;
	float: left;
	padding-left: 15px;
}
#nav_2 li a {
	text-decoration: none;
	color: #008c3c;
}
#nav_2 {
	float: left;
	font-size: 11px;
	margin-left: 30px;
	margin-bottom: 10px;
	padding-top: 4px;
	margin-bottom: 0px;
	font-size: 13px;
}
.navbar {
	border-bottom: 0px;
}
.navbar-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
}
#ipad_nav {
	float: right;
	padding-top: 15px;
	display: none;
}
#ipad_nav li {
	list-style: none;
	float: left;
	padding-left: 15px;
}
#ipad_nav li a {
	text-decoration: none;
	color: #008c3c;
}
/* 404 Page Styles */

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

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 50px 0;
}
.dispatch {
	font-size: 20px;
	text-align: center;
	color: #008c3c;
}
.dispatch_paragraph {
	font-size: 11px;
	text-align: center;
	color: grey;
}
.footer_title {
	font-size: 15px;
	text-align: center;
	color: white;
	text-decoration: none;
}
.payment_paragraph {
	font-size: 11px;
	color: white;
}
#key_title {
	color: #A8D19D;
}
#products_title {
	color: #A8D19D;
}
/*Flag*/
i.website-flag {
 display: inline-block;
 background-image: url(../img/flags.jpg);
 background-repeat: no-repeat;
 background-size: 500px 13px;
 width: 20px;
 height: 13px;
}
.dropdown-menu i.website-flag {
 margin-left: -20px;
 margin-right: 2px;
}


/* Responsive Styles */

@media(max-width:991px) {
.customer-img, .img-related {
	margin-bottom: 30px;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
#ipad_nav {
	float: right;
	padding-top: 15px;
}
#ipad_nav li {
	list-style: none;
	float: left;
	padding-left: 15px;
}
#ipad_nav li a {
	text-decoration: none;
	color: white;
}
#nav_2 {
	float: left;
	padding-left: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
	padding-top: 22px;
	padding-top: 0px;
	margin-bottom: 0px;
}
#nav_2 li {
	list-style: none;
	padding-left: 15px;
}
}
 @media(max-width:767px) {
.img-portfolio {
	margin-bottom: 35px;
}
header.carousel .carousel {
	height: 70%;
}
#footer_box {
	background-color: #008c3c;
	height: 100%;
	width: 100%;
	margin-top: 10px;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
#ipad_nav {
	float: right;
	padding-top: 15px;
}
#ipad_nav li {
	list-style: none;
	float: left;
	padding-left: 15px;
}
#ipad_nav li a {
	text-decoration: none;
	color: white;
}
#nav_2 {
	padding-left: 0px;
	margin-left: 0;
}
#nav_2 li {
	list-style: none;
	padding-bottom: 25px;
	padding-left: 3px;
	float: none;
	font-size: 13px;
}
.top_header {
	background-color: #008c3c;
	width: 100%;
	height: 45px;
	display: block;
}
.top_header {
	background-color: #008c3c;
	width: 100%;
	height: 80px;
	display: block;
}
#logo {
	background-image: url(../img/logo.png);
	width: 214px;
	height: 37px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 24px;
	margin-left: 2%;
}
#tel {
	width: 200px;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	float: right;
	margin-top:8px;
	margin-right: 2%;
}
}
 @media(min-width:1400px) {
.img-banner {
	width: 1400px;
	margin: 0 auto;
}
}

.Plistbox{background:#fff; width:100%; height:365px; font-size:14px;margin-top:15px; clear:both;}
.Plistbox ul li a.Color1{color:#17ac58;padding-left:10px;}
.Plistbox ul{margin-right:-8px;}
.Plistbox ul li{float:left;width:277px; height:337px; overflow:hidden;}
.Plistbox ul li .picbg{width:277px;height:220px;background:url(../../img/imgboxbg.png) no-repeat; position:relative;}
.Plistbox ul li .picbg h2{position:absolute; bottom:28px; color:#fff;font-size:20px;left:20px;}
.Plistbox ul li img{ padding:17px 0 0 15px}
.Plistbox ul li p{ padding:0 10px 10px 10px;font-size:14px; line-height:21px;height:80px;}
 @media(max-width:460px) {
#logo {
	background-image: url(../img/logo2.png);
	width: 337px;
	height: 80px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 2%;
}
#tel {
	float:none;
	margin-left:6%;
	font-size:14px;
	text-align:left
}
.top_header {
  
    width: 100%;
    height: 120px;
   
}
}
/* Responsive 404 */
.responsive404 { background: url(../img/404.html) right no-repeat; height: 400px; margin: 50px 0px 0px 0px; }
.responsive404_warn { font-family: Arial; font-size: 20px; color: #333333; line-height: 120px; text-align: left; padding: 80px 0px 0px 158px; font-weight: bold; }
.responsive404_note { font-family: Arial; font-size: 14px; color: #333333; line-height: 24px; text-align: left; padding: 0px 0px 0px 158px; }
.responsive404_red { color: #FF6611; }
.responsive404_green a, .responsive404_green a:hover { color: #13AB4A; }