/*  #6AB43E  */
/*  106 180 48  */

.wrapper 							{width:100%;height:100%;position:fixed;z-index:-100;background:url(../images/body.jpg) no-repeat center top;}

h1, h2, h3, h4, h5 					{font-weight:normal;text-transform:uppercase;font-size:36px;margin-bottom:20px;font-weight:700;}
a 									{color:#2D373B;}
a:hover 							{text-decoration:none;}
a:focus 							{color:#6AB43E;}

ul.defaul-list li					{list-style-type:none;margin-left:15px;margin-bottom:10px;}
ul.defaul-list li .fa 				{color:#2D373B;margin-right:5px;}

.btn 								{display:inline-block;background:#6ab43e;border:none;border:1px solid #6ab43e;color:#fff;padding:0 25px;height:40px; line-height:38px;text-decoration:none;transition:0.5s;cursor:pointer;}
.btn:hover 							{background:none;color:#6ab43e;}

input[type="text"], 					
textarea							{border:1px solid #ccc;line-height:40px;padding:0 25px;margin-bottom:20px;text-align:left;}


/* SCROLL TOP
##################################################*/
#scroll-top 						{position:fixed;bottom: 0px;right:0;z-index:1000;text-align:center;}
#scroll-top a 						{width:50px;height:50px;display:block;text-decoration:none;color:#fff;-webkit-transition:1s;-moz-transition:1s;transition:1s;background:#6ab43e;line-height:50px;font-size:20px;}

/* TOP
##################################################*/
.top 										{background:#6ab43e;color:#fff;border-top:4px solid #6ab43e;line-height:40px;min-height:40px;font-weight:300;}
.top > .flex-row 							{justify-content: space-between;}
.top .btn									{color:#fff;margin-left:10px;padding-left:15px;padding-right:15px;position:relative;}
.top .btn:hover 							{background:#6AB43E;}	
.top .fa 									{margin-left:20px;}
.top .btn ul 								{opacity:0;background:#6AB43E;position:absolute;width:100%;left:0;text-align:center;top:-70px;transition:0.5s;}
.top .btn:hover ul							{opacity:1;top:0;}
.top .btn ul li 							{list-style-type:none;}
.top .btn ul li a 							{color:#fff;text-decoration:none;}
.top .btn ul li a:hover 					{text-decoration:underline;}

/* HEADER
##################################################*/
.header 									{padding:10px 0;background:#fff;}
.header > .flex-row							{justify-content: space-between;align-items: center;}
.header-menu > .flex-row					{justify-content: flex-row-end;align-items: center;}
.header-menu ul 							{margin-right:-15px;} 
.header-menu li 							{list-style-type:none;margin-left:5px;}
.header-menu li a							{text-transform:uppercase;color:#2D373B;text-decoration:none;font-size:16px;padding:8px 15px;border-radius:0px;transition:0.5s;font-weight:600;}
.header-menu li a:hover,
.header-menu li.active a 					{background:#6ab43e;color:#fff;}

.burger 									{display:none;color:#a5a5a5;position:absolute;right:5px;font-size:24px;}
.burger-close 								{display:none;color:#a5a5a5;position:absolute;right:5px;top:4px;font-size:24px;}
.header-menu-mobile 						{display:none;background:#313A3D;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;}
.header-menu-mobile-active					{display:block;}

.header-menu-mobile ul 						{padding-top:35px;}
.header-menu-mobile li						{display:block;text-align:Center;list-style-type:none;width:80%;margin:0 auto 5px auto;border:1px solid #9ea29b;}
.header-menu-mobile li a 					{color:#9ea29b;text-decoration:none;display:block;padding:5px 15px;}
div.header-logo img							{height: 48px;}


/* SLIDER
##################################################*/
.slider 									{background:url(../images/slide1.jpg) no-repeat left center;background-size:cover;height:700px;text-align:left;position: relative;background-attachment: fixed;background-position: center;}
.slider .bg-layer {background-image: url(../images/grid.png); width: 40%; min-width: 340px;max-width: 700px;height: 40%;top: 50%;transform: translateY(-50%);position: absolute;padding: 0 30px;padding-top:30px;}
.slider p strong 							{font-size:40px;text-transform:uppercase;}
.slider p 									{font-size:24px;color:#fff;font-weight: 300;}

/* PAGE MENU
##################################################*/
.page-menu 									{margin-top:0px;}
.page-menu .page-menu-content 				{box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px;}
.page-menu ul 								{justify-content: space-between;padding: 20px;} 
.page-menu li 								{width:33.333333%;background:#6ab43e;height:100px;padding:0 35px;text-align:center;list-style-type:none;justify-content: center;}
.page-menu li:hover {
    box-shadow: rgba(0, 0, 0, 0.5) 0 1px 10px;
}
.page-menu li:hover 						{}
.page-menu li a 							{color:#fff;text-decoration:none;font-size:20px;}
.page-menu li.white 						{background:#fff;}
.page-menu li.white a 						{color:#2D373B;}

/* MAP
##################################################*/
.map 										{padding:50px 0;text-align:center;background: url(../images/eco2.jpg);color: #fff;}
#ua 										{max-width: 1200px;min-width: 1140px;height: 800px;margin-left:-100px;}
.jqvmap-label 								{background: yellow;color: black;border-radius: 6px;padding: 6px;position: absolute;}
.jqvmap-zoomin 								{display: none;}
.jqvmap-zoomout 							{display: none;}


/* ABOUT
##################################################*/
.about 										{padding-bottom:50px;padding-top:80px;}
.about > .flex-row							{justify-content: space-between;}
.about  p 									{margin-bottom:15px;}
.about-left									{width:50%;padding-right:30px;}
.about-left	h2								{display:inline-block;}
.about-left	h2 span 						{color:#2D373B ;}
.about-left .owl-prev,
.about-left .owl-next						{background:#6ab43e;color:#fff;display:inline-block;padding:0 25px;height:40px; line-height:40px;font-size:24px;}
.about-left .owl-prev 						{margin-right:3px;}
.about-right								{width:50%;}
.about-right.flex-row						{justify-content: space-between;align-items: flex-start;background-repeat:none; background-size:cover;}
.about-right.flex-row >  div				{width:49%;height:185px;margin-bottom:10px;}
/*.about-right.flex-row >  div:nth-child(2)	{width:49%;height:185px;margin-bottom:10px;}
.about-right.flex-row >  div:nth-child(3)	{width:100%;height:185px;background-position:center center;}*/

/* SERTIFIKAT
##################################################*/
.sertifikat 								{padding:50px 0;background: url(../images/energetik.jpg);}
.sertifikat .sertifikat-slider 				{margin-top:-30px;margin-bottom:-50px;}
.sertifikat .owl-stage-outer				{padding:50px 0;}
.sertifikat h2 								{text-align:center;margin-bottom:0}
.sertifikat img								{transition:0.5s;cursor:pointer;}
.sertifikat img:hover 						{transform: scale(1.1);}
.sertifikat .owl-prev,
.sertifikat .owl-next						{position:absolute;font-size:70px;color:#3F494A;top:40%;}
.sertifikat .owl-next 						{right:-40px;}
.sertifikat .owl-prev 						{left:-40px;}

/* THANKFULNESS
##################################################*/
.thankfulness 								{padding:50px 0;background: url(../images/energetik.jpg);}
.thankfulness .thankfulness-slider 			{margin-top:-30px;margin-bottom:-50px;}
.thankfulness .owl-stage-outer				{padding:50px 0;}
.thankfulness h2 							{text-align:center;margin-bottom:0}
.thankfulness img							{transition:0.5s;cursor:pointer;}
.thankfulness img:hover 					{transform: scale(1.1);}
.thankfulness .owl-prev,
.thankfulness .owl-next						{position:absolute;font-size:70px;color:#3F494A;top:40%;}
.thankfulness .owl-next 					{right:-40px;}
.thankfulness .owl-prev 					{left:-40px;}


/* PHOTO
##################################################*/
.photo 										{padding-top:50px;padding-bottom:50px;}
.photo 	h3 									{text-align:center;color:#333;}
.photo > .flex-row							{justify-content: space-between;}
.photo-item									{width:50%;padding:1px;}
.photo img		  							{transition:0.8s;}
.photo img:hover  							{transform: scale(1.05);box-shadow:rgba(255, 255, 255, 0.7) 0 0 20px;}

.photo-content 								{display: grid;grid-template-rows: 300px 300px; grid-template-columns: 23% 25% 30% 38%; width: 100%; align-content: center; justify-content: space-evenly;}
.photo-content div 							{margin:2px;overflow:hidden}

.photo-content div:nth-child(1) 			{grid-row: 1 / 3; grid-column: 1;}
.photo-content div:nth-child(2)  			{grid-row: 1; grid-column: 2 / span 2;}
.photo-content div:nth-child(3)  			{grid-row: 1; grid-column: 4;}
.photo-content div:nth-child(4)  			{grid-row: 2; grid-column: 2;}
.photo-content div:nth-child(5)  			{grid-row: 2; grid-column: 3 / span 2;}

/* SKILLS
##################################################*/
.skills 									{padding-top:50px;padding-bottom:50px;background:#fff;}
.skills h2 									{text-align:center;margin-bottom: 40px;}
.skills > .flex-row 						{justify-content: space-between;}
.skills-content								{width: 30%;text-align:center;background:#6CB14B;padding:25px;}
.skills-content	 p 							{color:#fff;text-transform:uppercase;}
.skills-item								{display:inline-block;text-align:center;}
.count										{line-height: 95px;color:white;font-size:60px;font-weight:700;}

/* BLOG
##################################################*/
.blog 										{padding-top:50px;padding-bottom:50px;}
.blog h3 									{text-align:center;}
.blog  > .flex-row 							{justify-content: space-between;}
.blog-item 									{width:25%;padding:0 10px;}
.blog-item-img 								{margin-bottom:15px;}
.blog-item h4 								{text-transform:uppercase;font-size:24px;font-weight:400;margin-bottom:10px;min-height: 60px;}
.blog-item h4 a 							{text-decoration:none;color:#000;}
.blog-item p 								{text-align:justify;}
.blog-item  span 							{margin-bottom:10px;display:inline-block;color:#fff;padding:5px 15px;font-size:14px;text-transform:uppercase;background:#6ab43e;}

/* PARTNER
##################################################*/
.partner					 				{background:url(../images/skills.jpg) no-repeat center;background-size: cover;padding-top:50px;padding-bottom:50px;    background-attachment: fixed;background-position: center;}
.partner h2 								{text-align:center;color:#fff;background-attachment: fixed;background-position: center;}
.partner img								{box-shadow:rgba(0, 0, 0, 0.5) 0 1px 10px;}
.partner img:hover 							{box-shadow:rgba(0, 0, 0, 0.8) 0 1px 10px;}

.partner-slider .owl-prev,
.partner-slider .owl-next						{border:1px solid #fff;color: #fff; display: inline-block;padding: 0 25px;height: 40px;line-height: 40px;margin-right:5px;margin-top:10px;transition:0.5s;font-size:24px;}

.partner-slider .owl-prev:hover,
.partner-slider .owl-next:hover 			{color:#3F4849;background:#fff;}

.partner-slider .owl-nav 					{text-align:center;}

/* CLIENT
##################################################*/
*.client					 		  			{padding-top:50px;padding-bottom:50px;}
.client 	h3 									{text-align:center;color:#333;}
.client img										{margin: 0.5em auto; box-shadow: 0 0 10px 5px #6ab43e30;}/*rgba(221, 221, 221, 1);}*/

.client img:hover 								{box-shadow:rgba(0, 0, 0, 0.8) 0 1px 10px;}



.about-left .owl-prev,
.about-left .owl-next						{background:#6ab43e;color:#fff;display:inline-block;padding:0 25px;height:40px; line-height:40px;font-size:24px;}
.about-left .owl-prev 						{margin-right:3px;}


/*{border:1px solid #aaa;color: #aaa; display: inline-block;padding: 0 25px;height: 40px;line-height: 40px;margin-right:5px;margin-top:10px;transition:0.5s;font-size:24px;}
*/

#client .partner-slider .owl-prev,
#client .partner-slider .owl-next				{background:#6ab43e;color:#fff;display:inline-block;padding:0 25px;height:40px; line-height:40px;font-size:24px;}

/*
#client .partner-slider .owl-prev:hover,
#client .partner-slider .owl-next:hover 		{color:#3F4849;background:#20cc2017;}
*/
.client-slider .owl-nav 						{text-align:center;}


/* MAIN CONTENT
##################################################*/
.main-content 								{padding:50px 0;border-top:2px solid #313A3D;line-height:24px;}
.main-content .img-left 					{float:left;margin-right:20px;margin-bottom:20px;}
.main-content .img-right 					{float:right;margin-left:20px;margin-bottom:20px;}
.main-content h1 							{text-align:center;margin-bottom:30px;line-height:40px;}
.main-content h2, 
.main-content h3 							{margin-top:60px;font-size:26px;}
.main-content p 							{margin-bottom:15px;}
.main-content ul 							{padding-left:25px;margin-bottom:15px;}
.main-content ul li 						{list-style-type:none;margin-bottom:5px;}
.main-content ul li:before 					{display:block;float:left;width:6px;height:6px;margin-right:10px;background:#6CB14B;content:'';margin-top:7px;} 

table 										{border-spacing:0;}
table th 									{background:#3A4447;color:#99a0a2;padding:5px;font-weight:500;}
table td 									{border-bottom:1px solid #99a0a2;border-left:1px solid #99a0a2;padding:5px;}
table td:last-child 						{border-right:1px solid #99a0a2;text-align:center;font-weight:600;} 
table td:first-child 						{text-align:center;font-weight:600;} 
table tr:nth-child(odd) 					{background:#eaeaea;}

/* MAP
##################################################*/
#map-object {
	padding: 50px 0;
	text-align: center;
	background-image: url(../images/eco2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#map-obj {
	display: inline-block;
	position: relative;
}
#map-obj path {
	stroke-linecap: round;
	stroke-linejoin: round;

	stroke-width: 1;
	stroke: #6AB43E;
	fill: #6AB43E;
	stroke-opacity: 0;
	fill-opacity: 0;
	cursor: pointer;
}
#map-obj path:hover {
	stroke-opacity: 1;
	fill-opacity: .3;
}
#map-obj svg{
	position: relative;
	z-index: 1;
}
#substrate {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/map_new2.png);
	background-repeat: no-repeat;
	z-index: 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}


#map-obj-mob {
	display: none;
	background-color: #fff;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	list-style: none;
}
#map-obj-mob td {
	padding: 0 8px;
	margin: 0;
}
#map-obj-mob a {
	font-size: 14px;
	display: block;
	color: #333;
	padding: 6px 16px;
	text-decoration: none
}
#map-obj-mob a:hover {
	color: #6AB43E;
}
#map-obj-mob th {
	text-align: left;
	padding-left: 23px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 8px
}
@media screen and (max-width: 960px) {
	#map-obj {
		display: none;
	}
	#map-obj-mob {
		display: inline-block;
	}
}
/* FEEDBACK BOTTOM
##################################################*/
.feedback-bottom 							{padding-top:50px;padding-bottom:50px;background:url(../images/eco15.jpg)}
.feedback-bottom h3 						{text-align:center;}
.feedback-bottom p 							{text-align:center;text-transform:uppercase;margin-bottom:30px;color:#787f82;}
.feedback-bottom-content					{width:80%;margin:0 auto;}
.feedback-bottom-content.flex-row			{justify-content: space-between;}
.feedback-bottom input[type="text"],
.feedback-bottom textarea					{width:100%;}
.feedback-bottom .feedback-bottom-left		{width:49%;}
.feedback-bottom .feedback-bottom-right		{width:49%;}
.feedback-bottom .feedback-bottom-center	{width:100%;text-align:center;}

/* FOOTER
##################################################*/
.footer 									{background:url(../images/footer.jpg) no-repeat;background-size:cover;padding:30px 0;color:#99a0a2;}
.footer > .flex-row							{justify-content: space-between;}

.footer-logo 								{}
.footer-logo img 							{display:block;margin-bottom:30px;}
.footer-logo p								{margin-bottom:15px;padding-left:30px;}
.footer-logo p .fa 							{position:absolute;color:#6AB43E;margin-left:-30px;}
.footer-logo p:last-child 					{margin-bottom:0;}	

.footer-social 								{}
.footer-social img 							{display:inline-block;margin-bottom:30px;height: 39px}
.footer-social li 							{position:relative;list-style-type:none;margin-bottom:15px;padding-left:30px;}
.footer-social li:last-child 				{margin-bottom:0;}
.footer-social li .fa 						{position:absolute;color:#6AB43E;margin-left:-30px;}
.footer-social a 							{display:block;color:#99a0a2;text-decoration:none;text-transform:uppercase;}
.footer-social a:hover 						{color:#fff;} 

.footer-blog li 							{list-style-type:none;margin-bottom:5px;}
.footer-blog li:last-child 					{margin-bottom:0;}
.footer-blog-img							{padding-right:10px;}
.footer-blog-content a 						{display:block;color:#99a0a2;font-size:14px;text-decoration:none;transition:0.5s;margin-bottom:10px;}
.footer-blog-content a:hover 				{color:#fff;}
.footer-blog-content span 					{display:block;color:#606b6d;font-size:12px;}

.footer-menu 								{}
.footer-menu > .flex-col 					{justify-content: space-between;height:100%;}
.footer-menu li 							{list-style-type:none;}
.footer-menu li a							{color:#99a0a2;text-decoration:none;transition:0.5s;border-bottom:1px dashed #99a0a2;}
.footer-menu li a:hover 					{color:#fff;border-color:#fff;}

/* COPYRIGHT
##################################################*/
.copyright 									{padding:10px 0;background:#293438;color:#a4b0b3;justify-content: space-between;font-size:14px;letter-spacing:0.5px;}
.copyright > .flex-row						{justify-content: space-between;align-items: center;}

/* RESPONSIVE
##################################################*/
@media(max-width:990px) {
	.header-menu li a 						{font-weight: 400;font-size: 14px;padding: 8px 10px;}
	.footer-blog 							{display:none;}
}
@media(max-width:768px) {
	h2, h3 									{font-size:26px;}	
	
	.burger,
	.burger-close						 	{display:block;}
	
	.slider  								{height:360px;padding-top:30px;}
	.slider p 								{width:100%;font-size:16px;}
	.slider p strong 						{font-size:30px;}
	
	.about  								{padding-top:30px;}
	.about-left 							{width:100%;margin-bottom:20px;}
	.about-right 							{width:100%;}
	
	#ua 									{display:none;}	
	.blog-item 								{width:50%;}
	.blog-item:nth-child(3) 				{display:none;} 
	
	.photo-content 							{grid-template-rows: 160px 160px 160px; grid-template-columns: 50% 50%; }
	.photo-content div img 					{width:100%;}
	.photo-content 							{grid-template-columns: 100%;}
	.photo-content div:nth-child(1) 		{grid-row: 1; grid-column: 1;grid-template-rows: 270px 270px 270px 270px 270px;}
	.photo-content div:nth-child(2)  		{grid-row: 2; grid-column: 1;}
	.photo-content div:nth-child(3)  		{grid-row: 3; grid-column: 1;}
	.photo-content div:nth-child(4)  		{grid-row: 4; grid-column: 1;}
	.photo-content div:nth-child(5)  		{grid-row: 5; grid-column: 1;}
	.sertifikat .owl-nav 					{display:none;}
	.page-contact-left 						{float:none;width:100%;margin-bottom:30px;}
	.page-contact-right 					{float:none;width:100%;}	
	
	.feedback-bottom textarea 				{height:120px;}
	
	.footer-social 							{width:40%;}
	.footer-logo 							{width:60%;}
	.footer-menu 							{display:none;}
}

@media(max-width:480px) {
	.page-menu 								{margin-top:0px;}
	.page-menu li 							{width:50%;margin-bottom:1px;padding:15px;}
	.page-menu li:nth-child(5),
	.page-menu li:nth-child(6) 				{margin:0;}
	.page-menu li a 						{font-size:16px;}
	.about-left 							{width:100%;}
	.about-right 							{width:100%;}
	.about-right.flex-row > div 						{width:100%;}
	
	.sertifikat .owl-prev,
	.sertifikat .owl-next 					{display:none;}
	
	#ua 									{display:none;}	
	.blog-item 								{width:100%;margin-bottom:20px;}
	.partner-item 							{}
	
	.feedback-bottom-content 				{width:100%;}
	
	.footer-social 							{margin-bottom:15px;}
	.footer-logo 							{margin-bottom:15px;}
	.footer-blog,
	.footer-menu							{display:none;}
	.copyright .text-left,
	.copyright .text-right 					{width:100%;text-align:center !important;}
	.copyright img 							{margin-top:15px;}
}