/*pierre*/

.pierre-last {
  margin-bottom: 100px;
}

.pierre-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  color: #000;
  min-width: 100%;
  margin: 0 -10px;
}

.pierre-col-2 {
  width: calc(50% - 20px);
  margin: 0 10px 30px;
}

.pierre-col-3 {
  width: calc(33.333333% - 20px);
  margin: 0 10px 30px;
}

.pierre-col-3 .pierre-text
{
	text-align:left;
	padding:0 20px;
}

.pierre-grid__img {
  margin-bottom: 20px;
}

.pierre-grid__img img {
  width: 100%;
}

.pierre-header {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  background: #231f20;
}

.pierre-header .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 200px;
  padding-bottom: 70px;
}

.pierre-header img {
  max-width: 100%;
}

.pierre-title {
  margin:50px 0 20px 0;
  text-align: center;
}

h1.pierre-h1 {
  margin: 0 auto;
  max-width:1100px;
  font-size: 52px;
  line-height: 1.2;
  font-weight:bold;
}

.pierre-sub-title {
	max-width: 680px;
	font-size: 30px;
	line-height:1.4;
	margin: 0 auto;
	color:black;
}

.pierre-banner {
  margin-bottom: 50px;
}

.pierre-banner img {
  width: 100%;
}

.pierre-about {
  margin-bottom: 40px;
}

.pierre-text-block
{
	padding: 0 20px;
	margin:50px 0;
	padding-bottom:50px;
	border-bottom:1px solid #d8d8d8;
	font-size: 18px;
	line-height:1.4;
	color:black;
	text-align:center;
}
.pierre-text
{
	font-size: 18px;
	line-height:1.4;
	color:black;
}

.pierre-text:last-child {
  margin-bottom: 0;
}

.pierre-perfect-offer {
  max-width: 1000px;
  font-size: 38px;
  line-height: 42px;
  text-align: center;
  color: #ec3237;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 auto 50px;
}

.pierre-handle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 0;
  margin-bottom:50px;
  color: #000;
  border-top: 1px solid #d8d8d8;
}

.pierre-handle--fw .pierre-handle__img {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 100%;
  text-align:center;
}

.pierre-handle--fw .pierre-handle__info {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.pierre-handle--fw .pierre-handle__artucul {
  margin-bottom: 5px;
}

.pierre-handle__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pierre-handle img {
  max-width: 100%;
}

.pierre-handle__info {
  width:380px;
  padding-left:40px;
}

.pierre-handle__artucul {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.pierre-handle__text {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.pierre-handle__color {
  font-size: 16px;
  color: #a2a2a2;
}


div.pierre-textimage
{
	display:flex;
	flex-wrap:wrap;
	margin:50px 0;
	padding-top:50px;
	border-top:1px solid #d8d8d8;
}
div.pierre-textimage-text
{
	width:33.33%;
	padding:0 20px;
	font-size:18px;
	color:black;
}
div.pierre-textimage-image
{
	width:66.66%;
	text-align:center;
}


@media only screen and (max-width:1200px)
{
	div.pierre-textimage-text
	{
		width:50%;
	}
	div.pierre-textimage-image
	{
		width:50%;
	}
}

@media only screen and (max-width:1023px) {

  h1.pierre-h1 {
    font-size: 40px;
  }

  .pierre-sub-title {
    font-size: 20px;
  }

  .pierre-banner {
    margin-bottom: 30px;
  }

  .pierre-text {
    font-size: 16px;
    line-height: 1.4;
  }

  .pierre-handle {
    padding: 20px 0;
  }

  .pierre-handle__info {
    width: 250px;
    padding: 0 20px;
  }

  .pierre-handle__artucul {
    font-size: 20px;
  }

  .pierre-handle__text {
    font-size: 16px;
  }

  .pierre-perfect-offer {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width:800px)
{
	.pierre-text-block
	{
		font-size:16px;
	}
	div.pierre-textimage-text
	{
		font-size:16px;
	}
}

@media only screen and (max-width:739px)
{

  .pierre-col-2,
  .pierre-col-3 {
    width: calc(100% - 20px);
  }

  h1.pierre-h1 {
    text-align: center;
    font-size: 36px;
  }

	div.pierre-textimage-text
	{
		width:100%;
		margin-bottom:20px;
	}
	div.pierre-textimage-image
	{
		width:100%;
	}

  .pierre-text {
    padding: 0;
  }

  .pierre-handle__img {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .pierre-handle__info {
    width: 100%;
    padding: 0;
  }

  .pierre-header .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 40px;
  }
}