
/*====================================================
--<	Techno About Area Css -->
======================================================*/


.xpad-bot-100 {
    padding-bottom: 100px;
}

.xpad-top-70 {
    padding-top: 70px;
}
/*.about_icon */
.xfloat-l {float: left;}

/*.about_icon .icon {*/
.xfont-size-40 { font-size:40px;}
.xcolor-pur {color: #670167;
}
/*.singel-about-content {*/
.xbrd-l {border-left: 1px solid #ddd;
}
/*.singel-about-content h5 { xfont-wei xmargin0 */
.xfont-wei{font-weight: 700;}
.xmargin0 {margin: 0;
}


/*.rsi_titre_princ h1 span 
    color: #670167;
}{*/

/*.rsi_sous_titre h6 {  xlet-spac-5 xfont-size16 xcolor-pur xcolor-pur
    color: #670167;*/
.xlet-spac-5 {letter-spacing: 5px;}
  
.xfont-size16 {font-size: 16px;
}


/*.rsi_titre_inner .em_bar {
    margin: 0;
}
.em_bar { xbg-col-vio xheight2 xmargin0a5 xwidth62 */
.xbg-col-vio {background: #9B50DB none repeat scroll 0 0;}
.xheight2 {height: 2px;}
.xmargin0a5 {margin: 0 auto 5px;}
.xwidth62 {width: 62px;
}


/*.em_bar_bg {position: relative; xpos-rel xheigh5 xwidth90 bg-vioclai xmargin20 xbrd-r30*/
.xheight5 {height: 5px;}
.xwidth90 { width: 90px;}
.bg-vioclai {background: #cbbded;}
.xmargin20 {margin: 20px auto;}
.xbrd-r30 {border-radius: 30px;
}




/*.single_about_shape {*/
.xpos-rel {position: relative;
}

/*.bounce-animate {  xanim-n-fb  xanim-dur-2 xanim-iter-co_i xanim-tim-f-l */
.xanim-n-fb {animation-name: float-bob;
    -moz-animation-name: float-bob;
    -ms-animation-name: float-bob;
    -o-animation-name: float-bob;}
.xanim-dur-2 {animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;}
.xanim-iter-co_i {animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.xanim-tim-f-l {animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;}
    
 
@keyframes float-bob {
     0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    50% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px); }
    100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); } 
}

.single_about_shape_thumb {
position: absolute;
    bottom: -70px;
    z-index: -1;
    left: -94px;
}

.single_about_shape_thumb img {
    width: 70%;
}

/*.em_bar_bg:before {xcont xpos-abs xleft0 xtop xheigh10 xwidht10 xbrd-r xanim-dur3 xanim-tim-f-l xanim-n-mbg*/
.xcont{content: '';}
.xpos-abs {position: absolute;}
.xleft0 {left: 0;}
.xtop {top: -2.7px;}
.xheigh10 {height: 10px;}
.xwidht10 {width: 10px;}
.xbrd-r {border-radius: 50%;}
/*.xbg-col-vio{color : #670167;}*/
.xanim-dur3{-webkit-animation-duration: 3s;
    animation-duration: 3s;}
.xanim-tim-f-l{-webkit-animation-timing-function: linear;
    animation-timing-function: linear;}
    /*-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; */
.xanim-n-mbg{-webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;}

  @keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(88px);
              transform: translateX(88px);
    }
  }

