.img_aboute{
	padding-top:100px;
}
p {
    margin: 0 0 20px;
    word-spacing: 1px;
    text-align: justify;
}
span.intro-title {
    font-weight: 800;
    letter-spacing: 2px;
    font-size: 20px;
}
.title_contact{    color: #5e2ced;}
.owl-carousel .owl-item img {
    display: inline-block;
    width: 100px;
    height:100px;
}
.width-82 {
    width: 82%;
}
.bg-theme-light {

    padding: 25px 0;
}
.testim {
    margin-bottom: 30px;}
    ul.list_footer {
    text-align: justify;
}
.sheme_prg {
    text-align: center;
}
h3.footer-title-style {
 
    text-align: justify;
}
.footer-title-style:after {
    margin-left: 0;
    margin-right: auto;
}
.c21 {
    margin-top: 90px;
}
.page-title-section ul li:after {
 display:none;
}
[data-overlay-dark]:before {
    background: #a397c5;
}
.bc {

    padding: 10% 0 !important;
}
.border-color-light-gray {
    border-color: #fff !important;
}
.service-block3 h3 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 15px;
}
.mg-4 {
    margin-top: 6%;
}
.navbar-nav li.current > a, .navbar-nav > li.active > a {
    color: #000;
}
div#messageEx {
    display: none;
}
h1 {
    font-size: 37px;
}
.intro{
    color: #000;
}
.sup_title_re {
    color: #000;
    font-size: 17px;
    font-weight: 400;
}
input,textarea {
    border-top: none !important;
    border-left: none !important;
    border-right: none !IMPORTANT;
}
.border-color-light-gray {
    border-color: #fff !important;
}
.title_2 {
    font-size: 26px;
}
.title_6 {
    font-size: 27px;
}
a:hover, a:active {
    color: #5e2ced;
    text-decoration: none;
}
.transition {
  position: relative;
}

.transition img {
	position: absolute;
}

.top {
	animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-direction: alternate;
}

@keyframes fade {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.cont-fluid {
    width: 85% !important;
}
.language {
    font-size: 33px;
    line-height: 54px !important;
    color:#fff;
}img.language.icon-style.margin-15px-bottom.sm-margin-10px-bottom {
    width: 33px;
    height: 33px;
    margin-top: 14px;
}
.service-block3 {
    text-align: end;
}
.service-block3 .bg1 {
    background: linear-gradient(-45deg, #5e2ced, #5e2ced);
}
.feature-img .circle.two {
    left: 90px;}
    .feature-img .circle {
    
    left: -146px;}
    .theme-banner .screen-one {
    position: absolute;
    right: 8%;
    top: 20%;
    z-index: 1;
    width: 60%;
}
.shape-three {
    position: absolute;
    bottom: 35%;
    right: 60%;
    z-index: -1;
    animation: rotated 50s infinite linear;
    width: 14%;
}
p.sous-title {
    color: #fff;
    text-align: center;
    padding: 0 1%;
    font-size: 16px;
    font-style:italic;
}
.padding {
    PADDING: 0 !IMPORTANT;
    MARGIN: 0;
}
.item1 {
    padding: 0 0 43px 0 !important;
}
.price .features li {
    padding: 10px 0;}
    .theme-banner .banner-wrapper .sub-title {
    font-size: 18px;}
    .theme-banner {
  
    min-height: 770px !important;
}
.clients img {

    width: 90%;
    height: 80%;
    OBJECT-FIT: contain;
}
@media (max-width:576px){
	.service-block3 {
    text-align: CENTER;
}

.feature-img .circle {
    left: 0;
}
.cont-fluid {
    width: 100% !important;
}


	.col-lg-2.col-xs-6.col-md-2 {
    width: 33%;
}

.clients img {
    width: 100%;
    height: 100%;
    OBJECT-FIT: contain;
}

}
@media (max-width:991px){
.light-header-mobile {
    background: #edf5ff;
}
.padding_pc1 {
    margin-top: 7%;
}
.theme-banner .banner-wrapper-position {
    position: relative;
    margin: 14% auto 65% auto;
    max-width: 100%;
    text-align: center;
}
}
@media (min-width:1200px) and (max-width:1400px){
	.cont-fluid {
    width: 100% !important;
}
.padding_pc {
    padding-bottom: 34%;
}
}@media (min-width:992px) and (max-width:1200px){
.services-block7 {
    padding: 50px 25px 65px 25px;
    margin: 0 0 4% 0;
}
}
.section-heading3 p {
    font-size: 15px;

}
p {

    font-size: 16px;
}
section.lg {
    padding: 90px 0 30px 0;
}
.container.container-mode {
    max-width: 75%;
}
h4 {
    font-size: 27px;
}
.btn-link:hover {
    color: #ccc !important;

}
.icon-style {
  
    line-height: 51px !important;}
    .cloud {
    margin-top: 30%;
}
.banner-creative {
    background: #edf5ff;
    padding: 13% 0;
}
@media (max-width:991px){
	.container.container-mode {
    max-width: 100%;
}
.cloud {
    margin-top:10%;
    padding: 0 !important;
}

}
@media (min-width:992px) and (max-width:1200px){
	.container.container-mode {
    max-width: 90%;
}
}
@media (max-width:576px){

.icon-style {
    line-height: 40px !important;
}}
@media (max-width:576px){

h4 {
    font-size: 20px;
}}


.font-size38 {
    font-size: 33px;
    line-height: normal;
}
.list-style7 li i {
    color: #5e2ced;
  
    background: #5e2ced40;
  
}
@media (min-width:1200px){
	.image-box:before {

    width: 360px;
    height: 360px;

  
}
}
@media screen and (max-width: 992px){
.about-block7 {
    margin-top: 53%;
    padding-right: 0px;
    padding-bottom: 20px;
}
.image-box .image-3 {
    right: 0;
    width: 100%;
    top: 0;
}
}
@media (min-width:991px) and (max-width:1200px){
	.services-block {
    margin-bottom: 30px;
}
}
@media (min-width:1200px) and (max-width:1400px){
	
	.container.container-mode {
    max-width: 100%;
}
}
.creative-banner .wave {
    background: url(https://cdn.centoria.fr/centoria-images/wave.svg) repeat-x;
    position: absolute;
    top: -100px;
    width: 6400px;
    height: 100px;
    animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}

.creative-banner .creative-banner-img {
    position: absolute;
    left: -15px;
    top: -23%;
}
.creative-banner {
    padding: 12% 0 17% 0;
}
@media (max-width:991px){
	.creative-banner .creative-banner-img {
    position: relative;
    left: 0px;
    top: 5%;
}
}
h3 {
    font-size: 32px;
}
/*.navbar-light .navbar-brand {
    color: #fff;
}*/
.img_about{
	width:100%;
}
.navbar-light .navbar-brand {
    color: #fff;
}

.nav-a{
	    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 21px 0.5rem;
    color: #fff !important;
    letter-spacing: 0.5px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}
.sticky{
	color:#000 !important;
}
div#exampleModal {
    z-index: 99999 !important;
}
a.modal_link {
    color: #6f6f6f !important;
}
@media (min-width:991px) and (max-width:1200px){
	.creative-banner .creative-banner-img {

    top: -11%;
}
}
a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}


/******************* Timeline Demo - 3 *****************/
.main-timeline3{overflow:hidden;position:relative}
.main-timeline3:before{content:"";width:10px;height:60%;border:3px solid #959595;position:absolute;top:40px;left:50%;transform:translateX(-50%)}
.main-timeline3 .timeline{width:50%;padding:10px 60px 10px 100px;float:right;position:relative}
.main-timeline3 .timeline:before{content:"";width:40px;height:40px;border-radius:50%;background:#5e2ced;border:5px solid #fff;box-shadow:0 0 1px 5px #5e2ced;position:absolute;top:42px;left:-20px}
.main-timeline3 .timeline-content{display:block;background:#fff;padding:70px 15px 10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.15) inset;position:relative}
.main-timeline3 .timeline-content:hover{text-decoration:none}
.main-timeline3 .year{display:block;width:80%;height:50px;background:#5e2ced;padding:0 0 0 50px;font-size:30px;font-weight:800;color:#fff;line-height:50px;box-shadow:0 0 20px rgba(0,0,0,.4) inset;border-radius:10px 10px 10px 0;position:absolute;top:20px;left:-20px}
.main-timeline3 .year:before{content:"";border-top:40px solid #5e2ced;border-left:20px solid transparent;border-bottom:20px solid transparent;position:absolute;bottom:-60px;left:0}
.main-timeline3 .title{font-size:18px;font-weight:600;text-transform:uppercase;color:#4a4a4a}
.main-timeline3 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 60px;text-align:right}
.main-timeline3 .timeline:nth-child(2n):before{left:auto;right:-20px;background:#5e2ced;box-shadow:0 0 1px 5px #5e2ced}
.main-timeline3 .timeline:nth-child(2n) .year{padding-right:50px;border-radius:10px 10px 0;left:auto;right:-20px;background:#5e2ced}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:none;border-right:20px solid transparent;left:auto;right:0;border-top-color:#5e2ced}
.main-timeline3 .timeline:nth-child(2){margin-top:140px}
.main-timeline3 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline3 .timeline:nth-child(even){margin-bottom:60px}
.main-timeline3 .timeline:first-child,.main-timeline3 .timeline:last-child:nth-child(even){margin:0}
.main-timeline3 .timeline:nth-child(3n):before{background:#5e2ced;box-shadow:0 0 1px 5px #5e2ced}
.main-timeline3 .timeline:nth-child(3n) .year{background:#5e2ced}
.main-timeline3 .timeline:nth-child(3n) .year:before{border-top-color:#5e2ced}
.main-timeline3 .timeline:nth-child(4n):before{background:#8cc43d;box-shadow:0 0 1px 5px #8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year{background:#8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year:before{border-top-color:#8cc43d}
@media only screen and (max-width:990px){.main-timeline3:before{top:8%}
.main-timeline3 .timeline{padding:10px 10px 10px 100px}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 10px}
}
@media only screen and (max-width:767px){.main-timeline3:before{width:8px;top:34px;left:12px;transform:translateX(0);    height: 70%;}
.main-timeline3 .timeline,.main-timeline3 .timeline:nth-child(even),.main-timeline3 .timeline:nth-child(odd){width:100%;float:none;text-align:left;padding:0 0 0 60px;margin:0 0 30px}
.main-timeline3 .timeline:before,.main-timeline3 .timeline:nth-child(2n):before{width:20px;height:20px;border:3px solid #fff;top:38px;left:6px}
.main-timeline3 .timeline:nth-child(2n) .year{right:auto;left:-20px;border-radius:10px 10px 10px 0}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:20px solid transparent;border-bottom:20px solid transparent;border-right:none;right:auto;left:0}
}
@media (max-width: 991px){
.col-lg-2.col-xs-6.col-md-2 {
    width: 33%;
}}
.color-white{
	color: #fff !important;
}
.title_1 {
    font-size: 16px;
    margin-bottom: 0;
}
.widget-block .list-style-icon li h5 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #243f67;
}
.widget-block .list-style-icon li p {
 
    text-align: initial;
}
@media (max-width: 767px){
h3 {
    font-size: 26px;
}
h1 {
    font-size: 30px;
}}
.modal-body.text-justify>ul>li>a {
    font-size: 14.4px;
}

@media (min-width:992px){
	
	.box_outils.box2 {
    display: none;
}
}

@media (max-width:767px){
	img.img_outils {
    max-width: 30%;
    margin-bottom: 10px;
}
}
h2.text-black {
    margin: 0;
    font-size: 19px;
}.box1,.box2,.box3,.box4,.box5,.box6,.box7 {
   margin-bottom: 40px;
   text-align: center;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset;
   padding: 10px;
   border-radius: 20px;
}
.title_org {
    font-size: 23px;
    margin-bottom: .5rem;
}
img.img_outillage {
    width: 75%;
    margin-bottom: 15px;
}
.box1:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: 153px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    right: 45%;
}
.box2:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: 96px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    right: -14px;
    transform: rotate(-89deg);
}
.box4:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: 96px;
    left: -15px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    transform: rotate(89deg);
}
img.img_outillage2 {
    WIDTH: 45%;
    margin-top: 12px;
    margin-bottom: 0;
}
.box5:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: -20px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    right: 45%;
    transform: rotate(-180deg);
}
.box6:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: -20px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    right: 19%;
    transform: rotate(-180deg);
}
.box7:before {
    margin: 0 auto;
    content: "";
    position: absolute;
    top: -20px;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    display: block;
    left: 20%;
    transform: rotate(-180deg);
}
img.img_outillage3 {
    width: 35%;
    margin-top: 10px;
}
img.img_outillage4 {
    width: 46%;
    margin: 17px 0;
}
img.img_outillage1 {
    width: 40%;
    margin-bottom: 15px;
}
.box3 {
    padding-bottom: 5%;
    padding-top: 5%;
    HEIGHT: 85%;
}
.box2 {
    padding-bottom: 5%;
    height: 85%;
}
.box4 {
    height: 85%;
}
.container.container-mod1 {
    max-width: 85%;
}
@media(max-width:767px){
   .box4:before {
    top: -20px;
    left: 44%;
    transform: rotate(180deg);
}
  .box2 {
    padding-bottom: 1.2%;
}
.box2:before {
    top: 175px;
    right: 45%;
    transform: rotate(0deg);
}
img.img_outillage {

    margin-bottom: 0;
}
img.img_outillage1 {
    width: 46%;
    margin-bottom: 0;
    margin-top: 20px;
}
}
@media(max-width:991px){

  .box2 {
    padding-bottom: 1.2%;
}

img.img_outillage {

    margin-bottom: 0;
}
}


@media (max-width:576px){
.title_org {font-size: 16px;}
.container.container-mod1 {
    max-width: 100%;
}
   .box4:before {
    top: -20px;
    left: 44%;
    transform: rotate(180deg);
}
.box2:before {
    top: 182px;
    right: 44%;
    transform: rotate(0deg);
}
.sheme_prg {
    text-align: justify;
}
.title_6 {
    font-size: 22px;
}
.box1:before {

    top: 144px;
  }

.box6:before {
    right: 40%;
  
}
.box7:before {
    LEFT: 40%;
}
}
@media (min-width:576px) and (max-width:991px){
.box2:before {
    top: 194px;
    right: 45%;
    transform: rotate(0deg);
}
.box4:before {
    top: -20px;
    left: 49%;
    transform: rotate(180deg);
}
img.img_outillage {
    width: 70%;
    margin-bottom: 15px;
}
img.img_outillage2 {
    WIDTH: 36%;
    margin-top: 12px;
    margin-bottom: 0;
}
img.img_outillage4 {
    width: 40%;
    margin: 17px 0;
}
img.img_outillage1 {
    width: 35%;
    margin-bottom: 15px;
    margin-top: 20px;
}
p.text-center.text-dark {
    font-size: 15.6px;
}
}
@media (min-width:1200px) and (max-width:1600px){

.title_org {
    font-size: 16px;
    margin-bottom: .5rem;
}
.container.container-mod1 {
    max-width: 100%;
}
.box1:before {

    top: 144px;
    left: 42%;
}
