/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'); */
 *{padding: 0;margin: 0;}
 * {
 	scrollbar-width: thin;
 	scrollbar-color: var(--themePrimaryColor) #efefef;
 }

 *::-webkit-scrollbar {
 	width: 14px;
 }

 *::-webkit-scrollbar-track {
 	background: #efefef;
 }

 *::-webkit-scrollbar-thumb {
 	background-color: var(--themePrimaryColor);
 	border-radius: 14px;	
 	border: 2px solid #efefef;
 }
 html{font-size:14px;}
body {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem; font-weight:400;
	margin: 0;  
	line-height: 1.71rem; transform-origin:left top;
	color: #333;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.body-container{position:relative; display:inline-block; width:100%; z-index:2; background:#FFF;}
.body-container:after{
content:''; left:0; right:0;
 position: absolute;
 height: 100px;
 background: url("../images/footer-top.svg") center bottom;
 background-size: auto;
 background-size: auto;
 z-index: 2;
 background-size: cover;
 bottom: -100px;
}
.color-monochrome{
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
 
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; color:#000;}
.h2, h2{font-size: 1.5rem; }
.h6, h6{font-size:1.28rem; font-weight:300; line-height: 2.14rem;;  color:#333;}
.font-raleway{font-family: 'Raleway', sans-serif;}
.why-solor-busines h1, .why-solor-busines h2, .why-solor-busines h3,.why-solor-busines h4,.why-solor-busines h5, .why-solor-busines h6{ font-family: 'Open Sans', sans-serif !important;}
p a,a,li a{color:var(--themePrimaryColor);}
p a:hover,a:hover,li a:hover{text-decoration: underline;}
.content-block a{color:#FFF; text-decoration: underline;}
.content-block a:hover{color:#FFF; text-decoration: none;}
.content-block a.btn-primary{text-decoration: none;}
header .navbar-nav .menu-item a:hover{text-decoration: none;}
h5 a{color: #000;}
.color-ylw{color:#ef8b3d;}
.clr-white{color: #fff !important;}
.btn-bg{background: #ef8b3d;}
.btn.focus, .btn:focus {outline: 0;box-shadow:none;}
/* a:hover{text-decoration: none;} */
.side-menu{position:fixed; top: 200px; right:0; z-index: 99; }
.side-menu ul {
	margin: 0;
	padding: 0;
}
.side-menu li {
	list-style: none;
	line-height: 45px;
	overflow: hidden;
}
.side-menu li>div {
	background: var(--themePrimaryColor);
	border-radius: 30px 0 0 30px;
	text-align: center;
	margin-bottom: 3px;
	display: block;
	line-height: 35px;
	color: #FFF;
	font-size: 1.14rem;
	font-weight: 300;
	border-right: none;
	max-width: 30px;
	height: 35px;
	float: right;
	transition: all 0.7s ease;
}
.side-menu li>div.side-phone,
.side-menu li>div.side-email
{
	text-align:center;
}
.side-menu li>div.side-phone span,
.side-menu li>div.side-email span
{
	width: 100%;
	display: inline-block;
}
.side-menu li>div span {
	width: 35px;
	display: inline-block;
}
.side-menu li>div i {
	font-size: 1.14rem;
}
.side-menu li>div.side-phone:hover
{
	text-decoration: none;
	max-width: 500px;
	height:125px;
}
.side-menu li>div.side-email:hover{
	text-decoration: none;
	width: 100px;
	height:125px;
}
.side-menu li>div:hover {
	text-decoration: none;
	max-width: 500px;
}
 .side-menu li>div a {
 	color: #fff;
 	margin-right: 10px;
 }
/* header css starts here */
header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
	top: 0;
 transition: all 0.4s ease-in-out;
 }
header.unsticky {
  background:none !important;
}
header.unsticky .header-bottom {
    opacity: 0;
 
   
}
header .header-bottom {
    width: 100%;
    position: absolute;
	height: 20px;
	   transition: all 0.4s ease-in-out;
    opacity: 1;
	background:var(--themePrimaryColor);
	border-radius:0 0 100% 1000%;
    z-index: 9;
     bottom: -20px;
}
.access-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--themeSecondaryColor);
    color: #FFF;
    font-size: 1.28rem;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 0 0 0 50%;
} 
.home-page-banner{height:100vh !important;  overflow:hidden; position:relative;  padding:0;
	background: var(--themePrimaryColor);
	}
.home-page-banner h3{font-size: 2.6rem;}

.inner-page-banner{min-height:60vh; display:grid; align-content:center; padding:100px 0;  overflow:hidden; position:relative; background: rgb(52,152,219); padding:0;
	background: #000;}
	.inner-page-banner.wp-block-cover, .wp-block-cover-image{min-height: 500px;}
.inner-page-banner h3,
.inner-page-banner h6,
.inner-page-banner p{
	text-align: center; color:#f8f9f9 !important;
}
.white-color{color:#f8f9f9 !important;}
	.form-page-banner {
		background: var(--themePrimaryColor);
		height: auto;
		padding-top: 100px;
		padding-bottom: 140px;
	}
	.form-banner-img{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
	.inner-page-banner:after{background:url('../images/shape_bottom.svg'); content:'' !important;position: absolute;
		bottom: 0; 	left: 0;right: 0; z-index:2;	height: 100%;	background-repeat: no-repeat;	background-size: contain;	background-position: bottom;}
		.inner-page-banner img{width:100%; position:absolute; object-fit:cover; height:100%; opacity:0.4;}
 		.inner-banner-title,
 		.inner-page-banner h3{
 			font-size: 2.6rem;
 			font-weight: 300;
 			position: relative;
 			z-index: 9; 
 		}
		 .form-banner-img img{width:100%; object-fit:cover; height:100%; opacity:0.1; filter: grayscale(1);}
	.inner-page-banner:before{opacity:0.6 !important; background: #000 !important;}

	.inner-page-banner.no-black-bg:before{opacity:0 !important;}
		.home-page-banner:after{background:url('../images/homebanner-bottom.svg'); content:'' !important;position: absolute;
	bottom: 0; 	left: -2px;right: -2px; z-index:3;	height: 100%;	background-repeat: no-repeat;	background-size: 100%;	background-position: bottom;}
.home-page-banner img {
	opacity: 1;
	  z-index:0;
	position: absolute;
	top: 0;
	bottom: 0;
	min-width: 100vw;
	min-height: 100vh;
}
.battery-banner img{opacity: 1;}
.home-page-banner .text-within-jumbotron{position:absolute; top:50%; z-index: 99; transform: translate(0, -50%);}
 .wp-block-cover.home-page-banner.has-background-dim::before {
 	background-color:var(--themePrimaryColor); opacity:0.7  !important;
 }
 .wp-block-cover.home-page-banner.battery-banner::before{display: none;}



header  .navbar{padding: 0;z-index: 999;}
header  .navbar h6{color:#FFF; width:100%; text-align: right; font-size: 1.4rem; font-weight: 400;}
/* header  .navbar{background: #fff;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14), 0 1px 12px 0 rgba(0,0,0,0.12), 0 2px 6px -1px rgba(0,0,0,0.2);padding: 0;z-index: 9999;    border-bottom: 1px solid #ccc;} */
.navbar-toggler {
	background: var(--themePrimaryColor);
	width: 40px;
	height: 40px;
	border-radius: 5px 17px;
	padding: 6px 6px 3px 6px;
	margin-right: 15px;
}
header .icon-bar{display: block;width: 100%;height: 3px;border-radius: 2px;background: #FFF;
margin-bottom: 4px;}
header  .navbar-nav .nav-link {color: #58595b;text-shadow: none;padding:5px 0;text-transform: uppercase;font-size: 1rem;transition: all 0.9s;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s;}
header  .navbar-nav .nav-item.active{border-top: 6px solid  var(--themePrimaryColor);}
header  .navbar-nav .nav-item.active .nav-link{color: var(--themePrimaryColor);margin-top: -6px;}
header  .navbar-nav .nav-link:hover{ color:  var(--themePrimaryColor);}
header  .navbar-nav .nav-item{transition: all 0.9s;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s;}
/*header  .navbar-nav li{}*/
/* header css ends here */
.trinity-video-wrapper {height: 320px;width: 100%;}
.trinity-video-text {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;height: 320px;}
.trinity-video-text video {width: 100%;}
.trinity-video-overlay {background: rgba(0, 0, 0, 0.46);bottom: 0;height: 100%;left: 0;position: absolute; right: 0;top: 0;width: 100%;}
.video-content{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);color: #fff; z-index: 1259;}
#video-wapper h2{line-height: 1;font-size: 52px;font-weight: 600;color: #fff; margin: 0 0 1.5rem 0;}
.form-pin{width:135px;}
.form-btn .btn-go{color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-size: 1.14rem; font-weight: 600; text-transform: uppercase;letter-spacing: 1px; background: #ef8b3d; border: 1px solid #ef8b3d; border-radius: 5px; padding: 6px 28px; margin-left: 16px;}
#video-wapper .form-pin .form-control{border: 2px solid #fff;background: rgba(0,0,0,0.5);display: inline-block;border-radius: 4px;color: #fff6f6;  font-weight: 400;font-size: 1rem;text-transform: uppercase;text-align: center;padding: 17px 15px;}
.btm-caption{position: absolute;right: 30px;bottom: 40px;color: #fff;z-index: 1259;}
.btm-caption h5{font-size: 0.8rem;opacity: 0.7;}
.trinity-wrap{padding: 25px 0;}
.trinity-offers .card { border:none; box-shadow: 3px 2px 13px 0px #ccc;}
.trinity-offers .card-header {border-bottom: transparent;background: url('../images/offerbg.png') no-repeat;background-size: cover;padding: 1rem 2rem;}
.trinity-offers .card-header h3{ color: #fff;font-size: 1.8rem;letter-spacing: -1px;font-weight: 800;line-height: 1;}
.trinity-offers .card-body {padding: 40px 20px 40px 38px;background: #f8f8f8;min-height: 375px;position: relative;}
.trinity-offers .card-body .btn-more {position: absolute; bottom: 30px;font-weight: 600; font-size: 12px; padding: 9px 20px; line-height: normal; border-radius: 3px; color: #fff; text-transform: uppercase; transition: all 0.9s;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s;}
.trinity-offers .card-body .btn-more:hover{border: 1px solid #E87820;background: #fff;color: #E87820;}
.counter{padding: 1px 8px 4px;border:  1px solid #d1d3d4;box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.2);background: #fff;}
.counter-none{ box-shadow: none;background: none;border:none;padding: 1px;min-width: auto !important;font-weight: 600 !important;}
.counter-trinity span{color: #1c9510;font-size: 25px;display: inline-block;font-weight: 500;min-width: 34px;margin: 0 auto;text-align: center;border-radius: 3px;}
.trinity-difference{background: url('../images/trinity-difference.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.trinity-title{text-align: center;    margin-bottom: 2rem;margin-top: 1rem;}
.trinity-title h3{font-weight: 200;font-size: 48px;color: #fff;letter-spacing: -1px;margin: 33px 0 0 0;}
.trinity-title h3 strong{font-weight: 500;}
.trinity-diff-sec .diff-content{background: #f8f8f8;padding: 30px;min-height: 465px;transition: all 0.9s;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;
-o-transition: all 0.9s;}
.trinity-diff-sec .diff-content:hover{background: #f3f2ff;}
.trinity-diff-sec .diff-content h4{margin:22px 0 15px 0; color: #58594b;font-size: 24px;  font-weight: 400;line-height: 24px;}
.trinity-diff-sec .diff-content p:first-child{text-align: center;}
.clr-black{color:#000 !important;}
.trinity-testimonials h4{ margin: 0 0 20px 0;padding: 0;font-size: 2.14rem;;font-weight: 300;
color: #000;}
.container-fluid{background-size:cover !important;}
.trinity-testimonials .bx-wrapper{position: relative;}
.bx-prev{position: absolute;top: 50%;left: -6%;color: #E7E7E8;font-size: 6rem;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.bx-next{position: absolute;top: 50%;right: -6%;color: #E7E7E8;font-size: 6rem;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.bx-prev:hover,.bx-next:hover{color: #ef8b3d;}
.bx-pager{text-align: center;margin-top: 20px;}
.bx-pager-item{display: inline-block;}
.bx-pager-item a.active {background: #000;}
.bx-pager-item a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.trinity-blog{border-top: 1px solid #e7e7e8;border-bottom: 1px solid #e7e7e8;margin-top: 3rem;}
.trinity-blog .card{border: none;text-align: center;}
.trinity-blog img ,.diff-content img {transition: all 0.9s;}
.trinity-blog img:hover,.diff-content:hover  img {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);
transform:scale(0.9);}
.trinity-blog .card-title{font-size:1.42rem;color: #000;font-weight: 300;margin: 15px 0 15px 0;border-bottom:  1px solid #dcddde;padding: 0 0 15px 0;}
.trinity-blog p.card-text{font-size: 15px;line-height: 30px;color: #000;margin: 0 0 10px 0;min-height: 123px;}
.btn-blog{color: #ef8b3d;font-weight: 700;text-transform: uppercase;font-size: 13px;}
.trinityright h2{font-size: 45px;font-weight: 300;color: #000000;margin: 0 0 25px 0;}
/* .trinityright .form-btn .btn-go {transition: all 0.9s;font-size: 1.14rem;font-weight: 600;text-transform: uppercase;} */
.btn-go:hover{background:#e87820;}

.page-content ul li{list-style:none; padding-left:30px; font-size: 1rem; line-height: 1.8rem; position:relative; margin-bottom:10px;}
.page-content ul li li{font-size:0.9rem; padding-left: 20px; line-height: 1.4rem;}
.page-content ul li:before{content:'\f058'; font-family: 'Font Awesome 5 Free';
	font-weight: 900; color:var(--themeSecondaryColor);  position:absolute; left:0; top:0; font-size:1.14rem;}
.page-content ul li li:before{content:'\f054'; font-size: 0.9rem; }
.get-solar-pop .modal-header{line-height:36px; width: calc(100% - 30px); border:none;
	margin: auto; background:var(--themePrimaryColor); border-radius:10px; padding:5px 15px;  margin-top:-18px;}
	.get-solar-pop .modal-header h5{margin-bottom:0; line-height: 32px;}
.refer-body a.privacy_policy{color:#FFF; font-size: 0.9rem; text-decoration: none; /*background: rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.8);*/ border-radius: 5px; padding:3px 5px;}
.refer-body a.privacy_policy i{/*margin-right:5px;*/}
.refer-body a.privacy_policy:hover{text-decoration: none; background: var(--themeSecondaryColor); }
footer{background: #58595B;color: #dbd7d7;padding:70px 0 30px 0;}
footer a{color: #dbd7d7;}
footer .trinity-social ul{    text-align: center;border-bottom: 1px solid #676869;padding-bottom: 23px;    margin-bottom: 50px;}
footer .trinity-social .fa{width: 35px; height: 35px; border-radius: 50%; margin-right: 6px; background: #ababab; color: #58595b ; text-align: center; line-height: 36px; font-size: 1.28rem; transition: all 0.9s;}
footer .trinity-social .fa-facebook:hover{background: #3a589b;color: #fff;}
footer .trinity-social .fa-twitter:hover{background: #1cb7eb;color: #fff;}
footer .trinity-social .fa-youtube:hover{background: #cc0000;color: #fff;}
footer .trinity-social .fa-linkedin:hover{background: #007ab9;color: #fff;}
.footer-head{font-size: 1.1rem;margin: 0 0 1em;color: #dbd7d7; font-weight: 500;}
.footer-bottom{ background: #7a7979; padding: 7px; border-radius: 9px; box-shadow: 1px 1px 10px 1px #0000003d;}
#footer-links h6 {font-size: 0.9rem;font-weight: 500;padding-bottom: 8px;}
.color-box-cont {
	background: var(--themePrimaryColor);
	font-size: 1.28rem;
	color: #FFF;
	border-radius: 22px;
	padding: 7px 15px;
	position: relative; width:calc(50% - 30px); float:left; margin:15px !important;
}
.color-box-cont .uagb-icon-list__source-wrap {
	margin-right: 10px !important;
}
.wp-block-column{position:relative;}
.color-box-cont .uagb-icon-list__label{color:#FFFFFF !important;}
.color-box-cont i{position:absolute; left:0; font-size:1.57rem; color:#FFF; border-radius:50%; width:50px; height:40px; line-height: 50px; text-align:center;}
.color-box-cont .uagb-icon-list__source-icon {
	font-size: 1.57rem;
}
.color-box-cont .uagb-icon-list__source-icon svg {
	width: 24px !important;
	height: 24px !important;
	fill: #FFF !important;
}
.color-box-cont .uagb-icon-list__content-wrap {
	width: auto !important;
	padding: 7px 15px;
}
.color-box-cont p{background: #fafbfb; color:#555 !important; margin:0; font-weight:300; border-radius:0 20px 20px 0; padding:10px; width:100%; display:inline-block;}
.color-box-cont p b{font-weight:400; color:#333;}
.custom-columns .uagb-icon-list__wrap{display:block !important;}
.quick-links{padding: 25px 10px 15px 25px;border:  1px solid #e3e3e3;border-radius: 3px;background: #fbfbfb;min-width: 190px;}
.quick-links h6{font-size: 1rem;color: #ef8b3d;font-weight: 500;text-transform: uppercase;margin: 0 0 10px 0;font-family: 'Gotham' !important;}
.quick-links .list-group-item { background: #fbfbfb;border: none;padding: 8px 0;letter-spacing: -1px;}
.quick-links .list-group-item a {color: #000000;font-weight: 500;font-size: 1rem;transition: all 0.9s;}
.quick-links .list-group-item:hover a , .quick-links .list-group-item.active a {color: #ef8b3d;}
.trinity-overview h3{ margin: 60px;font-weight: 200;font-size: 42px;text-align: center;}
.trinity-share .overview-cunt ul{background: #f3f4f4;border-radius: 5px;}
.overview-cunt ul li{background: #fff;margin: 5px;padding: 18px 10px;text-align: center;}
.overview-cunt ul li h5{font-size: 82px;font-weight: 400;color: #60a2df;margin: 0 0 5px 0;}
.overview-cunt ul li p{color: #ef8b3d;font-size: 1.28rem;}
.trinity-story{background: url(../images/story-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.trinity-story-sec p{font-size: 1.28rem;text-align: center;color: #fff;position: relative;}
.trinity-story-sec p::after{position: absolute;content: '';bottom: -18px;left: 0;right: 0;width: 33px;height: 5px;background: #fff;margin: 0 auto;}
.trinity-partner{font-family: 'Gotham light';}
.trinity-partner h5{font-weight: 300;color: #fff;font-size: 1.28rem;text-align: center;}
.trinity-partner .padd-20{margin: 0;padding: 20px 0;}
.trinity-partner .partner-box{text-align: center;}
.trinity-partner .partner-box h3{font-size: 15px;color: #fff;}
.trinity-share ul{background: transparent !important;}
.overview-cunt ul li{border: 1px solid #d1d1d1;padding: 30px 20px;border-radius: 3px;}
 .overview-cunt ul li h5 {font-size: 55px;}
 .overview-cunt ul li p { font-weight: 500;}
.trinity-share{border-bottom: 1px solid #e7e7e8;}
.btn-signup {font-weight: 800;font-size: 13px;padding: 9px 20px;line-height: normal;border-radius: 3px;border-color: #ef8b3d;background: #ef8b3d;color: #fff;text-transform: uppercase;transition: all 0.9s;}
.btn-signup:hover{border-color: #e87820;background: #e87820;outline: none;color: #fff;}
.trinity-cnn{background: url('../images/cnn-bg.jpg') no-repeat center;background-size: cover; background-attachment: fixed;}
.blockquote p{font-size: 1.28rem;text-align: center;color: #000;}
.blockquote-footer {color: #000;font-size: 1rem;font-weight: 500;margin-top: 15px;margin-bottom: 35px;}
.trinity-pinktie{background: url('../images/pink-banner.png') no-repeat center;background-size: cover;background-attachment: fixed;}
.trinity-awards{background: #F9FBFE;border-bottom: 1px solid #e7e7e8;border-top: 1px solid #e7e7e8;}
.awrds-block p{font-size: 1.28rem;}
.trinity-story-sec p::after{opacity: 0;}
.whytrinity-wrap{padding-top: 3.5rem;padding-bottom: 2rem;}
.why-sec h2{ margin: 0 0 30px 0; font-size: 40px; font-weight: 300; color: #000000;}
.why-sec-steps h4{ margin: 0 0 20px 0;font-size:1.42rem;color: #000000;font-family: 'Gotham';font-weight: 400;}
.why-sec h3{ font-weight: 300;margin: 0 0 20px 0;font-size:1.57rem;color: #000000;}
.img-left img,.why-sec-steps img{box-shadow: 0px 2px 15px #808080;-webkit-box-shadow: 0px 2px 15px #808080;
-moz-box-shadow: 0px 2px 15px #808080;-o-box-shadow: 0px 2px 15px #808080;}
.why-sec-steps h6 strong{font-family: 'Gotham';font-weight: 500;}
.ml-15{margin-left: 18px;}
.mb-li li{margin-bottom: 8px;}
.mb-li li a{color:#e87820;}
.get-started-form .refer-top{background:none; color:#333; padding:0; height:auto; border-radius:none; }
.get-started-form .refer-body{float:none; margin:0; padding:20px 15px; border-radius:50px 0 10px 10px; background:#FFF;} 
.get-started-form .refer-body label{color:#333; margin-bottom:5px; font-size:1rem !important; } 
.get-started-form .refer-body label.error, .get-started-form .refer-body .email-details p{ padding:.5rem; font-size: 0.9rem !important; line-height: 1rem; text-align: left; border-radius: 5px; margin-bottom: 8px;  color:#721c24;
 background-color:#f8d7da; width: 100%; margin-top: 3px;
 border-color:#f5c6cb}
 
.btn-green{
background: var(--themeSecondaryColor); border-radius: 100px;
padding: 6px 20px;
transition: all .5s ease;
color: #FFF;
border: 1px solid var(--themeSecondaryColor); }
.get-started-form .refer-top h3{
     margin:12px 0; font-size:1.42rem;
	display: inline-block; font-weight:400;
	 }
	.small-txt{font-size:12px; line-height: 17px; color:#666;}
	.get-started-form .refer-body h6 {
		font-weight: 300;
		text-align: left;
		color: var(--themePrimaryColor); line-height:1.6rem; font-size:1.28rem;
	}
.get-started-form .refer-icon{color: var(--themePrimaryColor); border:1px solid #efefef;}
.get-started-form .refer-icon i{color: var(--themePrimaryColor);}
.and-symbol{background: var(--themePrimaryColor); color:#FFF; font-size:40px; border-radius:50%; width:60px; height:60px; text-align: center; line-height:60px; margin:auto; }
.img-lft-overlap,
.wp-block-media-text .wp-block-media-text__media {
	width: 100%; 
	
	border-top: 2px solid rgba(0,0,0,0.1);
border-left: 10px solid rgba(0,0,0,0.1);
border-bottom: 10px solid rgba(0,0,0,0.1);
border-right: 5px solid rgba(0,0,0,0.1);
	border-radius: 5% 50% 5% 50%; overflow:hidden;}
.wp-block-media-text__media img{height:auto;}
.wp-block-media-text .wp-block-media-text__content{padding:0 0 0 8% !important;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 8% 0 0 !important;
}
	.img-rgt-overlap,
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		width: 100%;  border-top: 2px solid rgba(0,0,0,0.1);
		border-left: 5px solid rgba(0,0,0,0.1);
		border-bottom: 10px solid rgba(0,0,0,0.1);
		border-right: 10px solid rgba(0,0,0,0.1);
		border-radius: 50% 5% 50% 5%; overflow:hidden;}
.wp-block-media-text {
	grid-template-columns:40% auto !important;
}
.wp-block-media-text.has-media-on-the-right {
	grid-template-columns:auto 40% !important;
}
	.img-lft-overlap img, .img-rgt-overlap img{object-fit:contain; width:100%;}  
 .gray-bg-rounded{background:#eef3f7; border-radius:100px; min-height:60px; height:100%; position:relative;}
 .customer-links {padding-left:70px; text-align: left;}
  .customer-links > div{height:100%;}
 .customer-links .align-middle{height:100%;}
 .customer-links p{margin:0;}
.customer-links a{font-size:1.42rem; line-height: 18px; color:var(--themePrimaryColor); width:100%; float:left;}
.customer-links a.small-font{font-size:1rem;}
.red-color{color:red;}
.customer-links span{color:#666; font-weight:400; font-size:1rem; line-height: 1rem; float:left;}
 span.customer-icon{background:var(--themeSecondaryColor); color:#FFF; font-size:28px; height:60px; border-radius:100px; width:60px; position:absolute; left:0; top:0; line-height:63px; text-align:center;}
.small-font,
.small-font a {
	font-size: 0.9rem;
	line-height: 1.14rem;
}
.page-content p.small-font{font-size: 0.9rem;
	line-height: 1.3rem; color: #999;}
 .modal-header{background:var(--themePrimaryColor); padding:0.5rem 1rem;}

.page-content p  a{color:var(--themePrimaryColor);}
.page-content p  a:hover{color:var(--themeSecondaryColor);}
.modal-header h3{font-size:1.28rem; font-weight:400; line-height: 24px; margin:0;}
.close{color:#fff; text-shadow: none; font-weight:400;}
.get-started-form .form-control, .get-started-form .custom-select{height:32px; padding:0 5px; line-height: 32px; color:#333; font-size:1rem;}
.get-started-form textarea.form-control{ height: 100px;}
.get-started-form .form-control.error, .get-started-form .custom-select.error{border-color:red;}
.get-started-form .custom-select{font-size:1rem; padding:0 5px !important;}
.trinit-news h6,.trinit-news h4{ color: #000000;font-family: 'Gotham';}
.trinit-news h6{font-size: 24px;font-weight: 400;margin: 0 0 20px 0; }
.trinit-news h4{margin: 21px 0 23px 0; font-size: 1.28rem; font-weight: 500; color: #e87820;}
.trinit-news h4 a{color: #e87820;}
.trinit-news{border-bottom: 1px solid #eee;padding-bottom: 12px;margin-bottom: 25px;}
.carousel-control-next-icon {background-image: url('../images/arrow-right.png');}
.carousel-control-prev-icon {background-image: url('../images/arrow-left.png');}
.carousel-indicators li {background: #FFF;width: 10px; height: 10px;border-radius: 50%;margin:0 5px; border: none;}
.carousel-indicators .active {background: var(--themePrimaryColor);}
.carousel-indicators { bottom: 15px;}
.carousel-control-prev {left:-53px;width: 3%;opacity: 1;}
.carousel-control-next {right:-53px;width: 3%;opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 35px;height: 53px;}
/*.carousel-item {}*/
.resience-wrap{padding: 24px;margin-bottom: 30px;border:1px solid #eee;}
.clr-black{color:#000;margin: 30px !important;}
.trinity-overview .trinity-title h4{font-size: 25px;font-weight: 300;margin: 0 0 5px 0;}
.trinity-family{background: url('../images/promise-banner.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.residential-adrs h4{font-size: 12px;margin: 0;font-weight:600;}
.residential-adrs address{font-size: 12px;font-weight:400;margin-bottom: 0;}
.residential-adrs li{border: 1px solid #dadada;padding: 15px;min-height:118px;border-radius: 5px;background: #f9f9f9;margin-bottom:20px;}
.left0{right:0 !important;}
.right0{left:0 !important;}
.brdr-tb{border-top: 1px solid #e7e7e8;border-bottom: 1px solid #e7e7e8;}
.brdr-b{border-bottom: 1px solid #e7e7e8;}
.trinity-federal h3{color: #000 !important;}
.trinity-federal h4{font-size:1.42rem;font-weight: 300;text-transform: uppercase;margin:18px 0 0 0;letter-spacing: 2px;}
.financing-box{text-align:center;padding:25px; border: 1px solid #ddd ; background: #fafcfe; min-height: 240px; border-radius: 3px;margin-bottom: 10px;}
.financing-box:hover{border:1px solid #ef8b3d;}
.financing-box h3{font-size: 15px; font-weight: 600; color: #ef8b3d !important; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px 0;}
.busines-slider .carousel-item{padding: 0 !important;height: 320px;overflow: hidden;}
.busines-slider .carousel-item .carousel-caption{position: absolute; right: 30px !important; bottom:0; color: #fff; font-size: 0.8rem; opacity: 0.9; left: auto; text-align: right;}
.trinity-commericial{background: url('../images/commercial-banner.png') no-repeat center;background-size: cover;background-attachment: fixed;}
.trinity-business{background: url('../images/business-banner.png') no-repeat center;background-size: cover;background-attachment: fixed;}
.trinity-business .trinity-partner .partner-box h3 {color: #000 !important;font-weight: 300;}
.trinity-business .trinity-story-sec p {color: #000 !important;}
.lock-p{font-size: 1rem;min-height: 272px;}
.busines-slider .carousel-control-prev {left:0;width: 15%;opacity: 1;}
.busines-slider .carousel-control-next {right:0px;width: 15%;opacity: 1;}
.trinity-accorodion .btn-accorodion{width: 100%;display: block;}
.trinity-accorodion h2{margin:0 !important;font-family: 'Gotham';}
.trinity-accorodion h2 button{letter-spacing: 1px;margin: 0;padding:0;font-size: 24px;color: #000000;font-weight: 400;}
.trinity-accorodion .card{border:none;margin-bottom: 20px;}
.trinity-accorodion .card-header{background:transparent;border-radius: 0;border:none;}
.why-solor-busines h1{font-weight: 300;font-size: 2.25em;}
.why-solor-busines h3{font-weight: 300;font-size: 1.45em;margin: 20px 0 18px 0;}
.why-solor-busines h2{font-size: 1.875em;font-weight: 300;}
.why-solor-busines p{margin-bottom:2rem;}
.form-wrap{background-position: center top;background-size: 1750px auto;background: #f8f8f8 url('../images/go-solar.png') no-repeat;}    
.form-title h3{font-size: 28px; /* line-height: 2.4rem; */font-weight: 400;padding: 40px 42px;margin: 0;color: #fff;font-family: 'Gotham';text-align: center;}
.form-title p{color: #fff;font-weight: 500;}
.custom-form{background: #fff;border-radius: 3px;padding: 50px;}
.custom-form .form-control-lg {height: calc(1.9em + 1rem + 2px);border: 1px solid #dadada;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);border-radius: 0.14rem;font-size: 1.14rem;}
.custom-form  .form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important}
.btn-form{color: #fff;width: 100%;text-shadow: 0 1px 1px rgba(0,0,0,0.2);border-radius: 3px;box-shadow: 0 1px 1px rgba(0,0,0,0.2);padding: 10px 15px;margin-bottom: 20px;background: #6CCA98;text-transform: uppercase;font-size: 1.05rem;font-weight: 600;transition: all 0.6s;opacity: 1;letter-spacing: 1px;}
.btn-form:hover{border:1px solid #6CCA98;background: #6CCA98;color: #fff;}
.form-inline .form-control {width: 165px;}
.click-p{font-size: 10px;color: #000;}
.form-location h4{font-family: 'Gotham';font-weight: 300;color: #000000;font-size: 24px;font-weight: 400;margin: 10px 0 20px 0;}
.form-location address{font-size: 15px;margin: 0;}
.form-testimonial{border-top:1px  solid  #e6e7e8;padding: 50px 0;font-size: 1rem;line-height:1.42rem;color: #000000;}
.form-testimonial h5{font-weight: 600;margin: 0 0 15px 0;font-size: 0.9rem;font-family: 'Gotham';}
.form-testimonial h6{font-size: 0.9rem;color: #97999a;margin: 0 0 15px 0;font-family: 'Gotham';}
.form-testimonial .media p{font-weight:400;}
.form-testimonial p{font-weight: 600;line-height: 1.2;}
.trinity-rating .media img{border-radius: 50%;width: 75px;
height:75px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.33);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.33);-o-box-shadow: 0 0 25px rgba(0,0,0,0.33);box-shadow: 0 0 25px rgba(0,0,0,0.33);}
.trinity-rating-icon{font-family: 'Yanone Kaffeesatz', sans-serif;}
.trinity-rating h5{font-family: 'Yanone Kaffeesatz', sans-serif;font-size: 23px;font-weight: 700;text-transform: capitalize;margin: 15px 0;}
.trinity-rating .icon-rate{font-size: 1.14rem;color: #f7941d;}
.trinity-rating-icon{background: #fff;-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;display: inline-block;padding: 8px 75px 8px 15px;border-radius: 50px;}
.rating-count{position: absolute;top: -7px;right: 1rem;width: 50px;height: 50px;background: #000;color: #fff;border-radius: 100%;text-align: center;line-height: 50px;font-family: 'Gotham';}
.trinity-rating .media{background: #ccc;padding:5px;border-radius: 75px;}
.blog-title h1{font-size: 43px;color: #000;font-weight: 300;margin: 0 0 35px 0;}
.blog-article .article-title a{color: #000;}
.blog-article .article-title a h3{font-size: 2.14rem;;font-weight: 300;}
.blog-article .blog-h1  h3{font-size:43px !important;font-weight: 300;margin-bottom: 20px;}
.post-meta .blog-img img{border: 1px solid #ececec; box-shadow: 0 1px 1px 0 #f4f4f4;-webkit-box-shadow: 0 1px 1px 0 #f4f4f4;border-radius: 100%;padding: 3px;}
.post-meta a{color:#5b5b5b;}
.post-meta li,.post-meta a{font-size: 0.86rem;}
.post-meta .list-inline-item:not(:last-child) {margin-right:.2rem;}
.post-by a{color:#f5634a !important;}
.post-meta li{margin-bottom: 6px;color:#a7a7a7;}
.blog-article{margin: 0 0 30px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #ececec;}
.dot{width: 4px;height: 4px;background: #a7a7a7;border-radius: 100%;display: inline-block;    vertical-align: middle;margin-right: 4px;}
.blog-pagination .page-link {border:none;border-radius: 0;}
.blog-pagination .page-item.active .page-link,.blog-pagination .page-item:hover .page-link  {background-color: #f5634a;border-color: #f5634a;border-radius: 4px;color: #fff;}
.blog-pagination .pagination-sm .page-link {font-weight: 700;color: #535353;margin-left: 8px;}
.blog-categories .form-control{height: 45px;}
.blogbtn{color: #fff; font-weight: 600; background: #ef8b3d; border-radius: 4px; text-transform: uppercase; /* letter-spacing: 1px; */ padding: 9px 11px; margin-left: 18px; margin-top: 6px; text-shadow: 0 1px 1px rgba(0,0,0,0.2); font-size: 0.9rem;}
.blogbtn:hover{color: #fff ;background: #e87820;}
.breadcrumb{background: transparent;}
.breadcrumb a{font-size: 0.8rem;color:#f5634a;}
.breadcrumb li{font-size: 0.8rem;color:#a7a7a7;}
.breadcrumb-item+.breadcrumb-item::before {content: ">";}
.blog-comments h3{font-family: 'Open Sans', sans-serif;font-weight: 300;margin-bottom: 15px;}
.blog-comments h4{font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1rem;}
.blog-tags .list-inline-item:not(:last-child) {margin-right: .3rem;}
.blog-author .media img{border: 1px solid #ececec;padding: 5px;border-radius: 4px;}
.blog-author{background: #fafafa; box-shadow: 2px 2px 1px 0 #ececec; -webkit-box-shadow: 2px 2px 1px 0 #ececec; border: 1px solid #fdfdfd; border-radius: 0.3em; padding: 25px;}
.blog-author p{margin: 0;}
.blog-author h5{font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 24px;}
.blog-move a{font-size: 0.8rem;}
.blog-move {border-bottom: 1px solid #ececec;padding: 0 0 10px;}
.save-with-solar{ margin-top: -90px;   padding: 50px 45px;background: url('../images/save-with-solar.jpg') no-repeat center top;
background-size: cover;}
.solar-with-form{padding: 80px 30px;background: rgba(256,256,256,0.9);}
.solar-with-form h1{ font-size: 50px;text-align: center;color: #ef9026;margin: 0 0 36px 0;padding: 0;font-weight: 700;letter-spacing: -2px;}
.solar-with-form .form-control {height: 34px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.btn-from{padding: 12px 40px;margin-top: 12px;border: 0; color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);font-size: 24px;font-weight: 700;border-radius:5px;background: #ef8b3d;text-transform: uppercase;font-family: 'Raleway', sans-serif;}
.btn-from:hover{background: #7b6a8f;color: #fff;}
.solar-with-form p{font-size: 13px;line-height: 2.6;font-family: 'Raleway', sans-serif;text-align: center;color: #000;opacity: 0.9;}
.referral-solar ul li{font-size: 1.28rem;padding-bottom: 6px;}
.referral-solar h3{font-size:1.57rem;line-height: 2.4rem;font-weight: 400;font-family: 'Gotham';margin: 1px 0 16px 0;}
.referral-accorodion h2 button {letter-spacing: 0px; font-size: 1.14rem;color: #ef8b3d ;font-weight: 500;}
.top-header{background: #fff;color: #fff;border-radius: 5px;padding: 0 20px;}
.top-header .list-inline-item {font-size: 1.28rem;font-weight: 400;color: #fff;}
.top-header .list-inline-item:not(:last-child) { margin-right: 30px;}
.trinity-reasons{background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/reasons-banner.png') no-repeat center top;background-size: cover;margin-top: -13px;}
.trinity-reasons h1{color: #fff;margin-top: 3em;margin-left: 1rem;font-family: 'Gotham';}
.reasons-form{color: #fff;padding: 20px 35px;}
.reasons-form-black{background: rgba(0, 0, 0, 0.67);}
.reasons-form-black  h4{font-size: 0.85rem;text-align: center;text-transform: uppercase; font-weight: 600;}
.reasons-form label { font-weight: 700;}
.reasons-form p{font-size: 11px;font-weight: 400;}
.reasons-form .btn-form{text-transform: capitalize !important;}
.form-0{padding: 0;}
.form-0 h4 {font-size: 1.4rem;font-weight: 600;color: #000;margin: 10px 0;}
.form-0 label{color: #000;}
.form-0 .form-control{box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.form-0  p{color: #000;}
.reason-content{margin-top: 2rem;margin-bottom: 2rem;}
.reason-content .quick-links p a{color: #6d6e71;font-weight: 500;font-size: 0.9rem;}
.reason-content .quick-links p {line-height: 1;}
.reason-content .quick-links p a:hover{color:#ef8b3d;text-decoration: none;}
.reason-content h3{font-family: 'Gotham';font-size: 1.55rem;}
.cstl-caption .cstl-title h1{font-size: 38px;font-weight: 200;margin-top: 0;}
.cstl-caption .cstl-title h1 span{border-bottom: 1px solid #d1d1d1;margin-bottom: 8px;display: inline-block;padding-bottom: 10px;}
.cstl-caption{padding-top: 1rem;padding-bottom: 1rem;}
.cstl-mid-sec .btn-form {padding: 12px 15px;font-size: 1.6rem;display: block;margin: 0;}
.cstl-mid-sec h3{font-size: 2.22rem;font-weight: 300;text-align: center;margin: 20px 0;}
.cstl-mid-sec ul li{padding-bottom: 8px;font-size: 1.28rem;font-weight: 400;transition: all 0.9s;}
.cstl-mid-sec ul li:hover{transform: scale(1.1);}
.cstl-mid-sec .btn-refer{box-shadow: 0px 2px 5px 1px #ccc;font-size: 1.5em; color:  var(--themePrimaryColor); text-transform: uppercase;font-weight: 600;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);background: #fff;padding: 1rem 40px;border: 1px solid #ccc;}
.cstl-video-sec h4{margin: 30px;font-weight: 400;font-size: 1.14rem;text-align: center;}
.cstl-privacy{margin-top: 2rem;margin-bottom: 1rem;}
.cstl-privacy p{font-size: 12px;line-height: 2.1;font-weight:400;}
.residential-bg{background: url(../images/BannerRes3.jpg) no-repeat;background-size:cover;min-height: 350px;}
.why-trinity-bg{background: url(../images/why-trinity.jpg) no-repeat;background-size:cover;min-height: 350px;}
.trinity-blog img{width: auto;}
.trinity-blog .card-body {padding: 1.25rem 0; text-align: left !important;}
.trinity-blog .card{display: block;}
.btnq-links{background: #ddd;border-radius: 0;padding: 0 0;margin-top: 5px;padding: 8px 11px;font-size: 1rem;font-weight: 400;}
.btnq-links.dropdown-toggle::after {margin-left: 5rem;}
.quicklinks-mobile .dropdown-item{margin-bottom: 6px;}
.quicklinks-mobile .dropdown-item:hover{background-color: rgb(204, 204, 204);}
/* .page-content-container {
	padding-left: 155px;
	padding-right: 155px;
} */
/*.black-nav-container {
	 padding-top: 10px; 
}*/
.alert-danger{padding:.5rem 1rem; line-height: 1.2rem; text-align: center; border-radius: 5px; margin-bottom: 8px;}
.trinity-accorodion .btn-accorodion {
	background: var(--themePrimaryColor); color:#FFF;
}
.body-push{
	border: solid 0 #666;
transition: all 0.5s; 
transform-origin: left top;
}
body.sidebar-open .body-push {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
 pointer-events: none; 
border-width: 30px;
 
transform: scale(0.8);
 
}

.sidebar-cont {
	position: fixed;
 
	top: 0;
	right: -20%;
	z-index: 100;
 	width: 20%;
	height: 100%;
	background: var(--themePrimaryColor);
 
	transition: all 0.5s;
}

.sidebar-open { 
	background: #666; overflow: hidden;
}

.sidebar-open .body-push {
	background: #FFF;
}

.sidebar-open .sidebar-cont {
  
 right:0;
}

.text-adjust a {
	color: #FFF;
	font-size: 1.28rem;
}

.sidebar-cont h6 {
	color: #FFF;
	font-weight: 400;
	font-size: 1.14rem;
}

.round-bg {
	width: 80%;
	height: 32px;
	border-radius: 18px;
	margin: auto;
	padding: 2px;
	display: flex;
	background: rgba(255, 255, 255, 0.6);
}

.round-click {
	background: var(--themePrimaryColor);
	width: 28px;
	height: 28px;
	border-radius: 100%;
	color: #FFF;
	line-height: 28px;
	text-align: center;
}

.access-icon {
	position: absolute;
	right: 0;
	top: 0;
	background: var(--themeSecondaryColor);
	color: #FFF;
	font-size: 1.28rem;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 0 0 0 50%;
}

.access-icon:hover {
	color: #FFF;
}

.round-mdl {
	width: calc(100% - 56px);
	line-height: 28px;
}

.color-btns-cont {
	display: block;
	width: 100%;
	text-align: center;
}

.color-btns-cont .color-btn {
	width: 1.8rem;
	border: 2px solid rgba(255, 255, 255, 0.5);
	height: 1.8rem;
	background: rgba(255, 255, 255, 0.5);
	display: inline-block;
	margin-right: 5px;
	border-radius: 5px;
}
.color-btns-cont .color-btn.active{border-color:#FFF;}
.monochrome {

	 font-size: 2rem;
	border-radius: 5px;
	height: 2.8rem;
	width: 2.8rem; line-height:2.8rem;
	display: inline-block;
}
.monochrome.active {
	border: 2px solid #FFF;
}
.color-btns-cont .blue {
	background: var(--themePrimaryColor);
}

.color-btns-cont .green {
	background: var(--themeSecondaryColor);
}

.color-btns-cont .orange {
	background: #ff6600;
}

.color-btns-cont .red {
	background: red;
}
.black-navbar {padding:0px;}
.navbar-alignment {
	padding: 1rem 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
	 transition: all 0.4s ease-in-out;
	 
}
 .navbar-logo {
 	padding-bottom: 0;
 	transition: all 0.4s ease-in-out;
 }

 header .navbar-expand-lg .navbar-nav .menu-item a {
 	margin-top: 0;
 }
header.sticky {
	background: var(--themePrimaryColor);
	border-radius:0 0 35% 35%;
}
header.sticky .navbar-alignment {
	padding: 0.2rem  0;
	
}
header.sticky .navbar-logo {
	transform: scale(0.9);
}
 .black-nav-right-text {
	float: right;
	color: #fff;
	font-size: .7rem;
	display: flex;
	justify-content: space-evenly;
}
.black-nav-left-text {
	float: left;
    color: #fff;
	font-size: .7rem;
	display:flex;
	justify-content: space-evenly;
}
.zipcode-input{
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 20px;
	background-color: transparent;
	margin-left: 10px;
	color: #fff;
}
.zipcode-input::placeholder{
	color: #fff;
}
.zipcode-input:focus {
	outline: none;
}
.trinity-button {
	border: 1px solid var(--themeSecondaryColor);
	border-radius: 20px;
	background-color:var(--themeSecondaryColor);
	color: white;
	padding: 7px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.4s;
	font-weight: 500;
}
.trinity-button-new{

	border: 1px solid var(--themeSecondaryColor);
	border-radius: 30px;
	background-color: var(--themeSecondaryColor);
	color: white;  font-size:1.3rem;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	transition: 0.4s;
	font-weight: 400;
}
.blue-bg {
	background: var(--themePrimaryColor);}
.trinity-button-header {
	border: 1px solid  var(--themePrimaryColor);
	border-radius: 20px;
	background-color:  var(--themePrimaryColor);
	color: white !important;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	transition: 0.4s;
 
}
.footer-styling {
	background:#333333; 
	width:100%; overflow:hidden;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 0px;
	position:fixed; bottom:0; z-index:0;
	/* padding: 0px; */
}
.btn-primary,
button.btn-primary,
.refer-body button .btn-primary {
background-color: var(--themeSecondaryColor);
border-color: var(--themeSecondaryColor);
border-radius: 100px;
padding: 6px 20px;
transition: all .5s ease;
}
.btn-primary:hover,
.refer-body button .btn-primary:hover {
    color: #fff;
    background-color: var(--themePrimaryColor);
    border-color: var(--themePrimaryColor);
}
.btn-primary i {
-webkit-animation-duration: 1s;
animation-duration: 1s;
 
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
  
}
.btn-primary:hover i{
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	-moz-animation-name: rubberBand;
}
h3 {
	font-weight: 300;
	font-size: 2.1rem;
}
h3 strong{font-weight:300; color:var(--themePrimaryColor);}
strong{font-weight:500;}
h5{font-size:1.28rem; font-weight:300;}
h3.text-white strong{font-weight:400; color:#FFF;}
.solar-roof,
.content-block {
     background-size: auto;
    width: 100%;
    min-height: 590px;
    position: relative;
    background-size: cover; padding:120px 0;
    height: auto; display:grid; align-items: center; overflow:hidden;
}
.uagb-section__wrap.content-block .uagb-section__inner-wrap {
	z-index: 4;
}
.solar-roof > img,
.content-block > img{
	width: 100%; 
	height: calc(100% + 100px);
	object-fit: cover;
	position: absolute;
	z-index: 0;
}
.testmonial-cont{border-radius:20px; position:relative; background:#eef3f7; padding:30px; margin-top:30px;}
.testmonial-cont h3{font-size:1.57rem; font-weight:400;}
.testmonial-cont p{font-size:1.14rem; font-weight:300; color:#333;}
.testimonial-symbol{ font-size:50px; color:var(--themePrimaryColor); position:absolute; right:30px; top:-20px;}
.over-box
{
	position: relative;
	text-align:center;
   /* text-align: center;
    left: 0;
    right: 0;
	top: 50%;
	transform:translate(0,-50%); */
    z-index: 9;
}
.img-overly
{
	background:rgb(0 0 0 / 60%);
	height:100%;
	width:100%;
	position: absolute; z-index: 1;
}
.align-middle{display: grid; 
	align-items: center;}
.dark-bg{background:#333;}
.imapsLabel foreignObject div span{width:100%; float:left;}
.imapsLabel foreignObject{width:240px !important; }
.imapsLabel foreignObject div {
	color: #333 !important;
	font-size: 1rem !important;
}
.imapsLabel foreignObject div h4 {
	font-weight: 300;
	font-size: 1.2rem; color:#FFF !important; border-radius:5px; padding:5px 10px;
	background: var(--themePrimaryColor) !important; 
}
.imapsLabel foreignObject div i {
	width: 30px;
	text-align: center;
	color: var(--themeSecondaryColor) !important;
}
.modal-backdrop{display:none !important;}
.modal{background:rgba(0,0,0,0.5); overflow-x: hidden; overflow-y: auto;}
.content-block:after,
.content-block:before{content:'' !important; opacity:1 !important; }
.content-block:before{
background-color:rgba(0, 0, 0, 0.6) !important;
z-index:3 !important;
}
.no-overlay:before{background-color:rgba(0, 0, 0, 0.2) !important;}
.content-block {
	min-height: 590px !important;
	padding: 120px 0 !important;
}
.wp-block-cover h3 strong{color:#fff; font-weight:500;}
.wp-block-cover__inner-container{position:relative; z-index:4 !important; width:1140px !important;}
.shape-top,
.content-block::before {
	width: 100%;
	position: absolute;
	height: 100%;
	background: url("../images/shape_top.svg") no-repeat center top;
		background-size: auto; z-index:2;
	background-size: contain;
	top: 0;}
	.shape-bottom,
	.content-block::after {
		width: 100%;
	position: absolute;
	height: 100%;
	background: url("../images/shape_bottom.svg") no-repeat center bottom;
		background-size: auto; z-index:3;
	background-size: contain;
	bottom: 0;}
	.search-custom
{
	position: relative;
	width: 22.85rem;
	margin: auto;
}
 

.search-custom input, .search-custom.form-inline input.form-control
{
	border-radius: 100px;
	background: #eef3f7;
	border: 0;
	padding: 10px 20px;
	width: 21.42rem;
	outline:none;
	height: 3.07rem;
}
.search-custom.form-inline input.form-control{width:100%;}
.search-custom .trinity-button
{
	padding: 10px 22px;
    background: var(--themeSecondaryColor);
    border-radius: 100px;
    position: absolute;
    right: 0;
	color: #fff;
	line-height:1.57rem;
	height: 3.07rem;
}
.search-custom .trinity-button:hover{
	background:var(--themePrimaryColor); color:#FFF;
	border-color: var(--themePrimaryColor);
}
.search-custom input:hover a
{
		left:0; 
		right:inherit;
}
.gray-bg {
    background: #efefef;
    transition: all .5s ease;
}
.states-blocks .gray-bg{height: 100%; border-radius: 10px;} 

.btn-overlap{position: absolute;
	right: 0; background:var(--themeSecondaryColor);
	top:0;
	border-radius: 1rem 1rem 0 0 !important;
	height: 32px;
	padding: 0 15px;}
.icon-cont i {font-size:50px; color:var(--themeSecondaryColor); line-height:54px;}
.icon-cont h6{margin:10px 0 0 0;  font-weight:400; font-size:1.42rem;}
 .icon-cont p{color:#666; margin:0; padding:0;}
 .large-font {
 	font-size: 1.2rem !important;
 	line-height: 1.8rem !important;
 }
 .has-medium-font-size {
 	font-size: 1.14rem !important;
 	line-height: 2rem !important;
 }
/* three column icons */
.wp-block-column.ser-section {
	position: relative; display:flex;
}
.ser-section .wp-block-column{border-radius: 10px;}
.ser-section .icon
{ text-align:center;
	position: absolute;
    background: var(--themeSecondaryColor);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    top: -30px;
    left: 50%; transform:translate(-50%,0);
    right: 0;	
	line-height:100px;
	color: #fff;
    font-size: 50px;
	transition:all .5s ease;
}
.cross-wrench{font-size: 36px !important;}
.cross-wrench::before{font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f05e";  
position: absolute;
font-size: 70px;
left: 0;
width: 100px;} 
 

.h-auto{height:auto;}
.get-started-form{  border-radius:50px 10px 10px 10px; position:relative; z-index:9;/* background:rgba(0,0,0,0.3);*/ }
.ser-section .gray-bg:hover .icon{top:0; transition:all .5s ease;}
.ser-section h3{font-size:1.57rem;}
 
.ser-section .gray-bg:hover{border-radius:100px; transition:all .5s ease;}

.customer-support.ser-section .gray-bg:hover{border-radius: 20px;}
.customer-support .wp-block-column{display: flex;}
.customer-support .customer-support-icon{border-radius: 5px; min-height: 56px; margin-right: 10px; width:42px; position: relative; border:1px solid var(--themePrimaryColor) ; color:  var(--themePrimaryColor); font-size: 24px; }
.customer-support .customer-support-icon:before{
  margin: 0;
  position: absolute;
  top: 50%; left:50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  
}
.customer-support a{color:var(--themeSecondaryColor);}

.customer-support p{font-size: 1.1rem; margin:0; line-height: 1.2rem; display: grid; align-items: center;}
.customer-support p span{width:100%; display: inline-block; font-size: 1rem; color:#999;}
.contact-list h3{font-size: 1.3rem; font-weight: 400; margin:0;}

/* three column icons */
.search-custom a i{margin-right:15px;}
.trinity-button:hover {
	background-color: transparent;
	color: #6CCA98;
	cursor: pointer;
}
.trinity-button:focus {
	outline: none;
}
.trinity-button-header:hover {
	background-color: transparent; 
	cursor: pointer;
}
.trinity-button-header:focus {
	outline: none;
}
iframe {
	display:block;
	width:100%;
	height: 100%;
}
.footer .over-box{top:8%;}
.footer-bg{background: #333333; min-height: 245px;}
.footer a{color:#FFF; text-decoration: underline;}
.grecaptcha-badge{width:0px !important; height: 0px !important;}
.center-align {
	margin-left: auto;
	margin-right: auto;
}
.landing-page-header {
	height: 200px;
	text-align: center;
	padding: 48px;
}
.landing-page-text {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	letter-spacing: 0.63px;
	font-size: 2.5rem;
	font-weight: 400;
}
.landing-page-header-seperator {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #000;
	font-weight: 400;

}
.trinity-difference-container {
	/* height: 525px; */
	padding-left: 155px;
	padding-right: 155px;
	background-color: #f5f5f5; 
	padding-bottom: 50px;
}
.three-boxes {
	padding-left: 155px;
	padding-right: 155px;
	display: flex;
	justify-content: center;
}
.three-boxes-kw {
	display: flex;
	justify-content: center;
}
.three-card-holder {
	height: 525px;
	background-color: #f5f5f5;
}
.small-info-card {
	width: 358px;
	height: 280px;
	box-shadow: 0px 3px 6px #00000029;
	background-color: #fff;
	margin-top: 20px;
	padding: 20px;
	text-align: center;
}

.big-info-card {
	width: 400px;
	height: 318px;
	box-shadow: 0px 3px 6px #00000029;
	background-color: #fff;
	padding: 20px;
	text-align: center;
}
.home-page-jumbotron {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.home-page-jumbotron-why-trinity {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.home-page-jumbotron-why-trinity-mobile {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
	display: none;
}
.home-page-jumbotron-why-solar {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.kw-jumbotron {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.home-page-jumbotron-partner {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.home-page-jumbotron-lead {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.home-page-jumbotron-career {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.text-within-jumbotron {
	color: #fff;
 
 
}
.text-within-jumbotron-careers {
	text-align:center;
	color: #fff;
	padding: 80px;
	padding-top: 160px;
	/* padding-left: 178px; */
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.text-within-jumbotron-careers .jumbo-title {
	font-size: 2.7rem;
}
.picture-for-text {
	height: 386px;
}
.paragraph-within-jumbotron {
	width: 70%;
	margin-top: 15px;
	margin-bottom: 25px;
	letter-spacing: .23px;
	font-size: 1rem;
}
.paragraph-within-jumbotron-kw {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	letter-spacing: .23px;
	font-size: 1rem;
}
.testimonial-cards { 
	display: flex;
	justify-content: center;
	text-align: center;
}
.testimonial-card { 
height:100%;
border-radius:10px 50px 10px 50px;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	border-left: 5px solid rgba(0, 0, 0, 0.1);
	border-bottom: 10px solid rgba(0, 0, 0, 0.1);
	border-right: 5px solid rgba(0, 0, 0, 0.1);
	overflow:hidden;
}
.see-if-solar {
	display: flex;
	justify-content: center;
	margin: auto;
	padding: 30px;
}
.see-if-solar-title {
	color: #fff; 
	font-weight: 400;
	padding-top: 7px;
}
.see-if-solar-title-why-solar {
	color: #fff;
	font-weight: 400;
	padding-top: 7px;
}
.black-navbar {
	width: 100%;
	height: 40px;
	background-color: #333333;
}
.header-photo-text {
	height: 100px;
	background-color: #98989A;
}

.video-holder {
	width: 600px;
	height: 340px; margin:auto;
	  border-radius:20px 50px 20px 50px; overflow:hidden;
	border-top: 2px solid rgba(0,0,0,0.1);
border-left: 5px solid rgba(0,0,0,0.1);
border-bottom: 10px solid rgba(0,0,0,0.1);
border-right: 5px solid rgba(0,0,0,0.1);
}
.testimonial-card .video-holder{width:100%; height:auto;
border-radius:0; border:none;
}
.video-holder-stewardship {
	width: 450px;
	height: 298px;
	background-color: #5f5f5f;
}
.picture-for-text-text-right { 
	margin: auto;
	padding-left: 80px;
}
.picture-for-text-text-left { 
	margin: auto;
	padding-right: 80px;
}
.story-text-container {
	padding-left: 155px;
	padding-right: 155px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.story-text {
	font-size: 1.7rem;
}
.story-text-why-solar {
	font-size: 1.4rem;
	font-weight: 400;
	color: #5f5f5f;
}
.trinity-story-graphics {
	padding-left: 155px;
	padding-right: 155px;
	display: flex;
	justify-content: center;
}
.image-with-green {
	height: 307px;
	width: 462px;
}
.glass-roof-img {
	background-size: cover !important;
	height: 398px;
}
.blue-hue-overlay {
	height: 400px;
}
.blue-hue-text {
	padding-left: 155px;
	padding-right: 155px;
	text-align: center;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.blue-hue-title-container {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}
.blue-hue-title {
	font-size: 2rem;
	width: 100%;
}
.video-container {
	height: 305px;
	width: 537px;
	background-color: #5f5f5f;
	margin-left: auto;
	margin-right: auto;
}
.trinity-picture-stats-text {
	color: #fff;
	/* padding-top: 30px; */
	padding-bottom: 50px;
	font-size: 1.7rem;
}
.stats-image {
	width: 86px;
	height: 70px;
}
.mcguire-holder {
	width:95px;
}
.mcguire-p {
	padding-top: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
}
.mcguire-span {
	font-size: .7rem;
}
.why-trinity-bottom-zipcode {
	font-weight:400;
}
.lead-capture-title-container {
	height: 200px;
	text-align: center;
	padding: 48px;
}
.stewardship-title-video{
	height: 400px;
}
.jumbo-title {
	font-size: 2rem; 
	font-weight: 400;
}
.form-container {
	padding-top: 50px;
	padding-left: 155px;
	padding-right: 155px;
}
.highlight-title {
	font-size: 1.9rem;
	font-weight: 400;
}
.checklist-container {
	margin-top: 25px;
}
.checklist-title {
	font-size: 1.6rem;
}
.trinity-check-box {
	color: #000;
	padding-left: 25px;
	font-size: 1.3rem;
}
.checklist-content {
	width: 50%;
	padding-left: 60px;
}
.stats-title {
	font-size: 3.7rem; 
	font-family: sans-serif;
	display: block;
}
.stats-text {
	font-size: 1.2rem;
}
.stats-holder {
	display: flex;
	justify-content: space-around;
	padding-top: 70px;
}
.mcguire-legal-text {
	display: block;
}
.mcguire-legal-text-paragraph {
	font-size:.8rem; 
	padding-top: 20px; 
	margin-bottom: 0px;
}
.mcguire-images-holder {
	display: flex;
	justify-content: space-around;
	text-align: center;
	padding-bottom: 30px;
	/* padding-top: 30px; */
}
.mcguire-picture-height {
	height: 410px;
	background-size: cover !important;
	
}
.overlap-mcguire-container {
	height: 410px;
	background: #00000099 0% 0% no-repeat padding-box;
	opacity: 1;
}
.stewardship-legal-text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: none;
	color: #98989A;
	margin-top: 10px;
}
.lead-capture-legal { 
	color: #707070;
	margin-bottom: 33px;
}
.lead-capture-facts {
	color: #707070;
	text-align: center;
	font-size: .5rem;
	margin-bottom: 0px;
}
.footer-image {
	width: 138px;
	height: 95px;
}
.footer-icon {
	font-size: 1.5rem;
}
.popup {
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;
	display: flex;
	justify-content: center;
}
.play-button {
	color: #e60000;
	font-size: 3.5rem;
	transition: .4s;
}
.play-button:hover {
	cursor: pointer;
	color: #fff;
}
.overlap-container-stewardship {
	height: 100%;
	
	width: 100%;
}
.overlap-container-stewardship:hover .play-button{
	color: #fff;
	cursor: pointer;
}
.stewardship-portal-video {
	padding-top: 20px;
}
.stewardship-contact {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	align-content: center;
	padding-top: 20px;
}
.stewardship-legal {
	padding-top: 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto; text-align: justify;
}

.vertical-img   {
   display : grid;
  align-items : center;
   
}

.stewardship-legal p{text-align:justify; }
.stewardship-b2b {
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
}
/*.kw-list{} */
.email-us {
	color: #fff;
}
.email-us:hover {
	color:  var(--themePrimaryColor);
}
.stewardship-terms {
	border: none;
	background-color: transparent;
	margin-bottom: 50px;
}
.stewardship-terms:hover {
	cursor: pointer;
	color:  var(--themePrimaryColor);
}
.stewardship-terms:focus {
	outline: none;
}
.terms-list ul{margin:0; padding:0;}
.terms-list ul li{margin:10px 0; list-style:none; padding:0 0 0 25px; position:relative;}
.terms-list ul li:before {
	content: '\f35a';
	font-family:"Font Awesome 5 Free";
	position: absolute;
	top: 2px;
	left: 0;
	color:var(--themePrimaryColor);
}
.terms-list ul li li{padding:0 0 0 15px;}
.terms-list ul li li:before {
	content: '\f0da';
	font-family:"Font Awesome 5 Free"; font-weight:900; top:0;
	color:var(--themeSecondaryColor);
}
.terms-list{display:none;}
.get-started-form-subtext {font-weight: 600;}
.get-started-text {color: #FFF;  margin-top:0.5rem;  font-weight: 300; font-size: 24px;}
.roboto {
	font-family: 'Roboto', sans-serif;
} 
.footer-links {
	color: #fff;
}
.footer-seperator {
	border: .8px solid #eee;
	height: 30px;
	margin-right: 7px;
	margin-left: 7px;
}
.alternating-picture-container {
	padding-left: 155px;
	padding-right: 155px;
	display: flex;
	height: 441px;
}
.alternating-picture-container-inverse {
	padding-left: 155px;
	padding-right: 155px;
	display: flex;
	height: 441px;
}
.alternating-picture {
	height: 320px;
	width: 45%;
}

.org-page{border-radius: 50px 50px 15px 15px;
position: relative;
z-index: 9; min-height:360px; display: flex;
flex-flow: column;
background: rgba(0,0,0,0.3);}
.org-inner{background:#fff; height: 100%; flex-grow: 1; border-top:3px solid var(--themeSecondaryColor); text-align: center; border-radius: 50px 50px 15px 15px; overflow:hidden;}
.org-inner img{opacity:1; position: relative; width: auto; object-fit: contain;}
.org-page h3{margin:12px 0; width:100%; display:inline-block; font-weight: 400 !important;}
.alternating-picture-left {
	height: 320px;
	width: 45%;
}
.alternating-text-right {
	padding-top: 70px;
	margin-left: 130px;
	width: 55%;
}
.alternating-text-left {
	padding-top: 70px;
	margin-right: 130px;
	width: 55%;
}
.why-trinity-logo-height {
	height: 70px;
	width: 184px;
}
.mcguire-text-container {
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-align: center;
	padding-left: 155px;
	padding-right: 155px;
}
.alternating-picture-spacing {
	margin-top: 100px;
}
.the-trinity-experience {
	padding-top: 50px;
}
.highlight-title-container {
	padding-top: 50px;
}
.trinity-blue {
	color:  var(--themePrimaryColor) !important;
}
.trinity-green {
	color: #6CCA98 !important;
}
.awards-container { 
	 border-top: 1px solid rgba(255,255,255,0.08); 
	 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display:flex; 
	justify-content: space-between; 
	padding: 10px 0;
 
}
.awards-container img{width:100%;}
.experience-container {
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 30px;
	padding-bottom: 30px; 
	padding-left: 155px; 
	padding-right: 155px;
}
.videoModal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: none; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .modal-content-stewardship {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 60%; /* Could be more or less, depending on screen size */
  }
  .modalClose {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	text-align: right;
  }
  
  .modalClose:hover,
  .modalClose:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  .closing-buttons {
	  display: flex;
	  justify-content: flex-end;
  }
  #cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 1.8rem;
    font-size: 1rem;
    color: #ccc;
    line-height: 1.8rem;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	display: flex;
	justify-content: space-evenly;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
	text-decoration: none;
}
#closeCookieConsent {
    float: right;
     cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#okayCookie {
	float: right;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
.cookieText {
	padding-top: 10px;
	width: 70%;
}
#openWhere {
	display: none;
}
/*.authenticate-form {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 70px;
}*/
.form-upload {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: none; position:relative;
	 
}
.upload-row {
	padding-bottom: 15px;
}
.three-boxes-kw {
	display: flex;
	justify-content: center;
}
.kw-jumbotron {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.paragraph-within-jumbotron-kw {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	letter-spacing: .23px;
	font-size: .8rem;
}
.two-boxes {
	display: flex;
	justify-content: space-around;
}

.new-template-jumbotron {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-1 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-2 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-3 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-4 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-5 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-6 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}
.new-template-jumbotron-7 {
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background: #fff;
	padding-left: 0px;
	padding-right: 0px !important;
}

.web-forms{background: #efefef;}
.web-forms label{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1rem; margin-bottom: 0.2rem;}
.web-forms .form-control{border-radius: 0;}
.form-header{background: rgb(54,157,214);
background: linear-gradient(90deg, rgba(54,157,214,1) 0%, rgba(108,202,152,1) 100%);  width: 100%; display: inline-block;  }
.form-control:focus{background-color: #fff;border-color: #dadada;outline: 0;border-bottom-color:  var(--themePrimaryColor) ;box-shadow:none;}
 
  .mobile-show{display:none;}
  .map-block .uagb-section__inner-wrap{width:100%;}
  .partners-bg .wp-block-column{margin:0 !important;}
	.partners-bg .wp-block-column p {margin:0;}
	@-webkit-keyframes spinReturn {
		0% {
			-webkit-transform: rotate(0)
		}

		25% {
			-webkit-transform: rotate(225deg)
		}

		50% {
			-webkit-transform: rotate(180deg)
		}

		75% {
			-webkit-transform: rotate(405deg)
		}

		100% {
			-webkit-transform: rotate(360deg)
		}
	}

	@keyframes spinReturn {
		0% {
			transform: rotate(0)
		}

		25% {
			transform: rotate(225deg)
		}

		50% {
			transform: rotate(180deg)
		}

		75% {
			transform: rotate(405deg)
		}

		100% {
			transform: rotate(360deg)
		}
	}

	@-webkit-keyframes lightUp {
		0% {
			opacity: .2
		}

		40% {
			opacity: 1
		}

		60% {
			opacity: .2
		}

		100% {
			opacity: .2
		}
	}

	@keyframes lightUp {
		0% {
			opacity: .2
		}

		40% {
			opacity: 1
		}

		60% {
			opacity: .2
		}

		100% {
			opacity: .2
		}
	}

	@-webkit-keyframes wave {
		0% {
			-webkit-transform: scaleY(1)
		}

		40% {
			-webkit-transform: scaleY(.1)
		}

		80% {
			-webkit-transform: scaleY(1)
		}

		100% {
			-webkit-transform: scaleY(1)
		}
	}

	@keyframes wave {
		0% {
			transform: scaleY(1)
		}

		40% {
			transform: scaleY(.1)
		}

		80% {
			transform: scaleY(1)
		}

		100% {
			transform: scaleY(1)
		}
	}

	@-webkit-keyframes drawframeTop {
		0% {
			-webkit-transform: scaleX(1);
			transform-origin: 100% 0
		}

		12.5% {
			-webkit-transform: scaleX(0);
			transform-origin: 100% 0
		}

		50% {
			-webkit-transform: scaleX(0);
			transform-origin: 0 0
		}

		62.5% {
			-webkit-transform: scaleX(1);
			transform-origin: 0 0
		}

		100% {
			-webkit-transform: scaleX(1);
			transform-origin: 100% 0
		}
	}

	@keyframes drawframeTop {
		0% {
			transform: scaleX(1);
			transform-origin: 100% 0
		}

		12.5% {
			transform: scaleX(0);
			transform-origin: 100% 0
		}

		50% {
			transform: scaleX(0);
			transform-origin: 0 0
		}

		62.5% {
			transform: scaleX(1);
			transform-origin: 0 0
		}

		100% {
			transform: scaleX(1);
			transform-origin: 100% 0
		}
	}

	@-webkit-keyframes drawframeBottom {
		0% {
			-webkit-transform: scaleX(1);
			transform-origin: 0 0
		}

		12.5% {
			-webkit-transform: scaleX(0);
			transform-origin: 0 0
		}

		50% {
			-webkit-transform: scaleX(0);
			transform-origin: 100% 0
		}

		62.5% {
			-webkit-transform: scaleX(1);
			transform-origin: 100% 0
		}

		100% {
			-webkit-transform: scaleX(1);
			transform-origin: 0 0
		}
	}

	@keyframes drawframeBottom {
		0% {
			transform: scaleX(1);
			transform-origin: 0 0
		}

		12.5% {
			transform: scaleX(0);
			transform-origin: 0 0
		}

		50% {
			transform: scaleX(0);
			transform-origin: 100% 0
		}

		62.5% {
			transform: scaleX(1);
			transform-origin: 100% 0
		}

		100% {
			transform: scaleX(1);
			transform-origin: 0 0
		}
	}

	@-webkit-keyframes drawframeRight {
		0% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 100%
		}

		12.5% {
			-webkit-transform: scaleY(0);
			transform-origin: 0 100%
		}

		50% {
			-webkit-transform: scaleY(0);
			transform-origin: 0 0
		}

		62.5% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 0
		}

		100% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 100%
		}
	}

	@keyframes drawframeRight {
		0% {
			transform: scaleY(1);
			transform-origin: 0 100%
		}

		12.5% {
			transform: scaleY(0);
			transform-origin: 0 100%
		}

		50% {
			transform: scaleY(0);
			transform-origin: 0 0
		}

		62.5% {
			transform: scaleY(1);
			transform-origin: 0 0
		}

		100% {
			transform: scaleY(1);
			transform-origin: 0 100%
		}
	}

	@-webkit-keyframes drawframeLeft {
		0% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 0
		}

		12.5% {
			-webkit-transform: scaleY(0);
			transform-origin: 0 0
		}

		50% {
			-webkit-transform: scaleY(0);
			transform-origin: 0 100%
		}

		62.5% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 100%
		}

		100% {
			-webkit-transform: scaleY(1);
			transform-origin: 0 0
		}
	}

	@keyframes drawframeLeft {
		0% {
			transform: scaleY(1);
			transform-origin: 0 0
		}

		12.5% {
			transform: scaleY(0);
			transform-origin: 0 0
		}

		50% {
			transform: scaleY(0);
			transform-origin: 0 100%
		}

		62.5% {
			transform: scaleY(1);
			transform-origin: 0 100%
		}

		100% {
			transform: scaleY(1);
			transform-origin: 0 0
		}
	}

	@-webkit-keyframes imgLoading {
		0% {
			height: 0%;
			opacity: 1
		}

		95% {
			height: 100%;
			opacity: 1
		}

		100% {
			height: 100%;
			opacity: 0
		}
	}

	@keyframes imgLoading {
		0% {
			height: 0%;
			opacity: 1
		}

		95% {
			height: 100%;
			opacity: 1
		}

		100% {
			height: 100%;
			opacity: 0
		}
	}

	@-webkit-keyframes beat {
		0% {
			transform: scale(0);
			opacity: 0
		}

		80% {
			transform: scale(1);
			opacity: .7
		}

		100% {
			transform: scale(1);
			opacity: 0
		}
	}

	@keyframes beat {
		0% {
			transform: scale(0);
			opacity: 0
		}

		80% {
			transform: scale(1);
			opacity: .7
		}

		100% {
			transform: scale(1);
			opacity: 0
		}
	}

	body,
	html {
		opacity: 1 !important
	}

	#loftloader-wrapper .loader-inner #loader {
		position: relative;
		z-index: 1002;
		display: inline-block;
		margin: 0 auto;
		background: 0 0 !important;
		color: #dd901c;
	}

	#loftloader-wrapper .loader-section {
		position: fixed;
		z-index: 999;
		width: 50%;
		height: 100%;
		background: #000;
		opacity: .95;
		transition: all 0s;
		will-change: transform
	}

	#loftloader-wrapper .loader-section.section-fade {
		top: 0;
		left: 0;
		width: 100%;
		will-change: opacity
	}

	.loaded #loftloader-wrapper .loader-section.section-fade {
		opacity: 0 !important;
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
	}

	#loftloader-wrapper .loader-section.section-slide-up {
		top: 0;
		left: 0;
		width: 100%
	}

	.loaded #loftloader-wrapper .loader-section.section-slide-up {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
	}

	#loftloader-wrapper .loader-section.section-left,
	#loftloader-wrapper .loader-section.section-right {
		top: 0
	}

	#loftloader-wrapper .loader-section.section-left {
		left: 0
	}

	.loaded #loftloader-wrapper .loader-section.section-left {
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	#loftloader-wrapper .loader-section.section-right {
		right: 0
	}

	.loaded #loftloader-wrapper .loader-section.section-right {
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%)
	}

	#loftloader-wrapper .loader-section.section-down,
	#loftloader-wrapper .loader-section.section-up {
		left: 0;
		width: 100%;
		height: 50%
	}

	#loftloader-wrapper .loader-section.section-up {
		top: 0
	}

	.loaded #loftloader-wrapper .loader-section.section-up {
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	#loftloader-wrapper .loader-section.section-down {
		bottom: 0
	}

	.loaded #loftloader-wrapper .loader-section.section-down {
		transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%)
	}

	#loftloader-wrapper.pl-sun #loader {
		width: 50px;
		height: 50px
	}

	#loftloader-wrapper.pl-sun #loader span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: currentColor;
		opacity: .9;
		transform-origin: 50% 50%;
		-webkit-animation: spinReturn 4s ease infinite;
		animation: spinReturn 4s ease infinite
	}

	#loftloader-wrapper.pl-sun #loader span:before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: inherit;
		opacity: .9;
		content: "";
		transform-origin: 50% 50%;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	#loftloader-wrapper.pl-circles #loader {
		width: 100px;
		height: 60px
	}

	#loftloader-wrapper.pl-circles #loader span,
	#loftloader-wrapper.pl-circles #loader:after,
	#loftloader-wrapper.pl-circles #loader:before {
		position: absolute;
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		opacity: .2;
		background: currentColor
	}

	#loftloader-wrapper.pl-circles #loader span {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-animation: lightUp 1.5s linear infinite .5s;
		animation: lightUp 1.5s linear infinite .5s
	}

	#loftloader-wrapper.pl-circles #loader:after,
	#loftloader-wrapper.pl-circles #loader:before {
		content: "";
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}

	#loftloader-wrapper.pl-circles #loader:before {
		left: 0;
		-webkit-animation: lightUp 1.5s linear infinite;
		animation: lightUp 1.5s linear infinite
	}

	#loftloader-wrapper.pl-circles #loader:after {
		right: 0;
		-webkit-animation: lightUp 1.5s linear infinite 1s;
		animation: lightUp 1.5s linear infinite 1s
	}

	#loftloader-wrapper.pl-wave #loader {
		width: 60px;
		height: 30px
	}

	#loftloader-wrapper.pl-wave #loader span,
	#loftloader-wrapper.pl-wave #loader:after,
	#loftloader-wrapper.pl-wave #loader:before {
		position: relative;
		display: inline-block;
		width: 6px;
		height: 100%;
		background: currentColor
	}

	#loftloader-wrapper.pl-wave #loader span {
		margin: 0 16px;
		-webkit-animation: wave .9s linear infinite .3s;
		animation: wave .9s linear infinite .3s
	}

	#loftloader-wrapper.pl-wave #loader:after,
	#loftloader-wrapper.pl-wave #loader:before {
		content: ""
	}

	#loftloader-wrapper.pl-wave #loader:before {
		-webkit-animation: wave .9s linear infinite;
		animation: wave .9s linear infinite
	}

	#loftloader-wrapper.pl-wave #loader:after {
		-webkit-animation: wave .9s linear infinite .6s;
		animation: wave .9s linear infinite .6s
	}

	#loftloader-wrapper.pl-square #loader {
		width: 50px;
		height: 50px;
		transform-origin: 50% 50%;
		-webkit-animation: spinReturn 4s ease infinite;
		animation: spinReturn 4s ease infinite
	}

	#loftloader-wrapper.pl-square #loader span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 4px solid currentColor;
		box-sizing: border-box;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	#loftloader-wrapper.pl-frame #loader {
		width: 80px;
		height: 80px;
		max-width: 90vw
	}

	#loftloader-wrapper.pl-frame #loader:after,
	#loftloader-wrapper.pl-frame #loader:before {
		position: absolute;
		width: 100%;
		height: 4px;
		background: currentColor;
		content: ""
	}

	#loftloader-wrapper.pl-frame #loader:before {
		top: 0;
		right: 0;
		left: auto;
		-webkit-animation: drawframeTop 4s linear infinite;
		animation: drawframeTop 4s linear infinite
	}

	#loftloader-wrapper.pl-frame #loader:after {
		right: auto;
		bottom: 0;
		left: 0;
		-webkit-animation: drawframeBottom 4s linear infinite 1s;
		animation: drawframeBottom 4s linear infinite 1s
	}

	#loftloader-wrapper.pl-frame #loader span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%
	}

	#loftloader-wrapper.pl-frame #loader span:after,
	#loftloader-wrapper.pl-frame #loader span:before {
		position: absolute;
		width: 4px;
		height: 100%;
		background: currentColor;
		content: ""
	}

	#loftloader-wrapper.pl-frame #loader span:before {
		top: auto;
		right: 0;
		bottom: 0;
		-webkit-animation: drawframeRight 4s linear infinite .5s;
		animation: drawframeRight 4s linear infinite .5s
	}

	#loftloader-wrapper.pl-frame #loader span:after {
		top: 0;
		bottom: auto;
		left: 0;
		-webkit-animation: drawframeLeft 4s linear infinite 1.5s;
		animation: drawframeLeft 4s linear infinite 1.5s
	}

	#loftloader-wrapper.pl-frame #loader img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display: block;
		max-width: 80%;
		max-height: 80%
	}

	#loftloader-wrapper.pl-imgloading #loader {
		width: auto;
		height: auto;
		max-width: 90vw
	}

	#loftloader-wrapper.pl-imgloading #loader img {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto
	}

	#loftloader-wrapper.pl-imgloading #loader img {
		opacity: .3
	}

	#loftloader-wrapper.pl-imgloading #loader .imgloading-container {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
		display: block;
		width: 100%;
		height: 0%;
		transition: 0s;
		overflow: hidden;
		-webkit-animation: imgLoading 6s linear infinite;
		animation: imgLoading 6s linear infinite;
		will-change: height, opacity;
		transform-origin: 0 100%
	}

	#loftloader-wrapper.pl-imgloading #loader span {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
		display: block;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
		transition: 0s
	}

	#loftloader-wrapper.pl-beating #loader {
		width: 60px;
		height: 60px
	}

	#loftloader-wrapper.pl-beating #loader span,
	#loftloader-wrapper.pl-beating #loader:before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: currentColor;
		box-shadow: 0 0 50px;
		opacity: 0
	}

	#loftloader-wrapper.pl-beating #loader span {
		-webkit-animation: beat 1.5s linear infinite;
		animation: beat 1.5s linear infinite
	}

	#loftloader-wrapper.pl-beating #loader:before {
		content: "";
		-webkit-animation: beat 1.5s linear infinite 1s;
		animation: beat 1.5s linear infinite 1s
	}

	.loader-close-button {
		position: fixed;
		right: 10px;
		top: 10px;
		z-index: 99999;
		box-sizing: border-box;
		width: auto;
		min-width: 35px;
		height: 35px;
		padding: 5px 30px 5px 5px;
		border-radius: 999px;
		background: rgba(0, 0, 0, .3);
		color: #fff;
		font-size: 12px;
		line-height: 25px;
		cursor: pointer
	}

	.loader-close-button:hover {
		background: rgba(0, 0, 0, .7)
	}

	.loader-close-button:after,
	.loader-close-button:before {
		position: absolute;
		top: 16px;
		right: 9px;
		display: block;
		width: 18px;
		height: 2px;
		transform-origin: 50% 50%;
		content: "";
		background: #fff
	}

	.loader-close-button:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.loader-close-button:after {
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	.loader-close-button .screen-reader-text {
		position: absolute !important;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		border: 0;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		overflow: hidden;
		word-wrap: normal !important
	}

	.loader-close-button .close-des {
		padding: 0 5px;
		font-size: 12px
	}

	#loftloader-wrapper {
		position: fixed;
		z-index: 99999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0.7;
	}

	.hidden {
		animation: fadeOut 1s;
		animation-fill-mode: forwards;
		opacity: 1 !important;
		z-index: -1 !important;
	}

	@keyframes fadeOut {
		100% {
			opacity: 0;
			visibility: hidden;
		}
	}
.uagb-section__wrap{padding:20px 15px !important;}
.oxilab-flip-box-padding-1:nth-child(4n+4) {  
  padding-right: 0 !important;
}
.oxilab-flip-box-padding-1:nth-child(4n+1){padding-left:0 !important;}
.oxilab-flip-box-body-absulote{min-height: 315px;}
.oxilab-flip-box-1{background:#efefef !important; box-shadow:0 0 0 0 !important;}
.oxilab-flip-box-back-1{box-shadow:0 0 0 0 !important; background: var(--themePrimaryColor) !important;}
.oxilab-icon-data{border-radius: 100%; background:var(--themeSecondaryColor) !important;}
.oxilab-flip-box-front .oxilab-flip-box-1-data .oxilab-heading{font-size: 1.28rem; font-weight: 300; color:#000; font-family: 'Poppins', sans-serif;}
.oxilab-flip-box-back .oxilab-flip-box-back-1-data .oxilab-info{font-size:1rem;  line-height: 1.4rem; text-align: center; font-weight: 400;font-family: 'Poppins', sans-serif;}
.oxilab-flip-box-back .oxilab-flip-box-back-1-data .oxilab-heading{font-size: 1.2rem; font-weight: 500;font-family: 'Poppins', sans-serif;}
.testmonial-cont .wp-block-column{flex-basis: 100% !important;}
	.fixed-menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: #ffffff;
		z-index: 9;
		transition: 0.9s;
	}

	.covid-form .frm_fields_container {
		background: #efefef;
		border-radius: 15px;
		border: 1px solid #ccc;
	}

	.covid-form .frm_form_field:nth-child(2n+1) {
		background: #FFF;
	}

	.covid-form .frm_form_field {
		padding: 10px 15px;
	}

	.covid-form .frm_left_container {
		float: left;
		padding: 0;
		width: 100% !important;
		margin: 0 !important;
	}

	.with_frm_style .covid-form .frm_left_container .frm_primary_label,
	.with_frm_style .covid-form .frm_form_field.frm_left_container .frm_opt_container {
		float: left !important;
		max-width: 100% !important;
		width: auto !important;
		padding: 10px 15px !important;
	}
.submit-container{margin-top:5px;}

	.with_frm_style .covid-form .frm_left_container .frm_primary_label {
		width: 85% !important;
	}

	#map-pop {
		position: absolute;
		z-index: 999999;
		background: #FFF;
		color: #333;
	}

	.mapael .map {
		position: relative;
	}

	.mapcontainer {
		width: 800px;
		margin: auto;
	}

	.mapael .mapTooltip {
		position: absolute;
		background-color: #fff;
		text-align: left;
		border-radius: 10px;
		padding: 10px;
		padding-top: 15px;
		z-index: 1000;
		width: 220px;
		color: #343434;
		box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
	}

	.mapael .mapTooltip b {
		font-weight: 500;
		color: #000;
	}

	.mapael .mapTooltip span {

		background: var(--themePrimaryColor);
		color: #FFF;
		width: 100%;
		display: inline-block;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		top: 0;
		padding: 5px 10px;
		border-radius: 10px 10px 0 0;

	}

	.chat_icon,
	.button2 {
		position: fixed;
		z-index: 999;
		bottom: 0;
		color: #FFF !important;
		right: 0;
		background: var(--themeSecondaryColor);
		color: #FFF;
		font-size: 18px;
		line-height: 40px;
		text-align: center;
		width: 40px;
		height: 40px;
		border-radius: 50% 0 0 0;
	}

	.chat-box {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 300px;
		height: 400px;
		z-index: 9999;
	}

	.chat-now-btn {
		border-radius: 20px;
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 999;
		height: 30px;
		display: inline-block;
		background: var(--themePrimaryColor);
		color: #FFF;
		overflow: hidden;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		opacity: 1;

	}

	.chat-now-btn .chat-now-icon {
		background: var(--themeSecondaryColor);
		text-align: center;
		line-height: 30px;
		font-size: 18px;
		float: left;
		width: 30px;
		border-radius: 20px;
		height: 30px;

	}

	.button-iframe-wrap {
		display: none !important;
	}

	.button-iframe-wrap iframe {
		width: 200px !important;
		height: 60px !important;
	}

	.chat-now-btn span {
		padding: 0 10px 0 5px;
		line-height: 30px;
	}

	.chat-now-btn span,
	.chat-now-btn i {
		position: relative;
		z-index: 2;
	}

	.chat-now-btn::before {
		position: absolute;
		content: '';
		left: -100%;
		width: 100%;
		border-radius: 20px;
		transition: all 0.4s;
		height: 100%;
		background: var(--themeSecondaryColor);
	}

	.chat-now-btn:hover {
		color: #FFF;
	}

	.chat-now-btn:hover::before {
		left: 0;
	}

	.chat-box-main {
		position: fixed;
		right: 10px;
		z-index: 9999;
		bottom: -100%;
		width: 340px;
		padding: 20px;
		background: #FFF;
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
		opacity: 0;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;

	}

	.chat-box-main.reveal {
		bottom: 50px;
		opacity: 1;

	}

	.chat-now-btn.hide {
		bottom: -100%;
		opacity: 0;
	}

	.chat-close {
		position: absolute;
		right: 10px;
		top: 5px;
		color: #999;
		font-family: Arial, Helvetica, sans-serif;
		cursor: pointer;
	}

	.need-help {
		font-size: 1.2rem;
		font-weight: 300;
	}

	.need-help i {
		font-size: 2rem;
		margin-right: 10px;
		float: left;
		color: var(--themePrimaryColor);
	}

	.need-help span {
		line-height: 28px;
	}

	.chat-dvdr {
		width: 100%;
		border-top: 1px solid rgba(0, 17, 56, 0.15);
		text-align: center;
		height: 0px;
		margin-top: 24px;
	}

	.chat-dvdr span {
		position: relative;
		top: -13px;
		background: #FFF;
		padding: 0 8px;
		color: #999;
	}

	.chat-call {
		padding: 20px 0 0 0;
		margin-bottom: 0;
		color: var(--themePrimaryColor);
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

	.chat-call a {
		color: var(--themePrimaryColor);
		font-weight: 300;
	}

	.ie-div-position-customer-chat {
		position: fixed;
		right: 0;
		bottom: 30px;
		width: 300px;
		z-index: 9999;
	}

	.get-solar-banner {
		min-height: 100vh;
		background: #000; padding:120px 0 60px 0	;
	}
.get-solar-banner.form-in-content{background: none; padding:0; min-height: 200px;}



	.get-solar-banner::after {
		background: url('../images/get_solar_shape_bottom.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;

	}
	#thermometer{position: relative; height: 300px; width:67px; margin:auto;}
		#thermometer .progress{height: 300px; width:67px; background:url('../images/barometer_new.svg');; margin:auto;  overflow: visible;}
					.goal{position: absolute; margin-top: -13px; margin-left:36px; left:50%; top:0; transform: translateX(-2px);  background: #e9ecef; border-radius: 5px; border:1px solid var(--themeSecondaryColor); line-height: 26px; font-size: 14px; padding-left: 40px; padding-right: 10px;}
			.goal:before{position: absolute; background:var(--themeSecondaryColor); content: '$'; color: #FFF; left:0; top:0; bottom: 0; width:32px; text-align: center; border-radius: 5px 0 0 0; }
 .goal:after{position: absolute;
top: 50%;
transform: translateY(-50%);
left: -8px;
content: '\f0d9';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
color: var(--themeSecondaryColor);
line-height: 20px;} 
			.amount{position: absolute; bottom:0; /*transform: translateX(-50%);*/right: 50%;
margin-right: 34px; margin-bottom: -13px;  background: #e9ecef; border-radius: 5px; border:1px solid var(--themePrimaryColor); line-height: 26px; font-size: 14px; padding-left: 40px; padding-right: 10px;}
			.amount:before{position: absolute; background:var(--themePrimaryColor); content: '$'; color: #FFF; left:0; top:0; bottom: 0; width:32px; text-align: center; border-radius: 5px 0 0 5px; }
			 .amount:after{position: absolute;
top: 50%;
transform: translateY(-50%);
right: -8px;
content: '\f0da';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
color: var(--themePrimaryColor);
line-height: 20px;}
			.fill{background: #1697d1;     height: 40%;
    position: absolute;
    width: 25px;
    bottom: 0;
    left: 21px;
} color:#FFF; text-align: center; line-height: 32px; font-size: 18px; position: relative;}
			.fill:after{width:2px; height: 40px; position: absolute; right:0; bottom: 0; content: ''; background: var(--themePrimaryColor);}
	 .thermo_inner{position: absolute;
width: 67px;
top: 22px;
bottom: 60px;
left: 50%;
transform: translateX(-50%);}
	.percentage_cont{position: absolute;bottom: 10px;line-height: 45px;left: 8px;width: 51px;color: #FFF;font-size: 16px;}
	.main_content .get-solar-banner img {
		height: 100%;
	}

	.get-solar-inner {
		min-height: 100vh;
	}

	.solar-banner-img {
		min-height: 100vh;
		position: relative;
	}

	.solar-banner-img img {
		width: 100%;
		position: absolute;
		object-fit: cover;
		height: 100%;
		opacity: 0.4;
	}

	.get-solar-banner .refer-body {
		background: none;
		position: relative;
		border-radius: 60px 10px 60px 10px;
		overflow: hidden;
		margin: 0;
	}

	.get-solar-banner .refer-body::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: var(--themePrimaryColor);
		opacity: 0.7;
		content: '';
		z-index: 0;
	}
	.vertical-middle{  display: flex;
  justify-content: center;
  align-items: center;}
.get-solar-banner.form-in-content .refer-body::after{opacity: 1; z-index: -1;}
	.get-solar-banner .refer-body p,
	.get-solar-banner .refer-body form {
		position: relative;
		z-index: 9;
	}

	.get-solar-banner .refer-body h3 {
		font-size: 1.5rem;
	}

	.get-solar-banner .refer-body h6 {
 		font-size: 1.2rem;
		color: #FFF;
	}

	.get-solar-content {
		position: relative;
		z-index: 9;
	}

	.get-solar-content>.row>.col-md-7,
	.get-solar-content>.row>.col-md-5 {
		height: 100vh;
		position: relative;
	}

	.get-solar-banner-content {
		position: absolute;
		left: 15px;
		right: 15px;
		top: 50%;
		transform: translate(0, -50%);
	}

	.get-solar-banner-content h3 {
		margin-bottom: 0;
	}

	.get-solar-banner .refer-body {
		/*position: absolute;
		left: 15px;
		right: 15px;
		top: 50%;
		width: auto;
		transform: translate(0, -50%);
		*/
	}

	.get-solar-banner .refer-body input.form-control {
		background: none;
		box-shadow: none !important;
		margin: 0;
		padding-left: 0;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		font-size: 14px;
		border-radius: 0;
		color: #fff;
	}
.get-solar-banner .refer-body label{color:#FFF; margin-bottom: 10px;}
.get-solar-banner .refer-body input.form-control.error{border-color: indianred;}
.privacy-content p, .privacy-content ul li{text-align: justify !important;}
.get-solar-banner .refer-body .custom-select {
		border: none;
		background-color: rgba(0, 0, 0, 0) !important;
		border-radius: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		color: #FFF; padding: 0 7px;
	}
.get-solar-banner .refer-body .custom-select option{color:#333; }
.customer-ser-sec{text-align: left;}
.customer-ser-sec.large-font{font-weight: 300; margin-bottom: 0.3rem; font-size: 1.1rem;}
.customer-ser-sec.large-font i {font-size: 1rem; color:var(--themePrimaryColor); width:24px; text-align: left;}
.customer-ser-sec.large-font a{color:var(--themeSecondaryColor);}
.office-list h6{color:#333;}
 .office-list a{color:#666;}
  .office-list a:hover{text-decoration: underline;}
.office-list h6{font-weight: 400; margin-bottom: 0; font-size: 1.1rem; color:var(--themePrimaryColor);  line-height: 1.4rem;}
 .office-list  .uagb-icon-list__source-wrap{margin-top:6px !important;}
.office-list  .uagb-icon-list__source-icon svg{fill:#666 !important;}
.customer-ser-sec.large-font span{color:#999; font-size: 0.9rem; font-weight: 400;}
.margin-left{text-align: left; color: #666; padding-left:24px;}
.customer-ser-heading{border-bottom:1px solid #efefef; line-height: 28px; text-align: left; padding-bottom: 10px; }
.customer-ser-heading i{border-radius: 50%; color:var(--themeSecondaryColor); font-size: 1.1rem; border:1px solid var(--themeSecondaryColor); width:28px; height: 28px; text-align: center; line-height: 28px;}
	.get-solar-banner .refer-body input.form-control::placeholder {
		color: #FFF;
		opacity: 0.6;
	}

	.refer-body .btn.btn-primary {
		background: var(--themeSecondaryColor);
		color: #FFF;
		border: 1px solid var(--themeSecondaryColor);
	}

	.get-solar-lft-cont {
		text-align: center;
	}

	.get-solar-lft-cont i {
		font-size: 2.4rem;
		color: #FFF;
		margin-bottom: 10px;
	}

	.get-solar-lft-cont h6 {
		font-size: 1.2rem;
		font-weight: 500;
		margin: 0;
		line-height: 1.3rem;
	}

	.get-solar-lft-cont p {
		font-size: 1.1rem !important;
		font-weight: 300;
	}

	.get-solar-lft-cont>div {
		margin-top: 20px;
	}

	.chat-iframe-wrap {
		left: inherit !important;
		right: 10px !important;
		bottom: 40px !important;
		top: inherit !important;
	}

	.chat-box {
		position: fixed;
		right: 10px;
		bottom: 30px;
		background: #FFF; 
	}
   .special-offer{position:fixed; right:5px; bottom:50px;  z-index:999; width:300px;}
   .special-btn{border-radius:20px; float:right;  position: fixed; right:140px; bottom: 0;  z-index: 999; margin-bottom:10px; height:30px; display:inline-block; background:var(--themePrimaryColor);color:#FFF;}
   .special-btn i{background:var(--themeSecondaryColor); text-align:center; line-height:30px; font-size:18px; float:left; width:30px; border-radius:20px; height:30px; }
   .special-btn span{line-height:30px;  padding:5px 10px 5px 5px; }
   .special-cont {
   	width: 100%;
   	float: left;
   	border-radius: 10px;
   	background: #fafbfb;
   	max-height: 50vh;
   	border: 2px solid var(--themeSecondaryColor);
   	
   	display: none;
   }
   .special-close{float:right; cursor:pointer;}
   .special-cont ul {
   	padding: 15px;
   	width: 100%;
   	display: inline-block;
   }

   .special-cont ul li {
   	width: 100%;
   	list-style: none;
   	display: inline-block;
   	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   	padding: 10px 0;
   }

   .special-cont h4 {
   	font-size: 14px;
   	font-weight: 400;
   	color: #333;
   	margin: 0;
   }

   .special-cont p {
   	color: #666;
   	font-size: 12px;
   	padding: 0;
   	margin: 0;
   }

   .special-cont a {
   	background: var(--themeSecondaryColor);
   	padding: 3px 10px;
   	color: #FFF;
   	float: right;
   	margin-top: 5px;
   	border-radius: 15px;
   }
     .special-close {font-size:20px; line-height:30px;}
.special-header{background:var(--themeSecondaryColor); line-height:30px; padding:0 10px;  border-radius:7px 7px 0 0; color:#FFF; width:100%; float:left; font-size:16px;}
.neighbor-lst{color:#FFF; text-align: center;}
.neighbor-lst i {font-size: 2.4rem;}
.neighbor-lst span{width:100%; font-size: 1.2rem; font-weight: 300; display: inline-block;}
.neighbor-lst span b,
.neighbor-lst span strong{font-weight: 500;}
.map-inner{background:rgba(255,255,255,0.8) ; height: 100%; border-radius: 10px; text-align: center; padding:15px;}
.map-inner img{height: 80px; opacity: 0.6; }


.mktoForm * {
	font-family: 'Poppins', sans-serif !important;
}

.mktoForm fieldset legend{margin:10px 0 20px 0 !important; font-weight: 300;}
.mktoForm .mktoRequiredField label.mktoLabel{font-size: 1rem; font-weight: 400 !important; margin-bottom: 5px;}
.mktoForm .mktoOffset,
.mktoForm .mktoGutter {
	width: 0px !important;
}
.mktoForm{width:100% !important;}
.mktoForm fieldset{padding:0;}
form.mktoForm input, form.mktoForm select {
	display: block;
	width: 100% !important;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.mktoForm .mktoFormCol.mktoFieldDescriptor{width:50%;}
.mktoForm fieldset,
.mktoForm .mktoLabel,
.mktoForm .mktoFieldWrap,
.mktoHtmlText,
.mktoButtonRow {
	width: 100% !important;
}
.mktoButtonRow{text-align: center;}
.mktoButtonRow span{margin:0 !important; }
.mktoButtonRow span.mktoButtonWrap{text-align: center !important; width:100%; float:left;}
.mktoForm .mktoAsterix {
	float: left !important;
	padding-right: 5px;
	padding-left: 0 !important;
}
.modal-title{color:#FFF !important;}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
	background: var(--themeSecondaryColor) !important; 
	color: #FFF; font-size: 1.2rem !important;
	border: 1px solid var(--themeSecondaryColor) !important;
	border-radius: 100px;
	padding: 6px 20px;
	text-align: center;

}
.testimonial-txt:before{content:'\f10d'; color:#999999; font-family: 'Font Awesome 5 Free'; font-size:20px; font-weight: 900; margin-right: 5px; }
.testimonial-txt:after{content:'\f10e'; color:#999999; font-family: 'Font Awesome 5 Free'; font-size:20px; font-weight: 900; margin-right: 5px; }
.mktoHtmlText span{font-size: 0.9rem !important; color:#666;}
.mktoForm .mktoFormRow{margin:0 -15px;}
.mktoForm .mktoFormCol{padding:0 15px !important;}
.flip-card {
	background-color: transparent;
	width: 100%; display:block;
	height:160px; margin-bottom: 30px;
	perspective: 1000px;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 160px;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
 }
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 160px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
}
.flip-card-front {
	color: black;
}
.flip-card-back {
	background-color: #FFF;
	color: #333;
	transform: rotateY(180deg);padding:10px; text-align: left;
}
.flip-card-back p{margin:0; text-align: center; color: #666; line-height: 1.4rem;}
.flip-card-back p.large-font{font-size: 1rem !important;
line-height: 1.2rem !important;
color: var(--themePrimaryColor);
font-weight: 400; margin-bottom: 5px;}
.flip-card-back p.large-font span {
  color: var(--themeSecondaryColor) !important;
  font-weight: 400;
}
.flip-card-back i {
	color: var(--themeSecondaryColor);
	width:24px;
}
.flip-card-back b {font-weight: 500;
}
.flip-card h3 {
	color: #FFF; text-align: center;
	text-align: center; font-size: 1.3rem; line-height: 2rem;
	background: var(--themePrimaryColor); border-radius: 6px;
}
.oxilab-flip-box-1-data{transform: translateY(0) !important; top:20% !important;}
  .privacy-content a{color:var(--themePrimaryColor);}
	 .privacy-content a:hover{text-decoration: underline;}
}
a.stewardship-terms{color:var(--themePrimaryColor) !important;}
a.stewardship-terms:hover{text-decoration: underline !important;}
.custom-table thead th{background: var(--themeSecondaryColor); color:#FFF; font-weight:400;   }
.custom-table tbody td, .custom-table thead th{padding:3px 10px; border:1px solid #999; border-right: none;}
.custom-table{border-right:1px solid #999;}
.accordion-icon{position:absolute; right:10px; top:18px;}
.accordio-txt{padding-right:20px;}
.mktoForm a{color:var(--themePrimaryColor);}
.mktoForm a:hover{color:var(--themeSecondaryColor); text-decoration: underline;}
.text-15{cursor: pointer;}
@media only screen and (min-width:450px) and (max-width:700px) {
	/* .trinity-difference-container {height: 800px;} */
	.three-boxes {display: block; padding-left: 20px;}
	.small-info-card {display: block; width: 400px;}
	.big-info-card {display: block;}
	.picture-for-text {height: 750px;}
	.testimonial-cards {display: block; margin-left: auto; margin-right: auto;padding-left: 20px;}
	.navbar-alignment {padding: 0px;}
}

@media (min-width: 992px){
	header .navbar-expand-lg .navbar-nav .nav-link {padding:35px 6px;}
    header .navbar-expand-lg .navbar-nav .nav-item{padding-right:0;padding-left:0;}
    .quick-links{min-width: 265px;}
    /* header  .navbar-nav li:nth-last-of-type(2):hover a { color:#fff;background: var(--themePrimaryColor);}
	header  .navbar-nav li:nth-last-of-type(2) a {margin-top: 22px;border: 1px solid  var(--themePrimaryColor);color:  var(--themePrimaryColor);padding: 11px 12px !important;} */
	header .navbar-nav.li-child-none li:nth-last-of-type(2) a {border: none;color: #58595b;}
    /* header  .navbar-nav li:nth-last-of-type(1)  a{margin-top: 10px;padding: 11px 12px !important;color: #fff !important; font-weight: 600;background:#ef8b3d;border-radius: 20px;border: 1px solid transparent;}
	header  .navbar-nav li:nth-last-of-type(1):hover  a{ border: 1px solid  var(--themePrimaryColor);background: #fff;color:  var(--themePrimaryColor) !important;} */
	
}
@media (min-width: 768px){
    #sidebar.sticky {position: fixed;top: 20px;z-index: 6;}
    .img-left{margin-left: 3rem;}
    .trinity-offers .card-header h3 span{display: block;}
    .trinityright{width: 550px;margin:0 auto;}
    .pl-gap{padding-left: 5rem;}
    .pl-15{padding-left:2rem;}
	.w-500{width:550px;margin: 0 auto;}
	.w-256{width:355px;margin:0 auto;}
	.form-testimonial{max-width: 550px; margin: 40px auto;}
	.trinity-rating .media{padding: 25px;border-radius: 75px;width: 400px;margin: 0 auto;}
	.mr-gap{margin-right: 35px;}
	.blog-categories{padding-left: 2rem;}
	.solar-with-form{width: 525px;float:right;}
	.quicklinks-desktop{display: block;}
	.quicklinks-mobile{display: none;}
	
}
@media (max-width:480px){
.refer-body a.privacy_policy{width:100%; display: block; margin:0 0 8px 0 !important;}	
}

@media (max-width:600px){
.oxilab-flip-box-padding-1{padding-left: 0 !important; padding-right: 0 !important;} 
}
@media (max-width:767px){
	.refer-body a.privacy_policy{}
	.mobile-center{text-align:center !important; margin: 10px 0; display: block;}
	.home-page-banner{height:auto !important; min-height: 400px !important;}
	.wp-block-columns{margin-bottom:0 !important;}
	.wp-block-columns .wp-block-column{margin-bottom: 15px; padding:0;}
    #video-wapper h2 {  font-size: 24px; }
    .authenticate-form{width:100%;}
    .trinity-button{font-size:1rem;}
    .trinity-video-wrapper { height: 185px;}
    .trinity-video-text { height: 185px;}
	.video-content { top: 50%; left: 0;right:0;text-align: center; transform: translateY( -50%);}
	.residential-bg .video-content { left: 0; }
    .trinity-offers .card {margin-bottom: 15px;}
    .trinity-title h3 {font-size: 2.14rem;;}
    .trinity-diff-sec .diff-content {margin-bottom: 15px;}
    .footer-bottom img{width:125px;}
    .trinity-btm-pin h2 { font-size:1.57rem;}
    .bx-prev{left:0;}
    .bx-next{ right:0;}
    .bx-viewport{max-height: 585px;}
    .slider-why img{height: 185px;}
    .btm-caption {right: 12px;bottom: 0;}
    .trinity-overview h3 {margin: 0 0 10px 0 !important;font-size: 28px;}
    .img-left img{width: 100%;}
	.whytrinity-wrap {padding-top: 1.5rem;}
	.busines-slider .trinity-video-text {height: 252px !important;}
	.busines-slider address {font-size: 9px;}
	.busines-slider .carousel-control-next-icon, .busines-slider  .carousel-control-prev-icon {width: 20px;height: 33px;}
	.custom-form {padding: 15px;}
	.form-testimonial .media img{width:70px !important;margin-right: 1rem;}
	.form-title h3 {font-size: 1.14rem;padding: 40px 0;}
	.trinity-rating .icon-rate {font-size: 12px;}
	.mr-gap{margin-right: 15px;}
	.blog-article .blog-h1 h3 {font-size: 28px !important;}
	.blog-author h5 {font-size: 1.28rem;}
	.blog-author {padding: 6px;}
	.blog-author p a{font-size: 12px;}
	.blogbtn {margin-top: -6px;}
	.solar-with-form{padding: 10px;}
	.save-with-solar {padding: 30px 3px;}
	.save-with-solar h1{font-size: 1.8rem;margin-bottom: 20px;padding: 0 10px;}
	.btn-from {font-size: 15px;}
	.top-header .text-right{text-align:left !important;}
	.cstl-caption .cstl-title h1 {font-size: 1.14rem;}
	.cstl-mid-sec .btn-form {font-size: 0.8rem;}
	.cstl-mid-sec ul {margin-left: 18px;}
	.quicklinks-desktop{display: none;}
	.quicklinks-mobile{display: block;}
	.bg-45{min-height: 245px;}
	header .navbar-nav .nav-item.active .nav-link {color: #fff;margin-top: 0px;}
	header .navbar-nav .nav-item.active {border-top: transparent;}
	#map{width:400px !important;  height:200px !important; margin:auto;}
	h3{font-size:1.8rem;}
	.large-font{font-size:1.1rem !important; line-height: 1.6rem !important;}
.color-box-cont {width: 100%;}
.wp-block-cover,
.wp-block-cover-image{padding:120px 10px;}
	.inner-page-banner{min-height: 280px;}
	.video-holder{width:calc(100% - 30px); margin:0 15px;}
.uagb-block-adc66696.uagb-section__wrap{padding-left:0; padding-right: 0;}
.get-solar-content>.row>.col-md-7,
.get-solar-content>.row>.col-md-5{height: auto !important;}
.get-solar-banner .refer-body,
.get-solar-banner-content {
	position: static !important;
	transform: translate(0, 0) !important;
}
/*.get-solar-banner-content{padding:150px  0  60px 0;} */
	.trinity-accorodion .btn-accorodion{display: flex; text-align: left;}
.inner-banner-title,
.inner-page-banner h3{font-size: 1.7rem; font-weight: 400;}
.inner-page-banner h6{font-size: 1.1rem; line-height: 1.6rem;}
.chat-now-btn span{display: none;}
.get-solar-banner{height: auto; padding-bottom: 50px;}
.ser-section .gray-bg {background: #efefef;}
.ser-section .icon {
top: 0;
transform: translate(0, 0);
position: relative;
left: 0;
margin: auto;
}
.ser-section .mt-5{margin-top:1rem !important;}
.pt-5,
.py-5{padding-top: 1.4rem !important;}
.wp-block-cover,
.wp-block-cover-image{min-height: 460px  !important;}
.home-page-banner h3{font-size: 2rem;}
.career-img{display: block !important;}
.career-img .wp-block-media-text__content, .career-img.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding:10px 0 0 0 !important;}
}

@media (max-width:992px){
		.get-solar-banner{padding:120px 0;}
	.get-solar-banner .refer-body{position: static; transform: translate(0, 0);}
	.get-started-form{overflow: hidden;}
.content-block{min-height:350px !important; padding:70px 15px  !important}
.navbar-toggler .icon-bar{
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.sidebar-open{background:#000;}

.sidebar-cont {
	width: 240px;
	right: -240px;
}

body.sidebar-open .body-push {
	transform: translate3d(-240px, 0, 0);
	opacity:0.5; border-width:0;
}

.navbar-toggler .icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggler .icon-bar:nth-child(1) {
	-webkit-transform: translateY(4px) rotate(45deg);
	-ms-transform: translateY(4px) rotate(45deg);
	-o-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg); margin:0;
}

.navbar-toggler .icon-bar:nth-child(3) {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	-ms-transform: translateY(-6px) rotate(-45deg);
	-o-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg); margin:0;
}
.navbar-toggler.collapsed .icon-bar {
	-webkit-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0); opacity:1; margin-bottom:4px;
}

	.navbar-collapse{ margin: 0; position:fixed; left:0; right:0; bottom:0; top:0; display:grid; align-items: center; background:rgba(0,0,0,0.9);}
	.navbar-nav{width:280px; margin:auto;}
    header .navbar-nav .nav-link {padding: 9px 15px; border-bottom: 1px solid  var(--themePrimaryColor) !important;  color: #fff;  }
	header .navbar-nav li {margin-right: 0;}
	header .navbar-nav .menu-item a{margin:0; padding:5px 15px; text-align:center; font-size:1.4rem !important;}
	.carousel-control-prev{left: -17px;width:15%;}
		.inner-page-banner {
			min-height: 320px;
		}
	 	.solar-roof {
	 		padding: 50px 0;
	 		min-height: 400px;
		 }
		 .inner-page-banner::after{background-size:110%;}
		h3{font-size:1.6rem; font-weight:400;}
	.carousel-control-next {right: -10px;width:15%;}
	.container{max-width:100% !important;}
	.mobile-hide{display:none;}
	.mobile-show{display:block;}
	.navbar-toggler{float:left; margin-right: 5px; margin-top:10px; position:relative; z-index:9; }
	.access-icon.mobile {
		position: relative;
		margin-top:10px;
		float: left;
		border-radius: 17px 5px;
	}
    header.sticky .header-bottom{height:30px; bottom:-30px;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .trinity-offers .card-header h3 {font-size: 17px;}
    .trinity-offers .card-body {padding: 20px;min-height: 395px;}
    .trinity-offers .card-body p,  .trinity-diff-sec .diff-content p {font-size: 13px;}
    .counter-trinity span { margin-bottom: 8px;}
    .trinity-diff-sec .diff-content h4 {font-size: 15px;}
	.trinity-blog .card img{width:100%;}
	.alternating-picture-container {padding: 0px;}
	.alternating-picture-container-inverse {padding: 0px;}
	.testimonial-cards {display: block;}
	.three-boxes {padding: 0px;}
	.trinity-story-graphics {padding: 0px; display: block !important;}
	.checklist-content {padding: 0px; font-size: .5rem; margin-left: auto; margin-right: auto;}
	.text-within-jumbotron {padding-left: 10px;}
	.navbar-alignment {padding: 10px;}
	.story-text-container {padding-left: 10px; padding-right: 10px;}
	.blue-hue-text {padding:10px;}
	
}
@media screen and (min-width:768px) and (max-width:1220px) {
    header .navbar-nav li {margin-right: 4px;}
    .why-sec h3 {font-size: 2.14rem;;}
	.img-left img{width: 100%;}
	#video-wapper h2 {font-size:2.4rem;}
	.trinity-offers .card-body {padding: 20px 10px;min-height: 400px;}
	.trinity-diff-sec .diff-content {min-height:460px;padding:10px;} 
}