@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {font-family: 'Poppins',Helvetica,sans-serif;font-size:16px; min-height:100%; margin:0; padding:0; color:#4e4e4e;background:#fff;}
body.overflowHidden {overflow:hidden;}
a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], select, option,button {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-family: 'Poppins',Helvetica,sans-serif;
}
.select {cursor: pointer;position: relative;display:block;}
.select:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 20px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#000; font-size:14px;
}
select {
	border: 1px solid #f4f4f4; border-radius:4px; background:#fff; padding:10px 20px 10px 10px; width:100%; font-size:16px; color:#000;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select:focus {border-color:#4aab3d}
textarea, input[type=text], input[type=password]{
	width:100%;padding:10px;font-size: 16px;display:block; border-radius:4px; color:#000; background:#fff;border: 1px solid #f4f4f4;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus {border-color:#4aab3d}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
	-webkit-box-shadow: inset 0 0 0px 9999px #fff;
  transition: background-color 5000s ease-in-out 0s;
  background-color:#fff !important;
}
p {line-height:1.8em;}
p,h1,h2,h3,h4 {margin:0; padding:0 0 10px 0;}
h1 {font-weight:600; font-size:24px; color:#4aab3d}
h2 {font-weight:600; font-size:26px;}
h3 {font-weight:600; font-size:18px;}
a {text-decoration:none; color:#4aab3d; cursor:pointer; font-weight:500;}
b {font-weight:500;}
.black {color:#000;}
img {max-width:100%;}

.hqfError {color:red; margin:0 10px; text-align:center;}
.contactError {color:red; text-align:center;}
.thankyouContainer,.formSendingContainer {display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;text-align: center;}
.thankyouContainer i, .formSendingContainer i {font-size: 86px;color: #4aab3d;margin-bottom: 20px;}
.formSendingContainer {display:none;}

.quoteBTN a, .quoteBTN button {
	display:block; color:#fff; padding:15px 20px; border-radius:5px; display:flex; align-items:center; border:0; cursor:pointer;
	background: linear-gradient(to right, #fff 50%, #4aab3d 50%);
  	background-size: 200% 200%;
  	background-position: right bottom;
  	transition: all .3s ease-out;
}
.quoteBTN a i, .quoteBTN button i {margin-left:10px; font-size:22px;}
.quoteBTN a:hover, .quoteBTN button:hover {background-position:left bottom; color:#000; text-decoration:none;}

.readmore {
	display:inline-flex; align-items:center; border:2px solid #eaeaea; padding:7px 15px; background:#fff; color:#000; border-radius:5px; position:relative;
    -webkit-transition: all 0.3s linear;transition: all 0.3s linear;
}
.readmore i {margin-left:10px; font-size:22px;}
.readmore:after {content: '';position: absolute;bottom:-1px;left: 20px;right: 20px;height: 2px;background-color:#4aab3d;}
.readmore:hover {background:#4aab3d; color:#fff; border-color:#4aab3d}

.header {background:#000; padding:10px; color:#fff; position:fixed; top:0; left;0; width:100%; display:flex; align-items:center; z-index:9; height:74px;}
.header .logo {width:225px; margin-right:25px; display:flex; align-items:center; border-right:1px solid #666;}
.header .logo img {width:auto; height:45px; margin-right:15px;}
.header .logo span {line-height: 1;color: #4aab3d;font-weight: 600;}
.header .logo span > span {display: block;font-size: 18px; color: #00b4ff;}
.header .navLinks {flex:1 1 auto; display:flex; font-size:16px;}
.header .navLinks a {color:#fff; font-weight:500; margin-right:40px;transition: color 0.3s ease;}
.header .navLinks a:hover {color:#4aab3d;}
.header .navLinks > div span:hover {cursor:pointer;}

.menu-item {margin-right:40px;}
.menu-item:hover .drop-menu {display: block;}
.drop-menu {display: none;position: absolute;background-color:#000; padding:10px;}
.drop-menu a {display:block;padding:10px; white-space:nowrap;}
.header .fa-bars {display:none; color: #4aab3d; font-size:36px; cursor:pointer; padding:0 10px 0 20px;}
.header .navLinks .quoteBTN {display:none;}


.quoteBTN {}

.homeSlogan {margin-top:72px; background:url(/imgs/homepromo.webp); background-size:cover; background-position:center;}
.homeSlogan > div {height:700px; background:rgba(0,0,0,0.1); display:flex; align-items:center; color:#fff; width:100%; }
.homeSlogan > div > div {width:800px; font-size:22px;margin-left:200px; text-shadow:0 0 25px #666;}
.homeSlogan > div > div .title {font-size:46px; font-weight:700;}

.pageSlogan {margin-top:72px; background:url(/imgs/homepromo.webp); background-size:cover; background-position:center;position:relative;}
.pageSlogan.aboutus {background:url(/imgs/aboutus.jpg); background-size:cover; background-position:center;position:relative;}
.pageSlogan > div {padding-top: 175px;padding-bottom: 175px; background:rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; color:#fff; width:100%; }
.pageSlogan > div > div {width:800px; font-size:22px; text-align:center;}
.pageSlogan > div > div .title {font-size:76px; font-weight:700;line-height: 1em;}
.pageSlogan .scroll-down {
	background:#4aab3d;box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);position:absolute; bottom:-35px; left:calc(50% - 35px); height:70px; width:70px; border-radius:50%;
	display:flex; justify-content:center; align-items:center;
 	transform: scale(1);animation: pulse-black 2s infinite;
}
.pageSlogan .scroll-down i {color:#fff;}
@keyframes pulse-black {
  	0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(74, 171, 61, 0.7);}
  	70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(74, 171, 61, 0);}
  	100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(74, 171, 61, 0);}
}



.maxWidth {max-width:1200px; margin:0 auto; padding:100px 10px;}
.maxWidth h1 {padding-bottom:25px;}

.maxWidth.noPadding {padding:0 10px;}

.homeAbout {display:flex; justify-content:center; align-items:end}
.homeAbout .img {width:400px; margin-right:30px; margin-bottom:10px;}
.homeAbout .img img {max-width:100%; border-radius:5px;}
.homeAbout .text {width:calc(100% - 430px); text-align:center;}

.homeCounter {display:flex; justify-content:center; margin-bottom:20px;}
.homeCounter > div {text-align:center; margin:0 10px; width:200px; height:200px; border:1px solid #ddd; padding:20px; border-radius:50%;display:flex; flex-direction:column; justify-content:center;}
.homeCounter > div > span {display:block;color:#4aab3d; font-size:32px;}

.greyBackground {background-image: url(/imgs/greybackground.jpg); background-size:cover; background-position:center center; color:#fff;}
.strapLine {color:#4aab3d; font-weight:600;}
.leftRight {display:flex;}
.leftRight > div {width:50%;}
.leftRight > div .quoteBTN a {display:inline-flex; margin:30px 0;}

.fourFlexItems {display:flex;color:#4e4e4e;}
.fourFlexItems > div {width:calc(25% - 30px); margin:15px;  overflow:hidden; font-size:14px; display:flex; flex-direction:column;}
.fourFlexItems > div .img {position:relative; height:300px; overflow:hidden;}
.fourFlexItems > div .img:after {
    content: '';position: absolute;left: 0;right: 0;bottom: -1px;height: 40px;width: calc(100% + 10px); background-color: #ffffff;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);clip-path: polygon(0 0, 0% 100%, 100% 100%);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;
}
.fourFlexItems > div .img img {width:100%; height:100%; object-fit:cover; display:block; border-radius:5px 5px 0 0;-webkit-transition: all 0.9s ease; transition: all 0.9s ease;}
.fourFlexItems > div .content {padding:20px;background:#fff; border-radius:0 0 5px 5px; flex:1 1 auto; display:flex; flex-direction:column;}
.fourFlexItems > div .content .title {color:#000; font-weight:600; font-size:16px;}
.fourFlexItems > div .content .text {flex:1 1 auto;}
.fourFlexItems > div .content .link {}
.fourFlexItems > div:hover .img:after  {height:0;}
.fourFlexItems > div:hover .img img  {transform: scale(1.2);}

.homeBenefits .leftRight > div:nth-of-type(1) {margin-right:120px; width:calc(50% - 120px);}
.homeBensContainer {display:flex; flex-wrap:wrap;}
.homeBensContainer > div {width:50%; padding:20px 20px; font-size:14px;}
.homeBensContainer i {font-size: 60px; color:#4aab3d; margin-bottom:20px; display:inline-block;}

.homeGalleryContainer {margin:20px 20px 100px 20px; border-radius:10px; background-image: url(/imgs/greybackground.jpg); background-size:cover; background-position:center center; color:#fff;}
.homeGallery {margin-top:30px;}
.homeGallery img {width:100%; height:100%; object-fit:cover;display:block; border-radius:10px;}
.homeGallery .slick-slide {text-align: center;margin: 0 10px;display: block; height:300px;}

.homeQuote {background-image: linear-gradient(360deg, #4AAB3DD9 16%, #3C9830 95%); color:#fff; position:relative; margin-bottom:50px;}
.homeQuote:before {content:'';position:absolute; bottom:0; height:50px; background:#fff; width:100%;}
.homeQuote .maxWidth {padding-bottom:0;}
.homeQuote .leftRight > div:nth-of-type(1) {margin-right:50px; width:calc(50% - 50px);}

.homeQuote .strapLine {color:#fff;}
.homeQuote .homeQuoteBens {display: flex; margin-top:30px;}
.homeQuote .homeQuoteBens i {font-size: 60px; margin-bottom:20px; display:inline-block;}
.homeQuote .homeQuoteForm {background:#fff; border-radius:10px; padding:40px; min-height:600px;box-shadow:0px 1px 73px 0px rgba(40, 40, 40, 0.15); position:relative; color:#000;}
.homeQuote #homeQuoteForm > div {display:flex; flex-wrap:wrap;}
.homeQuote #homeQuoteForm > div > div {width:50%; padding:10px;}
.homeQuote #homeQuoteForm > div > div:nth-of-type(1) {width:100%;}
.homeQuote #homeQuoteForm > div > div.textarea {width:100%;}


.homeQuote #homeQuoteForm .quoteBTN {width:100%; margin-top:10px; padding:0 10px;}
.homeQuote #homeQuoteForm .quoteBTN button {
	width: 100%;justify-content: center; font-size:18px;
	background: linear-gradient(to right, #4aab3d 50%, #000 50%); background-size: 200% 200%;background-position: right bottom;transition: all .3s ease-out;
}
.homeQuote #homeQuoteForm .quoteBTN button:hover {background-position:left bottom; color:#fff; text-decoration:none;}

.aboutUsSlider.slick-dotted.slick-slider {margin-bottom:80px;}
.aboutUsSlider .slick-slide {margin:0 10px; background:#fff; padding:30px; border-radius:5px;color: #4e4e4e;font-size:14px;}
.aboutUsSlider h3 {color:#000;font-size:16px;}
.aboutUsSlider i {color:#4aab3d; font-size:60px; margin-bottom:30px; display:inline-block;}
.aboutUsSlider .slick-track {display:flex !important;}

.aboutUsSlider .slick-slide {height:inherit !important;}

.aboutUsPanelContainer {position:relative;}
.aboutUsPanel {display:inline-block;width:70%; background:#fff; position:relative; padding:100px; border-radius:0 30px 0 0}
.aboutUsPanel .txtLine {position:relative;}
.aboutUsPanel .txtLine:before {content:'';position:absolute; left:-100px; top:0; height:calc(100% - 10px); width:3px;background: #4aab3d;}
.aboutUsPanelIMG {width:500px; height:300px; position:absolute; right:0; top:-120px;}
.aboutUsPanelIMG img {object-fit:cover; width:100%; height:100%; border-radius:10px;}
.list-items {padding-left:0;list-style:none; font-weight:600; color:#000;}
.list-items li {position:relative;padding-left:26px; margin-bottom:9px;}
.list-items li:before {
    content: "\f111";font-family:'Font Awesome 5 Free';position:absolute;top:50%; left:0; font-size:10px; font-weight:900;
    text-align: center;border-radius:50%;color: #4aab3d;transform: translateY(-50%);
}

.faqContainer {display:flex; justify-content: space-between; font-size:14px;}
.faqContainer > div {width:calc(50% - 10px);}
.singleFAQ {border:2px solid #e7ebef; border-radius:10px; margin-bottom:20px;}
.singleFAQ .question {display:flex; align-items:center; color:#000; font-weight:500; cursor:pointer; padding:20px;}
.singleFAQ .question span {flex:1 1 auto;}
.singleFAQ .question i {font-size:10px;}
.singleFAQ .answer {display:none; padding:0 20px 20px 20px;}


.pricesContainer {text-align:center;}
.pricesContainer h1 {max-width:400px; margin:0 auto;}
.priceBoxes {display:flex; justify-content: space-between;}
.priceBoxes > div {
	border-radius:10px; background:#fff; width:calc(33.3333333333% - 20px);box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08); text-align:left;
	display:flex; flex-direction: column;
}
.priceBoxes .heading {border-bottom: 2px solid #e7ebef; padding:20px;}
.priceBoxes .heading .title {color:#000; font-weight:600}
.priceBoxes .body { padding:20px; flex:1 1 auto;}
.priceBoxes .quoteBTN a {
	background: linear-gradient(to right, #000 50%, #4aab3d 50%);background-size: 210% 210%;background-position: right bottom;transition: all .3s ease-out;
	text-align:center;justify-content: center;
}
.priceBoxes .quoteBTN a i {margin:0 10px 0 0;}
.priceBoxes .quoteBTN a:hover {background-position:left bottom; color:#fff; text-decoration:none;}
.priceBens {position:relative;display:flex;align-items:center;}
.priceBens:before {
	content:"\f00c";font-family: 'Font Awesome 5 Free';font-weight:900;display:inline-flex;justify-content:center;align-items:center; margin-right:10px;
    font-size:10px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;background-color:#4aab3d;
}
.priceBoxes .link {padding:0 20px 20px 20px;}

.contactFormContainer {border-radius: 10px;background: #fff;width: 100%;max-width:600px; margin:0 auto; box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.08); padding:40px; min-height:500px;}
.contactFormContainer input {margin-bottom:10px;}
.contactFormContainer textarea {margin-bottom:10px;}
.contactFormContainer  button {
	width: 100%;justify-content: center; font-size:18px;
	background: linear-gradient(to right, #4aab3d 50%, #000 50%); background-size: 200% 200%;background-position: right bottom;transition: all .3s ease-out;
}
.contactFormContainer  button:hover {background-position:left bottom; color:#fff; text-decoration:none;}

.curvHomePics {display:flex;justify-content: space-between; margin:0 20px 20px 20px}
.curvHomePics > div {width: calc(25% - 10px);}
.curvHomePics > div img {max-width:100%; border-radius:5px;display:block;}

.curvContainer .eleganceText {max-width:700px; margin:0 auto 80px auto; text-align:center;}
.curvContainer .homeGalleryContainer {margin: 0px 20px;}

.curvCylinders {display:flex; align-items:center; margin-bottom:80px;}
.curvCylinders > div.text {width:700px; margin-right:150px;}
.curvCylinders > div.img {width:calc(100% - 850px)}
.curvCylinders > div img {border-radius:10px;}

#eXTReMe-Free-prosolar img {display:none;}


.footer {background:#161616; padding:30px;}
.footerLinks {display:flex; width:100%; max-width:1180px; margin:0 auto;}
.footerLinks .main {margin-right:100px;}
.footerLinks .other {flex:1 1 auto;}
.footerLinks .footerLogo {display:flex; flex-direction:column; justify-content:center; }
.footerLinks .footerLogo .logo {display:inline-flex; align-items:center; text-align:left;}
.footerLinks .footerLogo .logo img {width:auto; height:45px; margin-right:15px;}
.footerLinks .footerLogo .logo span {line-height: 1;color: #4aab3d;font-weight: 600;}
.footerLinks .footerLogo .logo span > span {display: block;font-size: 18px; color: #00b4ff;}
.footerLinks .footerLogo .copy {text-align:right; font-weight:500;color:#999; font-size:14px;}

.footerLinks a {display:block; margin:5px 0;}

@media screen and (max-width:1280px) {
	.homeSlogan > div {height:400px;background:rgba(0,0,0,0.3);}
	.homeSlogan > div > div {margin-left:0; padding:0 30px; max-width:650px;}
	.homeSlogan > div > div .title {font-size:32px;}
	.homeAbout {align-items: center; flex-direction: column; padding:0 20px;}
	.homeAbout .img {display:none;}
	.homeAbout .text {width:100%; max-width:900px;}
	
	.leftRight {flex-direction:column;padding:0 20px;max-width: 800px;margin: 0 auto;}
	.leftRight > div {width:100%;}
	.fourFlexItems {display: flex;color: #4e4e4e;flex-wrap: wrap;max-width: 800px;margin: 0 auto;}
	.fourFlexItems > div {width: calc(50% - 30px);}
	
	.homeBenefits .leftRight > div:nth-of-type(1) {width:100%;}
	.homeQuote .leftRight > div:nth-of-type(1) {margin-right:0;width:100%; text-align:center;}
	.homeQuote .homeQuoteBens {max-width:600px; margin:0 auto;}
	.homeQuote .homeQuoteBens > div {padding:20px; width:33.33333333333%}

}
@media screen and (max-width:1100px) {
	.header .logo {width: auto; flex: 1 1 auto; margin-right:0;}
	.header .fa-bars {display:inline-block;}
	.header .navLinks {
		position:fixed;flex-direction:column;top:0;padding:20px;left:0; background:#000; margin-top:74px; height:calc(var(--vh, 1vh) * 100 - 74px); overflow:auto;
		max-width:550px; width:100%; display:none;
	}
	.header .navLinks a:not(.quoteBTN a) {padding:0 0 20px 0; margin:0; white-space:nowrap; display:block;}
	.drop-menu {display:block; position:static;padding:0;}
	.menu-item span {display:none;}
	.menu-item {margin:0;}
	.menu-item a {padding:0 0 20px 0;}
	.header .quoteBTN {display:none;}
	.header .navLinks .quoteBTN {display:block; white-space:nowrap;}
	.header .navLinks .quoteBTN a {display:inline-block;}
	
	.pageSlogan > div > div .title {font-size:46px;}
	
	.priceBoxes {display:block;}
	.priceBoxes > div {width: 100%;max-width: 700px; margin: 0 auto 10px auto;}
	.faqContainer {display:block;}
	.faqContainer > div {width:100%;}
	
	
	.curvHomePics {flex-wrap:wrap; margin:0 20px;}
	.curvHomePics > div {width: calc(50% - 10px); margin-bottom:20px;}

	.curvCylinders > div.text {width:500px;margin-right:50px}
	.curvCylinders > div.img {width: calc(100% - 550px);}
}
@media screen and (max-width:880px) {
	.footerLinks {flex-wrap:wrap;}
	.footerLinks .footerLogo {width:100%; margin-top:30px;}
	.footerLinks .footerLogo .copy {text-align:left;}
	
	.curvCylinders {flex-wrap:wrap; max-width:700px; margin:0 auto;}
	.curvCylinders > div.text {width:100%;margin-right:0}
	.curvCylinders > div.img {width:100%;}


}

@media screen and (max-width:780px) {
	.homeSlogan > div {height:300px;}
	.homeSlogan > div > div {font-size:16px; max-width:450px;}
	.homeSlogan > div > div .title {font-size:22px;}
	
	.homeCounter {justify-content:space-between;}
	.homeCounter > div {border-radius:5px;font-size:14px;height:auto; width:calc(33.3333333% - 10px); margin:0 5px;}
	
	.maxWidth {padding:30px 10px;}
	.maxWidth#aboutUs {padding:50px 20px;}
	
	.aboutUsPanelIMG {top:-30px;}
	.aboutUsPanel {padding:40px;}
}

@media screen and (max-width:680px) {
	.fourFlexItems > div {width: calc(100% - 30px);}
	.homeBensContainer {flex-direction:column;}
	.homeBensContainer > div {width:100%; padding:20px 0;}
	.homeQuote .homeQuoteBens {flex-direction:column;}
	.homeQuote .homeQuoteBens > div {width:100%;}
	
	.footerLinks {flex-direction:column;}

}
@media screen and (max-width:620px) {
	.homeSlogan > div {height:auto;}
	.homeSlogan > div > div {padding:30px 30px;}
	.homeCounter {flex-direction:column;}
	.homeCounter > div {width:100%; margin-bottom:10px;}
	
	.homeQuote #homeQuoteForm > div > div {width:100%; padding:10px 0;}
	.homeQuote .homeQuoteForm {padding:20px;}
	
	
	.aboutUsPanelIMG {display:none;}
	.aboutUsPanel {width:auto;}
	
	.curvHomePics > div {width:100%; margin-bottom:10px;}


}