.so-widget-panels { text-align:center; }

.so-widget-panels h2 { margin-bottom:60px; }

.so-widget-panels .panels { display:none; }
.so-widget-panels .panels.slick-initialized { display:block; width:100%;}

.main_slides .swiper-slide {display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; }

    /* Responsive Design */
@media (max-width: 768px) {
	.main_slides .swiper-slide{}
}

.so-widget-panels .panel a { display:block; outline-width:0; position:relative; transition:box-shadow 0.6s, transform 0.6s; }
.so-widget-panels .panel a:hover { box-shadow:6px 6px 12px rgba(0, 0, 0, 0.3); transform:scale(1.05); z-index:1; }

.so-widget-panels .panel .overlay { background-color:rgba(0, 0, 0, 0.4); opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.6s; }
.so-widget-panels.hover .panel .overlay { opacity:1; }
.so-widget-panels.hover .panel a:hover .overlay { opacity:0; }

.so-widget-panels .panel img { display:block; width:100%; }

.so-widget-panels .panel .content { padding:0 15px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; }
.so-widget-panels .panel .content.has-icon { padding-bottom:72px; }

.so-widget-panels .panel .icon { display:inline-block; width:72px; height:72px; transform:scale(0); transition:transform 0.6s; }
.so-widget-panels .panel a:hover .icon { transform:scale(1); }

.so-widget-panels .panel .title { color:#fff; font-size:30px; font-weight:400; line-height:1; margin:15px 0; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); text-transform:uppercase; }

.so-widget-panels .arrows .slick-arrow { background-color:#10367A; color:#fff; display:inline-block; font-size:24px; margin:60px 6px 0; outline-width:0; text-align:center; transition:transform 0.6s; width:48px; height:48px; }
.so-widget-panels .arrows .slick-arrow:hover { transform:scale(1.05); }
.so-widget-panels .arrows .slick-arrow i { line-height:48px; }

.siteorigin-widget-tinymce p{font-size:24px;}
.siteorigin-widget-tinymce .underline-button{padding:8px 28px; border-radius:7px; background:#8eb100; color:#fff; font-size:18px; display:inline-block;}
@media(max-width:769px){
	.siteorigin-widget-tinymce p{font-size:18px;}
}
.so-widget-graphic div { position:relative; }
.so-widget-graphic canvas { display:block; width:100%; }
.so-widget-graphic svg { position:absolute; top:0; left:0; width:100%; }

.so-widget-graphic .renewable-energy { animation:hover 3s linear infinite alternate; }
.so-widget-graphic .renewable-energy .blades-1, .so-widget-graphic .renewable-energy .blades-2, .so-widget-graphic .renewable-energy .blades-3 { animation:spin 3s linear infinite; transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .renewable-energy .charge-1 { animation:fade-five-1 3s infinite; opacity:0; }
.so-widget-graphic .renewable-energy .charge-2 { animation:fade-five-2 3s infinite; opacity:0; }
.so-widget-graphic .renewable-energy .charge-3 { animation:fade-five-3 3s infinite; opacity:0; }
.so-widget-graphic .renewable-energy .charge-4 { animation:fade-five-4 3s infinite; opacity:0; }
.so-widget-graphic .renewable-energy .charge-5 { animation:fade-five-5 3s infinite; opacity:0; }

.so-widget-graphic .projects .pulses circle { transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .projects .pulses circle.pulse-1 { animation:pulse-1 3s; }
.so-widget-graphic .projects .pulses circle.pulse-2 { animation:pulse-2 3s; }
.so-widget-graphic .projects .pulses circle.pulse-3 { animation:pulse-3 3s; }

.so-widget-graphic .earth-and-sun svg { overflow:visible; }
.so-widget-graphic .earth-and-sun .sunlight circle { transform-origin:center center; transform-box:fill-box; animation:pulse 3s linear infinite; }
.so-widget-graphic .earth-and-sun .earth { animation:hover 3s linear infinite alternate; }

.so-widget-graphic .onshore-wind .blades-1, .so-widget-graphic .onshore-wind .blades-2, .so-widget-graphic .onshore-wind .blades-3 { animation:spin 3s linear infinite; transform-origin:center center; transform-box:fill-box; }

.so-widget-graphic .offshore-wind svg { overflow:hidden; }
.so-widget-graphic .offshore-wind .blades-1, .so-widget-graphic .offshore-wind .blades-2, .so-widget-graphic .offshore-wind .blades-3 { animation:spin 3s linear infinite; transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .offshore-wind .boat { animation:hover 3s linear infinite alternate; }
.so-widget-graphic .offshore-wind .water { animation:slide 18s linear infinite; }

.so-widget-graphic .ev-charging .charge-1 { animation:fade-four-1 3s infinite; opacity:0; }
.so-widget-graphic .ev-charging .charge-2 { animation:fade-four-2 3s infinite; opacity:0; }
.so-widget-graphic .ev-charging .charge-3 { animation:fade-four-3 3s infinite; opacity:0; }
.so-widget-graphic .ev-charging .charge-4 { animation:fade-four-4 3s infinite; opacity:0; }

.so-widget-graphic .total-integration .solar, .so-widget-graphic .total-integration-inverted .solar { animation:zoom-five-1 9s infinite; opacity:0; transform:scale(0.75); transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .total-integration .storage, .so-widget-graphic .total-integration-inverted .storage { animation:zoom-five-2 9s infinite; opacity:0; transform:scale(0.75); transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .total-integration .ev-charging, .so-widget-graphic .total-integration-inverted .ev-charging { animation:zoom-five-3 9s infinite; opacity:0; transform:scale(0.75); transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .total-integration .microgrids, .so-widget-graphic .total-integration-inverted .microgrids { animation:zoom-five-4 9s infinite; opacity:0; transform:scale(0.75); transform-origin:center center; transform-box:fill-box; }
.so-widget-graphic .total-integration .energy-management, .so-widget-graphic .total-integration-inverted .energy-management { animation:zoom-five-5 9s infinite; opacity:0; transform:scale(0.75); transform-origin:center center; transform-box:fill-box; }

@keyframes pulse-1 {
	0% {
		transform:scale(1);
		opacity:0;
	}
	50% {
		opacity:0.15;
	}
	100% {
		transform:scale(6);
		opacity:0;
	}
}

@keyframes pulse-2 {
	0% {
		transform:scale(1);
		opacity:0;
	}
	50% {
		opacity:0.15;
	}
	100% {
		transform:scale(9);
		opacity:0;
	}
}

@keyframes pulse-3 {
	0% {
		transform:scale(1);
		opacity:0;
	}
	50% {
		opacity:0.15;
	}
	100% {
		transform:scale(12);
		opacity:0;
	}
}

@keyframes fade-five-1 {
	20%, 100% {
		opacity:1;
	}
}

@keyframes fade-five-2 {
	0%, 20% {
		opacity:0;
	}
	40%, 100% {
		opacity:1;
	}
}

@keyframes fade-five-3 {
	0%, 40% {
		opacity:0;
	}
	60%, 100% {
		opacity:1;
	}
}

@keyframes fade-five-4 {
	0%, 60% {
		opacity:0;
	}
	80%, 100% {
		opacity:1;
	}
}

@keyframes fade-five-5 {
	0%, 80% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes fade-four-1 {
	25%, 100% {
		opacity:1;
	}
}

@keyframes fade-four-2 {
	0%, 25% {
		opacity:0;
	}
	50%, 100% {
		opacity:1;
	}
}

@keyframes fade-four-3 {
	0%, 50% {
		opacity:0;
	}
	75%, 100% {
		opacity:1;
	}
}

@keyframes fade-four-4 {
	0%, 75% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes hover {
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(-12px);
	}
}

@keyframes pulse {
	0% {
		transform:scale(1);
		opacity:0;
	}
	50% {
		opacity:0.4;
	}
	100% {
		transform:scale(1.6);
		opacity:0;
	}
}

@keyframes slide {
	0% {
		transform:translateX(0);
	}
	100% {
		transform:translateX(-800px);
	}
}

@keyframes zoom-five-1 {
	10%, 100% {
		opacity:1;
		transform:none;
	}
}

@keyframes zoom-five-2 {
	0%, 10% {
		opacity:0;
		transform:scale(0.75);
	}
	20%, 100% {
		opacity:1;
		transform:none;
	}
}

@keyframes zoom-five-3 {
	0%, 20% {
		opacity:0;
		transform:scale(0.75);
	}
	30%, 100% {
		opacity:1;
		transform:none;
	}
}

@keyframes zoom-five-4 {
	0%, 30% {
		opacity:0;
		transform:scale(0.75);
	}
	40%, 100% {
		opacity:1;
		transform:none;
	}
}

@keyframes zoom-five-5 {
	0%, 40% {
		opacity:0;
		transform:scale(0.75);
	}
	50%, 100% {
		opacity:1;
		transform:none;
	}
}

@keyframes spin {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
#pgc-2-0-0 , #pgc-2-0-1 , #pgc-2-2-0 , #pgc-2-2-1 , #pgc-2-4-0 , #pgc-2-4-1 {
	width: 50%;
	width: calc(50% - ( 0.5 * 90px ) )
}

#pg-2-0{
	max-width:1400px;
	margin:60px auto;
}

#pgc-2-1-0 , #pgc-2-3-0 {
	width: 100%;
	width: calc(100% - ( 0 * 90px ) )
}

#pl-2 .so-panel {
	margin-bottom: 90px
}

#pl-2 .so-panel:last-of-type {
	margin-bottom: 0px
}

#pg-2-0.panel-has-style > .panel-row-style, #pg-2-0.panel-no-style , #pg-2-2.panel-has-style > .panel-row-style, #pg-2-2.panel-no-style , #pg-2-3.panel-has-style > .panel-row-style, #pg-2-3.panel-no-style , #pg-2-4.panel-has-style > .panel-row-style, #pg-2-4.panel-no-style {
	-webkit-align-items: center;
	align-items: center
}

#pg-2-1.panel-has-style > .panel-row-style, #pg-2-1.panel-no-style {
	-webkit-align-items: flex-start;
	align-items: flex-start
}



@media (max-width: 991px) {
	#pg-2-0.panel-no-style, #pg-2-0.panel-has-style > .panel-row-style, #pg-2-0 , #pg-2-1.panel-no-style, #pg-2-1.panel-has-style > .panel-row-style, #pg-2-1 , #pg-2-2.panel-no-style, #pg-2-2.panel-has-style > .panel-row-style, #pg-2-2 , #pg-2-3.panel-no-style, #pg-2-3.panel-has-style > .panel-row-style, #pg-2-3 , #pg-2-4.panel-no-style, #pg-2-4.panel-has-style > .panel-row-style, #pg-2-4 {
		-webkit-flex-direction:column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	#pg-2-0 > .panel-grid-cell , #pg-2-0 > .panel-row-style > .panel-grid-cell , #pg-2-1 > .panel-grid-cell , #pg-2-1 > .panel-row-style > .panel-grid-cell , #pg-2-2 > .panel-grid-cell , #pg-2-2 > .panel-row-style > .panel-grid-cell , #pg-2-3 > .panel-grid-cell , #pg-2-3 > .panel-row-style > .panel-grid-cell , #pg-2-4 > .panel-grid-cell , #pg-2-4 > .panel-row-style > .panel-grid-cell {
		width: 100%;
		margin-right: 0
	}
	#pg-2-0{padding:0 20px;}
	.so-widget-graphic div img{width:100%;}
	#pgc-2-0-0 , #pgc-2-2-0 , #pgc-2-4-0 , #pg-2-4 {
		margin-bottom: 60px
	}

	#pg-2-0 , #pg-2-1 , #pg-2-2 , #pg-2-3 {
		margin-bottom: 90px
	}

	#pl-2 .panel-grid-cell {
		padding: 0
	}

	#pl-2 .panel-grid .panel-grid-cell-empty {
		display: none
	}

	#pl-2 .panel-grid .panel-grid-cell-mobile-last {
		margin-bottom: 0px
	}

	#pg-2-3> .panel-row-style {
		padding: 90px 0px 90px 0px
	}
}

.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.panel-grid .so-parallax {
    position: relative
}

.panel-grid .so-parallax>:not(.simpleParallax) {
    position: relative;
    z-index: 1
}

.panel-grid .so-parallax .simpleParallax {
    overflow: hidden
}

.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.panel-background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.panel-has-overlay .panel-cell-style,.panel-has-overlay .panel-row-style,.panel-has-overlay .panel-widget-style {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.panel-grid-cell {
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.panel-grid-cell .panel-cell-style {
    height: 100%
}

.panel-grid-cell .so-panel {
    zoom:1}

.panel-grid-cell .so-panel:before {
    content: "";
    display: block
}

.panel-grid-cell .so-panel:after {
    content: "";
    display: table;
    clear: both
}

.panel-grid-cell .panel-last-child {
    margin-bottom: 0
}

.panel-grid-cell .widget-title {
    margin-top: 0
}

body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) {
    overflow-x: hidden
}

body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch {
    margin-right: -1000px!important;
    margin-left: -1000px!important;
    padding-right: 1000px!important;
    padding-left: 1000px!important
}


.section-index-news{background:rgba(239, 234, 215, 0.3); padding:100px 60px 80px;}
.section-index-news .inner{max-width:1400px; margin:0 auto;}
.section-index-news .index-title-main{font-size:3rem; font-weight:700; text-align:center; margin-bottom:4rem; gap:5px; display:flex; justify-content:center; align-items:flex-end;}
.section-index-news .index-title-main img{height:67px;}
.section-index-news .news-slide-wrap{margin:0 -30px 0 -14px;}
.section-index-news .news-slide-item{padding:0 30px 30px 14px;}
.section-index-news .news-slide-item a{display:block; border-radius:20px; border:1px solid #ddd; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.1);}
.section-index-news .news-slide-item .content_tops{padding:18px 20px; background:linear-gradient(90deg, #F6F5EB, #D4E4B1, #A3C78C); border-top-right-radius:20px; border-top-left-radius:20px; display:flex; justify-content:space-between;}
.section-index-news .news-slide-item .content_tops h2{font-size:18px; font-weight:bold; color:#000;}
.section-index-news .news-slide-item .content_tops p{font-size:14px; color:#222;}
.section-index-news .news-slide-item .content{padding:18px 20px 48px; border-radius:20px; background:#fff;}
.section-index-news .news-slide-item .date{font-size:14px; padding-bottom:4px; color:#999;}
.section-index-news .news-slide-item .title{font-size:20px; display:-webkit-box; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:18px; font-weight:700; min-height:60px;}
.section-index-news .news-slide-item .desc{font-size:16px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; min-height:45px;}
.section-index-news .line_more_mo{padding-top:3rem; text-align:right;}
.section-index-news .line_more_mo .link_more{padding:12px 24px; font-size:14px; font-weight:700; display:inline-flex; align-items:center; border-radius:28px; border:1px solid #000;}
.section-index-news .line_more_mo .link_more:after{content:""; width:8px; height:12px; display:block; background:url("/img/grit/main_more_arrow.svg") no-repeat center; margin-left:8px;}

@media (max-width:769px){
	#pg-2-0, #pg-2-1, #pg-2-2, #pg-2-3 {margin-bottom: 34px;}
	.section-index-news{padding:20px 20px 20px 20px;}
	.section-index-news .index-title-main{font-size:2.2rem;margin-bottom: 26px;}
	.section-index-news .index-title-main img{height:47px;}
	.section-index-news .line_more_mo{text-align:center;margin-top:-52px;}
}

.section-index-videos{background:rgba(239, 234, 215, 0.3); padding:10px 60px 80px;}
.section-index-videos .inner{max-width:1400px; margin:0 auto;}
.section-index-videos .index-title-main{font-size:3rem; font-weight:700; text-align:center; margin-bottom:4rem; gap:5px; display:flex; justify-content:center; align-items:flex-end;}
.section-index-videos .index-title-main img{height:67px;}
.section-index-videos .videos-slide-wrap{margin:0 -30px 0 -14px;}
.section-index-videos .videos-slide-item{padding:0 30px 30px 14px;}
.section-index-videos .videos-slide-item a{display:block; border-radius:20px; border:1px solid #ddd; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.1);}
.section-index-videos .videos-slide-item .content_tops{padding:18px 20px; border-top-right-radius:20px; border-top-left-radius:20px; display:flex; justify-content:space-between;}
.section-index-videos .videos-slide-item .content_tops img{max-width:100%;}
.section-index-videos .videos-slide-item .content_tops h2{font-size:18px; font-weight:bold; color:#000;}
.section-index-videos .videos-slide-item .content_tops p{font-size:14px; color:#222;}
.section-index-videos .videos-slide-item .content{padding:18px 20px 48px; border-radius:20px; background:#fff;}
.section-index-videos .videos-slide-item .date{font-size:14px; padding-bottom:4px; color:#999;}
.section-index-videos .videos-slide-item .title{font-size:20px; display:-webkit-box; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:18px; font-weight:700; min-height:60px;}
.section-index-videos .videos-slide-item .desc{font-size:16px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; min-height:45px;}
.section-index-videos .line_more_mo{padding-top:3rem; text-align:right;}
.section-index-videos .line_more_mo .link_more{padding:12px 24px; font-size:14px; font-weight:700; display:inline-flex; align-items:center; border-radius:28px; border:1px solid #000;}
.section-index-videos .line_more_mo .link_more:after{content:""; width:8px; height:12px; display:block; background:url("/img/grit/main_more_arrow.svg") no-repeat center; margin-left:8px;}

@media (max-width:769px){
	.section-index-videos{padding:12px 20px;}
	.section-index-videos .index-title-main{font-size:2.2rem;margin-bottom:26px;}
	.section-index-videos .index-title-main img{height:47px;}
	.section-index-videos .line_more_mo{text-align:center;margin-top:-60px;margin-bottom:16px;}
}

.section-index-notice{background:rgba(239, 234, 215, 0.3); padding:100px 60px 80px;}
.section-index-notice .inner{max-width:1400px; margin:0 auto;}
.section-index-notice .index-title-main{font-size:3rem; font-weight:700; text-align:center; margin-bottom:4rem; gap:5px; display:flex; justify-content:center; align-items:flex-end;}
.section-index-notice .index-title-main img{height:67px;}
.section-index-notice .notice-slide-wrap{margin:0 -30px 0 -14px;}
.section-index-notice .notice-slide-item{padding:0 30px 30px 14px;}
.section-index-notice .notice-slide-item a{display:block; border-radius:20px; border:1px solid #ddd; box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.1);}
.section-index-notice .notice-slide-item .content{padding:18px 20px 48px; border-radius:20px; background:#fff;}
.section-index-notice .notice-slide-item .date{font-size:14px; padding-bottom:4px; color:#999;}
.section-index-notice .notice-slide-item .title{font-size:20px; display:-webkit-box; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:18px; font-weight:700; min-height:60px;}
.section-index-notice .notice-slide-item .desc{font-size:16px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; min-height:45px;}
.section-index-notice .line_more_mo{padding-top:3rem; text-align:right;}
.section-index-notice .line_more_mo .link_more{padding:12px 24px; font-size:14px; font-weight:700; display:inline-flex; align-items:center; border-radius:28px; border:1px solid #000;}
.section-index-notice .line_more_mo .link_more:after{content:""; width:8px; height:12px; display:block; background:url("/img/grit/main_more_arrow.svg") no-repeat center; margin-left:8px;}

@media (max-width:769px){
	.section-index-notice{padding:50px 20px;}
	.section-index-notice .index-title-main{font-size:2.2rem;margin-bottom:26px;}
	.section-index-notice .index-title-main img{height:47px;}
	.section-index-notice .line_more_mo{text-align:center;padding-top:6px;margin-top:-16px;}
}