/*------------------------------------------------------------------
[Master Stylesheet]

Project:	24/7 Express Logistics Services
Version:	1.0
Assigned to:	WebNik
Primary use:	24/7 Express Logistics Services
-------------------------------------------------------------------*/


/* FONTS*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:700,600,400,300,300italic,700|Lato:400,300,300italic,700,900|Merriweather:400italic);
@import url('../fonts/flaticon/flaticon.css');
@import url('../fonts/font-awesome-4.5.0/css/font-awesome.min.css');



/* PLUGIN CSS */

@import url('../plugins/bootstrap/css/bootstrap.css');                /* bootstrap */
@import url('../plugins/yamm/yamm.css');                              /* responsive menu */
@import url('../plugins/slider-pro/dist/css/slider-pro.css');         /* main slider */
@import url('../plugins/owl-carousel/owl.carousel.css');              /* other sliders */
@import url('../plugins/owl-carousel/owl.transitions.css');           /* other sliders */
@import url('../plugins/owl-carousel/owl.theme.css');                 /* other sliders */
@import url('../plugins/flexslider/flexslider.css');                  /* sliders */
@import url('../plugins/prettyphoto/css/prettyPhoto.css');            /* modal */
@import url('../plugins/bootstrap-select/dist/css/bootstrap-select.css');   /* select customization-2 */
@import url('../plugins/animate/animate.css');                        /* animations */
@import url('../plugins/parallax.css');                               /* parallax */
@import url('../plugins/validation/validation-2.2.min.css');          /* validation */



/* MAIN CSS */

@import url('preloader.css');
@import url('theme.css');
@import url('sections.css');
@import url('sidebar.css');
@import url('blog.css');
@import url('color.css');
@import url('responsive.css');
@import url('debugging.css');








.whats-float {
    position: fixed;
    transform:translate(108px,0px);
    top:80%;
    right:0;
    width:150px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 4px 0 0 4px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}
.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform:rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align:center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}

.whats-float:hover i  {
    transform:rotate(360deg);
}