/** projects **/

.projects_item_img{
	position:relative;
}

.projects_item_beforetitle{
	font-size: 15px;
	font-weight: 300;
	line-height: 160%; 
	margin-bottom:6px;
}

a.projects_item_in{
	display:flex;
}

a.projects_item_in span{
	display:block;
}

a.projects_item_in span.projects_item_info_func_in{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	border-radius:var(--button_border_radius);
	display:flex;
	align-items:flex-end;
	padding:40px;
	color:#fff;
	flex-wrap:wrap;
	background: linear-gradient(0deg, var(--main_color) 0%, rgba(0, 85, 137, 0.12) 100%); 
}

.projects_item_title{
	font-size: 24px;
	font-weight: 800;
	line-height: 125%;
	text-transform: uppercase; 
}

.projects_item_img img{
	height: 480px; 
	border-radius: var(--button_border_radius);
	object-fit:cover;
}



.projects_item{
	margin-bottom:24px;
}

.projects_img {
	width:100%;
}

.projects_img img{
	width:100%;
	height:336px;
	transition: all .3s ease;
	object-fit:cover;
	border-radius: var(--button_border_radius);
}

.projects_item_in{
	display:flex;
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius: var(--button_border_radius);
}

.projects_info_func_in{
	position:absolute;
	left:0px;
	width:100%;
	display:flex;
	align-items:flex-end;
	padding:33px 48px;
	top:0px;
	height:100%;
	overflow:hidden;
	border-radius: var(--button_border_radius);
	transition: all .3s ease;
	background: linear-gradient(180deg, var(--extra_color_opacity_15) 0%, var(--extra_color) 88.89%);
}

.projects_item_in:hover .projects_img img{
	transform: scale(1.09); 
}

.projects_item_in:hover .projects_info_func_in{
	opacity:0.92;
}

.projects_title{
	color: var(--ffffff, #FFF);
	font-size: 22px;
	font-weight: 800;
	max-width:570px;
	line-height: 136.364%;
	text-transform: uppercase;
}

.projects_item_big .projects_img img{
	height:600px;
}

.projects_item_big{
	text-align:center;
}

.more_page svg path{
	stroke:var(--extra_color_2) !important;
}

.more_page svg{
	margin-left:4px;
}

.more_page{
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	font-size: 15px; 
	padding:22px 22px;
	text-transform:uppercase;
	font-weight: 700; 
	color:var(--extra_color_2);
}


/** projects end**/


/** simple **/

.projects_simple_item a span{
	display:block;
}

.projects_simple_item_info{
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
  position: relative;
}

.projects_simple_item a {
  display: block;
  height: 100%;
  position: relative;
  border-radius: var(--button_border_radius);
  background-color: var(--main_color);
  color: #fff;
}

.projects_simple_item_img{
	position:relative;
}

.projects_simple_item_img:before {
  background: linear-gradient(180deg, rgba(0, 35, 69, 0.02) 0%, var(--main_color) 100%);
  height: 50%;
  width: 100%;
  display: block;
  border-radius: var(--button_border_radius);
  position: absolute;
  left: 0px;
  bottom:0px;
  content: "";
}

.projects_simple_item_img img{
	border-radius: var(--button_border_radius);
	height: 242px;
	object-fit: cover;
	width: 100%;
}

.projects_simple_item_title {
  font-size: 15px;
  min-height: 24px;
  font-weight: 800;
  line-height: 133.333%;
  margin-bottom: 10px;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.projects_simple_item{
	margin-bottom:30px;
}

.row_qty_2 .projects_simple_item_img img{
	height:290px;
}

.row_qty_2 .projects_simple_item .projects_simple_item_info{
	padding:0px 30px  15px;	
	margin-bottom:0px;
}

.row_qty_2 .projects_simple_item .projects_simple_item_title{
	font-size:21px;
}

.row_qty_2 .projects_simple_item{
	width:50%;
}

.row_qty_3 .projects_simple_item{
	width:33.33333333333333%;
}

.row_qty_4 .projects_simple_item{
	width:25%;
}

/** simple end**/



@media (max-width: 990px) {
	
.row_qty_2 .projects_simple_item, 
.row_qty_3 .projects_simple_item,
.row_qty_4 .projects_simple_item{
	width:50%;
}

}

@media (max-width: 640px) {
	
.row_qty_2 .projects_simple_item, 
.row_qty_3 .projects_simple_item,
.row_qty_4 .projects_simple_item{
	width:100%;
}

.row_qty_4 .projects_simple_item_img img,
.row_qty_3 .projects_simple_item_img img,
.row_qty_2 .projects_simple_item_img img {
	height: 200px;
}

}