@charset "utf-8";
/* CSS Document */
body {
	background: #fff;
	line-height: 18px;
	font-size: 14px;
	color: #838383;
	font-family: 'latoregular';
}
@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bold.eot');
	src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold.woff2') format('woff2'), url('../fonts/lato-bold.woff') format('woff'), url('../fonts/lato-bold.ttf') format('truetype'), url('../fonts/lato-bold.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latosemibold';
	src: url('../fonts/lato-semibold.eot');
	src: url('../fonts/lato-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-semibold.woff2') format('woff2'), url('../fonts/lato-semibold.woff') format('woff'), url('../fonts/lato-semibold.ttf') format('truetype'), url('../fonts/lato-semibold.svg#latosemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular.eot');
	src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular.woff2') format('woff2'), url('../fonts/lato-regular.woff') format('woff'), url('../fonts/lato-regular.ttf') format('truetype'), url('../fonts/lato-regular.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	color: #2b2b2b;
	font-family: 'latosemibold';
}
h1 {
	font-size: 24px;
	line-height: 28px;
}
h2 {
	font-size: 20px;
	line-height: 24px;
}
h3 {
	font-size: 18px;
	line-height: 22px;
}
h6 {
	font-size: 14px;
	line-height: 18px;
}
p {
	color: #838383;
	font-size: 14px;
	line-height: 18px;
}
body, ul, ol {
	margin: 0;
	padding: 0;
}
a {
	color: #838383;
}
a:hover {
	color: #ffcd03;
}
.btn-primary {
	background: #0c5292;
	border-bottom: 3px solid #074680 !important;
	border: 0;
}
.btn-primary:hover {
	color: #2b2b2b;
	background: #ffcd03;
	border-bottom: 3px solid #eabc03 !important;
}
.top-contact {
	float: left;
	width: 100%;
	background: #075495;
	padding: 5px 0;
	color: #fff;
}
.top-contact p {
	color: #fff;
}
.top-contact .top-helo {
	float: left;
}
.top-contact .top-folow {
	float: right;
}
.top-contact .top-folow ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.top-contact .top-folow ul li {
	float: left;
	margin-left: 10px;
	color: #fff;
	width: 18px;
	height: auto;
}
.top-contact .top-folow ul li:hover {
	background-color: #ffcd03;
}
.top-contact .top-folow ul li img {
	vertical-align: middle;
	width: 100%;
}
.logo {
	width: 230px;
	height: auto;
	display: block;
}
.logo img {
	width: 100%;
	display: block;
}
.navbar-brand{
	padding:10px 15px;
	float:left;
	display:block;
	animation:none;
}
.navbar {
	margin: 0;
	display:block;
}
.navbar-default {
	float: left;
	width: 100%;
	display:block;
}
.navbar-nav {
	float: right;
}
.nav>li>a {
	padding: 10px 12px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #2b2b2b;
	background-color: #ffcd03;
}
.navbar-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'latoregular';
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.main-slider {
	float: left;
	width: 100%;
}
/* Carousel base class */
.carousel {
	height: 500px;
	margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-control {
	width: 3%;
	opacity: 0.9;
}
.main-slider .carousel-caption {
	text-align: left;
	left: 10%;
	right: 10%;
	width: 45%;
	color: #fff;
	background-color: rgba(43,43,43, 0.4);
	padding: 15px;
	bottom: 30%;
}
.main-slider .carousel-caption h1 {
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 0;
}
.main-slider .carousel-caption h6 {
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 0;
}
.main-slider .carousel-caption h1, .main-slider .carousel-caption h6, .main-slider .carousel-caption p {
	color: #fff;
}
.carousel-indicators .active {
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	background-color: #ffcd03;
}
.carousel-indicators li {
	background-color: #ff\9;
	background-color: rgba(255,255,255,255);
	border: 1px solid #fff;
}
/*--main-content--*/
.main-content {
	float: left;
	width: 100%;
	margin:20px 0;
}
.main-content .welcome-img img {
	width: 100%;
	display: block;
}
.main-content .welcome-text {
}
.main-content .welcome-text h6 {
	color: #075495;
}
/*--h-services--*/
.h-services {
}
.h-services .h-services-inner {
	width: 100%;
	float: left;
}
.h-services .h-services-inner .col-lg-4, .carousel-inner .row .col-lg-4 {
	margin-bottom: 20px;
}
.h-services .service-img {
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	overflow: hidden;
}
.h-services .service-img img {
	width: 100%;
	display: block;
}
/*--latest-work--*/
.latest-work {
	width: 100%;
	float: left;
	background: url(../images/latest-workbg.jpg) no-repeat left top;
	background-size: cover;
	padding: 30px 0;
	margin: 30px 0;
}
/* CLIENT CAROUSEL STYLES */
.work-carousel {
	padding: 0 30px;
}
.work-carousel h1 {
	color: #fff;
	margin-top: 0;
}
.work-carousel .thumbnail {
	border: 1px solid #FF4D98;
}
.work-carousel .carousel-control.left, .work-carousel .carousel-control.right {
	height: 30px;
	width: 35px;
	font-size: 40px;
	color: #0c5292;
	margin-top: 150px;
	line-height: 20px;
	background: #f4f4f4;
}
.work-carousel .carousel-control.left {
	left: -15px;
	border-bottom-right-radius: 21px;
	-webkit-border-bottom-right-radius: 21px;
	-moz-border-bottom-right-radius: 21px;
	-ms-border-bottom-right-radius: 21px;
	border-top-right-radius: 21px;
	-webkit-border-top-right-radius: 21px;
	-moz-border-border-top-right-radius: 21px;
	-ms-border-border-top-right-radius: 21px;
}
.work-carousel .carousel-control.right {
	right: -15px;
	border-bottom-left-radius: 21px;
	-webkit-border-bottom-left-radius: 21px;
	-moz-border-bottom-left-radius: 21px;
	-ms-border-bottom-left-radius: 21px;
	border-top-left-radius: 21px;
	-webkit-border-top-left-radius: 21px;
	-moz-border-border-top-left-radius: 21px;
	-ms-border-border-top-left-radius: 21px;
}
.work-carousel img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}
.latest-work .carousel .item {
	height: auto;
	background: none;
}
.latest-work .carousel {
	height: auto;
	margin-bottom: 0;
}
.latest-work .carousel .item h2, .latest-work .carousel .item p {
	color: #fff;
}
/*--clients-slider--*/
.clients-slider {
	float: left;
	width: 100%;
}
.clients-heading {
	border-bottom: 1px solid #ededed;
}
/* CLIENT CAROUSEL STYLES */
.clients-carousel {
	padding: 0 30px;
}
.clients-carousel .thumbnail {
	border: 0;
}
.clients-carousel .carousel-control.left, .clients-carousel .carousel-control.right {
	color: #222;
	font-size: 30px;
	margin-top: 45px;
}
.clients-carousel img {
	width: 100%;
	height: 120px;
}
.clients-slider .carousel .item {
	height: auto;
	background: none;
}
.clients-slider .carousel {
	height: auto;
	margin-bottom: 0;
}
/*--footer--*/
.footer {
	float: left;
	width: 100%;
	padding-top: 30px;
	background: #035ca7;
}
.footer h1, .footer h2, .footer h3, .footer p {
	color: #fff;
}
.footer .footer-news .news-sub {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.footer .footer-news .news-sub img {
	margin-bottom: 10px;
}
.footer .footer-news .news-sub .col-md-10 {
	padding-right: 0;
}
.footer .footer-news .news-sub .col-md-2 {
	padding: 0;
}
.footer .footer-news .news-sub .col-md-2 img {
	width: 100%;
	display: block;
}
.footer .fotr-newsleter {
	float: left;
	width: 100%;
}
.footer .fotr-newsleter .leter-sub {
	border: 1px solid #fff;
	clear: both;
}
.footer .fotr-newsleter .leter-sub .input-text {
	padding: 5px;
	border: 0;
	background: none;
	color: #fff;
}
.footer .fotr-newsleter .leter-sub .input-sbmt {
	background: #ffcd03;
	color: #2b2b2b;
	border: 0;
	padding: 5px;
	font-size: 14px;
}
.footer .fotr-newsleter .leter-sub .input-sbmt:hover {
	background: #075495;
	color: #fff;
}
.footer .footer-copy {
	float: left;
	width: 100%;
	padding: 15px 0;
	background: #075495;
	color: #fff;
	margin-top: 20px;
}
.footer .footer-copy p {
	margin-bottom: 0;
}
.footer .footer-copy p a {
	color: #fff;
}
.footer .footer-copy .footer-social {
}
.footer .footer-copy .footer-social ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer .footer-copy .footer-social ul li {
	float: left;
	margin-left: 5px;
	color: #fff;
	width: 30px;
	height: auto;
	background: #fff;
	padding: 5px;
}
.footer .footer-copy .footer-social ul li:hover {
	background-color: #ffcd03;
}
.footer .footer-copy .footer-social ul li img {
	vertical-align: middle;
	width: 100%;
}
/*--inner-banner--*/
.inner-banner {
	background: url(../images/inner-banner.jpg) no-repeat left top;
	background-size: cover;
	padding: 20px 0;
	float: left;
	width: 100%;
}
.inner-banner .banner-caption {
	background: rgba(0, 0, 0, 0.2);
	padding: 15px;
	float: left;
}
.inner-banner .banner-caption h1 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}
/*--right-bar--*/
.right-bar{
	padding:0;
	margin-top:20px;
}
.right-bar .right-contact{
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 15px;
	width:100%;
	margin-bottom:10px;

}
.mesgspan{
	color:green;
	padding:10px;
	float:left;

}
#myform
{
	float:left;
}
.right-bar .right-contact .right-contact-heading {
	background: #035ca7;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	margin-bottom:10px;
}
.right-bar .right-contact .right-contact-heading h1 {
	margin: 0;
	color: #fff;
}
.right-bar .right-contact .right-contact-input{
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
	float: left;
	width: 100%;
	margin-bottom:5px;
}
.right-bar .right-contact  .contact-btn {
	float: right;
	background: #ffcd03;
	color: #2b2b2b;
	text-transform: uppercase;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	border:0;
}


.testnvdo{
	float:left;
	width:100%;
	margin:20px 0;
}
.testnvdo .testimonials{

}
.testnvdo .testimonials .carousel, .testnvdo .testimonials .carousel .item{
	height:auto !important;
	background:none;
}
.solar-vdo{
	background:none;
}


/*--quote--*/
.quote-main {
	float: left;
	width: 100%;
}
.quote-text {
	text-align: center;
}
.quote-text p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
}
.quote-welcome {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.quote-welcome .quote-welcome-text {
}
.quote-welcome .quote-welcome-text h1 {
	text-transform: uppercase;
	margin: 0;
}
.quote-welcome .quote-welcome-text h2 {
	margin: 0;
}
.quote-welcome .quote-welcome-text ul {
	margin: 20px 0 0 20px;
	padding: 0;
	list-style-type: circle;
}
.quote-welcome .quote-welcome-text ul li {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.quote-welcome .quote-form {
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 15px;
    height: 360px;
}
.quote-welcome .quote-form .quote-heading {
	background: #035ca7;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
}
.quote-welcome .quote-form .quote-heading h1 {
	margin: 0;
	color: #fff;
}
.quote-welcome .quote-form form {
	margin-top: 20px;
}
.quote-welcome .quote-form .quote-sub {
	margin-bottom: 10px;
	float: left;
	width: 49%;
}
.quote-welcome .quote-form .quote-sub:nth-child(even) {
	float: right;
}
.quote-welcome .quote-form .quote-sub input[type='text'] {
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	float: left;
	width: 100%;
}
.quote-welcome .quote-form p{
	display:block;
	float:left;
	width:100%;
	margin:10px 0;
}
.quote-welcome .quote-form .quote-text{
	width:100%;
}
.quote-welcome .quote-form .quote-text textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	float: left;
	width: 100%;
}
.quote-welcome .quote-form .quote-btn {
	float: right;
	background: #ffcd03;
	color: #2b2b2b;
	text-transform: uppercase;
	text-align: center;
}
.claim-form{
	margin:0 auto;
	float:none !important;
}
.solar-benefits{
	width:100%;
	height:auto;
}
.solar-benefits img{
	width:100%;
	display:block;
	height:auto;
}
.solar-benefits ul {
    margin: 20px 0 0 20px;
    padding: 0;
    list-style-type: circle;
}
.solar-benefits ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.map{
	float:left;
	width:100%;
	margin-top:30px;
}
.map img{
	width:100%;
	display:block;
	height:auto;
}
/*--Residential--*/
/*.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}*/
/* --==Responsive layout==-- */
@media (max-width: 1152px) {
.nav>li>a {
    padding: 10px 14px !important;
}
}
@media (max-width: 992px) {
.nav>li>a {
    padding: 10px 8px !important;
}
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	font-size: 20px;
	color: #002e51;
	line-height: 45px;
	width: 50px;
	height: 45px;
	background-size: 100%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	background: url(../images/navigator-next.png) no-repeat right top;
	margin-left: -19px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	background: url(../images/navigator-prev.png) no-repeat right top;
	margin-right: -19px;
}
}
@media screen and (max-width: 668px) {
.navbar-nav {
    margin: 7.5px 0;
    width: 100%;
}
}
@media screen and (max-width: 568px) {
.main-slider .carousel-caption {
	left: 2%;
	right: 2%;
	width: 74%;
}

}
@media screen and (max-width: 480px) {
.main-slider .carousel-caption {
	left: 2%;
	right: 2%;
	padding: 2%;
	width: 96%;
}
.quote-welcome .quote-form .quote-sub{
    float: left;
	width:99%;
}
.quote-welcome .quote-form .quote-sub:nth-child(even) {
    float: left;
}
}