.third-font{
	font-family: var(--third-font);
}

.text-decoration-none{
	text-decoration: none !important;
}

.text-bold{
	font-weight: bold;
}

.relative{
	position: relative;
}

.overflow-hidden{
	overflow: hidden;
}

.flex-shrink{
	flex-shrink: 0;
}

.inline-block{
	display: inline-block;
}

.with-orange-scroll{
	display: flex;
	align-items: center;	
	flex-wrap: nowrap;	
	padding-top: 20px;
	padding-bottom: 100px;
	overflow-x: scroll;
}

/* width */
.with-orange-scroll::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.with-orange-scroll::-webkit-scrollbar-track {
	background: #E2E2E2;
}

/* Handle */
.with-orange-scroll::-webkit-scrollbar-thumb {
	background: var(--orange-color);
}

/* Handle on hover */
.with-orange-scroll::-webkit-scrollbar-thumb:hover {
	background: var(--orange-color);
}

.w-100{
	width: 100% !important;
}

.w-220{
	width: 220px !important;
}

.mr-10{
	margin-right: 5rem !important;
}

.refresh-green{
	width: 215px;
	height: 175px;
	background: url(../images/refresh-green.svg) no-repeat left bottom / 100% 100%;
	position: absolute;
	left: -28px;
	bottom: -28px;
}

.border-green{
	position: relative;
	padding-bottom: 15px;
}

.border-green:before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 154px;
	height: 8px;
	background: var(--accent-color);
}

.underline{
	text-decoration: underline;
}

.fz-18, .fz-18 *{
	font-size: 18px;	
	line-height: 24px;
}

.fz-12{
	font-size: 12px;
}

.fz-14{
	font-size: 14px !important;
}

.fz-24, .fz-24 *{
	font-size: 24px !important;
	line-height: 40px;
}

.fz-32, .fz-32 *{
	font-size: 32px;
	line-height: 48px;
}

.fz-48,.fz-48 *{
	font-size: 48px;
	line-height: 55px;
}

.fz-50{
	font-size: 50px;
}

.fz-56{
	font-size: 56px;	
}

.urbane{
	font-family: var(--secondary-font);
}

.medium{
	font-weight: 500;
}

.nowrap{
	white-space: nowrap;
}

.bg-blue{
	background: var(--blue-back);
}

.bg-light{
	background: #FCFCFC;
}

.bg-sky-blue{
	background: var(--sky-blue);
}

.bg-orange{
	background: var(--orange-color);
}

.bg-white{
	background: white;
}

.bg-accent{
	background: var(--accent-color);
}

.bg-gray{
	background:  var(--gray-color);
}

.bg-light-gray{
	background:  var(--light-gray-color);
}

.bg-image-refresh{
	background-image: url("../images/background_repeat.png");
}

.bg-house{
	background-image: url('../images/house.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.text-black{
	color: #000;
}

.text-cian{
	color: var(--cian-color);
}

.text-red{
	color: var(--red-color);
}

.text-blue{
	color: var(--blue-back);
}

.text-green{
	color:  var(--green-color);
}

.text-accent{
	color:  var(--accent-color);
}

.text-gray{
	color: #8D8D8D;
}

.radius{
	border-radius: 8px;
}

.bold{
	font-weight: bold;
}

.text-white{
	color: white !important;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.shadow, picture.shadow img, picture.shadow source, .js-hero-scroll-trigger img{
	box-shadow: 0 0.5rem 1rem rgba(0, 10, 0, 0.15) !important;
}

.flex-direction-row-reverse{
	flex-direction: row-reverse;
}

.flex-direction-column{
	flex-direction: column;
}

.img-fluid{
	max-width: 100%;
}

.card-org{
	position: relative;
	padding-top: 52px;
	padding-bottom: 15px;
	margin-top: 52px;
	background: #FFF url("../images/quotes.png") no-repeat center 145px;
}

.card-org .circle{
	width: 104px;
	height: 104px;
	border-radius: 50%;
	border: 5px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFF;	
	position: absolute;
	top: -52px;
	left: calc(50% - 52px);
}
.card-feature h4{
	font-weight: 600;
	font-size: 24px;
}
.card-feature .circle{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.heart {
  background-color: var(--green-color);
  display: inline-block;
  height: 12px;
  margin: 0 10px;
  position: relative;
  top: 3px;
  transform: rotate(-45deg);
  width: 12px;
}

.heart:before,
.heart:after {
  content: "";
  background-color: var(--green-color);
  border-radius: 50%;
  height: 12px;
  position: absolute;
  width: 12px;
}

.heart:before {
  top: -6px;
  left: 0;
}

.heart:after {
  left: 6px;
  top: 0;
}

.card-news .circle{
	background: var(--blue-color);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
  left: 20px;
}

.card-events a{
	text-decoration: none;
}



.card-events .date{
	position: absolute;
	top: 0px;
	left: 25px;
	background: var(--orange-color);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #000;
	padding: 5px;
}



.card-events .date p{
	margin: 0px;
}


.card-events svg{
	margin: 30px 0px 0px 30px;

}

.card-events .image{
	width: 100%;
	height: 234px;
	position: relative;
}
.card-events .image img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.card-events .circle{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.card-news .circle svg{
	width: 18px;
	flex-shrink: 0;	
}

.card-news:hover, .cursor-pointer{
	cursor: pointer;
}

.card-news img{
	width: 100%;
	opacity: 1;
	object-fit: cover;
}

.card-news:hover img{
	opacity: .6;
    transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;  
    -moz-transition: opacity 1s ease-in-out;   
}

.card-news:hover h4 span, .card-events:hover h4 span, .card-resources:hover h4 span, .card-resources:hover h4 span p{
	background: linear-gradient(transparent 65%, var(--accent-color) 65%, var(--accent-color) 100%);
}

.card-resources:hover .link--thebe::before, .animate-link::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 2, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}


.card-resources:hover .link--thebe::after, .animate-link::after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.cartel{
	height: 100%;
	border: 15px white solid;
	padding-top: 100px;
	padding-bottom: 15px;
	position: relative;	
}

.cartel .btn{
	margin-left: 10px;
	margin-top: 20px !important;
}

.cartel > div{
	max-width: 70%;
	overflow: hidden;
	padding-bottom: 5px;
}

.cartel.right .btn{
	margin-left: auto;
	margin-right: 10px;	
	position: relative;
	z-index: 2;
}

.cartel.right > div{
	margin-left: auto;
	text-align: right;
	position: relative;
	z-index: 2;
}

.cartel h3, .cartel p{
	background-color: #FFF;  
  display:inline;
  white-space:pre-wrap;
  color: #000; 
  padding-right: 10px; 
  padding-bottom: 10px;  
}

.cartel.right:after{
	content: '';
	position: absolute;
	left: -15px;
	top: 0px;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	background: rgba(94,120,209,.8) url('../images/ico.png') no-repeat left bottom;
	z-index: 0;
}

.cartel.right{
	border-color: rgba(94,120,209,1);
}
.card-member{
	margin-bottom: 30px;
}
.card-member, .card-resources{
	display: flex;
	align-items: center;
	padding: 15px;
}
.card-resources{
	align-items: flex-start;
}

.card-member .circle{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 15px;
}

.card-member p{
	font-size: 12px;
}

.card-resources .image{
	width: 160px;
	height: 210px;
	object-fit: cover;
}

.card-resources img{
	flex-shrink: 0;
	width: 160px;
	height: 210px;
	object-fit: cover;
} 

.border-bottom{
	border-bottom: 2px #E6E6E6 solid;
}

.border-bottom-green{
	border-bottom: 4px var(--accent-color) solid;
}

.search-form{	
	border: 1px #C6C6C6 solid;
	border-radius: 4px;
	background: #F5F5F5;	
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0px 15px;
}




.search-form input, .search-form button{
	border: none;
	background: transparent;
	outline: none;
	font-size: 16px;
	font-family: var(--secondary-font);
	font-weight: 500;
}

/* Dropdown Button */
.dropbtn {
	min-width: 225px;
  height: 60px;
  padding: 0px 15px;
	border: 1px #C6C6C6 solid;
	border-radius: 4px;
	background: transparent;	
	display: flex;
	align-items: center;
	justify-content: space-between;
  cursor: pointer;
  font-size: 16px;
	font-family: var(--secondary-font);
	font-weight: 500;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 100%;
  box-shadow: 0 0.5rem 1rem rgba(0, 10, 0, 0.15) !important;
  z-index: 1;
  max-height: 300px;
  overflow: auto;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.opportunities .wpcf7-form {
	background: #16C3AF url("../images/refresh-bg.png") no-repeat right bottom;
	padding: 10px 20px;
	border: 2px solid #f6efdf;
	border-radius: 7px;
}
 
.wpcf7-form p {
	color: #4f2a0f;
	margin-bottom: 5px;
}

.wpcf7-form p label{
	font-size: 14px;
	font-weight: bold;
	font-family: var(--secondary-font);
}
 
.wpcf7-form input,
.wpcf7-form textarea {
	background: #FFF;
	padding: 5px 7px;
	margin: 4px 0 8px 0;
	border: 1px solid #000;
	color: #8D8D8D;
	border-radius: 7px;
	width: 100%;
	height: 56px;
	font-size: 16px;
}
 
.wpcf7-form .wpcf7-submit {
	background: #AAFF00;
	padding: 5px 15px;
	color: #000;
	border: none;
	border-radius: 0px;
	width: 100%;
	height: 43px;
	font-weight: bold;
}

.opportunities .wpcf7-form .wpcf7-submit{
	width: 150px;
}
 
.wpcf7-form input[type="submit"]:hover {
 	background: #AAFF00;
}

.wpcf7-form input[type="tel"]{
 	padding-left: 40px;
 	background: #fff url("../images/smartphone.png") no-repeat 8px center;
}

.wpcf7-form input[name="your-name"]{
 	padding-left: 40px;
 	background: #fff url("../images/person.png") no-repeat 8px center;
}

.wpcf7-form input[name="your-area"]{
 	padding-left: 40px;
 	background: #fff url("../images/area.png") no-repeat 8px center;
}

.wpcf7-form input[type="email"]{
 	padding-left: 40px;
 	background: #fff url("../images/email.png") no-repeat 8px center;
}


.wpcf7-form input[type="file"] {  
  background: #fff url('../images/attach_file.png') no-repeat right center;
  padding-right: 30px;
  padding-top: 15px;
}
.wpcf7-form input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
  display: none;
}

.wpcf7 .wpcf7-response-output{
	color: #000;
  font-size: 20px;
  font-weight: bold;
  font-family: var(--secondary-font);
  border: none;
  text-align: center;
}

/*.wpcf7-form input[type="file"]::before {
  content: 'Attach file';
  color: #8D8D8D;
  display: inline-block;
  background: #fff;  
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;  
  height: 100%;
 	display: flex;
  align-items: center;
}
*/.wpcf7-form input[type="file"]:active {
  outline: 0;
}

.wpcf7-form input::placeholder{
	color: #8D8D8D !important;
}

.gray_section{
	background:#F5F5F5;
	padding-top: 60px;
	padding-bottom: 60px;
}
.el-center{
	margin: 0px auto;
}

.highlighted{
	padding: 30px;
	background:  #F5F5F5;
	border-left: 4px var(--cian-color) solid;
	font-size: 18px;
  font-style: italic;
}

.content-green{
	position: relative;
	background: var(--green-color);
	color: white;
	padding: 30px 0px;
	z-index: 2;
}

.content-green *{
	color: white !important;
}

.content-green:before, #page_banner_img:before, #page_banner_img2:before, .content-gray:before {
	content: '';
  position: absolute;
  width: calc(100vw);
  height: 100%;
  left: calc(((100vw - 100%)/-2) - 100px);
  top: 0px;
  background: var(--green-color);
  color: white;
  z-index: -1;
}

#page_banner_img, #page_banner_img2{
	position: relative;
}

#page_banner_img:before{
	background: url('../images/image_home.jpg') no-repeat center center / cover;
}

#page_banner_img2:before{
	background: url('../images/bg-conclusion.jpg') no-repeat center center / cover;
}

.content-gray:before{
	background: var(--gray-color);
}

.full-image{
	position: relative;
	height: 350px;
}

.full-image img{
	position: absolute;
	width: calc(100vw);
	max-width: calc(100vw);
	max-height: 350px;  
  left: calc((100vw - 100%)/-2);
  top: 0px;
}

.bg-refresh{
	border-radius: 10px;
	padding: 30px;
	background-image: url(../images/refresh-bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.bg-refresh-blue{
	border-radius: 10px;
	padding: 30px;
	background-image: url(../images/refresh-blue.svg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

.number-green{
	font-size: 80px;
	font-weight: bold;
	color: var(--accent-color) !important;
}

.number-green span{
	font-size: 24px;
	margin-top: -27px;
 	display: inherit;	
 	color: var(--accent-color) !important;
}


.content-green h3.green{
	font-weight: 500;
	color: var(--accent-color) !important;
	margin: 0px;
}

.content-green .year{
	float: right;
	background: var(--cian-color);
	color: var(--green-color) !important;
	padding: 5px;
	font-size: 19px;
	font-weight: bold;
}

.bg-suburban{
	background:#FFC22B;
}

.bg-urban{
	background:#5478D6;
}

.bg-rural{
	background:#17C2B0;
}

.number-white{
	font-size: 56px;
	font-weight: bold;
}

.slick-dots li button:before {
	font-size: 40px !important;
}

.slick-dots li.slick-active button:before, .slick-dots li:hover button:before{
	color: var(--accent-color) !important;
}

#slider-home .slick-dots{
	bottom: 128px;
	z-index: 99;
}

#slider-home .slick-dots li button:before{
	color: #fff;
	opacity: .9;
}

#hiddne1{
	position: absolute;
	width: 100%;
}


.aligncenter{
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.border-right{
	border-right: 1px #E2E2E2 solid;
}

.not_specified{
	color: #8D8D8D;
}

.bullet{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.attachment-160x160, .size-160x160{
	width: 160px !important;
	height: 160px;
}

.card-resources h4 span p{
	font-family: var(--secondary-font);
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
}

.image{
	object-fit: cover;
}

.image img{
	max-width: 100%;
}

#sponsors_slider .slick-track{
	display: flex;
	align-items: center;
}

#sponsors_slider img{
	width:auto !important;
	max-height: 90px;
	max-width: 190px;
	float:left;
}
#sponsors_sliders .slick-track{
	display: flex;
	align-items: center;
}

#sponsors_sliders img{
	width:auto !important;
	max-height: 130px;
	float:left;
}

.img_wrapper{
	max-height: 472px;
	overflow: hidden;
}

.card-endorsers{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background:white;
	padding:15px;
	background:white;
	margin-top:15px;
	margin-bottom:15px;
	line-height: 17px;
	min-height: 80px;
}

.single div.gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}


.single .gallery-item img {
  max-width: 100%;
  border: none !important;
}

.timeline{
	width:100%;
	display: flex;
	align-items: center;
	padding:70px 0px 35px;
}

.timeline .prev, .timeline .next{
	width:41px;
	height:41px;
	flex-shrink: 0;
	border-radius: 50%;
	background:var(--green-color);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 5px 10px #292F4029;
	cursor: pointer;
}

.timeline .prev path:last-child, .timeline .next path:last-child{
	fill:white;
}

.timeline .items{
	width:calc(100% - 70px);
	padding:0px 7px;
	height:1px;
	border-bottom:1px #9AB1C0 solid;
	position: relative;
	z-index: 0;
}

.timeline .items .item-timeline{
	position: absolute;
	top:-3px;
}

.timeline .items .item-timeline .circles{
	width:8px;
	height: 8px;
	border-radius: 50%;
	background: #B9BBDE;	
	cursor: pointer;
}

.timeline .items .item-timeline .date{
  position: absolute;
  top: -110px;
  left: -63px;
  width: 135px;
  height: 100px;
  display: none;
  background: var(--green-color);
  font-size: 10px;
  font-weight: 500;
  color: var(--color-text);
  padding: 5px;
}

.timeline .items .item-timeline .date h4,.timeline .items .item-timeline .date p{
	font-size:13px;
	line-height: 15px;
	font-weight: 500;
	color: var(--color-text);
	margin:5px;
}

.timeline .items .item-timeline .date p{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.timeline .items .item-timeline .date h4{
	font-size:16px;
	text-align: center;
	font-weight: bold;
}

.timeline .items .item-timeline .date::before{
	content: '';
  position: absolute;
  bottom: -10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--arrow-color);
  left: 57px;
}

.timeline .items .item-timeline:hover .date, .timeline .items .item-timeline.active .date{
	display: block;
}


.timeline-container .info-item{
	display: none;
}

.timeline-container .info-item.active{
	display: block;
	margin:15px 50px 50px;
}

.timeline-container .info-item h2.period-title{
	font-size:21px;
	line-height: 25px;
	display: inline-block;
	padding:5px 10px;
}

.timeline-container .info-item h2, .timeline-container .info-item h4{
	font-size:16px !important;
	line-height: 18px !important;
}

.timeline-container .info-item p{
	font-size:13px !important;
	line-height: 14px !important;
}

.timeline-container .info-item .content-green{
	padding:15px;
}

.timeline-container .info-item .content-green:before{
	display: none;
}

.timeline .period{
	position: absolute;
	height:8px;
	bottom:-5px;
	z-index:-1;
}


.timeline-legend{
	background: #F6F6F6;	
	border-radius: 5px;
	gap: 30px;
	margin:15px 50px 0px;
	display: flex;
	align-items: center;
	justify-content:space-around;
	padding:10px 15px;
	font-size: 10px;
}


.timeline-legend .circle{
	display: inline-block;
	width:13px;
	height:13px;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right:5px;
}

.bg-policy{
	background:#006969;
}
.bg-market{
	background: #FFC22B;
}
.bg-economic{
	background: #939598;
}

.timeline-container .info-item .wrapper {
  height: 160px;  
  overflow: hidden;
}
.timeline-container .info-item .wrapper.show {
  height: auto;
}

.timeline-container .info-item .text {
  position: relative;
  overflow: hidden;
}

.timeline-container .info-item .readmore {
  position: absolute;
  width: 100%;
  top: 115px;
  background: linear-gradient(0deg,#fff 49%, transparent 100%);
  left: 0;
  cursor: pointer;
  padding: 25px 0px 0px;
  height: 50px;
  z-index: 9;
}
.timeline-container .info-item .readmore::before {
  content: attr(data-more);  
  display: flex;
  left: 0px;
  position: absolute;
  color:var(--green-color);
  font-weight: bold;  
}
.timeline-container .info-item .wrapper.show .readmore{
  position: relative;
  top: auto;
  display: block;
}
.timeline-container .info-item .wrapper.show .readmore::before {
  content: attr(data-less);
  display: flex;
  left: 0px;
  position: absolute;
  color:var(--green-color);
  font-weight: bold;  
}

@media all and (min-width: 1024px){
	.web-sticky{
		position: sticky;
		top: 0px;
	}
}

@media all and (max-width:  1023px){
	.img-fluid{
		height: auto !important;
	}

	.bg-house{
		background-image: none;
	}

	.img-mobile{
		position: relative !important;
		bottom: 0px !important;
	}
	
}

@media all and (min-width: 768px){
	.justify-content-md-start{
		justify-content: flex-start;
	}
}

@media all and (max-width: 767px){
	#slider-home .slick-dots{
		bottom: 30px !important;
	}
	.single .gallery-item{
		float:none;
		width:auto !important;
		max-width: 80% !important;
	}
	.closebtn{
		font-size: 24px;
		margin-left: auto;
	}
	.refresh-green{
		background-size: 160px 100px;
		left: -40px;
		bottom: -15px;
	}
	.card-resources{
		align-items: flex-start;
	}
	.card-feature .circle{
		width: 41px;
		height: 41px;
	}
	.heart{
		width: 25px;
	  	height: 25px;
	  	position: relative;
	  	transform: rotate(-45deg);
	  	border: 3px solid #16C3AF;
	  	border-radius: calc(25px/50);
	  	border-top-color: transparent;
	  	border-right-color: transparent;
	  	background: transparent;
	  	margin-left: -10px;
	  	margin-top: 20px;
	}


	.heart:before, .heart:after {
	    content: '';
	    width: 25px;
	    height: 25px;
	    border-radius: 50%;
	    position: absolute;
	    border: 3px solid #16C3AF;
	    border-bottom-color: transparent;
	    border-right-color: transparent;
	    background: transparent;
	}

	.heart:before {
		top: calc(-25px/2);
		left: -3px;
		transform: rotate(45deg);
	}

	.heart:after{
		top: -3px;
	    left: calc(25px/2 - 3px*2);
	    transform: rotate(135deg);
	}

	.fz-18{
		font-size: 16px !important;
	}

	.fz-56 {
    font-size: 35px;
	}

	.card-org{
		padding-bottom: 1px;
	}

	.card-resources .image,
	.card-resources img{
		width: 100px !important;
		height: 100px !important;
		object-fit: cover;
		margin-right: 15px !important;
	}

	.card-resources p{
		-webkit-line-clamp: 2;
	}

	.border-bottom{
	
	}	

	.timeline-legend, .timeline-container .info-item.active{
		margin: 15px 0px;
	}


}

@media all and (max-width: 320px){

}