img {
	max-width: min(100vw, 100%);
}

/*style3*/
.about-slider-info .text {
	display: block;
	position: absolute;
	top: 0;
	opacity: 0;
	line-height: 30px;
	transition: opacity 0.5s ease-in-out;
}

.about-mobile-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 190px;
}

.about-slider-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 225px;
}

.vg_logo_bottom {
	width: 100%;
	height: auto;
}

.section-intro .icon {
	margin-top: -42px;
}

	.section-intro .icon.under-slider {
		margin-top: -15px;
	}


.section-intro {
	background: url(../images/pattern/pattern-vg.webp) repeat top left;
	text-align: center;
	padding-bottom: 100px;
}
	.section-intro .text.left,
	.section-intro .text.right {
	
		padding: 130px 50px 0;
	}

.site-vg-bg-2 h2.main-title {
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 2.9px;
	margin-bottom: 50px;
	color: #5cc400;
}
.section-problem-solving {
	text-align: center;
	padding-bottom: 90px;
}

	.section-problem-solving .solving-content {
		display: flex;
		justify-content: center;
		margin-bottom: 65px;
	}

	.section-problem-solving .item-block {
		display: flex;
		flex-direction: column;
		margin-top: 20px;
	}

		.section-problem-solving .item-block.left {
			align-items: flex-end;
		}

	.section-problem-solving .problem-item {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 430px;
		height: 140px;
		border-radius: 70px;
		font-size: 24px;
		line-height: 24px;
		font-weight: 600;
		letter-spacing: 1.4px;
		color: #fff;
	}

		.section-problem-solving .problem-item.item-1 {
			background: url(../images/content/vg-content-11.webp) no-repeat center;
			margin-bottom: 90px;
			margin-right: 60px;
		}

		.section-problem-solving .problem-item.item-2 {
			background: url(../images/content/vg-content-13.webp) no-repeat center;
			margin-right: 10px;
		}

		.section-problem-solving .problem-item.item-3 {
			background: url(../images/content/vg-content-12.webp) no-repeat center;
			margin-bottom: 90px;
			margin-left: 60px;
		}

		.section-problem-solving .problem-item.item-4 {
			background: url(../images/content/vg-content-14.webp) no-repeat center;
			margin-left: 10px;
		}

/*====================================================
section-presidium-vg
====================================================*/
.section-presidium-vg {
	text-align: center;
	padding-bottom: 100px;
}

	.section-presidium-vg .main-title {
		font-size: 38px;
		letter-spacing: 2.3px;
		margin-bottom: 35px;
	}

	.section-presidium-vg .sub-title {
		font-size: 20px;
		line-height: 36px;
		letter-spacing: 0.4px;
		margin-bottom: 45px;
	}

	.section-presidium-vg .vg-progect {
		position: relative;
		display: block;
		background: url(../images/content/vg-content-16.webp) no-repeat center;
		height: 422px;
		overflow: hidden;
		border-radius: 12px;
	}

		.section-presidium-vg .vg-progect:hover .arrow-block {
			opacity: 1;
			right: 0;
		}

		.section-presidium-vg .vg-progect .arrow-block {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			position: absolute;
			bottom: 0;
			right: -40px;
			padding: 0 60px 60px 0;
			text-align: right;
			color: #fff;
			background: url(../images/content/arrow-shape-green.svg) no-repeat;
			width: 336px;
			height: 422px;
			opacity: 0;
			transition: opacity 0.4s, right 0.4s ease-in-out;
		}

			.section-presidium-vg .vg-progect .arrow-block i {
				font-size: 31px;
				margin-bottom: 20px;
			}

			.section-presidium-vg .vg-progect .arrow-block .text {
				font-size: 24px;
				line-height: 36px;
				letter-spacing: 1px;
				font-weight: 400;
			}

/*====================================================
section-ecology
====================================================*/
.section-ecology {
	background: url(../images/content-vg-bg-2.webp) no-repeat top center;
	height: 865px;
	padding: 100px 0 0;
}

	.section-ecology .main-text {
		font-size: 22px;
		line-height: 42px;
		margin-bottom: 45px;
	}

	.section-ecology .text {
		font-size: 16px;
		line-height: 36px;
		margin-bottom: 45px;
	}

		.section-ecology .text.last {
			text-align: center;
		}

	.section-ecology .btn-direction {
		display: block;
		margin: 0 auto;
		margin-bottom: 45px;
	}

/*====================================================
section-ecology-program
====================================================*/
.section-ecology-program {
	padding: 100px 0;
}

	.section-ecology-program .main-title {
		text-align: center;
		font-size: 40px;
		line-height: 61px;
	}

	.section-ecology-program .text {
		font-size: 18px;
		line-height: 42px;
		font-weight: 300;
		padding-top: 40px;
	}

		.section-ecology-program .text.left {
			text-align: right;
		}

	.section-ecology-program .brochure {
		text-align: center;
		color: #414141;
	}

		.section-ecology-program .brochure .img-block {
			margin-bottom: 20px;
		}

		.section-ecology-program .brochure .text {
			font-size: 16px;
			line-height: 30px;
			letter-spacing: 0.6px;
			padding-top: 0;
		}

			.section-ecology-program .brochure .text i {
				font-size: 18px;
				margin-right: 20px;
			}

/*====================================================
section-ecology-motion
====================================================*/
.section-ecology-motion {
	background: url(../images/content/vg-content-17.webp) no-repeat top center;
	height: 712px;
	padding: 100px 0;
	color: #fff;
}

	.section-ecology-motion .logo {
		margin-bottom: 40px;
	}

	.section-ecology-motion .title {
		font-size: 37px;
		line-height: 55px;
		font-weight: 500;
		letter-spacing: 2.2px;
		margin-bottom: 40px;
	}

	.section-ecology-motion .text {
		font-size: 20px;
		line-height: 38px;
	}

	.section-ecology-motion .number-text {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
	}

		.section-ecology-motion .number-text .number {
			font-size: 106px;
			line-height: 140px;
			letter-spacing: 4.3px;
		}

		.section-ecology-motion .number-text .text {
			font-size: 46px;
			line-height: 55px;
		}

.btn-direction.green:hover {
	color: #fff;
}
.btn-direction.green {
	display: inline-block;
	position: relative;
	font-family: 'Exo 2.0 Semi';
	font-weight: 500;
	font-size: 22px;
	line-height: 78px;
	border-radius: 50px;
	color: #fff;
	border: none;
	padding: 0 100px 3px 50px;
	background: #34cd1b;
	background: -moz-linear-gradient(45deg, #34cd1b 0%, #83d600 100%);
	background: -webkit-linear-gradient(45deg, #34cd1b 0%, #83d600 100%);
	background: linear-gradient(45deg, #34cd1b 0%, #83d600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34cd1b', endColorstr='#83d600', GradientType=1);
}

	.btn-direction.green .i-hand {
		position: absolute;
		top: 50%;
		right: 40px;
		margin-top: -20px;
		background: url(../images/icon/vg-icon-5.webp) no-repeat center;
		width: 35px;
		height: 40px;
	}

/*====================================================
section-world-problems
====================================================*/
.section-world-problems {
	background: url(../images/content/vg-content-9.webp) no-repeat top center;
	padding: 150px 0 100px;
}

	.section-world-problems .world-title {
		margin-bottom: 100px;
	}

		.section-world-problems .world-title .main-title {
			font-size: 65px;
			line-height: 85px;
			font-weight: 500;
			letter-spacing: 3.9px;
			color: #0071bb;
		}

		.section-world-problems .world-title .title {
			margin-bottom: 45px;
		}

	.section-world-problems .title {
		font-size: 24px;
		line-height: 40px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.section-world-problems .text {
		font-size: 19px;
		line-height: 36px;
	}

		.section-world-problems .text b {
			font-weight: 400;
			color: #0071bb;
		}

	.section-world-problems .subtext {
		font-size: 15px;
		line-height: 30px;
		letter-spacing: 0.3px;
	}

	.section-world-problems .world-content {
		margin-bottom: 50px;
	}

	.section-world-problems .world-item {
		display: flex;
		margin-bottom: 50px;
	}

		.section-world-problems .world-item.left {
			padding-left: 10px;
			padding-right: 50px;
		}

		.section-world-problems .world-item.right {
			padding-left: 50px;
			padding-right: 10px;
		}

		.section-world-problems .world-item .icon-block {
			padding-top: 10px;
			margin-right: 45px;
		}

		.section-world-problems .world-item .text-block .title {
			margin-bottom: 20px;
		}

		.section-world-problems .world-item .text-block .text {
			margin-bottom: 15px;
		}

	.section-world-problems .pollution-problem {
		background: url(../images/content/vg-content-19.webp) no-repeat center;
		height: 420px;
		border-radius: 12px;
		color: #414141;
		padding: 30px;
		padding-left: 50px;
		margin-bottom: 70px;
	}

		.section-world-problems .pollution-problem .title {
			font-size: 22px;
			line-height: 31px;
			font-weight: 300;
			letter-spacing: 0.9px;
			margin-top: 10px;
			margin-bottom: 25px;
		}

		.section-world-problems .pollution-problem .text {
			font-size: 15px;
			line-height: 24px;
			font-weight: 300;
			margin-bottom: 25px;
		}

		.section-world-problems .pollution-problem .img-block {
			position: relative;
			display: flex;
			justify-content: flex-end;
		}

			.section-world-problems .pollution-problem .img-block .img-text {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -48px;
				margin-left: -100px;
				width: 244px;
				height: 96px;
				font-size: 30px;
				line-height: 36px;
				font-weight: 600;
				letter-spacing: 1.2px;
				text-align: center;
				text-shadow: 1px 1px 2px white, 0 0 1em white;
			}

	.section-world-problems .world-figures {
		text-align: center;
		margin-bottom: 80px;
	}

		.section-world-problems .world-figures .main-title {
			font-size: 38px;
			line-height: 46px;
			letter-spacing: 2.3px;
			margin-bottom: 70px;
		}

		.section-world-problems .world-figures .number {
			font-size: 52px;
			line-height: 48px;
			letter-spacing: 3.1px;
			color: #0071bb;
			margin-bottom: 15px;
		}

		.section-world-problems .world-figures .text {
			font-size: 18px;
			font-weight: 300;
			letter-spacing: 1.4px;
		}

		.section-world-problems .world-figures .line-block {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: 17px;
		}

			.section-world-problems .world-figures .line-block.left {
				margin-right: 70px;
			}

			.section-world-problems .world-figures .line-block.right {
				margin-left: 70px;
			}

			.section-world-problems .world-figures .line-block .line {
				margin-bottom: 10px;
			}

		.section-world-problems .world-figures .line {
			background: #e5eef4;
			width: 64px;
			height: 2px;
			border-radius: 1px;
		}

			.section-world-problems .world-figures .line.min {
				width: 100px;
				height: 4px;
			}

			.section-world-problems .world-figures .line.max {
				width: 145px;
				height: 4px;
			}

		.section-world-problems .world-figures .block-left,
		.section-world-problems .world-figures .block-right {
			display: flex;
			justify-content: space-around;
		}

			.section-world-problems .world-figures .block-left .line,
			.section-world-problems .world-figures .block-right .line {
				margin-top: 19px;
			}

		.section-world-problems .world-figures .figures-top {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			margin-bottom: 80px;
		}

			.section-world-problems .world-figures .figures-top .number {
				font-size: 92px;
				line-height: 80px;
				letter-spacing: 5.5px;
			}

			.section-world-problems .world-figures .figures-top .text {
				font-size: 20px;
				letter-spacing: 1.6px;
			}

	.section-world-problems .world-explanation {
		background: url(../images/content/vg-content-19.webp) no-repeat top center;
		height: 319px;
		text-align: center;
		padding: 60px 30px;
	}

		.section-world-problems .world-explanation .title,
		.section-world-problems .world-explanation .text {
			font-size: 18px;
			line-height: 36px;
			font-weight: 500;
			letter-spacing: 0.4px;
			margin-bottom: 15px;
		}

		.section-world-problems .world-explanation .text {
			font-weight: 300;
		}

	.section-world-problems .explanation-block {
		padding: 0;
	}

		.section-world-problems .explanation-block.top {
			background: url(../images/content/vg-content-20.webp) no-repeat top center;
			padding-top: 20px;
		}

			.section-world-problems .explanation-block.top .text {
				margin-bottom: 0;
			}

		.section-world-problems .explanation-block.bottom {
			background: url(../images/content/vg-content-21.webp) no-repeat top center;
			padding-top: 20px;
		}


/*Остальные стили*/
.shapka {
	min-height: 0;
}
.col-md-4 {
	 width: 100%; 
}
.title
{
	font-weight:600 !important;
}

.logo-text {
	background-color: #5f9ea08a;
	border-radius: 20px;
	padding: 10px 15px;
}
.section-ecology-motion .title {
    font-size: 37px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
    margin-bottom: 40px;
}
.section-ecology-motion .text {
    font-size: 20px;
    line-height: 28px;
}
.section-ecology{
	margin-bottom: 50px;
}
.section-ecology .text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 45px;
}
.section-world-problems .world-explanation .title, .section-world-problems .world-explanation .text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0.4px;
    margin-bottom: 5px;
}
.section-world-problems .pollution-problem .text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 25px;
}
.section-intro .text {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.6px;
}
.section-world-problems .text {
    font-size: 19px;
    line-height: 26px;
}
.section-world-problems .subtext {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 0.3px;
}
.text{
	line-height: 1.2;
}
.subtext{
	line-height: 1.5;
}
.title{
	line-height: 1.2;
}
.vg-title{
	line-height: 1.5 !important;
}
.main-title{
	line-height: 1.1 !important;
}
.main-text{
	line-height: 1.3 !important;
}
div, p
{
	line-height: 1.5;
}
div.footer_mw
{
	line-height: 1.0 !important;
}
.explanation-block{
	padding: 20px 10px 10px 10px!important;
}
.explanation-block.bottom{
	padding-bottom: 5px!important;
}
@media (max-width: 1356px) {
	.vg-number-description{
		display: flex;
		justify-content: center;
		text-align:center;
	}
}
.vg-number-description{
    margin: auto!important;
    padding-bottom: 25px;
}
.vg-button{
	justify-content: center;
	display: flex;
}
.button-fix{
	margin-top:0!important;
}
.section-ecology-motion .number-text{
	display: block;
	text-align: center;
}
.title-intro{
	text-align: justify;
}
.section-intro {
    padding-bottom: 40px;
}
.vg-button-top{
	padding-top: 40px;
}
.section-world-problems .world-figures .main-title {
    font-size: 56px;
    letter-spacing: 2.3px;
    margin-bottom: 70px;
	font-weight: 600;
	
}

.btn-direction.green {
    line-height: 20px;
	font-size: 17px;
    padding: 15px 80px 15px 20px;
    max-width: 274px;
    min-height: 60px;

}

.btn-direction.green .i-hand {
    right: 25px;
    
}

.section-problem-solving{
	padding-top:15px;
	padding-bottom:0px;
}
.solving-content {
	margin-bottom:0!important;
}
.section-problem-solving .container .text {
	font-size: 22px;
}
.section-ecology-program{
	padding:0 0 50px 0;
}
@media (min-width: 576px){
	.section-problem-solving .container .text{
	padding: 0 10%;
	}
	
}


.vg-header-bg-2 {
	height: 646px;
}

@media (max-width: 576px) {
	.button-fix {	
		margin: 0 20%;
        min-width: 170px;
	}
	.section-world-problems .world-figures h3.main-title {
		font-size:36px;
	}
	.title-intro {
		text-align: left;
	}
	.header-bottom .vg-title {
		font-size: 26px;
	}
	.vg-header-bg-2 {
		height: 555px;
	}
	.header-bottom h1.main-title {
		font-size:22px;
	}
	.section-ecology-motion .title {
		font-size: 22px;
	}
}



.section-ecology-motion .title {
	padding-top: 20px;
}

a.problem-item{
	color:#fff !important;
}

.main-title.vg-title {
	font-weight: 600;
	text-shadow: 1px 1px 1px black, 0 0 2em white, 0 0 0.1em black;
	padding-bottom: 20px;
	padding-top: 30px;
}


.donate-url-size {
	padding:15px 10px;
}





.section-problem-solving .icon {
	margin-top: 4px;
}
@media (max-width: 991px) {
	.section-problem-solving .icon {
		margin-top: 0;
	}
}

@media (max-width: 767px) {

	.section-ecology .btn-direction.green i.i-hand {
		right:25px;
	}
}


body.site-vg-bg-2 {
	background: url(../images/pattern/pattern-vg.webp) repeat top left;
	color: #414141;
}


/*
	Slider-about
*/

.header-slider {
	height: 100vh;
	max-height: min(50vw,1000px);
	min-height: min(600px,38vw);
	max-width: 2000px;
    margin: auto;
}


.social-project-about-slider {
	position: absolute;
	top: 0;
	z-index: -10;
	width: 100%;
	margin: 0 auto;
	height: 90vh;
	max-width: 2000px;
    max-height: min(98vh,1000px);
}

.about-slider-info .text.active {
	opacity: 1;
}
.social-project-about-slider .about-slide.active .about-header-bg {
	opacity: 1;
}

	.social-project-about-slider .about-header-bg {
		position: absolute;
		top: 0;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
		max-height: min(95vh,1000px);
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 87%;
	}

.about-header-bg img {
	height: 49vw;
	margin: 0 auto;
	border: 0px solid #a7a0a0;
	transform: translateY(5px);
	box-shadow: inset 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	max-height: 1000px;
}
/**/
.section-intro .text b {
	font-style: normal;
	color: #5cc400;
}

.about-slider-info {
	position: relative;
	width: auto;
	margin: 0 auto;
	text-align: center;
	top: min(58vh,34vw);
	height: 22vw;
	position: absolute;
	width: 100%;
	left: 0;
}

.about-slider-info_text {
	
}

.about-slider-info .text {
	font-weight: 500;
	color: white;
	font-size: min(34px, 5vh);
	text-shadow: 0px 0px 5px black, 0 0 0.7em white, 0 0 0.3em black;
	max-width: 90vw;
	right: 0;
	left: 0;
	text-align: center;
	margin: auto;
	max-width: min(190vh, 87%, 1047px);
	height: 155px;
	justify-content: center;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

@media (min-width:994px) {
	.about-slider-info .text-2, .about-slider-info .text-3, .about-slider-info .text-4 {
		top:-24vh;
	}
}


.about-slider-info .big-logo-included{
	top: -30vh;
}

.sme-big-logo{

	max-width: min(150vh, 60vw);
	height: auto;
}
.sme-small-logo{
	position: relative;
	max-width: min(150vh, 30vw);
	height: auto;
	bottom: 10px;
	left: 30vw;
}
.about_header_text_class {
	text-align:center;
}


@media (max-width: 991px) {
	.social-project-about-slider .about-header-bg {
		top: 125px;
	}

	.about-slider-info .text {
		font-size:min(22px, 5vh);
	}
	.header-slider {
		margin-top: 105px;
		max-height: 60vw;
	}

	.about-slider-info {
		top: 35vw;
	}
}

@media (max-width: 767px) {
	.header-slider {
		margin-top: 0px;
		max-height: 96vw;
		min-height: 80vw;
	}
	.about-slider-info {
		top: 62vw
	}
	.about-slider-info .text {
		font-size: 19px;
		text-shadow: none;
	    font-style: normal;
	    font-weight: 400;
	    color: #414141;
	}
	.social-project-about-slider .about-header-bg {
		top: 100px;
	}

	.about-header-bg img {
		transform: translateY(-10px);
	}

	.section-problem-solving .problem-item {
		max-width: 100%;
		margin: 20px 0 !important;
	}

	.site-vg-bg-2 h2.main-title {
		font-size: var(--font-h2);
	}

	.section-intro .text.section-problem-solving .container .text {
		font-size: var(--font-text);
	}
}

@media (max-width: 575px) {
	.about-slider-info .text {
		font-size: max(min(19px, 5vh),5vw);
		
	}
	.header-slider {
		max-height: min(73vh,89vw);
		min-height: 80vw;
	}
	.about-slider-info {
		top: max(75vw,273px);
	}
}
.small-logo{
	bottom: 20px;
}