.backdrop{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;
 opacity: 0.5; z-index:50; display:none;}

.close1{top:5px; right:1%; cursor:pointer; font-size:14px; line-height:20px; font-weight:bold; color:#000; position:absolute;}

 .box1{ position:fixed; top:23%; left:0; margin-left:18%!important; width:65%!important; height:65%!important; z-index:9999; display:none; overflow:auto; background:#fff; border:5px solid #d2d3d5;}
 .box1 h1 {
    text-transform: uppercase;
    font-size: 32px;
    padding-bottom: 20px;
    font-family: acumin-pro-semi-condensed, sans-serif;
    font-family: 'bebas_neueregular';
}
.box1 ul li {    padding: 0px 20px 15px 20px;
    font-family: acumin-pro-semi-condensed, sans-serif;
    font-size: 15px;
    color: #616161;
    text-align: justify;
    line-height: 20px;
    margin-left: 50px;
}
 /*********************************************/


.flip3D > .front{ position:absolute; transform: perspective( 600px ) rotateY( 0deg ); background:#9a9a9a; filter: alpha(opacity=100);
	opacity: 1.0; width:30.55555%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


 .flip3D > .back{ position:absolute; transform: perspective( 600px ) rotateY( 180deg ); background: #faa61a; filter: alpha(opacity=100);
	opacity: 1.0; width:30.55555%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


  .flip3D:hover > .front{ transform: perspective( 600px ) rotateY( -180deg ); } 

  .flip3D:hover > .back{ transform: perspective( 600px ) rotateY( 0deg ); }


.flip3D2 > .front{ position:absolute; transform: perspective( 600px ) rotateY( 0deg ); background:#9a9a9a; filter: alpha(opacity=100);
	opacity: 1.0; width:22%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


 .flip3D2 > .back{ position:absolute; transform: perspective( 600px ) rotateY( 180deg ); background: #faa61a; filter: alpha(opacity=100);
	opacity: 1.0; width:22%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


  .flip3D2:hover > .front{ transform: perspective( 600px ) rotateY( -180deg ); } 

  .flip3D2:hover > .back{ transform: perspective( 600px ) rotateY( 0deg ); }
  
  
  
.flip3D3 > .front{ position:absolute; transform: perspective( 600px ) rotateY( 0deg ); background:#9a9a9a; filter: alpha(opacity=100);
	opacity: 1.0; width:22%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


 .flip3D3 > .back{ position:absolute; transform: perspective( 600px ) rotateY( 180deg ); background: #faa61a; filter: alpha(opacity=100);
	opacity: 1.0; width:22%; height:130px; padding:10px; border-radius: 7px; backface-visibility: hidden; transition: transform .5s linear 0s; }


  .flip3D3:hover > .front{ transform: perspective( 600px ) rotateY( -180deg ); } 

  .flip3D3:hover > .back{ transform: perspective( 600px ) rotateY( 0deg ); }