.slidein
{
    color : white;
}

/* the panel only */

.slidein-panel
{
    overflow : hidden;
    padding  : 2%;
    top: 20% !important;
    height : 50%;

    /* don't add width or height, use 'breadth' widget option as it works for horz and vert */
}

/* the handle only */

.slidein-handle
{
    color : white;
}

[name=user_name],[name=num_tel] {
  margin: 2px;
  border-radius : 10px !important;
  max-width : 70%;
}

.txt-slidin{
  text-align: center;
  font-size:16px;
}

#form_call{
  position:relative;
  padding:5%;
  border-radius: 15px;
  background-color : #000000;
  max-width: 80vw;
  margin-left:auto;
  margin-right:10px;
}

#form_call::after{
  position: absolute;
  border-radius: 20px;
  top: -4%;
  bottom: -4%;
  left: -2%;
  right: -2%;
  background-color: #607d8b;
  content: '';
  z-index:-1;
  box-shadow: 10px 5px 5px rgba(0,0,0,0.75);
}

#close-slidin{
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 15px;
  cursor:default;
}

#panel_call{
  padding-top : 11px;
  display:none;
}

.slidein .fa{
  font-size:50px;
  position:absolute;
  transform: rotate(0.25turn);
}

.sstxt-slidin{
  font-size: 12px;
  text-align:center;
}

/* .slidein-handle{
  display:none !important;
} */

/* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
      .mobileHide {display: none !important;}
}

@media only screen
  and (min-device-width : 480px)
  and (max-device-width : 5000px){
    .desktopHide {display: none !important;}
}