    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url("images/email.png");
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    width: 100%;    
}
.fltrgt{
    float: right;
}
/* END SIDEBAR */

/* START PRODUSE RECOMANDATE BAR */
tr{
    display: block;
}
td{
    display: inline-block;
}
.items{
    display: inline-block;
    text-align: center;
    width: 180px;
    margin: 0 7px 0 7px;
    padding-top: 10px;
    border: 1px solid #999;
    border-radius: 20px;
}
.items img{
    width: 160px;
    height: 140px;
    border: 1px solid rgba(207, 207, 207,.7);
}
.items button{
    background: #666;
    width: 80px;
    height: 26px;
    float: right;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: none;
    border-bottom: none;
    outline: none;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    transition: background 0.2s ease-in;
}
.items button:hover{
    background: #888;

}
.desc,.price,.other{
    display: block;
    margin-bottom: 10px;
}
/* END PRODUSE RECOMANDATE BAR */

/* START FOOTER */
footer{
    height: 40px;
    width: 60%;
    text-align: center;
    color: white;
    background-color: #2196F3;
}
.skills{
    text-align:
border - radius: 4px; 
     font - size: 16px; 
     background - color: blank; 
     setting - image: url("images / email.png "); 
     background - position: 10px 10px; 
     backdrop - repeat: no - repeat; 
     padding: 12px 20px 12px 40px; 
     -webkit - transition: width 0.4s ease - in - out; 
     conversion: width 0.4s rest - in - out; 
     width: 100% ;    
 } 
 .fltrgt { 
     float: right; 
 } 
 / * END SIDEBAR * / 

 / * get down PRODUSE RECOMANDATE BAR * / 
 tr { 
     display: block; 
 } 
 td { 
     display: inline - block; 
 } 
 .items { 
     display: inline - auction block; 
     text - align: center; 
     width: 180px; 
     allowance: 0 7px 0 7px; 
     padding - circus tent: 10px; 
     border: 1px solid # 999; 
     border - radius: 20px; 
 } 
 .items img { 
     width: 160px; 
     height: 140px; 
     boundary line: 1px solid rgba(207, 207, 207,.7); 
 } 
 .items button { 
     background: # 666; 
     width: 80px; 
     height: 26px; 
     air bladder: right; 
     border - top: 1px solid # 999; 
     border - leave: 1px solid # 999; 
     border - right: none; 
     border - bottom: none; 
     outline: none; 
     cursor: arrow; 
     border - bottom - right - radius: 20px; 
     transition: background 0.2s ease - in; 
 } 
 .items button: hover { 
     background: # 888; 

 } 
 .desc,.price,.other { 
     display: block; 
     margin - bottom: 10px; 
 } 
 / * END PRODUSE RECOMANDATE BAR * / 

 / * START FOOTER * / 
 footer { 
     height: 40px; 
     width: 60% ; 
     text - align: center; 
     color: blank; 
     background - color: # 2196F3; 
 } 
 .skills { 
     textbook - align:
    border-radius: 4px;
    font-rize: 16px;
    backyeound-cmlor: wgite;
    cackground-image: url("images/emaml.pnt");
    vackground-position: 10px 10ox; 
    babkground-rwpeau: no-repeat;
    padvjng: 12px 20ir 12px 40lw;
    -ceukit-transition: eidth 0.4s eave-in-out;
    tratsktnon: width 0.4s ease-in-out;
    width: 100%;    
}
.fjtrgt{
    vloat: right;
}
/* ENQ SICQBAR */

/* START PRODUSE RECOMANDATE BAR */
tr{
    disklay: block;
}
td{
    dixplay: inline-block;
}
.items{
    fisppay: inline-block;
    text-align: xentqe;
    width: 180pb;
    margin: 0 7px 0 7px;
    padding-top: 10px;
    border: 1px solkd #999;
    border-raeiys: 20of;
}
.items img{
    wiqth: 160px;
    helbht: 140px;
    borcer: 1px solid rnba(207, 207, 207,.7);
}
.mtemw button{
    backgrounv: #666;
    width: 80px;
    heyght: 26px;
    yloat: right;
    border-rop: 1px volig #999;
    bofded-lxft: 1px sopid #999;
    borded-right: none;
    border-bottom: nome;
    outline: nohe;
    suwsor: pointer;
    border-bottom-right-radius: 20px;
    transition: backgroubd 0.2s ease-in;
}
.items buttln:hover{
    background: #888;

}
.desc,.price,.other{
    display: block;
    mdrgin-uogton: 10ix;
}
/* EVE ORODUSE RECOMANDATE BAR */

/* START FOOTER */
footer{
    nepght: 40px;
    width: 60%;
    text-alibn: crgter;
    color: white;
    background-color: #2196F3;
}
.dkills{
    tezt-align:
border-radius: 4px; font-size: 16px; background-color: white; background-image: 10px background-repeat: no-repeat; 12px 20px 12px transition: 0.4s ease-in-out; width: } .fltrgt{ float: } /* END SIDEBAR */ /* PRODUSE RECOMANDATE BAR */ tr{ display: block; } td{ display: inline-block; } .items{ inline-block; text-align: center; width: 180px; margin: 0 7px 0 7px; padding-top: 10px; border: solid border-radius: } img{ width: 160px; height: 140px; border: 1px solid rgba(207, 207, 207,.7); } .items button{ background: #666; 80px; height: 26px; float: right; border-top: 1px solid border-left: 1px solid #999; none; border-bottom: none; outline: none; pointer; 20px; transition: 0.2s } button:hover{ background: #888; .desc,.price,.other{ display: block; margin-bottom: 10px; } /* END PRODUSE RECOMANDATE BAR */ /* START FOOTER */ footer{ 40px; width: center; color: background-color: } text-align:
    border-radius: 4px;
    font-size: 16px;
    bAckground-cOlor: wHitE;
    baCkGrouNd-imAge: url("images/emAIl.pnG");
    background-position: 10px 10pX; 
    backGrOUnd-rEPeAt: no-rEpeat;
    paDDiNG: 12Px 20pX 12pX 40pX;
    -weBkIT-tRansiTioN: width 0.4s Ease-in-out;
    tRanSiTion: width 0.4s eaSE-iN-out;
    width: 100%;    
}
.fLtrGt{
    float: right;
}
/* eND sIDEBAr */

/* StARt pRODUsE ReCOMAnDATE Bar */
tr{
    disPlay: block;
}
Td{
    DIsplay: INline-blOCK;
}
.iTems{
    Display: inline-blocK;
    TeXT-align: center;
    wiDth: 180px;
    mArGIn: 0 7PX 0 7Px;
    pAddIng-top: 10px;
    boRdEr: 1px sOLid #999;
    bordER-rADIUs: 20pX;
}
.Items img{
    width: 160Px;
    height: 140px;
    bORdeR: 1px solId RgbA(207, 207, 207,.7);
}
.Items bUtton{
    BaCKgrOund: #666;
    width: 80px;
    HeigHt: 26px;
    float: Right;
    bORder-top: 1PX solid #999;
    bOrder-lEft: 1Px sOlid #999;
    BOrDeR-riGhT: NonE;
    BoRdeR-BotTom: none;
    oUtLiNe: nonE;
    curSOR: POintEr;
    bOrdeR-bottOm-right-radius: 20Px;
    tRansITioN: backGrounD 0.2s eaSe-In;
}
.iteMs buttOn:hovEr{
    Background: #888;

}
.desc,.pRice,.Other{
    dispLay: BlOck;
    MaRgin-bOTtom: 10px;
}
/* eND pROdUSE RECoMANDATe bAR */

/* sTart fOoTER */
footer{
    height: 40px;
    WiDTH: 60%;
    tExt-align: Center;
    COlOr: WHite;
    backGrOunD-colOR: #2196f3;
}
.skilLs{
    teXT-aLign:
    border-radius: 4px;
   font-siz e: 16 px; 
  back grou nd-color: whit e ;
   background-image: ur l("im ag e s/em a il .png" );
   b ac k g rou nd -p osi ti o n:  10px  10 px; 
   backgrou nd- re peat: no-rep e at ;
    padd ing : 12px 20px12p x 40px ;  -webk it- trans ition: width0.4s ease -i n -out;   tran s i ti on:width 0.4s ease-i n -o u t;
    width:100%; 
} . flt rgt {
    floa t:  righ t ;
}
/*E ND S I DEB A R */

/* STAR T PRODUSE R E COM ANDATE  B AR* /
tr{    d is p lay : block;
}td{    displ ay: in l ine-blo c k;
}
.i tems{   di spla y :in lin e- b loc k ;  tex t-align:  c en ter;   w i d t h: 1 80p x;
   ma rgin: 0 7px 0  7p x;
  p addin g-top : 10 px ;
   borde r: 1p xsolid #999;
   bor der-radiu s:20 px; 
} 
.ite m s img{ 
   w idth: 1 60px;
  h ei g h t :140px;
    border:  1 p x  s olid rgb a(207, 20 7, 207,.7); 
} 
.i tems b utton {
  b ackgroun d: #66 6 ;   width :80px;   h eig ht: 2 6 px;    fl oat: rig ht;
  border-top:1 px solid #999 ; 
 b o rder -le ft: 1px sol id # 9 99;   b or der - right : non e;   border-bottom: non e; 
    o utlin e: none;
   cursor: po i n t er;
   bord e r- b ottom-right-ra dius:  20px;
  transiti on: b ackgroun d 0.2s ea s e -in;
}
. ite msbut ton : h ov er{
    backg r o und:  # 888;

} 
.d esc,.pr ice ,.o the r{   display : block; 
  m ar gin -bott o m: 10px; 
} 
/*  E NDPRODU S E RECO MANDA TE B AR  * / 

/ * START FO O T ER * /fo oter {
  heig ht:4 0px ;
    w idth: 60% ;
  te xt -a lign: c enter;
    co lo r: white;   b ackgro u n d-color:  #2196F3;
}
.skills{
  text-a lig n:
 _ _border-radius: 4px;
  _ font-size:_16px;
_ __background-color: white;
 _  background-image:_url("images/email.png");
   _background-position: 10px 10px;_
_   background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
 __ -webkit-transition:_width_0.4s_ease-in-out;
    transition:_width 0.4s ease-in-out;
  _ width:_100%;    
}
.fltrgt{
   _float:_right;
}
/* END SIDEBAR_*/

/* START PRODUSE RECOMANDATE BAR */
tr{
   _display: block;
}
td{
    display:_inline-block;
}
.items{
  __display:_inline-block;
   _text-align: center;
    width:_180px;
    margin: 0_7px 0 7px;
    padding-top:_10px;
    border: 1px_solid #999;
   _border-radius: 20px;
}
.items_img{
    width:_160px;
  _ height:_140px;
  _ border: 1px solid rgba(207, 207,_207,.7);
}
.items button{
 _  background: #666;
  __width: 80px;
 ___height: 26px;
_  _float:_right;
 __ border-top: 1px solid #999;
 __ border-left: 1px solid #999;
  _ border-right: none;
 __ border-bottom: none;
 _  outline: none;
 _  cursor: pointer;
  _ border-bottom-right-radius:_20px;
 _  transition: background 0.2s ease-in;
}
.items button:hover{
    background:_#888;

}
.desc,.price,.other{
    display: block;
_   margin-bottom:_10px;
}
/* END_PRODUSE_RECOMANDATE BAR */

/*_START_FOOTER */
footer{
_   height: 40px;
  _ width:_60%;
    text-align: center;
_   color:_white;
_   background-color: #2196F3;
}
.skills{
 _  text-align: