@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
a{text-decoration:none!important;}
li{list-style-type: none!important;}
html{scroll-behavior: smooth !important;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.wrdbrk{white-space:pre;}
.fullpad{padding: 0!important; margin:0!important;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.helvetica{font-family: helvetica, sans-serif;line-height: 28px;}
.logo{width: 437px;margin-left: 36px;}
.logo1 {width: 330px;margin-left: -13px;margin-bottom: 3px;}
.desklogopad{padding:0 50px;}
.lightbox {position: fixed !important; top: 50px !important;}
.mynav{position:fixed!important; width:100%; z-index:999; padding: 0px 0px !important;}
.mynav.black {position: fixed !important;top: 8px !important;left: 10px;background: hsla(245, 55%, 5%, 0.99);animation: smoothScroll 1s forwards;width: 98%;border-radius: 31px;}
.mynav.black1 {background: none; transition:.5s linear; color: white; padding: 0px 0px!important;margin: 0 17px;}
.navbar-light .navbar-nav .nav-link.active{color:#fbdd03 !important;}
.navbar-light .navbar-nav .nav-link {color:#ffffff!important; padding: 0px 26px !important;}
.navbar .navbar-nav .nav-link:hover{color:white!important;}
.navbg{background-color: #363636db;}
.navfont{font-family: Arial, sans-serif;font-size: 14px;font-weight: 600;}
.navbar button {background-color: white;}
.header-fix {position: fixed !important;top: 8px !important;left: 0;background: hsla(245, 55%, 5%, 0.99);animation: smoothScroll 1s forwards;border-radius: 16px;margin: 0 30px;box-shadow: 0px 4px 0px 0px hsla(245, 55%, 5%, 0.25); }
#navbar .navbar-toggler {color: transparent;border-color: transparent;}
.navbar-toggler {padding: 0px !important;}
.navbar h3{padding-left: 33px !important;}
.heros{height: 635px !important;}
.bg-overlay {position: relative;}
.bg-overlay:after {background-color: #1c1c1c6e; z-index: 0; position: absolute; content: ''; width: 100%; height: 100%; top: 0;left: 0;}
.home-bg::before {content: '';background: rgba(0, 0, 0, 0.75);opacity: 0.8;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: auto;z-index: 1;}
.btn1{background-color: #0ac873;padding: 10px 20px;color: white !important;border-radius: 20px;font-weight: bold;}
.head1 span{color: aqua; font-weight: bold;}
.carousel-caption{position: absolute;top: 260px; text-align: center !important;}
.btn2{background-color: white;color: black !important;padding: 10px 25px;border-radius: 20px;}
.services-bg .service-block img {max-width: 100%;border-radius: 8px 8px 0 0;}
.services-bg {position: relative;padding-top: 60px;background-color: rgba(0, 0, 0, 0.035);padding-bottom: 60px;}
.content-top {position: relative;}
.content-top h5 {color: #ec1c23;margin-bottom: 16px;font-size: 16px;font-weight: 700;}
.content-top h5::before {content: '';position: absolute;top: 28px;left: 0;right: 0;margin: 0 auto;width: 32px;height: 2px;border-radius: 100px;background-color: rgba(4, 4, 4, 0.25);}
.services-bg .content-top h2 {font-size: 46px;color: #1f315f;font-weight: 800;margin-bottom: 22px;position: relative;padding-bottom: 27px;}
.service-block {background: white;border-radius: 8px;transition: all .7s ease-out;border-bottom: 4px solid hsla(138, 79%, 66%, 0.25);box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);}
.service-block .service-block-inner {padding: 24px 16px;height: 200px;}
.services-bg .service-block h3 {font-weight: 700;color: #ec1c23;font-size: 21px;}
.services-bg .service-block p {color: #929292;margin: 0px;font-weight: 700;}
.service-block:hover {box-shadow: 0px 2px 24px rgb(0 0 0 / 25%);	border-bottom: 4px solid #fac507;}
.counter-bg {background-color: #fdd903; padding: 50px 0px;}
.counter-inner {text-align: center; border: 1px dashed rgb(255 255 255 / 30%);text-align: center;padding: 32px 0px;border-radius: 8px;margin: 1px 0px;}
.counter-inner .icon-style-counter {display: flex;justify-content: center;align-items: center;width: 78px;height: 75px;margin: 0 auto;font-size: 32px;margin-bottom: 16px;color: #ec1c23 !important;padding: 16px;border-radius: 12px;background-color:white;transition: all 0.5s ease;}
.counter-inner h3 {font-size: 45px;font-weight: 700;color: #0a4d9d;margin: 0px; }
.counter-inner p {font-size: 16px;color: white;margin: 0px;}
.choose-us-bg {position: relative;}
.choose-us-block {background: rgba(0, 0, 0, 0.035);padding: 40px 32px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 8px;border-bottom: 4px solid rgba(0, 0, 0, 0.15);text-align: center;}
.choose-us-bg .choose-us-block .block-icon .icon-style-choose-us {display: flex;justify-content: center;align-items: center;width: 75px;height: 75px;margin: 0 auto;font-size: 32px;margin-bottom: 40px;color: #ffffff;padding: 16px;border-radius: 12px;background-color: #fabe07;border: 2px solid #bdd62b;transform: rotate(-45deg);}
.choose-us-bg .choose-us-block .block-content h3 {color: #090816;font-size: 22px;font-weight: 700;}
.choose-us-bg .choose-us-block .block-content p {color: #8d8d8d;font-weight: 700;}
.choose-us-block:hover {box-shadow: 0px 2px 24px rgb(0 0 0 / 25%);border-bottom: 4px solid #fac507;}
.choose-us-bg .choose-us-block:hover .block-icon .icon-style-choose-us {transform: rotate(0deg);margin-bottom: 32px;transition: all .7s ease-out;-webkit-transition: all .7s ease-out;}
.choose-part:hover {cursor: pointer;box-shadow: 0 10px 10px rgba(230, 81, 81, 0.36);}
.choose-part {box-sizing: border-box;display: flex;overflow: hidden;padding: 10px;transition: all 0.5s ease 0s;align-items: center;}
.choose-icon {width: 20%;}
.choose-icon i.bi {background-color: #FFDE00;color: #1554a4;font-size: 22px;height: 50px;line-height: 50px;text-align: center;width: 50px;transition: all 0.5s ease 0s;display: block;}
.choose-info {padding: 0 10px;width: 80%;height: 92px;align-items: center;display: flex;}
.choose-info h2 {color: #272727;font-size: 16px;margin-bottom: 10px;}
.choose-part:hover .choose-icon i.bi {border-radius: 50%;color: #1554a4;}
.choose-area {background-color: #F6F6F6;}
.solar-head {color: #636469;font-size: 50px;font-weight: bold;}
.clr1 {color: #125b95;}
.clr2{color: #ec1c23;}
.clr5{color: #fcd803;}
.about-img::before {
	position: absolute;
	content: '';
	left: 40px;
	top: 134px;
	height: 160px;
	width: 160px;
	background-image: url("../images/abimg.png");
	background-size: 100% 100%;
	z-index: -1;
	animation: pulse 3s infinite ease-in-out;}
.about-img img {
	border-radius: 40px 100px 40px 100px;
	border: 2px solid #0a4d9d;
	width: 79%;
	margin: 207px 4px 68px 76px;}
.bannerhead {
	color: #0a4d9d;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3em;}
.cnt {color: #ec1c23 !important;}
.section-title-divider {width: 50px;height: 3px;background: #fbdb03;text-align: center;margin: 15px auto;}
.about1{padding: 82px 0px 86px 49px;}
.clr3{color: #1f315f;}
.clr4{color: #7e8388;}
.witr_widget_list ul{padding: 0px 0px;}
.witr_list_text{padding-left: 10px;line-height: 20px;padding-bottom: 10px;}
.witr_widget_list ul li {margin-bottom: 12px;}
.witr_widget_list i {color: #ec1c23;font-size: 17px;}
.plor{margin-top: 6rem !important;}
.paralax {position: relative;background-image: url(../images/hero.png);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed; }
.bg-overlay {position: relative; }
.wc {z-index: 1;position: relative;}
.paralax h3{line-height: 60px;}
.btn1{padding: 14px 28px;background-color: #000;color: white;display: inline-block;}
.btn1:hover{background-color: #fff;color: #000 !important;}
.footer {position: relative;z-index: 1;}
.footertop{color: #fff;background-color: #000000;}
.secpad{padding-top: 80px;padding-bottom: 30px;}
.kili {margin-bottom: 30px;}
.footertop .kili>h5{color: #fff;margin-bottom: 30px;}
.footertop .kili>p{color: rgba(255, 255, 255, 0.5);}
.kilimanjaro_widget > li {display: inline-block;}
.kilimanjaro_widget , .kilimanjaro_links{display: contents !important;}
.kilimanjaro_widget a {border: 1px solid #333;border-radius: 6px;color: #ffffff;display: inline-block;font-size: 15px;margin-bottom: 4px;padding: 7px 12px;}
.kilimanjaro_links a {border-bottom: 1px solid #333;color: white;display: block;font-size: 15px;margin-bottom: 5px;padding-bottom: 10px;}
.kilimanjaro_links a:hover{color: white;}
.kilimanjaro_links a i {padding-right: 10px;}
.kili1>h5{color: white;}
.kili1>p{color: white;}
.section_padding_50 {padding: 10px 0;}
.kilimanjaro_bottom_header_one {background-color: #000000;}
.brd {border: 1px solid #999;}
.gallery-item {padding: 1.79104477%;text-align: center;margin: 0;float: left;display: block;}
.gallery-item {text-align: center;}
figure.gallery-item img {width: 75px;}
.gallery-icon img {margin: 0 auto;}
.four{padding: 0px !important;}
.four:hover .four-img > img {transform: scale(0.8) rotate(5deg);}
.four .four-img > img {width: 100%;transition: all 0.65s ease-in 0s;}
/* products */
.text3 {position: relative;padding: 0 0 0 26px;margin-top: -23px;}
.pfnt {font-size: 17px;}
.streetlight{padding: 126px 0 0 162px;border-radius: 233px;}
.pfnt1 {font-size: 17px;padding-bottom: 18px;}
.fence{width: 86%;padding: 42px 9px 0px 98px;}
.owl-nav{display: none;}
.contactbg {background-image: url("../images/contact.png");padding: 160px 0px 160px 0px;background-color: #eee;background-size: cover;background-position: center;text-align: center;border-bottom: 1px solid #f5f5f5;}
.gicon {margin-right: 1.6em;}
.gicon i {color: #ffffff; background: #ec1c23; width: 50px; height: 50px; line-height: 50px; border-radius: 50%;text-align: center;display: block;font-size: 25px;}
.feature-gd{padding: 0px 55px;}
.btn3{padding: 15px 30px;transition: 1s;font-size: 15px;font-weight: 700;background-color: #e4312e;color: white !important;border: 2px solid #979797;}
.btn3:hover {background-color: #402c73;border-radius: 50px;}
.form-group {margin-top: 55px !important;}
.footcontact{background-color: #ec1c23;}
.home-bg {height: 50vh;padding: 0px;background: url(../images/slider2.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed; }
.home-bg::before {content: '';background: rgba(0, 0, 0, 0.75);opacity: 0.8;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 50vh;z-index: 1;}
.home-content {position: relative;}
.home-content-inner {position: absolute;z-index: 2;top: 0;	left: 0px;right: 0px;display: flex;flex-flow: column;justify-content: center;margin: 0 auto;margin-top: 24px;height: 50vh;}
.home-content h1 {font-size: 46px;color: #FFF;font-weight: 800;margin: 0px;}
.home-content p {color: #FFF;margin: 24px 0 32px 0;font-weight: 400;}
.custom-btn{padding: 20px 30px;background-color: #089656;color: white !important;border-radius: 50px;}
.secpad{padding: 40px 0px 0px 0px;}
.formheight {height: 100px !important;}
.contact-form .form-control {height: 45px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point2{bottom: 15px; right: 10px;}
.blink{
    -webkit-animation: blink 1s;
	animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes blink {
    0% {opacity: 1;}
    50% { opacity: 0;}
    100% {opacity: 1;}}
@keyframes smoothScroll {
	0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}}
@-webkit-keyframes smoothScroll {
	0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}}

@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.about1 {padding: 8px 0px 0px 0px;}
.plor{margin-top: 0px !important;}
.carousel-caption{top: 180px !important;}
.heros{height: 550px !important;}
.streetlight {padding: 17px;border-radius: 201px;}
.fence {width: 100%;padding: 0px;}
.feature-gd {padding: 0px;}
.navbar-nav{background-color: white;border-radius: 22px;width: 95%;margin: 8px 10px 0 5px;}
.navbar-nav .nav-item{border-bottom: 1px solid rgba(30, 30, 30, 0.1);padding: 16px;display: block;margin: 0px;}
.navbar {background-color: black;margin: 0px;border-radius: 10px;width: 94% !important;}
.navbar h3 { font-size: 17px;padding-left: 14px;margin: auto;}
.paralax h3 {line-height: 37px;font-size: 24px;}
.navbar-light .navbar-toggler {margin-right: 25px !important;}
.mynav .black {position: fixed !important; top: 8px !important;left: 10px;margin: 0 10px;}
.choose-us-block{margin-top: 15px;}
.logo {width: 276px; margin-left: 0px;}
.logo1 {margin-left: -14px;}
.navbar-light .navbar-nav .nav-link {color:#000000!important; padding: 0px 26px !important;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.about1{width: 100%;padding: 0px;}
.plor{margin-top: 0px !important;}
.carousel-caption {top: 240px !important;}
.streetlight { border-radius: 0;text-align: center;padding: 126px 0 0 207px;}
.navbar-nav{background-color: white;border-radius: 22px;width: 97%;margin: 11px 12px 0 5px;}
.navbar-nav .nav-item{border-bottom: 1px solid rgba(30, 30, 30, 0.1);padding: 16px;display: block; margin: 0px;}
.navbar {background-color: black;margin: 0px 18px;border-radius: 10px;width: 93% !important;}
.navbar h3 { padding-left: 14px; font-size: 20px;}
.navbar-light .navbar-toggler {margin-right: 33px !important;}
.mynav .black {position: fixed !important; top: 8px !important; left: 13px;margin: 0 10px;}
.choose-us-block{margin-top: 20px;}
.logo {width: 452px;margin-left: 0px;}
.logo1 {margin-left: -13px;}
.navbar-light .navbar-nav .nav-link {color:#000000!important; padding: 0px 26px !important;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {
	margin: 100px 75px 10px 75px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); }
.time-of-year .tooltip {
	background: #db2a1b;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;}
.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #db2a1b;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);}
.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);}