@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic);

.fabs {

  bottom: 30%;

  position: fixed;

  right: 10px;

  z-index:1000;

}

.fab1 {

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  color: white;

  margin: 15px auto 0;

  box-shadow: 3px 2px 2px #000;
  
  border:0px;

  cursor: pointer;

  -webkit-transition: all .1s ease-out;

  transition: all .1s ease-out;

  position: relative;

}
.shareed
{
  background: #0000FF !important;
  color:white !important;
}


.fab1 > i {

  font-size: 16px;

  line-height: 35px;

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

  transition-delay: 2s;

}



.fabs:hover .fab:not(:last-child) {

  opacity: 1;

  width: 40px;

  height: 40px;

  margin: 15px auto 0;

}


[tooltip]:before {

  font-family: 'Roboto';

  font-weight: 600;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background-color: #585858;

  color: #fff;

  content: attr(tooltip);

  font-size: 12px;

  visibility: hidden;

  opacity: 0;

  padding: 5px 7px;

  margin-right: 10px;

  position: absolute;

  right: 25px;

  white-space: nowrap;

}



[tooltip]:hover:before,

[tooltip]:hover:after {

  visibility: visible;

  opacity: 1;

}


                .brands {
                     width: 100%;
                 }
                
                 .brands_slider_container {
                     height: 130px;
                     border: solid 1px #e8e8e8;
                     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
                     padding-left: 77px;
                     padding-right: 77px;
                     background: #fff;
                 }
                
                 .brands_slider {
                     height: 100%;
                     margin-top: 30px
                 }
                
                 .brands_item {
                     height: 100%
                 }
                 .brands_item p
                 {
                     text-align:center;
                 }
                
                 .brands_item img {
                     max-width: 60px;
                     height:60px;
                 }
                
                 .brands_nav {
                     position: absolute;
                     top: 50%;
                     -webkit-transform: translateY(-50%);
                     -moz-transform: translateY(-50%);
                     -ms-transform: translateY(-50%);
                     -o-transform: translateY(-50%);
                     transform: translateY(-50%);
                     padding: 5px;
                     cursor: pointer
                 }
                
                 .brands_nav i {
                     color: #676767;
                     -webkit-transition: all 200ms ease;
                     -moz-transition: all 200ms ease;
                     -ms-transition: all 200ms ease;
                     -o-transition: all 200ms ease;
                     transition: all 200ms ease
                 }
                
                 .brands_nav:hover i {
                     color: #676767
                 }
                
                 .brands_prev {
                     left: 40px;
                      width:25px;
                     height:25px;
                    border-radius: 50%;
                    box-shadow: 2px 2px 3px #999;
                    display:flex;
                    justify-content:center;
                 }
                
                 .brands_next {
                     right: 40px;
                     width:25px;
                     height:25px;
                    border-radius: 50%;
                    box-shadow: 2px 2px 3px #999;
                    display:flex;
                    justify-content:center;
                 }
                 
                 
                 
        .float {

            position: fixed;

            width: 40px;

            height: 40px;

            bottom: 50%;

            right: 10px;

            background-color: #dc3545;

            color: #FFF;

            border-radius: 50px;

            text-align: center;

            font-size: 20px;

            box-shadow: 2px 2px 3px #000;

            z-index: 100;

        }



        .my-float {

            margin-top: 13px;

        }



        .float1 {

            position: fixed;

            width: 40px;

            height: 40px;

            bottom: 50%;

            right: 10px;

            background-color: #dc3545;

            color: #FFF;

            border-radius: 50px;

            text-align: center;

            font-size: 20px;

            box-shadow: 2px 2px 3px #000;

            z-index: 100;

        }



        .my-float1 {

            margin-top: 13px;

        }

        .float2 {

            position: fixed;

            width: 40px;

            height: 40px;

            bottom: 40%;

            right: 10px;

            background-color: #dc3545;

            color: #FFF;

            border-radius: 50px;

            text-align: center;

            font-size: 20px;

            box-shadow: 2px 2px 3px #000;

            z-index: 100;

        }



        .my-float2 {

            margin-top: 13px;

        }