@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');





/**/



/**************************************** normal module ******************************************************/

/* button slide-in */

.show_slidine {

	background: var(--awb-color1);

    padding: 14px 30px;

    position: fixed;

    right: -109px;

    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-family: 'Poppins';

    font-size: 15px;

    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: 0px 0px 10px #fff;

}



.show_slidine:hover {

    background-color: #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;

}

span.content-info, span.content-info a,p.p_slidein {

    color: #fff;

}



p.p_slidein {

    margin-top: 7px;

}

span.content-info a:hover {

    text-decoration:underline;

}

.infosclient {

    display: none;

}



.slide_in{

    position:fixed;

    background: var(--awb-color1);

    width: 400px;

    top:35%;

    right: 2px;

    padding:30px 30px;

    z-index: 9999;

    -webkit-box-shadow: 0px 0px 15px #0000005c;

            box-shadow: 0px 0px 15px #0000005c;

    border-radius: 20px;

    -webkit-transform:

    translateX(100%);

        -ms-transform:

    translateX(100%);

            transform:

    translateX(100%);

    opacity:0;

    -webkit-transition:all 0.7s ease-in-out;

    -o-transition:all 0.7s ease-in-out;

    transition:all 0.7s ease-in-out;

    border: 15px solid #fff;

}

.slide_in.showme{

    -webkit-transform: translateX(0%);

        -ms-transform: translateX(0%);

            transform: translateX(0%);

    opacity:1;

}



.titleslide {

    font-family:var(--awb-typography2-font-family);

    font-size:28px;

    color: #fff;

}

.icon-info {

   

}

hr.sep_slide {

    width:25%;

    height: 2px;

    background-color:var(--awb-color2);

    border: none;

	margin-left:0px

}

.flex-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-bottom: 15px;

}

.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;

	/* margin-right: 10px; */

	color: var(--awb-color1);

	height: 30px;

	width: 30px;

	font-size: 17px;

	border-radius: 10px;

	padding: 5px 0px;

	margin-right: 15px;

	background: #fff;

}

/* close slide */

.head_slidine {

    position: absolute;

    top: 12px;

    right: 15px;

    color: #fff;

    border: 2px solid;

    padding: 3px 9px;

    border-radius: 50%;

    font-size: 16px;

    cursor: pointer;

    -webkit-transition:all 0.5s;

    -o-transition:all 0.5s;

    transition:all 0.5s

}

.head_slidine:hover {

    color: var(--awb-color2);

}

/* button contact*/

a.butcontact_slide {

    padding: 12px 20px 14px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: #fff;

    color: var(--awb-color1);

    border-radius: 6px;

    text-align: center;

    font-family:  var(--body_typography-font-family);

    font-weight: 700;

    font-size: 16px;

    border: 2px solid #fff;

    -webkit-transition:all 0.4s;

    -o-transition:all 0.4s;

    transition:all 0.4s;

    cursor:pointer;

    text-transform: uppercase;

}

a.butcontact_slide:hover {

    background: transparent;

    color: #fff;

}



.mobilebut{display:none}



@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;

		height: -webkit-max-content;

		height: -moz-max-content;

		height: max-content;

		width: -webkit-max-content;

		width: -moz-max-content;

		width: max-content;

		font-size: 20px;

		-webkit-transform: unset;

		-ms-transform: unset;

		transform: unset;

		border-radius: 50%;

		padding: 10px 20px;

		right: 0px;

		left: 15px;

		bottom: 20px;

		top: unset;

		height: 60px;

		width: 60px;

		background: url(/wp-content/uploads/2024/12/rapid-agencement-meuble-de-cuisine-nantes-fa_info.svg);

		background-color: var(--awb-color1);

		background-size: 15px;

		background-position: center;

		background-repeat: no-repeat;

	}

	.desktopbut{display:none}

	.slide_in{

		width:360px;

		top:unset;

		bottom:0px;

		right:unset;

		left:0px;

		padding:15px;

		border-radius:10px 10px 0px 0px;

		-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;

	}



@media screen and (max-width:500px){

	.slide_in{

		width:320px ;

		right:0px;

	}

}

@media screen and (max-width:360px){

	.slide_in{

		width:95% ;

		margin-inline:auto;

		right:0px;

	}

}



/**/