#slide{
  position: fixed;
  width: 200px; 
  right: -200px;
  height: 100px;
  top:35vh;
  transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
}
@media screen and (max-width: 767px){ 
    #slide{
  position: fixed;
  width: 200px; 
  right: -200px;
  height: 100px;
  top:40vh;
  transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
}
}

#toggle{
  position: absolute;
  right: 200px;
  width:50px;
  margin-right: -1px;
}
.box {
  height: 162px;
}
#slide:hover{
  right: 0px;
}

.row__1 {
    height: 50px;
    background:#4398ed;
    padding: 13px;
    margin-bottom:2.5px;
    color:#fff;
}
.row__2 {
    height: 50px;
    background:#4398ed;
    padding: 13px;
    color:#fff;
    
}
.row__3 {
    height: 50px;
    background:#4398ed;
    padding: 13px;
    color:#fff;
    margin-bottom:2.5px;
}

.icon__1 {
    border-radius: 3px 0px 0px 3px;
}

.icon__2 {
    margin-top:2.5px;
    border-radius: 3px 0px 0px 3px;
}
.icon__3 {
    margin-top:2.5px;
    border-radius: 3px 0px 0px 3px;
}

#slide a{
    color:#fff;
}

.icon__1 .fas.fa-phone-alt {
    padding: 14px;
    font-size:1.5em;
    padding-left:11px;
    color: #fff;
    /* margin-bottom: 2.5px; */
}
.icon__2 .fas.fa-envelope {
    padding: 14px;
    font-size:1.5em;
    padding-left:11px;
    color: #fff;
    /* margin-bottom: 2.5px; */
}

.icon__3 .fas.fa-file-alt{    
    padding: 14px;
    font-size:1.5em;
    padding-left:15px;
    color: #fff;
    /* margin-bottom: 2.5px; */
}