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

Project:	Cleaning Services
Version:	1.1
Assigned to:	Alex Zaymund
Primary use:	Cleaning Services
-------------------------------------------------------------------*/

/* FONTS*/
@import url(../../../../css);

@import url(../../../../css-1);


@import url('../fonts/font-awesome/css/font-awesome.min.css');
@import url('../fonts/flaticon/flaticon.css');


/* PLUGIN CSS */
@import url('../plugins/bootstrap/css/bootstrap.css');
@import url('../plugins/isotope/isotope.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('../plugins/owl-carousel/owl.carousel.css');
@import url('../plugins/owl-carousel/owl.transitions.css');
@import url('../plugins/owl-carousel/owl.theme.css');
@import url('../plugins/prettyphoto/css/prettyPhoto.css');
@import url('../plugins/yamm/yamm.css');
@import url('../plugins/loader/css/loader.css');
@import url('../plugins/datetimepicker/jquery.datetimepicker.css');
@import url('../plugins/animate/animate.css');


/* MAIN CSS */
@import url('normalize.css');
@import url('color.css');
@import url('blog.css');
@import url('theme.css');
@import url('responsive.css');


/*@import url('debugging.css');*/
.list-clients img {
    width: 100px;
    filter: grayscale(1);
}

.slider-services__text {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    /*extra*/
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*Whatsapp Side Nav*/
.mySidenav1{
      position: fixed;
    top: 40%;
    z-index: 9999;
      right: 0;
}

.mySidenav1 a {
 position: absolute;
right: -110px;
transition: 0.3s;
padding: 11px;
width: 245px;
text-decoration: none;
font-size: 18px;
color: white;
border-radius: 5px 0px 0px 5px;
text-align: right;
}

.mySidenav1 a:hover {
  right: 0;
}

.mySidenav1 #about {
  top: 20px;
  background-color: #00b6f2;
}

.mySidenav1 #blog {
  top: 80px;
  background-color: #189d0e;
}

.mySidenav1 #projects {
  top: 140px;
  background-color: #1e5996;
}

.mySidenav1 #contact {
  top: 200px;
  background-color: #555
}


@media (max-width: 767px) {
.mySidenav1{
      position: fixed;
    top: 40%;
    z-index: 9999;
      right: 0;
}

.mySidenav1 a {
 position: absolute;
right: -200px;
transition: 0.3s;
padding: 11px;
width: 245px;
text-decoration: none;
font-size: 18px;
color: white;
border-radius: 5px 0px 0px 5px;
text-align: right;
}

.mySidenav1 a:hover {
  right: 0;
}

.mySidenav1 #about {
  top: 20px;
  background-color: #0046c0;
}

.mySidenav1 #blog {
  top: 80px;
  background-color: #189d0e;
}

.mySidenav1 #projects {
  top: 140px;
  background-color: #1e5996;
}

.mySidenav1 #contact {
  top: 200px;
  background-color: #555
}
}