/**************************************** normal module ******************************************************/
/* button slide-in */
.show_slidine {
    background: var(--awb-color1);
    position: fixed;
    right: -105px;
    top: 50%;
    z-index: 9999;
    color: #fff;
    border-radius: 20px 20px 0px 0px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    box-shadow: rgb(255 255 255 / 38%) 0px 7px 21px 0px;
}

.show_slidine:hover {
    background: #000;
}

.show_slidine.hidebtn {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(-90deg);
    -ms-transform: translateX(100%) rotate(-90deg);
    transform: translateX(100%) rotate(-90deg);
}

/* slide-in */
.infos_site {
    margin-top: 25px
}

p.p_slidein,span.content-info,span.content-info a {
    color: #fff;
    font-size: 16px !important;
}

p.p_slidein {
    margin-top: 7px
}

span.content-info a:hover {
    text-decoration: underline
}

.desktopbut,.infosclient {
    display: none
}

.flex-info,a.butcontact_slide {
    display: -webkit-box;
    display: -ms-flexbox
}

.slide_in {
    position: fixed;
    background: var(--awb-color1);
    z-index: 9999;
    -webkit-box-shadow: 0 0 15px #0000005c;
    box-shadow: 0 0 15px #0000005c;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    border: 2px solid #ffffff;
}

.slide_in.showme {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.titleslide {
    font-family: var(--awb-typography2-font-family);
    text-transform:uppercase;
    font-size: 26px;
    color: #fff
}

.icon-info,a.butcontact_slide {
    background: #fff;
    color: var(--awb-color1)
}

hr.sep_slide {
    width: 25%;
    height: 2px;
    background-color: #fff;
    border: none;
    margin-left: 0
}

.flex-info {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.flex-info.flex-info-top {
    align-items: flex-start !important;
}

.icon-info {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 17px;
    border-radius: 100px;
    margin-right: 15px;
    padding: 10px
}

.head_slidine {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.head_slidine:hover {
    color: #e1e1e1
}

a.butcontact_slide {
    padding: 12px 20px 14px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px;
    text-align: center;
    font-family: var(--body_typography-font-family);
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

a.butcontact_slide:hover {
    background: var(--awb-color2);
    color: #fff;
    border-color: var(--awb-color2);
}

.slide_in .content-info.phone a:hover {
    color: #fdf4e3
}

@media screen and (max-width: 1500px) {
    .show_slidine {
        padding:16px 25px
    }
}

@media screen and (max-width: 800px) {
    .show_slidine {
        background:var(--awb-color1);
        padding: 10px 25px
    }
}

.mobilebut {
    display: block;
    font-size: 20px;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    border-radius: 50%;
    right: 0;
    left: 15px;
    bottom: 20px;
    top: unset;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgb(0 0 0 / 32%);
}

.slide_in {
    width: 400px;
    top: unset;
    bottom: 0;
    right: unset;
    left: 0;
    padding: 15px;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.show_slidine.hidebtn {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slide_in.showme {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.rh_form__login_wrap .rh_form__item {
    padding: 0 1.5rem 1rem
}

li.elementor-icon-list-item {
    margin-bottom: 10px!important
}

@media screen and (max-width: 510px) {
    .slide_in {
        width:80%
    }
}

@media screen and (max-width: 400px) {
    .slide_in {
        width:98%;
        margin-inline:auto;right: 0
    }
}

@media screen and (max-width: 340px) {
    .head_slidine {
        top:6px;
        right: 6px
    }
}

.slide_in.showme {
    z-index: 9999999 !important;
}

/******************************************************* End footer ******************************************************************************/
