body { font-family: 'Montserrat', sans-serif; color:#333; font-size:14px; background:#FFF url(../images/p4.png) repeat left top; font-size: 14px !important; }

/* Fonts 

font-family: 'Mulish', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Zilla Slab', serif;
font-family: 'Jura', sans-serif;

*/


.overlay .row { margin: 0 !important; padding: 0; }
body section { padding-top:0; }
.col-centered { margin:0 auto; float:none; }
.img-center img, .img-center { margin:0 auto;  }
.h1, .h2, .h3, h1, h2, h3 { margin:10px 0; font-family: 'Jura', sans-serif; }
.h4, h4 { margin:10px 0; font-family: 'Montserrat', sans-serif; }

#main { margin:120px 0 50px 0; } 
#main-box { margin:0; padding:0; }
#main #container { background:#FFF; -webkit-box-shadow: -1px 5px 5px 2px rgba(153,153,153,1);
-moz-box-shadow: -1px 5px 5px 2px rgba(153,153,153,1);
box-shadow: -1px 5px 5px 2px rgba(153,153,153,1);}

.moduletable { margin:0; padding:0; }

.marpad10 { margin:10px; padding:10px; }
.mt50 { margin-top:50px; }
/* Button */

.abtn { font-size:12px !important; font-weight:bold;  background:#ffd34f; border: 1px solid #ffd34f;  transition: all 500ms ease 0s; text-transform:uppercase; color:#000; padding:10px 30px;  }
.abtn:focus { color:#ffd34f; text-decoration: none; background: #000; }
.abtn:hover { background: #000; border: 1px solid #000; color: #ffd34f; text-decoration:none; }
.abtn b { font-weight:700; }

.bbtn { font-size:12px !important; font-weight:bold;  background:#00303F; border: 1px solid #00303F;  transition: all 500ms ease 0s; text-transform:uppercase; color:#ffd34f; padding:10px 30px;  }
.bbtn:focus { color:#00303F; text-decoration: none; background: #ffd34f; }
.bbtn:hover { background: #ffd34f; border: 1px solid #000; color: #000; text-decoration:none; }

.cbtn { font-size:12px !important; font-weight:bold;  background:#000; border: 1px solid #000;  transition: all 500ms ease 0s; text-transform:uppercase; color:#FFF; padding:10px 30px;  }
.cbtn:focus { color:#CCC; text-decoration: none; background: #000; }
.cbtn:hover { background: #CCC; border: 1px solid #CCC; color:#000; text-decoration:none; }
.cbtn b { font-weight:700; }


/* Heading & Navigation */ 
#brand { padding-top:3px; }
#brand img { padding:0; }


.menumenunav { margin-top:10px; }
.navbar { background:#FFF; border:none !important; -webkit-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
Copy Text }
.nav>li>a:before { content: ""; position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; background-color: #000; visibility: hidden; 
  -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.nav>li>a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

.nav>li>a { padding:0 15px !important; color:#292f7b !important; font-weight:bold; font-family: 'Jura', sans-serif; font-size:16px;   }
.nav>li>a:hover { color:#000 !important;  }
.dropdown.open .dropdown-menu { max-height:220px; }

/* Homepage */ 
#home #main { display:none; }


#topbg { min-height:650px; background:#efefef url(../images/home/jumbo.jpg) right bottom  no-repeat; background-size:cover;  margin:0 0 0 0; padding:0; width:100%;  /* background-image: linear-gradient(to right, #7a9d96, #96b4ad, #b3cbc4, #d0e2dd, #eefaf6); */  } 
.slide1 {  }
.home-head { margin:175px auto 0 auto; padding:40px 0px; }

.slide1 h2 { font-size:48px; color:#000; margin:0 ;  font-weight:normal; }
.slide1 h2 strong { color:#292f7b; font-weight:bold; }
.slide1 h3 { font-size:36px; color:#000; margin:0 ;  font-weight:bold;  text-transform:normal;  }
.slide1 h4 { font-size:30px; color:#000; margin:0 0 30px 0;  font-weight:normal;  text-transform:normal;  }
.slide1 h4 span { font-weight:bold; font-size:72px; color:#1daa79; text-shadow:1px 1px 1px #00303F; }
.slide1 h5{ font-size:24px; color:#000; margin:0 0 30px 0;  font-weight:normal;  text-transform:normal;  }
.slide1 p { font-size:16px; color:#00303F; text-align:right; max-width:500px; margin:30px 0 30px auto !important; line-height:120%;  }


#cta1 { background:#292f7b; padding:20px 0; font-size:30px; color:#FFF;  }
#cta1 .moduletable { margin:0; padding:0; }



#cta2 { background:#292f7b; padding:20px 0; font-size:30px; color:#FFF;  }
#cta2 h2 { color:#FFF;   }

#cta2 .moduletable { margin:0; padding:0; }

#homesecond { padding:40px 0 40px 0; /* background:#FFF url(../images/home/why-solar-bg.jpg) right bottom  no-repeat; background-size:100%; */}
#homesecond a { color:#292f7b; }
#homesecond a:hover { color:#000; }
#homesecond .head { margin-bottom:40px;  }
#homesecond h2 { font-size:48px; color:#292f7b; font-weight:bold;   }
#homesecond h4{ font-size:20px; color:#292f7b;    }
#homesecond h5 { font-size:18px; color:#333333;   }
#homesecond .row { padding:20px 0; }
#homesecond .abox {  }
#homesecond .marpad10 { background:#FFF;  transition: all 500ms ease 0s; min-height:275px; -webkit-box-shadow: 5px 10px 5px 0px rgba(102,102,102,0.5);
-moz-box-shadow: 5px 10px 5px 0px rgba(102,102,102,0.5);
box-shadow: 5px 10px 5px 0px rgba(102,102,102,0.5); }
#homesecond .marpad10:hover { background:#DDD;}


#homethird { padding:40px 0 40px 0; background:#FFF url(../images/home/archbg.jpg) right bottom  no-repeat; background-size:100%; min-height:500px;  }
#homethird .head { margin-bottom:40px;  }
#homethird h2 { font-size:48px; color:#082d0f; font-weight:bold;   }
#homethird h4{ font-size:20px; color:#DDD;    }
#homethird h5 { font-size:14px; color:#000; margin-bottom:40px;    }

#homethird .dbox { padding:20px 0; }


#homethird .dbox ul { margin-bottom:20px; }
#homethird .dbox ul li { list-style:none; padding:10px 0; border-bottom:1px dashed #666;  }
#homethird .dbox ul li:last-child { list-style:none; padding:10px 0; border-bottom:0px dashed #666;  }

#homethird .card { border:1px dotted #999; padding:40px 20px; transition: all 500ms ease 0s; background:#FFF;  }
#homethird .card:hover { background:#ffff99; -webkit-box-shadow: -1px 5px 5px 2px rgba(153,153,153,1); -moz-box-shadow: -1px 5px 5px 2px rgba(153,153,153,1); box-shadow: -1px 5px 5px 2px rgba(153,153,153,1);  }

#homethird .card-header h3 { font-weight:bold; color:#2aaf77; margin:20px 0; font-size:60px;   }
#homethird .card-title { font-weight:bold; color:#000; margin:20px 0; font-size:24px;   }

#homefour { padding:40px 0 80px 0; background:#FFF; min-height:500px;  }
#homefour h2 { font-size: 48px; color: #082d0f; font-weight: bold; }

#homefive { padding:0; background: rgb(230,230,230); background: linear-gradient(90deg, rgba(230,230,230,1) 50%, rgba(164,213,255,1) 100%); }
#homefive .moduletable { background:url(../images/expert.png) left top  no-repeat; min-height:450px;  }
#homefive .abox { margin-top:110px; }
#homefive h3 { font-size:48px; color:#292f7b; font-weight:bold;   }
#homefive h6{ font-size:20px; color:#000;    }
#homefive p { font-size:14px; color:#000; margin-bottom:30px;   }

#homesix { padding:40px 0 40px 0; background: rgb(230,230,230); background: linear-gradient(90deg, rgba(230,230,230,1) 50%, rgba(164,213,255,1) 100%); }
#homesix .head { margin-top:120px;  }
#homesix h3 { font-size:48px; color:#292f7b; font-weight:bold; margin:0; padding:0;   }
#homesix h5 { font-size:14px; color:#000;   }

#homesix iframe { border:10px solid #E0E0E0; }

#homeseven { padding:40px 0 40px 0; background:#FFF;  }

#hometestimony { min-height:450px; padding:40px 0 40px 0; background:#FFF;  }



#footerlinks { background:#999; padding:40px 0 !important; color:#000; padding:30px 0 !important; }
#footerlinks a { color:#FFF; }
#footerlinks a:hover { color:#292f7b; }
#footerlinks h6 { width:100%; text-align:center; font-size:14px; color:#FFF; line-height:normal; margin:0; }
#footerlinks h5 { width:100%; text-align:center; font-size:24px; color:#FFF; line-height:normal; margin:0; }
#footerlinks h4 {color:#292f7b !important; font-weight:bold; font-size:22px !important;  }
#footerlinks ul { display:inline; list-style:none; margin:5px 0; padding:0;  }
#footerlinks ul li {  margin:7px 0; }
#footerlinks ul li a {  color:#FFF !important; text-decoration:none;   }
#footerlinks ul li a:hover {  color:#292f7b !important; text-decoration:none;   }

#footer { padding:10px 0 20px 0; text-align: center; width: 100%; background:#FFF; }
#footer .moduletable { margin:0; padding:0; }
#footer .row { margin:0 auto; }
.social { text-align: center; margin:20px 0; }
.social ul { list-style: outside none none; margin: 0; padding: 0; }
.social ul li {     display: inline;    margin: 0 5px  !important;    padding: 0  !important; }
.social ul li:last-child {    margin: 0 0 0 5px; }

.terms { text-align: center; margin:5px 0; }
.terms ul { list-style: outside none none; margin: 0; padding: 0; }
.terms ul li {     display: inline;    margin: 0 5px  !important;    padding: 0  !important; }
.terms ul li:last-child {    margin: 0 0 0 5px; }


.module-content ul li::before { display:none; }

.page-header { text-align:center; }
.page-header h2 { color:#292f7b; font-weight:bold; font-size:30px;  }

.fnsbox { margin-top:100px;  }
.fnsbox .head {    }
.fnsbox .head h3 { font-size:42px; color:#5e807f; font-weight:bold; }
.fnsbox .head h5 { line-height:180%; max-width:80%; margin:0 auto;   }
.fnsbox .abox { margin:50px 0;  }
.fnsbox .abox ul { padding:0; margin:0; list-style:none;  }
.fnsbox .abox ul li { display:inline-block; min-width:48%;  }
.fnsbox .abox ul li img { width:100px; margin-top:50px;  -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; }

.fnsbox a { color:#000; text-decoration:none; }
.fnsbox a:hover { color:#666; text-decoration:none; }

.colorchartbox { padding:100px 0;  min-height:700px;  background:#FFF url(../images/products/color-chart.png) right bottom  no-repeat; background-size:100%;}
.colorchartbox h3 {  font-size:42px; font-weight:bold;  margin-top:100px;    }
.colorchartbox h5 { margin-bottom:30px; margin:0 auto 30px auto; max-width:300px;  }

.techbox { margin-top:100px; }
.techbox .abox h3 { color:#5e807f;  }
.techbox .abox h5 { margin-bottom:30px; }


#contact h3 { font-size:30px; font-weight:bold; }
#contact h4 { font-size:18px; font-weight:bold; margin:20px 0 0 0; }

.iconimg { float:left; margin:0px 10px 10px 0; clear:both; padding-top:8px; width:42px;  }

/*  Form */

#cf_1 { margin:0 auto; }


/* */
.quote { font-family: 'Special Elite', cursive; color: #3f3f5a; 	display: flex;	flex-direction: column;	align-items: center;	justify-content: center; }
blockquote { font-weight: 100; 	font-size: 2rem;	max-width: 600px;	line-height: 1.4;	position: relative;	margin: 20px 50px 50px 50px;	padding: 30px 0;	quotes: "\201C""\201D""\2018""\2019";	border-left: none; }
blockquote:before, blockquote:after { position: absolute; color: #DDD; font-size:8rem; width: 4rem;	height: 4rem; }
blockquote:before { content: open-quote; left: -5rem; top: -2rem; }
blockquote:after { content:close-quote; right: -5rem; bottom: 1rem; }
cite { line-height: 3; text-align: left; margin:-50px 0 50px 0; font-style:normal;  }

.page-header  { margin:0 !important; }
.coilbox {}
.coilbox ul { margin:20px 0; padding:0; list-style:none;  }
.coilbox ul li { padding:10px; border-bottom:1px dashed #FFF; }

.coilbox .ibox { background:#FFF; padding:50px 0;  }

.coilbox .head { font-size:42px; color:#000; font-weight:bold; margin-bottom:30px;   }
.coilbox .fbox { background:#b5d9e6; padding:100px 25px;  }

.coilbox .specbox { padding:100px 0; }
.coilbox .specbox h3 { color:#333; font-size:32px; font-weight:bold  }
.coilbox .specbox h4 { color:#292f7b; font-size:18px;  }
.coilbox .specbox h4 span { color:#333; font-size:14px;  }

.coilbox .schemebox { padding:100px 0; background:#f1f1f1;  }
.coilbox .schemebox img { margin-bottom:30px;  }
.coilbox .schemebox h2 { color:#292f7b; font-size:72px; font-weight:bold  }
.coilbox .schemebox h3 { color:#333; font-size:20px; font-weight:bold;   }
.coilbox .schemebox p { color:#666; font-size:14px;  }

.coilbox .advbox { padding:100px 0; background:#FFF;  }
.coilbox .advbox .head { margin:0 0 40px 0;  }
.coilbox .advbox .head h3 { color:#292f7b; font-size:60px; font-weight:bold  }
.coilbox .advbox ul li { border-bottom:1px dashed #9e4d61;   }


.roofbox {}
.roofbox h4 { color:#292f7b; }
.roofbox ul { margin:20px 0; padding:0; list-style:none;  }
.roofbox ul li { padding:10px; border-bottom:1px dashed #999; }
.roofbox .head h3 { font-size:42px; color:#000; font-weight:bold; margin-bottom:30px;   }
.roofbox .fbox { background:#b5d9e6; padding:50px 25px;  }
.roofbox .dbox { padding:50px 0;  }

.roofbox .downloadbox { background:#b5d9e6; padding:50px 0; margin:100px 0 0 0; }


.honeybox {}
.honeybox h4 { font-size:36px; font-weight:bold; color:#292f7b;  }
.honeybox .head h3 { font-size:42px; color:#000; font-weight:bold; margin-bottom:30px;   }
.honeybox .fbox { background:#b5d9e6; padding:50px 25px;  }
.honeybox .abox { padding:50px 0;  }
.honeybox .bbox { padding:50px 0;  }
.honeybox .dbox { padding:50px 0;  }

.honeybox ul { margin:20px 0; padding:0; list-style:none;  }
.honeybox ul li { padding:10px; border-bottom:1px dashed #666; }


.honeybox .fbox ul, .compbox .fbox ul, .honeybox .fbox ul { margin:20px 0; padding:0; list-style:none;  }
.honeybox .fbox ul li, .compbox .fbox ul li, .honeybox .fbox ul li { padding:10px; border-bottom:1px dashed #FFF; }

.honeybox .downloadbox { background:#b5d9e6; padding:50px 0; margin:100px 0 0 0; }


.compbox {}
.compbox .head h3 { font-size:42px; color:#000; font-weight:bold; margin-bottom:30px;   }
.compbox .ibox { padding:50px 25px; }
.compbox .fbox { background:#b5d9e6; padding:50px 25px;  }
.compbox .bbox { background:#FFF; padding:50px 25px;  }
.compbox .downloadbox { background:#b5d9e6; padding:50px 0; margin:100px 0 0 0; }

.accbox {}
.accbox .fbox ul { list-style:none; margin:0; padding:0; }
.accbox .fbox ul li { width:46%; float:left; }
.accbox .head h3 { font-size:42px; color:#000; font-weight:bold; margin:0 0 30px 0;   }
.accbox .fbox { background:#b5d9e6; padding:50px 25px;  }
.accbox .dbox .ibox { padding:50px 25px;  }


.accbox .dbox { padding:50px 0;  }

.accbox .downloadbox { background:#b5d9e6; padding:50px 0; margin:100px 0 0 0; }

.teambox { padding:30px 0; }
.teambox h3 { font-size:30px; font-weight:bold; color:#333; margin:0 0 25px 0; }
.teambox p { text-align:justify; }
#backdrop h3 { font-weight:bold; }

#cf_2 { margin-bottom:50px; }

.back-to-top { bottom:100px; }

.col-half-offset{ margin-left:4.166666667% }