/*
Theme Name: Logimax
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Logistics & Transportation HTML Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/

.kefu{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#c42927;border-bottom:0}
.kefu ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#fff;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.kefu ul li:hover{background:#c42927;color:#fff}
.kefu ul li:hover a{color:#fff}
.kefu ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.kefu ul li i.bgs1{background-image:url(/skin/images/right_pic5_on.png)}
.kefu ul li i.bgs3{background-image:url(/skin/images/right_pic2_on.png)}
.kefu ul li i.bgs4{background-image:url(/skin/images/right_pic1_on.png)}
.kefu ul li i.bgs6{background-image:url(/skin/images/right_pic6_on.png)}
/* .kefu ul li:hover i.bgs1{background-image:url(/skin/images/right_pic5_on.png)}
.kefu ul li:hover i.bgs3{background-image:url(/skin/images/right_pic2_on.png)}
.kefu ul li:hover i.bgs5{background-image:url(/skin/images/right_pic3_on.png)} */
.kefu ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.kefu ul li.sidetop{background:#c42927;color:#fff}
.kefu ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.kefu ul li.sideewm .ewBox.son{width:217px;display:none;color:#363636;text-align:center;margin-top:17px;position:absolute;left:-217px;top:0;border:1px solid #e0e0e0}
.kefu ul li.sideetel .telBox.son{width:240px;height:119px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#c42927}
.kefu ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.kefu ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.kefu ul li.sideetel .telBox dd.bgs1{background:url(/skin/images/right_pic8.png) 28px center no-repeat;background-color:#c42927}
.kefu ul li.sideetel .telBox dd.bgs2{background:url(/skin/images/right_pic9.png) 28px center no-repeat;    background-color: #c42927;}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}