@charset "utf-8";
/* CSS Document */
/* navbar */
.navbar{padding:0rem 1rem;}
.navbar-dark .navbar-toggler-icon {background-image: url("images/menu.png");}
.navbar-toggler {font-size: 2rem;}
.navbar h2 {margin-bottom:0px !important;}
.navbar-dark .navbar-nav .nav-link {color:#86C228;; font-weight:600; text-transform:uppercase; font-size: .8rem;}
.dropdown-item {color:#86C228 !important; font-weight:600;font-size: 14px;border-bottom: 1px dashed #ddd;}
.dropdown-menu {padding:0px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: rgba(0,0,0,.75);}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {color: #86C228;}
.nav-link .fa {font-size:20px;}
/* end navbar */
/* slider */
#homeslide img {min-width:100%;}
.carousel-caption h3 {color: #fff !important;font-weight: 700;text-shadow: 0px 1px 3px #000;font-size: 40px !important;line-height: 54px !important;}
.carousel-caption span{padding: 0px 10px;text-transform: uppercase;}
.carousel-caption {bottom: 70px;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%22693D' width='4' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%22693D' width='4' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}
.carousel-indicators li {background-color:#86C228;}
.carousel-item {margin-bottom:50px; font-size:2rem;}
.tname {font-weight: bold;font-size: 24px;color:#86C228;}
/* end slide */
body {font-family: 'Poppins', sans-serif;}
.h1, h1 {font-size: 3rem;}
h1, h2, h3, h4 {font-weight: 800;color:#86C228;}
.ttl {background-color:#f1f1f1;text-transform: uppercase;}
.ttl h3 {margin-bottom:0px;}
a:hover {text-decoration:none;}
img {max-width:100%;}
.topbnr {background-image: url(images/top-banner.jpg); background-repeat:no-repeat; height: 75vh; background-size:cover; color:#fff; text-shadow:1px 1px #000;}
.topbnr h1 {color:#fff;text-shadow: 1px 1px #000;font-weight: bold;margin-bottom: 2rem; text-transform:uppercase;}
.wb-cta2 {color:#fff !important;border-radius: 30px;text-align: center;padding: 8px 20px !important;font-size: 20px !important;font-weight: bold !important;margin-left: 2px;text-shadow: 1px 1px #000;text-transform: uppercase;border: 3px solid #fff;}
.wb-cta2:hover {color:#000 !important; background-color:#fff;text-shadow: 0px 0px #fff;}
.wb-primary{color:#5472D2;}
.wb-primary-bg{background-color:#5472D2;}
.wb-cta{color:#fff !important; background-color:#86C228; border-radius:30px; text-align:center; padding:6px 20px !important; font-size:16px !important; font-weight:bold !important; margin-left:2px;}
.wb-cta:hover {background-color:#333;color:#fff !important;}
.wb-cta .fa {font-size:inherit;}
.wb-left {float:left;width:220px;}
.wb-right {float:right;width:220px;}
.skq li{background-image: url(images/qms.png);background-repeat: no-repeat;background-position: left top;padding-left: 30px;margin-bottom: 30px;list-style: none;line-height: 25px;background-size: 20px;font-weight: 600;font-size: 1.2rem;}
.cta {color:#fff;background-image: url(images/solar-panels-florida.jpg);background-attachment: fixed;background-size: cover;background-position: center bottom;}
.cta h5 {color:#fff; text-shadow:1px 1px #000;font-weight: 700; line-height: 2rem; text-transform:uppercase;}
.sktag {background-color:#86C228; color:#fff;padding: 2px 15px;border-radius: 20px;}
.sktag2 {background-color: #86C228;color: #fff;padding: 1px 10px;border-radius: 4px;}
.gbg {background-image: url(images/gbg.jpg);background-attachment: fixed;border-top: 5px solid #86C228;}
.skgbg {background-color:#f7f7f7; padding:40px 0px;}
.hsec {padding: 15px;background-color: #86C228;color:#fff;}.hsec:hover{background-color:#333;}
.hsec h2 {color:#fff;}
.btn-success {color:#fff !important;background-color: #86C228;border-color: #86C228;font-weight: bold;}
.btn-success:hover {background-color: #333;border-color: #333;}
.ourvision .btn {padding:5px; font-size:14px;}
.bdr10, .contact iframe {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.distributer img {border-radius: 0px 0px 100px 150px;-moz-border-radius: 0px 0px 100px 150px;-webkit-border-radius: 0px 0px 100px 150px;}
.topslide img, .topbnr, .cta, .shd img, .contact iframe {-webkit-box-shadow: 0 28px 16px -26px #000;-moz-box-shadow: 0 28px 16px -26px #000;box-shadow: 0 28px 16px -26px #000;}
.gbox {background-color:#f1f1f1;padding:15px;border-radius: 10px;}
.skulli li {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABsElEQVRIibWWMUgDMRSGSxGR0kGkg4hIB+cOTiIOIk7i5N0kziJuySDdncTBQTqKdBRxchRx6iiSgINDkY4inUqRIuX83jWehyJcbVr4edde8/0vf5Jrc7kxvUJtZ0JtyuMA59EmekK3vuEFdIJ6gbL31AWf8EXUCJSJqOcBZn7AyubodhloK9CmT62hSS9wZ0De5g2odH7Ge49wbXeJpOtiqTEDP3BAeWLZAfounZP3ld9YtN1GXRdLA037hG+Rc0diQS+h8nSYWEiBL1HbrvMeWkde+AKfR88OLjrKPJipzjHggMXb57r06742RTq/cwsqcLmeytaZsisMbqY6k0VLTCQC7h9T+3w3QkRkKpm7Z2CdAQ7uqjKnqfsbzOojaUDZQzm9wxgUAF6nZiAxyP6eFXHdTKJR5oE6kZ3+bVJCjz9MqszofBBLPLMun60NDU+ZrIaDh9VXVG23FaPYRNsLTm/+3wbOpJ7aKen6Cnz0ZzuwCuq4hY5S3VeHWtg/DZScVnMTR6SS9WjxeXF0emJiQxdNn1gu5RB6g8cGsj1VvDX3vP54JAYq/ldQ9sX7BGv3ZDsurhWdAAAAAElFTkSuQmCC); background-repeat: no-repeat;background-position: left top;padding-left: 36px;margin-bottom: 11px;list-style: none;}
ul {padding:0;}
.shdc, .imgshd {box-shadow: 1px 2px 2px #ccc;-webkit-box-shadow: 1px 2px 2px #ccc;-moz-box-shadow: 1px 2px 2px #ccc;}
.sktnpr {text-align: left;overflow: auto;width: 90%;margin: 0px auto;padding-bottom: 4px;}
.sktimg {float: right;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.skr, .skr2 {text-align:right;}
.skr span a {margin: 0px 6px;}
.bbg {background-color:#86C228;padding-top: 3px; font-size:13px;}
.bbg a {color:#fff;font-weight:bold;}
.bbg .col-md-6, .bbg .col-md-6 {margin-bottom:4px;}
.imgshd {border:3px solid;}
.mbd {display:none;}
.areas a {font-size:22px; font-weight:bold; color:#86C228;}
.btn-sk {background-color:#86C228; border-color:#fff; width:240px; color:#fff; font-weight:bold; text-transform:uppercase;border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius:30px;}
.nav-fill .nav-item {font-size: 20px;font-weight: bold;text-transform: uppercase;}
.contact iframe {border:4px solid #86C228 !important;}
.cinfo .fa {font-size:40px; color:#86C228;}
.cinfo span {font-weight:600; font-size:14px; color:#86C228; text-transform:uppercase;}
.cinfo a {color:#000;}
.csocial a .fa {font-size:18px !important; color:#333; margin:2px 10px;}
/* footer */
.footer {background-color:#333;color:#fff;font-size: 11px;text-transform: uppercase;}
.footer a {color:#fff;}
.social a {margin: 0px 6px;}
.footer .col-xl-6, .footer .col-xl-3, .ttl .col-md-12 {margin-bottom:0px;}
/* end footer */
/* grid framework */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {margin-bottom: 10px;}
.no-gutters .col-md-6 {margin-bottom:0px;}
/* end grid framework */
#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:0;background-color:red;color:#fff;cursor:pointer;padding:15px;border-radius:10px;font-size:18px}
#myBtn:hover{background-color:#555}
/* end back to top */
/* contact page */
.contact {font-size:14px;}
@media (max-width:1200px){
	.footer {text-align:center;}
}
@media (max-width:1024px){
.navbar-dark .navbar-nav .nav-link {font-size: 13px;}
}
@media (max-width:992px){
.navbar-dark .navbar-nav .nav-link {font-size: 16px;}
.wb-left, .wb-right {float:none;width:100%;text-align: center;}
.sp50 {height:0px;}
}
@media (max-width:768px){
.mainslider {display:none;}
.mbh, .skr span, .carousel-control-prev, .carousel-control-next {display:none;}
.wb-cta {margin-left:0px;margin-bottom:2px;}
.sktesti {min-height:410px;}
.sktnpr {text-align:center;}
.sktimg {float:none;}
.skr2 {text-align:center;}
.skq li{margin-bottom: 10px;font-weight: 400;font-size: 1rem;}
.sktag, .mblock {display:block;margin-top: 4px;}
.topbnr h1 {font-size: 2rem;}
}
@media (max-width:480px){
.mbh2{display:none;}
.mbd {display:block;}
.skr, .skl{text-align:center;}
.topbnr a {display:block;margin-bottom:4px;}
.btn-sk {width: 160px;font-size: 14px;}
}