@import 'https://fonts.googleapis.com/css?family=Raleway';
           



*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	  
}

hr{
margin:10px 0;
}
a,img{
text-decoration: none;
border:none;
}

h1,h2,h3,h4,h5,h6{
 
 padding:15px 0;
 font-weight: 300;
 color:#131313;
  
}
h1{font-size:2.5em;margin-bottom:15px;}
strong{
  color:#131313;           
       
}
.mtb15{
margin:15px 0;
}

.linered{
background:#0594f0;
height:3px;
width:60px;
margin:5px auto;
}


body{


 font-family: 'Raleway', sans-serif;
  font-size:14px;
    color:#858787;
    line-height:1.6em; 
    font-weight: 100;
}

.redtop{
  border-top: 3px solid #cd3300;
}
.headga{

      
background:#3e3e3e;
font-size:14px;
color:#ffffff;
padding:0px 0 0px 0;
}
.logom{
font-size: 40px;
    line-height: 42px;
                color:#fff;
    font-weight: bold;
     padding:0;
}
.logoa{
color: #FFFFFF;
    font-size: 20px;
   
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: right;
   
    font-weight: 700;
    padding:0;
}
.topcontact{

padding:10px 0;
color:#111111;
text-align:right;
}
.rowc{ padding:15px 0;clear:both;}
.rowc:after{
content:"";
width:100%;
clear:both;
}
.title_linebg{
background: url(line.png) repeat-x center center;
text-align: center;

}
.title_linebg .intitle{

padding:10px 20px;
background:#fff;

display:inline-block;
}


.menu{
text-align: left;
margin-top:15px;
padding:10px 0;

position: relative;

}

.footpage{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    
    background-image: url(footer.jpg);
    padding:20px 0;
    margin-top:15px;
    clear:both;
    color:#f8f8f8;
     text-align: center;

}
.footerlink{
list-style: none url();
width:80%;
margin:10px auto;
}
.footerlink li{
padding:5px 10px;
text-align: left;
text-indent: 10%;
border-bottom: 1px solid #f8f8f8;
}
.footerlink li .fa{
margin-right:10px;
}

.footpage *{color:#f8f8f8;}
.menu a{
display:inline-block;
padding:5px 20px;
      position: relative;
color:#131313; 
  


 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

a img{
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 1;
}
a img:hover{
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: .7;
}

.smenu{
background:#f6f6f6;
margin:0;
padding:0px;
text-align: center;
}
.smenu a{
   display:inline-block;
padding:15px 20px;
      position: relative;
color:#9a9a9a;
  


 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}


.padding_content{
padding: 40px 0;

clear:both;
}
.top_mark{
background:url(../image/ltext.jpg) repeat-x center center;

width:100%;

}
.top_mark span{
display: inline-block;
padding-right:15px;
background:#fff;
}
.smenu a:hover{

color:#000;
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background:#ededed;
}

.b-banner{
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    width:100%;
    position: relative;
    height:300px;
}
.mmenu a span{
position: relative;
}
.menu a:hover{

color:#000;
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blueline{
 border-bottom: 2px solid #252f84;
 border-top: 2px solid #252f84;
}
#adv-custom-pager{
text-align:center;
width:100%;
z-index:9999;
position: absolute;
bottom:10px;
}
#adv-custom-pager a{


}
#adv-custom-pager a img{
width:150px;
border: 1px solid #fff;
margin:0 3px;
}
.gcontent{
  background:#E5E5E5;
  color:rgb(16,16,16);
  padding:45px 0;
  font-size:18px;
}
.op:hover{

opacity: .8;
}
.red_dot{
text-align: center;
padding:15px 0; 
}
#product-pager{
margin-top:15px;
}
#product-pager a{
width:45%;
float:left;
background:#000;
display:block;
height:5px;
z-index:999;
margin-left:2.5%;
}
#product-pager .cycle-pager-active{

background:#fff;
}
.footer{
background:#3e3e3e;
color:#d4d1d1;
padding:30px 0;


}
.footer a{
 color:#d4d1d1;
 font-size:14px;
}
.footer ul{
}

.footer a:hover{
 color:#fff;
}
.footer table tr td{
vertical-align: top;
padding:2px 5px;
}
table tr td{
vertical-align: top;
padding:2px 5px;
}
.fli{
margin-left:0;
list-style: none url();
}

.inline{
float:left;
display:block;
}
.exd:hover .df{

background:#F70000; 
}
.df{

  background:#000;
}
.redcenter{
background:#F70000; 
width:10%;
height:5px;
margin:15px auto;
clear:both;
}
.cover{

 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
   
}
.gaxs{
height:150px;
}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
  z-index:-1;
}
.shinput{

}

.txt_input{

width:100%;
text-indent: 15px;
padding:2px 0;
font-size:16px;
color:rgb(64,64,64);
font-style: italic;
border-top: 5px solid #fff;
border-left:0;
border-right:0;
border-bottom:0;
min-height:25px;
margin-bottom:5px;
color:#282828;
}                 
.txt_input:hover{
  border-top: 5px solid #f3da5c;
}
.submitf{

}
.submitf .inx{
display: inline-block;

 
padding:5px 35px;
background:red;
}
.submitf a{
color:#fff;
font-size:18px;
cursor: pointer;
}
.submitf .inx:hover{
background:#f3da5c;
}
.submitf .inx:hover a{
color:#000;
}


.social-icons.icon-circle .fa {
    border-radius: 50%;
}
.social-icons .fa {
    
}
.ssiconc{

}
.social-icons .fa {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #3d3d3d;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social-icons .fa:hover {

   background:#3d3d3d;
   -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
       color:#fff;


}
.social-icons .fa {
    font-size: 1em;
}

.m-banner{
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    padding: 25px 0;
   
}
.inservice{
color:#424852;
}


overimg a{
         position: relative;
  display: block;
  overflow: hidden;
  background:#000;   
}       
  
  .overimg{
  position: relative;
  display: block;
  overflow: hidden;
  background:#000;   
  }
  
  .overimg img{
  display:block;
 
  }
  
  .onproduct{
  
  overflow: hidden;
  }
   .onproduct img{
  
          transition: all .4s ease-in-out; 
           transform: scale(1);
  }
  .onproduct img:hover{
  
          transition: all .4s ease-in-out; 
           transform: scale(1.1);
  }
  .grow{ transition: all .4s ease-in-out; }
.grow:hover{ transform: scale(1.2);  }
.grow:hover .tagg{
        background:rgba(36,68,108,.7);
         transition: all .4s ease-in-out;
         opacity: 1;
}

.tagg{
    position: absolute;
    top: 0px;
    left:0;


    text-align: left;
    width:100%;
   color:#000;
   height:100%;
   background:none;
   
    transition: all .4s ease-in-out;
                line-height:1.5em;
                
                opacity: 0;
}

.fimax{
position: absolute;
top: 40%;
width:100%;
text-align: center;
   
}
.ilink{
width:40px;
height:40px;
margin:0 auto;
background:rgba(0,0,0,.5);
color:#fff;
line-height: 40px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ilink i{
  line-height: 40px;
}
.blr{
border-left: 1px solid rgb(241,241,241);
border-right: 1px solid rgb(241,241,241);
padding-left:15px;
}
.topline td{

vertical-align: middle;
}
.newl{
padding:25px 10px;

position: relative;
}


.leftac{
   
   border:1px solid rgb(224,224,224);
          
}

.pdd{
display:block;
position: relative;
width:100%;
cursor:pointer;
}
.onspan{
position: absolute;
width:100%;
height:96%;
    background: rgba(36,69,105,.7);
    left:0;
    top:0;
    opacity: 0;
    transition: all .4s ease-in-out;
   text-align: center;
}
.onspan:hover{

transition: all .4s ease-in-out;

opacity: 1;
}
.newl img:hover{

opacity: .5;

}
.ttext{
    font-size: 30px!important;
    height: 35px;
    line-height: 30px;
    width:30px;
  
    border: 2px solid #F0542D;
    
  
    color: #F0542D;
    display: inline-block;
    text-align: center;
    margin: -0.04em 15px -0.07em 0;

    

}
.lineb{
clear:both;
margin:15px 0;
height:1px;
width:100%;
background:rgb(224,224,224);
}
.lemene{
list-style: none url();


}

.lemene a{
color:rgb(144,144,144);
}
.lemene a:hover{
color:#f7c41b;;
}
.lemene li{
padding:5px 10px;


}
.lemene li ul{
margin-left:15px;
  display:none;
}

.lemene li ul li{
border:none;

}
.aborderx{
border-bottom: 1px solid rgb(224,224,224);
}

.tatx{}
.tatx a{color:rgb(128,128,128);}

.pagination {
   
    padding: 20px;
    margin-bottom: 20px;
    text-align:center;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.fproduct{
width:100%;
overflow: hidden;
position: relative;
}
.oci{
background:rgba(248,106,6,.7);
color:#fff;
position: absolute;width:100%;
left:0;
bottom: 0px;
}
.consub{display:none;}

.shbox{
    width: 75%!important;
    height: 45px;
    border-right-width: 45px;
    border-color: rgb(208,208,208);
    padding: 14px;
    margin-bottom: 0!important;
    font-size: 18px;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal;
    border-radius: 0px;
        background-color: #ffffff;
    color: #808080;
    outline: none;
    border: solid 1px rgb(208,208,208);
    margin: 0;
    box-shadow: none!important;
    position: relative;
    box-sizing: border-box;
      line-height:45px;
      display: block;
      float:left;
}
.btsubmitx{
 width: 23%!important;

    height: 45px;
    border-right-width: 45px;
    border-color: rgb(208,208,208);
    padding: 14px;
    margin-bottom: 0!important;
   line-height:45px;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal;
    border-radius: 0px;
        background-color: #ffffff;
    color: #fff;
    outline: none;
    border: solid 1px rgb(208,208,208);
    margin: 0;
    
    background-repeat: no-repeat;
  
    box-shadow: none!important;
    position: relative;
    box-sizing: border-box;
    display: block;
    float:left;
    background-position: center;
    
    background-image: url(st.png);
   cursor: pointer;
}

.inputx {
    text-indent: 15px;
    padding: 6px 0;
    font-size: 16px;
    color: rgb(64,64,64);
    font-style: italic;
    min-height: 25px;
    margin-bottom: 25px;
}

.buttomx {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 12px 35px;
    margin-left: 5px;
    border: none;
    min-height: 25px;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

  .submenu{
        
  background:#F56909;
 
   position: absolute;
 
   display: none;

        
     left:150px;
   
      text-align: left;
  
    z-index:999999;     
    
    
}        

.submenu a{
display:block !important;;
padding:10px 20px !important;
color:#fff !important;
margin:0;
min-width:180px;
border:none;



}
.submenu a:hover{
color:#000 !important;
  border:none;

}
.ftcs{
text-transform: uppercase;
}
.siric{
       padding-top:15px;
}
.siric a{
font-size:14px;
text-transform: uppercase;
color:#000;

}
.ssab{

}

.fproduct{
width:100%;
overflow: hidden;
position: relative;

}
.fproduct img{
line-height: 0;
display:block;
}
.fproduct a{
display:block;
}
.oci{
background:rgba(248,106,6,.7);
color:#fff;
position: absolute;width:100%;
left:0;
bottom: 0px;
}
.consub{display:none;}
.sliderxx{
position: relative;
}
.sliderxx .slide{
float:left;
width:25%;
}
.btrs{
padding:10px 25px;
color:#fff;
border: 2px solid #fff;
display:inline-block;

  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}
.btrs:hover{

 transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
   

     color:#FFC410;
border: 2px solid #FFC410;
}
.lemene{


}
.pglistd{
width:100%;
list-style: none url();

}
.pglistd li{
float:left;
width:33.33333%;
height:50px;
overflow: hidden;

margin-top:5px;

}
.pglistd img{
width:100%;
}
.pagingd{
width:18px;
height:18px;

margin:5px;
border: 2px  solid #fff;
line-height:18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display:inline-block;
cursor:pointer;

}
.redtitle{
color:#eb752d;
padding:5px 0;
border-bottom: 1px solid rgb(192,192,192);
font-weight: bold;
margin-bottom:10px;
}
.fplink{
list-style: none url();

}
.fplink li{
padding:5px 0;
}
.color_b{
color:#000;
}
.color_p{
color:#d32852;
}
.a-banner{
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    width:100%;
    position: relative;
    
    padding:40px 0;
}
.process{
background:#f7f7f7;
}
.navsub{
width:45%;
float:left;
list-style: none ;

}
.contentprocess{
    width:55%;
float:left;
font-size:12px;
}
.navsub li{
padding:15px 10px;
border-bottom: 1px solid #cccccc;
background:#f2f1f1;
border-right: 1px solid #cccccc;
}
.contentinner_process{

  
  

}
.contentprocess ul{
  
}

.top_mark1{
background:url(../image/ltext.jpg) repeat-x center center;

width:100%;

}
.top_mark1 span{
display: inline-block;
padding-right:15px;
background:#F3F5F4;
}
.graybox{


color:#000;
display:block;
padding:15px 0 20px 0;
text-align: center;

}

.linkheight{
line-height:0;
background:#ecf6f7;
}
.inline img{
line-height: 0;
}

.oneimg{
width:100%;
}

.spt{
position: absolute;
left:0;
bottom: 0px;

color:#fff;
width:100%;
height:100%;

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
}
.spt:hover{
background:rgba(0,0,0,.5);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
}


.atss{
     position: absolute;;
left:15px;
bottom: 25px;

color:#fff;


}


.atss1{
     position: absolute;;
left:0;
top: 39%;
       text-align: center;
color:#fff;
width:100%;
opacity: 0;


}

.spt:hover .atss1{

opacity: .8;
}



.package0{

width:25%;
float:left;
display:block;

}
.package0 a{
display: block;
position: relative;
}

.bx-wrapper{
  width:100% !important;
}

.footerpage{
padding:5px;
background:#000;
color:#fff;
text-align: center;
}

.title_def *{
color:#000;
}

.menunews{


}
.menunews a{
display: ininle-block;
padding:5px 10px;
background:#f6f6f6;
color:#989898;
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 

}
.menunews a:hover{

background:#000;
color:#fff;
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
}
.pager_news{
margin-top:20px;
}
.pager_news a{
display:inline-block;
padding:15px 20px;
line-height:1em;
margin-right:1px;
background:#f6f6f6;
color:#989898;
}
.pager_news a:hover{

    
background:#000;
color:#fff;
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.lhs{
list-style: none url();
}
.lhs li{
padding:0px 0; 
border: 1px solid rgb(224,224,224);
margin-bottom:10px;
}

.listhead{
display:block;
padding:5px 10px;
background:#e2dbdb;
cursor:pointer;
font-size:14px;
line-height: 18px;
}

.listdet{
 padding:5px 10px;
 display:none;

}
.hider{margin-top:20px;}

.linput{
        width:100%;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
  
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
                padding:7px;
    outline: none;
    color:#000;
    
    margin-bottom: 15px;
}

.shinput{
background:#ecebe8;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
   
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
                padding:2px 7px;
    outline: none;
}



.masonry {
 column-count: 3;
   
    padding: 0;
    -moz-column-gap: 0em;
    -webkit-column-gap: 0em;
    column-gap: 0em;
    margin:25px 0;
    clear:both;
 
}

.item {
    position: relative;
    padding: 0em;
    margin: 0 0 0em;
    width: 100%;
    box-sizing: border-box;
    line-height: 0 !important;
    
}
.item img{
      line-height: 0 !important;
}

.glistdd{
list-style: none url();
position: relative;

}
.glistdd li{

width:25%;
float:left;




    

}
.ingallery{
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    
    min-height:250px;
    width:100%;
    overflow: hidden;
    position: relative;

}

.atopm1{
list-style: none url();

display:inline-block;


}
.atomp1 span{
    display:inline-block !important;
    
    
}
.atopm1 span a{
color:#000;
display:inline-block !important;
margin-left:10px;
 
 background:#8e8e8e;
 		border-radius: 50%;
  width: 32px;
	height: 32px;
	line-height: 34px;
	text-align: center;
  font-size:18px;
  color:#fff;
padding:0;  
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.atomp1 span a:hover{

 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
background:#000;
}


.ioncim {
    width: 200px;
    height: 200px;
    background-color: #F1AB16;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 3px solid #F1AB16;
    transition: all 1s ease-in;
    margin: 15px auto;
    text-align: center
	  -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}
.ioncim:hover,
.ioncim:hover i {
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.ioncim:hover {
    transition: all .5s ease-in;
    background-color: #fff
}

.ioncim:hover i {
    color: #F1AB16;
    transition: all 1s ease-in
}

.ioncim i {
    line-height: 200px;
    color: #fff;
    font-size: 5em;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all 1s ease-in
}

.iconmedia li a,
.iconmedia li a i {
    line-height: 40px
}