.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.float:hover{
    color:white !important;
}

.float{
    color:white !important;
}


@media (min-width: 100px) and (max-width: 1381px){
.open-form-slide {
    display: none; 
}
.img-drop{
    display:none;
}
}

.open-form-slide{
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    background: #3b4d56;
    padding: 20px 25px;
    position: fixed;
    top: -352px;
    right: 1%;
    z-index: 236;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.open-form-footr{
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    padding: 15px;
    text-align: center;
    background: transparent;
    border-radius: 0 0 18px 18px;
    cursor: pointer;
    position: fixed;
    top: -11px;
    right: -2%;
    z-index: 236;
}
.active2 {
    transform: translateY(345px);
}
.sidebar_form_bg{
    width: 250px;
    position: fixed;
    top: 38%;
    transform: translate(-250px, 0);
    border-radius: 5px;
    cursor: pointer;
    transition: linear .3s;
    z-index: 99;
    /*box-shadow: 46px 5px 10px 0 #00000029;*/
}
.sidebar_head{
    position: absolute;
    transform: rotate(-90deg);
    right: -186px;
    /*background: #222240;*/
    /* padding: 10px; */
    color: #000;
    top: 133px;
    width: 300px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    font-weight: bold;
}
.img-drop{
    max-width: 83%;
}

.sidebar_form {
    background: #fff;
    padding: 30px;
    /*height: 300px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    border-radius: 15px;
    /* border: 2
px
 solid #222240; */
}


.sidebar_active {
    transform: translate(0,0);
    /* transform: translate(-244px, 18px); */
}

.modal-backdrop{
    displaY:none;
}

    .image-mobile{
        display:none;
    }


@media screen and (max-width: 768px){
    .image1{
        display:none;
    }
    .image-mobile{
        display:block;
    }
    
}