/* production */
.our-production {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	font-family: 'Circe';
	font-weight: 100;
	overflow: visible;
	padding-top: 80px;
	padding-bottom: 80px;
}
.our-production__list {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-left: -21px;
	margin-right: -21px;
}
.our-production__item {
	width: 33.33%;	

	position: relative;
	background-position: center;
	background-size: contain;
	color: #333;
	cursor: pointer;
	display: block;
	padding-left: 21px;
	padding-right: 21px;
	margin-bottom: 50px;
}

.our-production__item:hover .our-production__item-btn:after {
	width: 100px;
	border-radius: 30px;
	background:  #ff1769 url(images/main-arrow-hover.svg) no-repeat 70px;
}
.our-production__item--2:hover .our-production__item-btn:after,
.our-production__item--3:hover .our-production__item-btn:after {
	width: 40px;
	border-radius: 20px;
	background:  #ff1769 url(images/main-arrow-mini-hover.svg) no-repeat 24px;
}



.our-production__item--1:hover {color: #ff1769;}
.our-production__item--1:hover .our-production__title {color: #ff1769;}

.our-production__item-inner {	
	position: absolute; 
	width: 100%;
	height: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: .3s;
	padding: 30px 30px;
}

.our-production__item--1 .our-production__item-inner{
	opacity: 1;
}

.our-production__item--3 .our-production__item-inner {
	opacity: 1;
}

.our-production__item--2 .our-production__item-btn:after,
.our-production__item--3 .our-production__item-btn:after {
	width: 20px;
	height: 20px;
}

.our-production__item-inner:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; transition: .3s; }
.our-production__item-wr { background: #fff; position: relative; z-index: 2; max-height: 100%; overflow: hidden; }
.our-production__item-in {  }
.our-production__item:not(.our-production__item--main):hover .our-production__item-inner {
	opacity: 1;
	z-index: 9;
	overflow: visible; 
}

.our-production__item--3.our-production__item--img:hover .our-production__item-inner {
	opacity: 0;
}
.our-production__item-fone { position: absolute; width: 100%; height: 100%; }
.our-production__item-fone img { position: absolute; width: auto; max-width: 100%; height: auto; max-height: 100%; top: 0; left: 0; right: 0;	bottom: 0; margin: auto; }
.our-production__item--main .our-production__item-inner {
	opacity: 1;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.our-production__item--main .our-production__item-wr {
	display: table-cell;
	vertical-align: middle;
}
.our-production__item--main .our-production__title {
	font-size: 58px;
}

.our-production__title
{
	font-size: 28px;
	line-height: 38px;
	font-weight: normal;
	margin-bottom: 20px;
}

.our-production__item--1 .our-production__title{
	font-size: 28px;
}


.our-production__title-2 {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 16px;
	font-family: 'Circe';	
}
.our-production__text {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}
.our-production__text p {
	margin-bottom: 0;
}

.our-production__all {
	position: relative;
	display: block;
	font-size: 20px;
	color: #223f7a;
}
.our-production__all:after
{
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #223f7a;
	border-top: 1px solid #223f7a;
	display: inline-block;
	transform:  rotate(45deg);
}

a.our-production__item--1 .our-production__item-btn:after {
	background: #eeeeee url(images/main-arrow.svg) no-repeat center;
}

.our-production__item-btn {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: calc(100% - 2px);
	height: 47px;
}


.our-production__item--2 .our-production__item-btn,
.our-production__item--3 .our-production__item-btn {
	height: 60px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%);
	z-index: 14;
}
a.our-production__item .our-production__item-btn:after {
	content:'';
}
.our-production__item-btn:after {
	
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 47px;
	height: 47px;
	border-radius: 40px;
	background: #eeeeee url(images/main-arrow-mini.svg) no-repeat center;
	transition: .3s ease-in-out;
	z-index: 15;
}
.our-production__img
{
	margin-bottom: 35px;
	position: relative;
	padding-top: 73%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
/* .our-production__img img
{
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
} */
.our-production__all-news
{
	display: block;
	text-align: center;
	
}

.our-production__all-news span
{
	display: inline-block;
	color: #004F9F;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 300;
	padding: 0 15px;
}
.our-production__all-news:hover span
{
	color: #fff;
	background-color: #00509f;
}

@media (max-width: 1700px) {
	.our-production
	{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.our-production__title
	{
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.our-production__text {
		font-size: 16px;
		line-height: 26px;
	}



}
@media (max-width: 1500px) {
	.our-production
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.our-production__title
	{
		font-size: 22px;
		line-height: 32px;
	}
	.our-production__text {
		font-size: 14px;
		line-height: 24px;
	}
	.our-production__item
	{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 40px;
	}
	.our-production__list
	{
		margin-left: -15px;
		margin-right: -15px;
	}
	.our-production__img
	{
		margin-bottom: 25px;
	}
}
@media (max-width: 1199px) {

	.our-production
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.our-production__img
	{
		margin-bottom: 15px;
	}
	.our-production__title
	{
		font-size: 20px;
		line-height: 30px;
	}
	.our-production__item
	{
		margin-bottom: 30px;
	}
}

@media (min-height: 1000px) and (min-width: 1501px) {
	.our-production__item-inner {
		padding: 40px 40px;
	}

	.our-production__item-btn {
		bottom: 40px;
		left: 0px;
	}

	.our-production__item-btn:after {
		left: 40px;
	}

	.our-production__item--main .our-production__title {
		font-size: 61px;
	}

}

@media (min-height: 1120px) and (min-width: 1501px) {
	.our-production__item--main .our-production__title {
		font-size: 64px;
	}

	.our-production__item-inner {
		padding: 53px 53px;
	}

	.our-production__item-btn {
		bottom: 53px;
		left: 0px;
	}

	.our-production__item-btn:after {
		left: 53px;
	}
}



@media (min-height: 801px) and (min-width: 1501px) {
	.our-production__title-2 {
		font-size: 28px;
	}
	.our-production__item--main .our-production__title {line-height: 1.1;}

}
@media(max-width: 1750px) {
	.our-production__item--1 .our-production__title {font-size: 35px;}
}
@media(max-width: 1500px) {

	.our-production__item--1 .our-production__title {font-size: 30px;}
	.our-production__item--main .our-production__title {font-size: 48px;}
}

@media(max-width: 1300px) {
	.our-production__item--1 .our-production__title {
		font-size: 28px;
	}
}
@media(max-height: 1000px) and (min-width: 1201px) {
	.our-production__item--1 .our-production__title {font-size: 35px;}
}
@media(max-height: 800px) and (min-width: 1201px) {
	.our-production__title { font-size: 28px; line-height: 38px; }
	.our-production__item--1 .our-production__title {font-size: 28px;}
	.our-production__text { font-size: 14px; }
	.our-production__title-2 { font-size: 20px; margin-bottom: 10px;}
	.our-production__item--main .our-production__title {line-height: 1.1;}
}
@media(max-height: 750px) and (min-width: 1201px) {
	.our-production__item--1 .our-production__title {font-size: 25px;}
}
@media(max-height: 700px) and (min-width: 1201px) {
	.our-production__item-inner { padding: 20px 20px; }
	.our-production__item-btn {
		bottom: 20px;
		left: 0px;
	}
	.our-production__item-btn:after {
		left: 20px;
	}
}
@media(max-height: 600px) and (min-width: 1201px) {
	.our-production__item--1 .our-production__title {font-size: 22px;}
}



@media(max-width: 1200px) {	
	.our-production__item--main .our-production__item-inner {	left: 0; }
	.our-production__item--main .our-production__title {line-height: 1.1; font-size: 41px;}

	.our-production__item--1 .our-production__title  {font-size: 29px;}	
	.our-production__title-2 { font-size: 20px;  }
	.our-production__text { font-size: 16px; }
	.our-production__item-inner { padding: 20px 20px; }
	.our-production__item-btn {
		bottom: 20px;
		left: 0px;
	}
	.our-production__item-btn:after {
		left: 20px;
	}



}

@media(max-width: 991px) {
	.our-production__item {
		width: 50%;
	}
	/*.our-production__item:nth-child(odd):last-child { display: none; }*/
	.our-production__item--1 .our-production__title  {font-size: 32px;}
	.our-production__item--main .our-production__title {
		font-size: 45px;
	}

}
@media(max-width: 767px) {
	.our-production__item-inner { padding: 20px 20px; }
	.our-production__item-btn {
		bottom: 20px;
		left: 0px;
	}
	.our-production__item-btn:after {
		left: 20px;
	}

	.our-production__title-2 {
		font-size: 18px;
	}
	.our-production__text {
		font-size: 14px;
	}
	.our-production__item--main .our-production__title {
		font-size: 45px;
	}

	.our-production__item--1 .our-production__title {
		font-size: 28px;
	}

}

@media(max-width: 550px) {
	.our-production__item {
		width: 100%;	
		display: none;
	}
	.our-production__item--main .our-production__item-inner {
		position: static;
	}

	.our-production__item:nth-child(1),
	.our-production__item:nth-child(2),
	.our-production__item:nth-child(3)
	{
		display: block;
	}
	.our-production__img img
	{
		max-height: 260px;
	}

	.our-production__all-news span
	{

		font-size: 14px;
		line-height: 21px;
		text-decoration: underline;
		height: auto;

	}
}

@media(max-width: 450px) {

	.our-production__item--1 .our-production__title  {font-size: 25px;}
}