.bloc-about{
position: relative;
margin-top: 13%;
background: rgba(234,221,194,1);
background: -moz-linear-gradient(left, rgba(234,221,194,1) 0%, rgba(227,212,177,1) 28%, rgba(208,185,133,1) 51%, rgba(199,173,111,1) 71%, rgba(192,163,96,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,221,194,1)), color-stop(28%, rgba(227,212,177,1)), color-stop(51%, rgba(208,185,133,1)), color-stop(71%, rgba(199,173,111,1)), color-stop(100%, rgba(192,163,96,1)));
background: -webkit-linear-gradient(left, rgba(234,221,194,1) 0%, rgba(227,212,177,1) 28%, rgba(208,185,133,1) 51%, rgba(199,173,111,1) 71%, rgba(192,163,96,1) 100%);
background: -o-linear-gradient(left, rgba(234,221,194,1) 0%, rgba(227,212,177,1) 28%, rgba(208,185,133,1) 51%, rgba(199,173,111,1) 71%, rgba(192,163,96,1) 100%);
background: -ms-linear-gradient(left, rgba(234,221,194,1) 0%, rgba(227,212,177,1) 28%, rgba(208,185,133,1) 51%, rgba(199,173,111,1) 71%, rgba(192,163,96,1) 100%);
background: linear-gradient(to right, rgba(234,221,194,1) 0%, rgba(227,212,177,1) 28%, rgba(208,185,133,1) 51%, rgba(199,173,111,1) 71%, rgba(192,163,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaddc2', endColorstr='#c0a360', GradientType=1 );
}
.bloc-about .about-img{
transform: translateY(-135px);
    margin-bottom: -180px;
   display: inline-block; 
text-align: center;
}
.bloc-about .about-img img {
  opacity: 0;
   display: inline-block; 
text-align: center;
}
.bloc-about .about-txt {
	padding-top: 55px;
	padding-bottom: 55px;
opacity:0;
}
.bloc-about.activesection .about-txt {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
opacity:1;
}

.bloc-about .about-txt h1.left {
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bloc-about .line {
    background: #fff;
		width: 1px; 
		height: 60px;
}
.bloc-about h1.left span {
   display: block;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 25px;
}
.bloc-about .about-txt p {
    color: #f9eed5;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin-top: 20px;
   font-family: 'Open Sans';
}
.bloc-about .link {
       color: #fff;
	font-size: 15px;
	text-decoration: none;
	margin-top: 45px;
   font-family: 'Open Sans';
  position: relative;
display: inline-block;
}
.bloc-about .link:before {
 font-family: 'Linearicons-Free';
    content: "\e87a";
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 65px;
    top: -2px;
    -webkit-transition: margin 200ms;
    transition: margin 200ms;
    margin-left: .75em;
    -webkit-transition: .5s;
    transition: .5s;
}
.bloc-about .link:hover {
text-decoration: none;
-webkit-animation: color_change 1s alternate;
	-moz-animation: color_change 1s alternate;
	-ms-animation: color_change 1s alternate;
	-o-animation: color_change 1s alternate;
	animation: color_change 1s alternate;
}
.bloc-about .link:hover:before {
-webkit-animation: color_change 1s alternate;
	-moz-animation: color_change 1s alternate;
	-ms-animation: color_change 1s alternate;
	-o-animation: color_change 1s alternate;
	animation: color_change 1s alternate;
    margin-left: 1.25em;
}

@-webkit-keyframes color_change {
	from { color: #fff; }
	to { color: #5958a5; }
}
@-moz-keyframes color_change {
	from { color: #fff; }
	to { color: #5958a5; }
}
@-ms-keyframes color_change {
	from { color: #fff; }
	to { color: #5958a5; }
}
@-o-keyframes color_change {
	from { color: #fff; }
	to { color: #5958a5; }
}
@keyframes color_change {
	from { color: #fff; }
	to { color: #5958a5; }
}
.bloc-about.activesection .about-img img {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

@-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
@media screen and (max-width: 1400px) {
.bloc-about {
margin-top: 22%;
}
}
@media screen and (max-width: 993px) {
.bloc-about {
background: rgba(217,195,146,1);
background: -moz-linear-gradient(left, rgba(217,195,146,1) 0%, rgba(213,191,142,1) 24%, rgba(204,183,126,1) 48%, rgba(196,172,105,1) 71%, rgba(192,164,97,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,195,146,1)), color-stop(24%, rgba(213,191,142,1)), color-stop(48%, rgba(204,183,126,1)), color-stop(71%, rgba(196,172,105,1)), color-stop(100%, rgba(192,164,97,1)));
background: -webkit-linear-gradient(left, rgba(217,195,146,1) 0%, rgba(213,191,142,1) 24%, rgba(204,183,126,1) 48%, rgba(196,172,105,1) 71%, rgba(192,164,97,1) 100%);
background: -o-linear-gradient(left, rgba(217,195,146,1) 0%, rgba(213,191,142,1) 24%, rgba(204,183,126,1) 48%, rgba(196,172,105,1) 71%, rgba(192,164,97,1) 100%);
background: -ms-linear-gradient(left, rgba(217,195,146,1) 0%, rgba(213,191,142,1) 24%, rgba(204,183,126,1) 48%, rgba(196,172,105,1) 71%, rgba(192,164,97,1) 100%);
background: linear-gradient(to right, rgba(217,195,146,1) 0%, rgba(213,191,142,1) 24%, rgba(204,183,126,1) 48%, rgba(196,172,105,1) 71%, rgba(192,164,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c392', endColorstr='#c0a461', GradientType=1 );
margin-left: 15px;
margin-right: 15px;
margin-top: 30%;
}
.box-about {
padding: 0;
width: 100%;
}
.about-img {
width: 100%;
}
.about-txt {
width: 100%;
}
}

@media screen and (max-width: 550px) {
.bloc-about {
margin-top: 46%;
}
}

@media screen and (max-width: 350px) {
.bloc-about {
margin-top: 49%;
}
}