@font-face {
	font-family: 'bodoni';
	src: url('../../../../../css/fonts/bodoni/librebodoni.woff') format('woff'),
		url('../../../../../css/fonts/bodoni/librebodoni.woff2') format('woff2'),
		url('../../../../../css/fonts/bodoni/librebodoni.svg#librebodoni') format('svg'),
		url('../../../../../css/fonts/bodoni/librebodoni.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'inter-classic';
	src: url('../../../../../css/fonts/inter-classic/inter-variable.woff') format('woff'),
		url('../../../../../css/fonts/inter-classic/inter-variable.woff2') format('woff2'),
		url('../../../../../css/fonts/inter-classic/inter-variable.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'cambria';
	src: url('../../../../../css/fonts/cambria/cambria.ttf')  format('truetype'),
	     url('../../../../../css/fonts/cambria/cambria.woff2') format('woff2'),
			 url('../../../../../css/fonts/cambria/cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'istok';
	src: url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.woff') format('woff'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.woff2') format('woff2'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.svg#istokweb-regular-webfont') format('svg'),
		url('../../../../../css/fonts/istok-web/istokweb-regular-webfont.ttf') format('truetype');
		font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "arialBlack";
	src: url('fonts/arialblack/ariblk.woff') format('woff'),
			url('fonts/arialblack/ariblk.woff2') format('woff2'),
			url('fonts/arialblack/ariblk.svg#ariblk') format('svg'),
			url('fonts/arialblack/fonts/abrilfatface/ariblk.eot'),
			url('fonts/arialblack/ariblk.eot?#iefix') format('embedded-opentype'),
			url('fonts/arialblack/ariblk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AbrilFatface";
	src: url('fonts/abrilfatface/AbrilFatface-Regular.woff') format('woff'),
			url('fonts/abrilfatface/AbrilFatface-Regular.woff2') format('woff2'),
			url('fonts/abrilfatface/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'),
			url('fonts/abrilfatface/AbrilFatface-Regular.eot'),
			url('fonts/abrilfatface/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/abrilfatface/AbrilFatface-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.ban-call-container{
	--border-width-call-content: 2px ;
	--border-width-call-container-bottom: 5px;
}
#ban-call-private{
	--border-color-call-content: #0b1470;
	--border-color-call-container-bottom: #37f6f8;

	--padding-call-content: 0 0 6px;

	--text-color-call-title:#0b1470;
	--text-color-call-subtitle:#0b1470;
	--text-color-call-phone:#0f81ff;
	--text-color-call-tarif:#0b1470;

	--text-size-call-title: 27px;
}
#ban-call-audiotel{
	--border-color-call-content: #a50f78;
	--border-color-call-container-bottom: #a50f78;

	--padding-call-content: 2px 5px 6px;

	--text-color-call-title:#a50f78;
	--text-color-call-subtitle:#0b1470;

	--text-size-call-title: 32px;
}
#spinner{
	--border-color-spinner-default: #9390ff;
}
#spinner::before{
	--border-color-spinner-before: #aca9fc;
}
#spinner::after{
	--border-color-spinner-after: #c0befd;
}

#btn-paper-plane{
	--bg-color-btn-typing: #ff7420;
	--text-color-btn-typing: #fff;
}
#btn-paper-plane-input-tchat{
	--bg-color-btn-send-msg: #ff387d;
	--text-color-btn-send-msg: #ff387d;
}
#reponse {
	--background-color-content: #f7fafd;
}
#reponse #phone-button{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #00B4B8;
	--text-color-phone-ico: #00B4B8;
	--text-color-phone-number: #00B4B8;
	--border-color-phone-number: #00B4B8;
}
#tchat-window{
	--border-color-tchat-window: var(--blue-light);

	--bg-color-tchat-msg: #ece0f0;
	--text-color-tchat-msg: #111;
	--box-shadow-color-tchat-msg: #c5fded;
	--text-color-medium-msg: #AA54B7;

	--box-shadow-color-zodiac:#666;
	--text-color-zodiac: var(--blue-light);

	--border-color-is-typing-container: var(--blue-light);
	--bg-color-btn-typing: #54cda3;
	--text-color-btn-typing: #FFF;
	--bg-first-spinner-is-typing : #AA54B7;
	--bg-second-spinner-is-typing : #cd62dd;

	--bg-color-btn-send-msg: #008fff;
	--text-color-btn-send-msg: var(--white);
}
.dots{
	--bg-color-dots: #AA54B7;
}
body{font-family: 'cambria', 'Times New Roman', serif;font-size:17px}
h1, h2, h3, h4, h5{font-family: 'cambria', 'Times New Roman', serif;}

.vcenter {display: table-cell; padding: 0px 5px;}
.center-block{float:none}
.italic{font-style: italic;}
.bg-black{background-color:#000} .text-black{color:#000}
.bg-white{background-color:#fff} .text-white{color:#fff}
.text-orange{color:#f07441}
.bg-opacity{background: rgba(255,255,255,0.3); padding-bottom: 30px}
.bg-quote{background-color: #000;padding:15px;color:#fff}
.border-color-bottom{border:2px solid #7e496c;margin-top: 40px;margin-bottom:40px}
.color-red, a.color-red:hover{color:#ff0006; text-decoration: none;}
.color-rose, a.color-rose:hover{color:#fb3d73; text-decoration: none;}
.color-purple, a.color-purple:hover{color:#cfceff; text-decoration: none;}
.NoDisplayDesk{display: none !important}
.vcenterTchat{display: flex;flex-direction: column;flex-wrap: nowrap;width: inherit;}

.pad-0{padding:0} .margin-0{margin:0} .pad-15{padding:15px}
.pad-25{padding:25px}
.padding-left{padding-left: 15px} .padding-right{padding-right: 15px} .padding-top{padding-top: 15px} .padding-bottom{padding-bottom: 15px}
.padding-bottom-30{padding-bottom: 30px} .padding-bottom-20{padding-bottom: 20px} .padding-top-20{padding-top: 20px}
.padding-left-50{padding-left: 50px} .padding-right-50{padding-right: 50px} .padding-top-50{padding-top: 50px} .padding-bottom-50{padding-bottom: 50px}
.pad-left-10{padding-left: 10px}
.margin-left{margin-left:15px} .margin-right{margin-right:15px} .margin-top{margin-top:15px} .margin-bottom{margin-bottom:15px} .margin-30{margin:30px}
.margin-top-10{margin-top:10px} .margin-top-25{margin-top:25px} .margin-top-20{margin-top:20px} .margin-bottom-20{margin-bottom:20px}
.bold{font-weight:bold}
.underline{text-decoration: underline;}
.font-19 {font-size: 19px;}
.text-grey{color:#a2a2a2}

#ctnGlobal{width:100%;overflow: hidden;}

.border-black{display: inline-block; width: 100%; background-color: #653c4a; padding: 15px; margin-top: -7px;z-index: 1;position: relative;}

/**** PAGE ****/

#landing #bg-form{width: 100%;min-height:350px;padding: 0;margin: 0 auto;font-weight: bold;}

#etap-2, #etap-3{animation: fadeIn 500ms ease-in-out;}
.subtitle-form{background: rgba(94, 97, 126, 0.7);}
#landing .subtitle-form h2{font-size: 30px;margin: 0 0 10px;letter-spacing: 1px;color: #ff9933;padding: 20px;margin-top: 15px;font-weight: bold;}
#content-picture{margin-bottom:10px}
#landing .blk-signes{max-width:570px;width:98%;margin:0 auto;margin-top: 90px;margin-bottom: 50px;}
#landing .blk-signes .zodiac-ctn{padding:0 5px;}

#landing .blk-signes #blk-belier .ic-belier {color: #e9be5c;}
#landing .blk-signes #blk-belier .zodiac-text.belier{color: #e9be5c;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-taureau .ic-taureau {color: #d96281;}
#landing .blk-signes #blk-taureau .zodiac-text.taureau {color: #d96281;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-gemeaux .ic-gemeaux {color: #69b0a8;}
#landing .blk-signes #blk-gemeaux .zodiac-text.gemeaux {color: #69b0a8;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-cancer .ic-cancer {color: #6c2d60;}
#landing .blk-signes #blk-cancer .zodiac-text.cancer {color: #6c2d60;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-lion .ic-lion {color: #6ab1a9;}
#landing .blk-signes #blk-lion .zodiac-text.lion {color: #6ab1a9;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-vierge .ic-vierge {color: #e6bc5c;}
#landing .blk-signes #blk-vierge .zodiac-text.vierge {color: #e6bc5c;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-balance .ic-balance {color: #6f2c5c;}
#landing .blk-signes #blk-balance .zodiac-text.balance {color: #6f2c5c;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-scorpion .ic-scorpion {color: #d76280;}
#landing .blk-signes #blk-scorpion .zodiac-text.scorpion {color: #d76280;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-sagittaire .ic-sagittaire {color: #d46480;}
#landing .blk-signes #blk-sagittaire .zodiac-text.sagittaire {color: #d46480;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-capricorne .ic-capricorne {color: #742f61;}
#landing .blk-signes #blk-capricorne .zodiac-text.capricorne {color: #742f61;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-verseau .ic-verseau {color: #6bb2ab;}
#landing .blk-signes #blk-verseau .zodiac-text.verseau {color: #6bb2ab;font-size: 14px;font-weight: normal;}

#landing .blk-signes #blk-poissons .ic-poissons {color: #e9ba5c;}
#landing .blk-signes #blk-poissons .zodiac-text.poissons {color: #e9ba5c;font-size: 14px;font-weight: normal;}


#landing .blk-signes .zodiac{padding-top: 10px;cursor: pointer;padding-bottom:0;font-size:48px;animation: displaySigns 500ms ease-in-out;}

/* #landing .blk-signes .ic-belier, #landing .blk-signes .ic-taureau, #landing .blk-signes .ic-gemeaux, #landing .blk-signes .ic-cancer, #landing .blk-signes .ic-lion, #landing .blk-signes .ic-vierge, #landing .blk-signes .ic-balance, #landing .blk-signes .ic-scorpion, #landing .blk-signes .ic-sagittaire, #landing .blk-signes .ic-capricorne, #landing .blk-signes .ic-verseau, #landing .blk-signes .ic-poissons{text-shadow: 0 0 0 #5e617e, 0 0 5px #5e617e;} */


#landing .blk-signes .zodiac-text{cursor: pointer;animation: fadeIn 600ms ease-in-out;font-family: 'Arial', Times, serif;padding-top: 5px;}
#landing .blk-signes .zodiac-ctn.animate-sign{animation: animateSigns 1 600ms ease-in-out;}
#blk-sagittaire .padding-bottom, #zo-capricorne .padding-bottom, #blk-verseau .padding-bottom, #blk-poissons .padding-bottom{padding-bottom: 0}
.couple-100{width:300px;height:60px;line-height:60px;margin:0 auto;color:#fff;font-family:"Arial Black", Gadget, Arial, sans-serif;font-weight:bold;font-size:25px;margin-bottom:25px;margin-top:55px;
background: rgb(223,107,49);
background: -moz-linear-gradient(103deg, rgba(223,107,49,1) 0%, rgba(229,109,49,1) 24%, rgba(234,112,49,1) 50%, rgba(253,119,51,1) 78%, rgba(255,127,58,1) 100%);
background: -webkit-linear-gradient(103deg, rgba(223,107,49,1) 0%, rgba(229,109,49,1) 24%, rgba(234,112,49,1) 50%, rgba(253,119,51,1) 78%, rgba(255,127,58,1) 100%);
background: linear-gradient(103deg, rgba(223,107,49,1) 0%, rgba(229,109,49,1) 24%, rgba(234,112,49,1) 50%, rgba(253,119,51,1) 78%, rgba(255,127,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df6b31",endColorstr="#ff7f3a",GradientType=1);
}
.couple-100 span{text-align:center;}

#header h1{color:#654c81}
#header h1 span{letter-spacing: 45px;font-size: 43px;padding-left: 50px;}

/**** contact ****/

#contact .bg-contact{background-color: #fff;background-image: url(../images/bg-contact.jpg);background-repeat: no-repeat;background-position: top center;}

#contact .first-letter::first-letter{font-size: 50px;border-top: 1px solid #000;border-bottom: 1px solid #000;margin-right:15px;float:left;text-align: center;padding-left: 10px;padding-right: 10px}

#contact h2.title-contact-2{background-color: #68acc5;color:#fff;padding: 10px;width:100%;max-width:300px;margin:20px auto 0;}
#contact .text-voyant{width:300px;margin:0 auto;font-size: 16px}
#contact .btn-tel{background-color: #68acc5;color:#fff;font-weight: bold;padding:10px;width:100%;max-width: 300px;margin:0 auto;font-size:24px;margin-bottom: 25px}
#contact .btn-tel2{background-color: #7e496c;color:#fff;font-weight: bold;padding:10px;width:100%;max-width: 300px;margin:0 auto;font-size:24px;margin-bottom: 25px}
#contact .btn-tel a, #contact .btn-tel2 a{color:#fff;text-decoration: none;}

#contact .btn-tel.phone-tel{width:100%;max-width:300px;margin:0 auto 10px;}

#contact .list-consultant{width: 300px;margin:0 auto;text-align: left;}
#contact .list-consultant h3{font-size: 20px}
#contact .img-consultant{text-align: left;width:100%;max-width:300px;margin:0 auto;margin-bottom:15px}
#contact .img-consultant img{width:85px;}
.border-black-img{border: 3px solid #7e496c;}
.top h3 {font-size: 23px}
.border-right-col{border-top: 10px solid #7e496c;width:65%;margin:0 auto}

/**** formulaire ****/
.form-control{color:#999999;}
#landing .form-container{margin: 0 auto;padding: 20px;border-radius: 30px;margin: 20px auto 40px;max-width:370px;width:80%;border:1px solid #FF66C4}
#landing .form-box{width: 290px;margin: 0 auto;margin-top: 10px;}
#landing .border-white-form{max-width:400px;width:100%;margin: 0 auto;border-bottom:1px solid #fff}

#landing .btn-suivant, #landing .btn-submit{position:relative;overflow: hidden;padding:3px 0;width:80%;margin-top:10px;border:1px solid #666;color:#FFF;font-family:"inter-classic", "Arial",sans-serif;font-weight: bold;font-size: 20px;border-radius: 25px;height: 45px;line-height: 35px;background: #FDA8FF;text-transform: uppercase;box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);
	-webkit-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);}
/* #landing .btn-suivant::after, #landing .btn-submit::after{content: '';position: absolute;top: -125%;left: -100%;width: 40px;height: 350%;opacity: 0.25;transform: rotate(45deg);animation: shine;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: ease-out;
background: rgba(255, 255, 255, 0.20);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1);
} */
#request-lead[disabled]{opacity: 0.85}
#request-lead.loading{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin-left: auto;margin-right: auto;}
#button-form-loader{display: inline-block;margin-right: 8px;width: 23px;aspect-ratio: 1;--_c: radial-gradient(farthest-side,#FFF 92%,#0000);background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;background-size: 7px 7px;background-repeat: no-repeat;animation: anim-button-fom-loader 1s infinite;}

@keyframes anim-button-fom-loader {to{transform: rotate(.5turn)}}
@-webkit-keyframes anim-button-fom-loader {to{-webkit-transform: rotate(.5turn)}}

/**** placeholder ****/
#prenom::-webkit-input-placeholder, #partenaire::-webkit-input-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;}
#prenom::-moz-placeholder, #partenaire::-moz-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;}
#prenom:-ms-input-placeholder, #partenaire:-ms-input-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;}
#prenom:-moz-placeholder, #partenaire:-moz-placeholder {text-align:center;color:#999999;font-family:"arial",sans-serif;}

/* input[type=text], input[type=email], select, option, textarea {text-align: center;text-align-last: center;color:#999999;font-weight: normal;}
textarea {text-align: left;color:#999999;} */

#emvForm .form-control,#emvForm .form-control::placeholder{color:#333;font-weight: bold;text-align: center;text-align-last: center;font-family: "Arial", "Times", sans-serif;}

/**** TCHAT ****/
#tchat-window{margin:0 auto;width:90%;max-width: 600px;height:660px;background-color: #fff;border:1px solid #8B4079;box-shadow: 0 0 2px 1px rgb(0, 0, 0, 0.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-bottom: 20px;}
#blk-z-input{position: relative;top:-25px}
#tchat-text{overflow:auto;height:605px}
#tchat-loader #loader-text{font-weight: bold;font-size: 20px;padding-top:10px}

#tchat-content{font-family: "Times New Roman", "Arial", serif;}
#tchat-text .para {padding: 5px 5px 5px 0;animation: fadeIn 300ms;margin-left: 15px;}
#tchat-text .para .img-circle {width:70%;margin-left:5px}
#tchat-text .para .prenom-consult-tchat{color: #911010;font-size: 16px;display:inline}
#tchat-text .para .prenom-consult-tchat::after{content: ' :'; margin-right: 1px;}
#tchat-text .para .bulle-bleu {background: #fbf2fd none repeat scroll 0% 0%;border-radius: 20px;color: #454545;font-size: 16px;padding: 8px;position: relative;margin-top: 0px;text-align: center;font-family: 'Arial',sans-serif;font-weight: normal;color:#000;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);min-height:50px;max-width:95%;font-family:'verdana', sans-serif}
#tchat-text .para .triangle-left::after {display:block;width: 0px;content: "";position: absolute;top: 9px;left: -15px;border-color: #fbf2fd transparent;border-style: solid;border-width: 0px 15px 10px 20px;color:#000;}
#tchat-text .para a{color:#428bca}

#tchat-loader, #tchat-content{min-height:610px; max-height:610px}
#tchat-loader{display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}

#spinner {width: 70px;height: 70px;display: grid;border:4px solid #0000;border-radius: 50%;border-right-color:var(--border-color-spinner-default, #9390ff);animation: anim-loader-spinner 1s infinite linear;}
#spinner::before, #spinner::after {content:"";grid-area: 1/1;margin:2px;border:inherit;border-radius: 50%;border-right-color:var(--border-color-spinner-default, #aca9fc);animation: anim-loader-spinner 2s infinite;}
#spinner::after {border-right-color:var(--border-color-spinner-default, #c0befd);margin:8px;animation-duration: 3s;}

#loader-text{font-size: 18px;}
#tchat-content {overflow-y: auto;}
#tchat-content .tchat-para {background: none;padding:0.4em 0px 0.4em 6px;overflow: hidden;display: flex;justify-content: flex-start;width:98%}
#tchat-content .tchat-msg {background: #DDF0FE none repeat scroll 0% 0%;  min-width: 50px;padding: 5px 10px;margin-left: 2%;border-radius: 15px;font-size: 17px;word-break: break-word;color: var(--text-color-tchat-msg);max-width: 95%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;position: relative;text-align:left;height:auto;transform-origin:left bottom;opacity:0;transform:scale(0);transition:all 0.5s ease-out;font-family: 'istok',Arial, Helvetica, sans-serif;
	box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);
	-webkit-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);
	-moz-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);}
#tchat-content .open .tchat-msg{opacity:1;transform:scale(1);}
#tchat-content .close .tchat-msg{opacity:0;}
/* #tchat-content .tchat-msg::before {display: block;width: 0px;content: "";position: absolute;bottom: 10px;left: -12px;border-style: solid;border-width: 0 14px 18px 0;border-color: transparent var(--bg-color-tchat-msg) transparent transparent;} */
#tchat-content .tchat-para .prenom-consult-tchat {color: var(--text-color-medium-msg);font-size: 16px;display: none;visibility:hidden;}
#tchat-content .tchat-para .prenom-consult-tchat::after{content: ' : ';margin-right:3px;}
#tchat-content .tchat-para .check-tchat-container{display: block;}

#tchat-content .is-dots .tchat-avatar{display: none;visibility: hidden;}
#tchat-content .is-dots .prenom-consult-tchat{display: inline-block;visibility:	visible;}


.check-tchat-container .check-tchat{margin-right: 8px}
.check-tchat-container label{font-weight: normal;}
.check-tchat-container a{color: #111;}

/* tchat - valid / deny */
#valide #tchat, #interdiction #tchat{padding: 20px 0 15px;}
#valide #tchat h1, #interdiction #tchat h1{margin:0 0 10px;font-family: Georgia, 'Times New Roman', Times, serif;font-size:28px; color:var(--text-color-header-title)}

/* tchat - audio */
#tchat-content .tchat-para.is-audio .tchat-msg{background-color: transparent;box-shadow:none}
#tchat-content .tchat-para.is-audio .tchat-msg::before{border: 0 none}
.custom-audio-player {display: flex;flex-direction: column;align-items: center;border-radius: 25px;min-width:200px;max-width: 250px;}
.audio-visualizer-row {display: flex;align-items: center;width: 100%;}
.audio-icon {width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0; border: 3px solid #FFF;border-radius:50%;background:#826bc9;color:white;font-size:21px;z-index:5;}
.audio-icon:hover{background: #0070ec;}
.audio-icon .fa-play{margin-left:4px}
.audio-visualizer-container {position: relative;flex: 1;height:34px;min-width:150px;overflow: hidden;border: 1px solid #000;border-radius: 0 5px 5px 0;position: absolute;	left: 52px;}

.audio-visualizer-progress {position: absolute;width: 0%;height: 100%;background: #bcf3d3;z-index: 2;transition: width 0.1s linear;}

.audio-visualizer-bars {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;gap: 1px;z-index: 3;padding: 3px 11px;max-width: 138px;	overflow: hidden;}

.audio-visualizer-bars div {flex-shrink: 0;width: 1px; /* Largeur fine des barres */height: 100%; /* Barres sur toute la hauteur ; par défaut */background: #826bc9; /* Utilisé comme masque */}
.audio-visualizer-timing {font-size:10px;font-weight:bold;color: #333;text-align: center;position: absolute;right: 16px;bottom: 0;}

/* user */
#tchat-content .tchat-para.is-user{justify-content: flex-end;}
#tchat-content .tchat-para.is-user .tchat-msg{margin-left:0;margin-right:5%;transform-origin: right bottom;background-color: #e0f8ff;box-shadow: #91d5ea -1px 1px 2px 0px;}
#tchat-content .tchat-para.is-user .tchat-msg::before{left:inherit;right:-12px;border-width: 14px 18px 0 0;border-color: #e0f8ff transparent transparent transparent;}
#tchat-content .tchat-para.is-user .prenom-consult-tchat {color:#3377bd;font-size: 16px;}

.dots {width:50px;height:22px;
  background:
    radial-gradient(circle closest-side,var(--bg-color-dots) 90%,#0000) 0%   50%,
    radial-gradient(circle closest-side,var(--bg-color-dots) 90%,#0000) 50%  50%,
    radial-gradient(circle closest-side,var(--bg-color-dots) 90%,#0000) 100% 50%;
  background-size:calc(100%/2.5) 10px;
  background-repeat: no-repeat;
  animation:anim-dot 1s infinite linear;
}
.audio-recording-animation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 20px;
  width: 60px;
}
.audio-recording-animation .fa-microphone{
	color: #AA54B7;
	margin-right: 3px;
}
.audio-recording-animation .recording-bar {
  display: inline-block;
  width: 5px;
  height: 10px;
  background-color: var(--bg-color-audio, #AA54B7);
  animation: recording-wave 1s infinite ease-in-out;
}
.audio-recording-animation .recording-bar:nth-child(1) {
  animation-delay: 0s;
}
.audio-recording-animation .recording-bar:nth-child(2) {
  animation-delay: 0.2s;
}
.audio-recording-animation .recording-bar:nth-child(3) {
  animation-delay: 0.4s;
}


.bulle-color{position: relative;}
.bulle-color::after {display: block;width: 0px;content: "";position: absolute;top: 0;left: -22px;border-color: #d0effb transparent;border-style: solid;border-width: 0px 0px 14px 15px;}

/*tchat input typing*/
#z-is-typing{display:flex;justify-content:center;align-items: center;width: 80%;height:45px;margin: 30px auto 0;padding: 10px 0;border: 1px solid #ff6019;box-shadow:0px 2px 3px 0px rgb(0 0 0 / 25%);border-radius: 3px;}

#is_typing{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:13px;color:#911010}
/* #ch-input {display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:13px} */

/* #is-typing-container{width: 70%;box-shadow: 0 4px 6px 0px rgb(0 0 0 / 40%);border-radius: 5px;} */
#is-typing-container{min-height:23px;position:relative}

#is-typing-container{display:flex;justify-content:flex-start;align-items: center;width: 100%;height:45px;margin: 5px auto 0;padding: 10px 0;border-top: 1px solid #A42F6E;padding-left: 15px;}
#is-typing-content{display: flex;	flex-direction: row;justify-content: center;align-items: center;text-align: center;font-size:14px;font-family: 'inter-classic', Arial sans-serif;color:#FF367E;font-weight: bold;}
#is-typing-container.active{border-color: #008fff;}
#is-typing-message{color:#FF367E;font-family: 'inter-classic', Arial sans-serif;}


.spinner-is-typing {width:15px;height:15px;border-radius: 50%;margin-right:5px;
  background:radial-gradient(farthest-side,var(--bg-first-spinner-is-typing) 60%,#0000) top/8px 8px no-repeat,	conic-gradient(#0000 30%,var(--bg-second-spinner-is-typing));
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
  animation:anim-spinner 1s infinite linear;
}

#btn-paper-plane, #btn-paper-plane-input-tchat{position: absolute;right: 50px;top: 4px;width: 35px;height: 35px;text-align:center;padding:8px 8px 0 5px;background-color: var(--bg-color-btn-typing, #b3204c);border-radius:50%;-webkit-box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4);box-shadow: -1px 2px 11px 1px rgba(0,0,0,0.4);}
#btn-paper-plane .ico-paper-plane, #btn-paper-plane-input-tchat .ico-paper-plane{width:90%;height:auto;fill:var(--text-color-btn-typing, #FFF)}


/* cartes dans chat */
#display-cards-content{padding:10px 50px}
.col-xs-cards{float:left;width:20%;padding: 0 5px}

/**** footer ****/
#footer{background-color: #000;height:auto;padding-top: 40px;padding-bottom: 40px}
#footer a{color: #fff}

/**** RAPPEL ****/
#rappel {font-family: "arial",sans-serif;}
#rappel-content {max-width:400px;background: rgba(255,255,255,0.8);color:#000;border-radius: 10px;padding:13px;border:2px solid #9F00F9;margin:0 auto}
#rappel-tel-content{position: relative;overflow:hidden;max-width:400px;color:#FFF;border-radius:8px;padding:2px 0;border:1px solid #CCC;margin:35px auto 5px;background: rgba(0, 0, 0, 0.55);box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.45);animation: anim-tel 2s infinite linear}
#rappel-tel-content a{color:#FFF;font-size: 30px}
#rappel-tel-content a:hover{text-decoration: none;}
#rappel-tel-content::after{content: '';position: absolute;top: -125%;left: -100%;width: 40px;height: 350%;opacity: 0.25;transform: rotate(45deg);animation: shine;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: ease-out;
background: rgba(255, 255, 255, 0.20);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1);
}
#rappel-content .title-content, #rappel-tel-content .title-tel{font-size: 18px}
#rappel .blk-input-grey{overflow: hidden;width: 100%;}
#rappel .bg-violet{color: #fff;width: 15%;background-color: #9F00F9;padding: 7px;border: 0 none;position: relative;left: -4px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
#rappel #input-rappel{width: 75%;line-height: 50px;height: 50px;border: 1px solid #8b8b8b;text-align: center;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color: #000}


/* reponse page */
#reponse{overflow: hidden;}
#reponse #box #content{background-image: none;background-color: var(--background-color-content, #f7fafd);}
#reponse #content .container {padding: 0;}
#response-container{padding: 0;}
#container-mailing{border:6px solid #D0A7C5;background-color: #FFF;max-width:620px}

#header-mailing{padding: 0 0 10px;font-family: 'inter-classic', Arial sans-serif;}
#header-mailing-title{font-family: 'inter-classic', Arial sans-serif;color:#2b3a68;font-size:16px;font-weight: bold;margin:10px 0}
#header-mailing .fa-envelope{display: none; visibility: hidden;}
#header-mailing-subtitle{font-family: 'inter-classic', Arial sans-serif;color:#2b3a68;font-size:15px;font-weight: normal;padding:0;margin: 0 0 12px}

#content-mailing{font-family: 'inter-classic', Arial sans-serif;background-color: #fff;padding:0 30px;}
#content-mailing a {color:#2b3a68;font-size:18px;font-weight: normal;text-align: justify;}
#content-mailing a:hover, #content-mailing a:focus, #content-mailing a:visited{text-decoration: none;color:#2b3a68;}
#content-mailing p{margin-bottom:0}

#call-mailing {font-family: 'inter-classic', Arial sans-serif;padding: 10px 0;}
#call-mailing a, #call-mailing a:hover, #call-mailing a:focus, #call-mailing a:visited{text-decoration: none;}
#call-mailing hr{margin: 15px auto 15px;max-width: 250px;width: 80%;}
/* 18/11/2024 */
#call-mailing-title-1{display:block;color:#2a3c67;font-size:22px;font-weight:bold}
#call-mailing-title-2{display:block;padding:0;color:#2a3c67;font-size:19px;font-weight:normal}
#call-mailing-title-3{display:block;padding:0;color:#2a3c67;font-size:15px;font-weight:normal;text-transform: uppercase;}
#call-mailing #cb-secure-container{margin-top:10px;margin-bottom:30px}
#call-mailing #cb-secure-container img {max-width: 144px;border-radius: 4px;box-shadow: 0 0 2px 0px #666666;}
#call-mailiing-plan-container{margin-top: 12px;}
#call-mailiing-plan-container p{margin-bottom: 1px;line-height: 1.1;}
#call-mailiing-plan-container a{font-size: 13px;font-family: Verdana, Helvetica, sans-serif;color:#333}
/* #call-mailing #phone-svg{display: none;visibility: hidden;}
#call-mailing #phone-number-container{border-radius: 25px;padding: 3px;border: 3px solid var(	--border-color-phone-number, #D286A4)} */
/* #call-mailing #phone-button{padding: 20px 5px 30px;}
#call-mailing #phone-button-response{padding: 20px 5px 30px;}
#call-mailing #phone-number-link{font-size: 27px;} */


#contact .text-voyant p{font-size: 18px}
#landing h2.title-voyant{color: #fff;text-align: center;font-family: 'Georgia',sans-serif;padding-right: 60px;font-size: 26px;}


/* New ban tarif + tel */
#ban-offre{position: relative;width: 100%;padding-top:10%}
#ban-offre-card{position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);z-index: 1}
#ban-text-blk{position: relative;padding-top:0px;}
/* #ban-text h2, #ban-text h3{font-family: 'cambria',sans-serif !important;color:#000;font-weight:bold} */
#ban-text h3{margin-bottom:0;margin-top: 10px}
#ban-text {background-color: white;border-radius: 15px;padding:10px;margin:0 auto;font-family: 'cambria',sans-serif !important;}
#ban-text .phone-tel a{font-size: 25px;color:#3dc0ee;font-weight:bold;margin-top:10px}
#ban-text .tarif{font-size: 20px;color:#000}

/* call ban */
#ban-call{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;flex-wrap: nowrap;}
#ban-call *{font-family:'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}
#ban-call a:hover, a:focus, a:active{text-decoration:none}
.ban-call-container{position:relative;width:98%;max-width:265px}
.ban-call-content{background-color: #FFF;position:relative;transform: translateY(-15px);border: solid var(--border-width-call-content) var(--border-color-call-content);border-width:var(--border-width-call-content) var(--border-width-call-content)  1px var(--border-width-call-content);padding:var(--padding-call-content);border-radius:6px;line-height:0.9}
.ban-call-content a:hover, a:focus{color:inherit}
.ban-call-content span{display:block}
#ban-call-private .ban-call-content span{display:block;padding: 5px 0;}
.ban-call-bar{position:absolute;left:0;bottom:0;background-color: var(--border-color-call-container-bottom);width:100%;height:100%;border-radius:0 0 6px 6px}
.ban-call-title{font-weight: bold;font-size: var(--text-size-call-title);color: var(--text-color-call-title)}
.ban-call-subtitle{font-size:19px;color: var(--text-color-call-subtitle)}
.ban-call-phone{font-size:26px;font-weight: bold;color: var(--text-color-call-phone)}
.ban-call-tarif{font-size:13px;font-style: italic;}

#ban-call-private{margin: 15px auto 0;}
#ban-call-audiotel{margin: 25px 0 0;}

#ban-call-audiotel-cartbridge{margin: 5px auto;}


/************/
/* offre (ban top & call section) */
.rdv-promo-code{margin-bottom:5px;font-size:21px;font-weight:bold;}
.offer-tarif{margin-bottom:15px;font-size:15px;font-weight: lighter;}

/* call section */
#call{padding: 15px 0 0;}
#call {font-family: 'Times New Roman', serif}
/* #call h2 {margin:0 0 15px;font-size:33px;} */
#call h2.blk-title {margin:15px 0 15px;font-size:28px;}
#call #phone-number{margin: 0 0 20px;font-size:30px; font-weight:bold}
.color-blue{color:#3c90f7}
.color-blue a{color:#3c90f7 !important}
.underline{text-decoration:underline}
.hr{border-top:1px solid #000;max-width:280px;margin:10px auto 20px;}
.noBorder{border:0 none !important}

/* callback section */
#callback{
	--bg-color-callback-form: #ff7420;
	--bg-color-callback-btn: #ff7420;
}
#callback{padding:20px 15px 40px}
#callback p{margin:5px 0; font-size:16px;font-weight:bold}
#callback h2{font-size:25px;font-weight:bold}
#callback .form-control{background-color:#FFF;font-family: Arial, Helvetica, sans-serif;}
#callback-phone-number::placeholder{text-align: center;}
#callback .btn{background-color: var(--bg-color-callback-btn); color: white;font-weight: bold;font-size: 19px;padding: 6px 8px;border: 0 none;}

#callback-container{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding:3px 8px;border-radius:3px;background-color: var(--bg-color-callback-form);max-width:370px}
#ico-callback{max-width:25px; height: auto;margin-right:12px}
/* #btn-rappel{padding:0;margin-left:8px;background-color: transparent;font-size:17px;color: white;font-weight:bold} */
#btn-rappel:hover, #btn-rappel:focus, #btn-rappel:active, #btn-rappel.active, #btn-rappel:focus, #btn-rappel:active:focus, #btn-rappel.active:focus {color: var(--text-color-btn-form-request, var(--white, #FFF)); text-shadow:0 0 3px var(--white, #FFF); box-shadow: none;outline:0}
#callback-spinner {width: 24px;height: 19px;border-radius: 50%;margin: 0 5px 0 11px;
	background: radial-gradient(farthest-side,#ffffff 80%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 20%,#ffffff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
	mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
	animation: anim-spinner 1s infinite linear;
	display: inline-block;
}
#callback-container.responsed{padding: 0;}
#callback-response {opacity:0;transition:opacity 0.8s ease-out;}
#callback-response.open {opacity:1}
#callback-response h3 {font-size: 17px;display: inline-block;background-color: #f3f9eb;padding: 11px;color: #4d9d00;font-weight: normal;border-radius: 3px;margin-bottom: 10px;text-align: justify;border: 1px solid #62ab00;}
#callback-response .text-contact-back{display: inline-block;margin: 20px auto;font-size: 20px;}
#rappel-form-phone-response-msg p{margin:0;border-radius: 3px;}

/* rappel modale sur page valide / interdiction (intl-tel-input) */
#rappel-form{
	--rappel-border-color-form: #815629;
	--rappel-background-color-form: #FFF;

	--rappel-title-color: #F3D589;
	--rappel-subtitle-color: #FFF;
	--rappel-paragraph-color: #ff387d;

	--rappel-button-close-color: #815629;
	--rappel-button-color: #FFF;
	--rappel-button-background-color: #FF387E;
	--rappel-button-background-color-gradient-1: #FF387E;
	--rappel-button-background-color-gradient-2: #e9125d;
	--rappel-button-border-color: #b80000;
	--rappel-button-shadow-color: #b80000;
}
#rappel-form{position:fixed;top:0;left:0;width: 100%;height: 100%;min-height: 100%;z-index:100;background-color: rgba(255, 255, 255, 0.4);display:flex;flex-wrap: nowrap;align-content: center;flex-direction: column;justify-content: center;align-items: center;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}
#rappel-form-content{position:relative;width: 90%;max-width: 370px;height: 540px;border-radius: 5px;background-color: var(--rappel-background-color-form);border-radius:15px;box-shadow: 0 1px 4px 4px rgba(0,0,0,0.2);overflow: hidden;}

#rappel-form-content-step-1 {padding: 10px;width: 100%;height: 100%;background-image: url("../images/bg-callback.jpg");
  background-image: -webkit-image-set(
    url("../images/bg-callback.webp") type("image/webp"),
    url("../images/bg-callback.jpg") type("image/jpeg")
  );
  background-image: image-set(
    url("../images/bg-callback.webp") type("image/webp"),
    url("../images/bg-callback.jpg") type("image/jpeg")
  );
	background-repeat: no-repeat;background-size: cover;background-position: center bottom
}

#rappel-form-content-step-2 {width:100%;height:100%;display: flex;justify-content: center;align-items: stretch;background-image: url("../images/bg-callback-valide.jpg");
  background-image: -webkit-image-set(
    url("../images/bg-callback-valide.webp") type("image/webp"),
    url("../images/bg-callback-valide.jpg") type("image/jpeg")
  );
  background-image: image-set(
    url("../images/bg-callback-valide.webp") type("image/webp"),
    url("../images/bg-callback-valide.jpg") type("image/jpeg")
  );
	background-repeat: no-repeat;background-size: cover;background-position: center bottom;font-family: Arial, Helvetica, sans-serif;}


#rappel-form-phone-container{position: absolute;bottom: 20px;left: 0;width: 100%;padding: 5px;box-sizing: border-box;}


.congrats-modal h2, .congrats-modal p {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size:40px;margin-bottom: 5px;font-weight: 800;letter-spacing: 2px;color: #645090}
.congrats-modal h2{padding-top: 32px;text-transform: uppercase;}
.congrats-modal p{margin-bottom: 30px;font-size: 25px;letter-spacing: normal;}
#info-item-content{background-color: rgba(250, 250, 250, 0.4);width: 96%;margin: 0 auto;padding: 10px 10px 15px;border-radius: 10px;box-shadow: 0px 2px 7px #b39bb9;}
.info-item {display: flex;align-items: center;justify-content: center;text-align: left;margin-bottom:20px;}
.icon-box {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-right: 15px;}
.info-item i {font-size: 30px;}
.fa-envelope, .fa-phone {color: #b39abd;}
.info-item span {display: inline-block;min-width: 185px;padding-left: 17px;font-weight: bold;font-size: 17px;}
.btn-ok {width: 70%;padding: 6px 0;margin-top: 15px;background-color: #f58d2a;color: white;font-size: 25px;font-weight: bold;border: none;border-radius: 20px;cursor: pointer;box-shadow: 0 4px 0 #c76f22;transition: background-color 0.2s;}
.btn-ok:hover {background-color: #e07b22;}

#rappel-form-phone-inpu-content *{font-family: Arial, Helvetica, sans-serif;}
/* #rappel-form-input-phone{color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);border-radius:6px;font-size:17px;width:100%} */

#rappel-form-close-btn{line-height: 1;font-size: 14px;background-color: #f1dee3;padding: 5px;border: 2px solid #cb6474;width: 60%;border-radius: 20px;margin: 0 auto;margin-top: 20px;color: #cb6474}

/* #rappel-form-close-btn{position: absolute;top:1px;right:1px;line-height: 1;font-size:20px} */
#rappel-form-close-btn .fa-times{cursor:pointer;color:var(--rappel-button-close-color)}

#rappel-form-header * {font-family: 'Helvetica', 'Arial', sans-serif;position:relative;}
#rappel-form-header h2{margin-top: 15px;font-size: 21px;font-weight: bold;letter-spacing:1px;color:var(--rappel-title-color); }
#rappel-form-header p {margin-top: 35px;color:var(--rappel-subtitle-color)}
#rappel-form-phone-input-content {display: flex;border: 2px solid #8e4709;border-radius: 8px; background-color: white;overflow: hidden;max-width: 400px;}

#rappel-form-input-phone {flex-grow: 1;border: none;outline: none;padding: 10px;font-size: 16px;color: #333;padding-left: 45px;width: 100%;}

#rappel-form-phone-button {background-color: #d1875c;color: white;font-weight: bold;text-transform: uppercase;border: none;padding: 0 5px;cursor: pointer;font-size: 11px;display: flex;align-items: center;}

#rappel-form-phone-error-msg{color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;border-radius: 3px;width: 95%;margin: 0 auto 20px;padding: 2px 0;font-size: 16px;}

.fade-in{opacity: 0;animation-name:fade-in-animation;animation-duration: 0.5s; animation-fill-mode: forwards;}
.fade-out{opacity: 1;animation-name:fade-out-animation;animation-duration: 0.5s; animation-fill-mode: forwards;}

@keyframes anim-rappel-form-button {
	0%{background-position:50% 0%;text-shadow: none;}
	50%{background-position:51% 100%;text-shadow: 0 0 5px #FFF;}
	100%{background-position:50% 0%;text-shadow: none;}
}

@keyframes fade-in-animation {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fade-out-animation {
  from {opacity: 1;}
  to {opacity: 0;}
}


/* RGPD */
.container-rgpd{width:95%;max-width:740px;font-size:11px}
.container-rgpd p{color:#2a343b}
.pad-15{padding:15px}

.form-condition{font-size:13px;position: relative;}
.form-condition label{color:#000;line-height: inherit;font-size:10px;font-weight: lighter;font-family: 'istok',Arial, Helvetica, sans-serif;}
.form-condition label a{color:#000}

.message-error1{position: absolute;top: 30px;left: -15px;z-index: 1000000}
#msg-error1{color: #000;background-color: #fff;padding: 5px 10px;border-radius: 5px;position: relative;font-weight: bold;font-style: italic;}
#msg-error1 .triangle-code1{position: absolute;top: -12px;left: 14px;display: inline-block;height: 0;width: 0;border-right: 13px solid transparent;border-bottom: 17px solid #fff;border-left: 7px solid transparent;}

.message-error2{position: absolute;top: 15px;left: 0px;z-index: 1000000}
#msg-error2{color: #000;background-color: #fff;padding: 5px 10px;border-radius: 5px;position: relative;top: 13px;left: -15px;font-weight: bold;font-style: italic;}
#msg-error2 .triangle-code2{position: absolute;top: -12px;left: 14px;display: inline-block;height: 0;width: 0;border-right: 13px solid transparent;border-bottom: 17px solid #fff;border-left: 7px solid transparent;}

/* disclamer */
.container-blk{max-width:620px;margin:0 auto;text-align:center}

#valide .tel-container, #interdiction .tel-container{margin-top: -200px}
#valide #contact, #interdiction #contact{margin-top: -100px}


/************/
/**landing***/
.text-bold{font-weight: bold;}
.title1-medium{font-weight: bold;color: #ff9933;font-size: 22px;margin: 0;font-family: 'arialBlack', Arial sans-serif;}
.title2-medium{color: #ff9933;	font-size: 22px;margin: 0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
.title3-medium{font-family: 'arial', Arial sans-serif;color: #000;font-size: 17px;margin: 20px auto 10px;text-align: center;font-style: italic;}

.list-container{text-align: center;}
.list-container ul{list-style: none;padding: 0;margin: 30px 0 0;font-family: 'Times New Roman', Times, serif;font-size:22px;text-align: center;}
.list-container li{padding-left: 1rem;text-indent: -0.75rem;}
.list-container li i{width: 20px;height: auto;display: inline-block;padding-top: 5px;}
.list-container p{margin-top:10px;font-family:'Helvetica', 'Arial', sans-serif;font-size:14px;font-style: italic;text-align: center;color:#ff7420}
.text-bold{font-weight: bold;}

#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#ff7420;color:#FFF;padding:15px 20px;font-weight:bold;display: inline-block;font-size:18px;padding: 12px 0;border-radius: 3px;transition: all .4s;position: relative;overflow: hidden;letter-spacing: 1px;width:90%;max-width:280px}
#video-call-btn:hover{background:#ff7420;transform: scale(0.9);text-decoration: none;}
#video-call-btn::after{content: ''; position: absolute; top: -125%; left: -100%; width: 40px; height: 350%; opacity: 0.25; transform: rotate(25deg); animation: shine; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-out; background: rgba(255, 255, 255, 0.20); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);}
h3 a{color: #ff7420;font-weight: bold;font-size: 28px;padding-bottom: 5px;display: block;}

.noDisplay{display:none !important}
#content.container{padding:0}


#btn-paper-plane, #btn-paper-plane-input-tchat{position:absolute;right:5px;top:5px;width:35px;height:35px;text-align:center;padding:8px 8px 0 5px;background-color: var(--bg-color-btn-typing, #edecff);border-radius:50%}
#btn-paper-plane .ico-paper-plane, #btn-paper-plane-input-tchat .ico-paper-plane{width:90%;height:auto;fill:var(--text-color-btn-typing, #FFF)}

/* 24/07/2024 */
.border-orange{border-top:2px solid #ff9933;width: 90%;max-width: 800px;margin: 0 auto;margin:30px auto}
#content .title3-top .fa-envelope{color: #FFF;	display: inline-block;	font-size: 16px;	padding: 3px 4px;	border-radius: 4px;	background: rgb(255, 153, 51);	background: linear-gradient(180deg, rgba(252, 164, 76, 1) 0%, rgba(255, 179, 103, 1) 100%);	margin-right: 3px;}
.cb-secure{max-width: 150px;}
.bg-light-blue{background-color:#f7fafd;}

/* #valide #overlay, #interdiction #overlay {background-color:#ede0f9;} */

#phone-button{
	--bg-color-phone-ico : #FFF;
	--border-color-phone-ico : #ff9933;
	--text-color-phone-ico : #ff9933;

	--text-color-phone-number : #ff9933;
}

#phone-button-response{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #2a3c67;
	--text-color-phone-ico: #2a3c67;
	--text-color-phone-number: #2a3c67;
	--border-color-phone-number: #2a3c67;
}

/* phone button */
#phone-button{width: 96%;max-width: 375px;margin: 0 auto;position: relative;padding: 35px 0 35px 10px;}
#phone-svg{display:block;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 65px;height: 65px;text-align: center;padding: 8px 8px 0 5px;	border-radius: 50%;background-color: var(--bg-color-phone-ico, #FFF);border: 3px solid var(--border-color-phone-ico, #FFF);box-shadow: 0 2px 4px #999;}
#phone-svg .ico-phone{width: 90%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-number-container{display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 35px;box-shadow: 0 3px 4px #999;text-decoration:none;}
#phone-number-link{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;color: var(--text-color-phone-number);}

/* phone button response */
#phone-button-response{width: 96%;max-width: 375px;margin: 0 auto;position: relative;padding: 35px 0 35px 10px;}
#phone-button-response #phone-svg-response{display:block;position: absolute;top: 50%;left: 60px;transform: translate(0, -50%);width: 65px;height: 65px;text-align: center;padding: 8px 8px 0 5px;}
#phone-button-response #phone-svg-response .ico-phone{width: 70%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-button-response #phone-number-container-response{text-decoration:none;display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 35px;}
#phone-button-response #phone-number-link-response{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;color: var(--text-color-phone-number);}

/* new 13/09/2024 */
.title1-medium-form{font-family: Arial, Helvetica, sans-serif;color:#263C6A;font-size: 21px;margin:0;font-weight: bold;}
.title2-medium-form{font-family: Arial, Helvetica, sans-serif;font-size: 17px;color:#263C6A;margin:0;padding-top: 10px;}
.title3-medium-form{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#263C6A;}

/********************************/
/* news 01/2025 */

.color-dark-blue{color:#263C6A}
#landing {background-color: #f6f9f9;}
#valide, #interdiction{background-color: #fff;}

/* slider */
.container-slider {display: flex;flex-direction: column;gap: 20px;}
.text-item {position: relative;cursor: pointer;text-align: left;width: 80%;margin: 0 auto;font-family: 'inter-classic', Arial sans-serif;color:#263C6A;}
.text-item .text-title {height: auto;border-radius: 5px;transition: transform 0.3s ease;font-weight: bold;font-size:16px}
.text-item .text-title:hover {transform: scale(1.05);}
.hidden-text {overflow: hidden;max-height: 0;transition: max-height 0.5s ease, padding 0.5s ease;color: black;padding: 0 10px;text-align: center;}
.text-item.active .hidden-text {padding: 10px 0;}
.header-item{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;border-bottom: 2px solid #4E73DE;}
.border-chevron{width: 25px;fill: #AA54B7;min-width: 25px;max-width: 25px;}

/* slider rgpd */
#rgpd {padding-bottom:50px;padding-top:20px;max-width: 600px;margin: 0 auto;}
.container-slider{max-width: 600px;margin: 40px auto;}
.container-slider-rgpd {display: flex;flex-direction: column;gap: 20px;}
.text-item-rgpd {position: relative;cursor: pointer;text-align: left;width: 70%;margin: 0 auto;font-family: Arial, Arial sans-serif;color:#333;}
.text-item-rgpd .text-title-rgpd {height: auto;border-radius: 5px;transition: transform 0.3s ease;font-size: 14px;}
.text-item-rgpd .text-title-rgpd:hover {transform: scale(1.05);}
.hidden-text-rgpd {overflow: hidden;max-height: 0;transition: max-height 0.5s ease, padding 0.5s ease;color: black;padding: 0 10px;text-align: center;}
.text-item-rgpd.active .hidden-text-rgpd {padding: 10px 0;}
.header-item-rgpd{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;border-bottom: 1px solid #333;}
.border-chevron-rgpd{width: 15px;fill: #333;min-width: 15px;max-width: 15px;}
.blk-txt-rgpd{font-size: 12px;font-family: Arial, Helvetica, sans-serif}

/* boutique */
.title-boutique{border: 1px solid #4E73DE;width: 40%;margin: 0 auto;border-radius: 15px;background: #F7FAFD;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;color:#263C6A;padding: 7px;margin-bottom:20px;max-width: 300px;margin-left:45px;text-align: left;padding-left: 5%;}
.type-tarif{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: flex-start;align-items: center;border: 1px solid #e9b2da;border-radius: 10px;width: 70%;margin: 0 auto;padding: 3px;margin-bottom:5px;    max-width: 370px;}
.blk-img{width: 25%;padding-left: 2px;}
.blk-img img{width: 68px;height:63px;border-radius:5px}
.tarif{text-align: left;font-family: 'inter-classic', Arial sans-serif;padding-left: 10px;}
.details-tarif{font-size:13px}
.color-blue{color:#263C6A}
.color-grey{color:#de78bd}
.color-black{color:#000}
#boutique{padding: 10px 0 180px;}


/* header */
#landing #header-picture-container{background: #fff url(../images/bg-header-mobile.png) no-repeat scroll top center;background-size: cover;min-height: 173px;background-position: top left;}
#valide #header-picture-container, #interdiction #header-picture-container{background: 0 none;}
#header-medium-picture{max-width: 126px;margin: 0 auto;}
#header-illustrated-photo{position: absolute;right:5px;bottom:3px;color:#ccc;font-size:10px}
#header-text-container{color: #fff;margin: 0 auto;text-align: center;width: 100%;}
#header-text-container h2{font-size: 16px;}
#header-title-medium-container h2{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:16px; text-align: center;}
#header-title-medium-container h3{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:20px; text-align: center;font-weight: bold;}
#header-title-medium-container h3 span{display: block;}
#header-border-container{border-bottom:2px solid #fff;margin-top: 25px;margin-bottom: 25px;}

#bg-form h2{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:16px; text-align: center;}
#bg-form h3{font-family: 'bodoni', Arial sans-serif;color:#8D3470;font-size:20px; text-align: center;font-weight: bold;margin-top:10px}
#bg-form h3 span{display: block;}
#bg-form #etap-2 h3 {margin-bottom:40px}
#bg-form #etap-2 h3 span{display: block;}

/* formulaire */
#emvForm .form-control{border:1px solid #FF66C4;border-radius:15px;font-weight: normal;}
#emvForm .form-control::placeholder{font-weight: normal;}
/* form */
.flex-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

/* Style de base du span */
.custom-checkbox-span {
	display: inline-block;
	width: 12px; /* Taille de la "checkbox" */
	height: 12px;
	border-radius: 50%; /* Rond */
	border: 1px solid #4E73DE; /* Bordure */
	background-color: white; /* Fond blanc */
	margin-right: 8px; /* Espacement avec le texte */
	position: relative;
	cursor: pointer; /* Indicateur interactif */
}

/* Style quand la checkbox est cochée */
input.custom-checkbox:checked + label .custom-checkbox-span {
	background-color: #4E73DE; /* Couleur de remplissage */
	border-color: #4E73DE; /* Harmonisation de la bordure */
}

/* Style pour un effet de "check" visuel */
.custom-checkbox-span::after {
	content: '';
	display: none;
	width: 50%; /* Taille du "check" */
	height: 50%;
	background-color: white; /* Couleur du "check" */
	border-radius: 50%; /* Cercle parfait */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Afficher le "check" lorsque la checkbox est cochée */
input.custom-checkbox:checked + label .custom-checkbox-span::after {
	display: block;
}

/* infos */
#call-group{padding-top:80px}
.title1-top{color:#A0306E;font-size:30px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'jacques-francois', Arial sans-serif;letter-spacing: 3px;}
.title2-top{font-family: 'inter-classic', Arial sans-serif;font-size: 18px;margin-top: 0;margin-bottom: 0;text-align: center;color: #000;
padding-bottom: 10px;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-weight: lighter;}
.title2-top span{margin-left:10px}

.title3-top{color:#263C6A;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;text-align: left;}
.blk-dispo{margin: 0 auto;width: 85%;max-width: 400px;padding-top: 60px;}
.blk-display-tel{margin: 0 auto;width: 85%;max-width: 400px;}
.blk-domaines{margin: 0 auto;width: 85%;max-width: 400px;padding-top: 60px;}

.tarification{font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#000;font-weight: 200;text-align: left;
	margin: 0 auto;font-weight: lighter;}
.blk-tel{text-align: center;margin: 0 auto;padding-top: 80px;padding-bottom: 35px;}
.display-tel{font-family: 'inter-classic', Arial sans-serif;font-weight:bolder;color: #fff;font-size: 20px;padding: 10px 40px;
border-radius: 10px;box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);
-webkit-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);
-moz-box-shadow: 0px 5px 11px 0px rgba(120,120,120,0.75);background: rgb(142,64,123);
background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);display:block}
.display-dispo{text-align: left;margin: 0 auto;display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#263C6A}
.point-vert{background-color: #00D42F;width: 10px;height: 10px;border-radius: 50%;margin-right: 20px;}
.tarification2{font-family: 'inter-classic', Arial sans-serif;color:#AA54B7;text-align: left;margin: 0 auto;font-size:16px;font-weight: normal;padding-top: 30px;}
.display-dispo-valide{text-align: center;width: 70%;margin: 0 auto;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;font-size: 16px;color:#263C6A;padding: 75px 0 10px;}

#about {padding: 10px 0 80px;}
.no-padding {padding:0}
/* footer */
footer{background-color: #f1d0dd;}
footer #list-container a{color:#263C6A}
footer #list-container {display: flex;flex-direction: row;justify-content:space-around;align-items:center;padding:5px 0;background-color:#f1d0dd;font-size: 15px;font-family: 'inter-classic', Arial sans-serif;}

/* cookies */
#cookie-consent{font-family:Arial, Helvetica, sans-serif;background-color: white;border: 1px solid #263C6A;position: fixed;font-size: 13px;bottom: 0;top: auto;z-index: 10000000;
width: 100%;padding: 10px;}
#cookie-consent p {text-align: left;padding: 0 50px 0 0px;color: #263C6A;}
#cookie-consent *{color: #263C6A;}
#cookie-consent-close {position: absolute;top: 15px;cursor: pointer;}
#cookie-consent .fa-times:before{content: "OK";font-size: 18px;display: block;color: #263C6A;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}

/* valide */
#valide #header-title-medium-container h2{font-family: 'jacques-francois', Arial sans-serif;letter-spacing: 3px;font-size: 20px;}
/* #valide header, #interdiction header{background:#ede0f9} */

#tchat-header{margin:0 auto;max-width: 600px;width: 90%;background: rgb(142,64,123);background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);color:#fff;border-top-left-radius: 25px;border-top-right-radius: 25px;border: 1px solid #8B4079;height:65px}
#tchat-header .title-tchat{padding-left: 25px;padding-top:0;padding-bottom:7px;font-size:18px;font-family: Arial, Helvetica, sans-serif;text-align: left;}
#tchat-header .title-tchat span{padding-left: 15px;text-transform: capitalize;}
#tchat-header .title-tchat img{width: 60px;}
#content .container-tchat {padding-top: 40px;}

@keyframes anim-spinner{
  100%{transform: rotate(1turn)}
}
@keyframes anim-loader-spinner{  100%{transform: rotate(1turn)}}

/* valide */
.display-medium{font-family: 'jacques-francois', Times, serif;font-size: 26px;font-weight: normal;letter-spacing: 2px;color:#AA54B7;}
.display-title-text{color:#4F7DDE;font-family: "istok", Arial, Helvetica, sans-serif;font-weight: bold;padding:10px 0}
.display-name{color:#263C6A;font-family: "istok", Arial, Helvetica, sans-serif;font-weight: bold;font-size:20px;padding-bottom:10px}
.info-presence{color:#FF66C4;font-family: 'inter-classic', Arial sans-serif;font-size:14px;font-weight: bold;}
.info-tarif{color:#A32E68;font-family: 'jacques-francois', Times, serif;font-size:17px;font-weight: bold;font-size:24px;padding-top:55px;}
.info-tarif-text1{padding-bottom:20px;letter-spacing: 2px;}
.info-tarif-text2{line-height: 36px;padding-bottom:10px;letter-spacing: 2px;font-weight: normal;}
.info-tarif-suite{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:15px;font-weight: bold;}
.info-call-button{width: 70%;padding: 7px;margin: 10px auto;border-radius: 10px;box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);-webkit-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);-moz-box-shadow: 0px 4px 8px 0px rgba(69,69,69,0.43);font-size: 23px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;max-width: 280px;background: rgb(142,64,123);background: linear-gradient(90deg, rgba(142,64,123,1) 0%, rgba(255,102,196,1) 100%);}
.info-call-button a{color:#fff}
.info-call-text{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:20px;font-weight: bold;padding-top:55px}
.info-call-text-bottom{color:#B13676;font-family: 'inter-classic', Arial sans-serif;font-size:24px;font-weight: bold;padding-top:55px}

#valide #call-group, #interdiction #call-group{padding-top:0}

.blk-infos-medium {font-family: 'inter-classic', Arial sans-serif;text-align: left;padding: 75px 0;color: #263C6A;font-size: 16px;font-weight: normal;margin: 0 auto;max-width: 80%;}
.blk-infos-medium h3{color: #4E73DE;font-weight: bold;font-family: 'inter-classic', Arial sans-serif;}
.blk-infos-medium h4{color: #263C6A;font-family: 'inter-classic', Arial sans-serif;padding-top: 50px;font-size:20px;font-weight: normal;}
s
.call-button-down{text-align: left;}
.call-button-down .info-call-button{margin:inherit;margin-top:10px;margin-bottom:10px;text-align: center;font-size: 23px;}
#valide #boutique, #interdiction #boutique{padding-top:50px}
#valide #boutique .title-boutique, #interdiction #boutique .title-boutique{margin: 0 15px 25px 45px;}
/* #valide #boutique .type-tarif, #interdiction #boutique .type-tarif{margin: 0 0 5px 35px;width: 80%;} */
#valide #call .info-call-text, #interdiction #call .info-call-text{font-size: 19px;}

@keyframes recording-wave {
	0%, 100% {height: 10px;}
	50% {height: 20px;}
}

@keyframes anim-dot {
	20%{background-position:0%   0%, 50%  50%,100%  50%}
	40%{background-position:0% 100%, 50%   0%,100%  50%}
	60%{background-position:0%  50%, 50% 100%,100%   0%}
	80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/* reponse */
/* #reponse #call-mailing{background-color: #fdf6fd;} */
#reponse #header-mailing-subtitle {margin: 35px 0 12px;}
#reponse {background-color: var(--background-color-content, #f7fafd);}
#reponse .text-footer{text-align: center;font-family: 'inter-classic', Arial sans-serif;font-size:16px;padding:10px 0 30px 0}
#reponse header h1{background-color: #ABDAFC;padding: 10px;}

#reponse #call-mailing .info-presence{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:14px;font-weight: bold;}
#reponse #call-mailing .info-tarif{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:17px;font-weight: bold;font-size:24px;padding-top:25px;}
#reponse #call-mailing .info-tarif-text1{padding-bottom:20px;letter-spacing: 2px;}
#reponse #call-mailing .info-tarif-text2{line-height: 36px;padding-bottom:10px;font-weight: normal;color:#263C6A;letter-spacing: normal;}
#reponse #call-mailing .info-tarif-suite{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:15px;font-weight: bold;}
#reponse #call-mailing #phone-number-container-response {font-family: 'inter-classic', Arial sans-serif;font-size:32px;font-weight: bold;color:#902255;margin: 25px auto;display: block;}

#confirm .info-tarif{font-family: 'inter-classic', Arial sans-serif;}
#confirm .info-tarif-text1{font-family: 'jacques-francois', Times, serif;color:#A32E68;font-size: 32px;font-weight: 300;}
#confirm .info-tarif-text2{font-family: 'inter-classic', Arial sans-serif;color:#A32E68;font-size: 20px;font-weight: 300;line-height: 26px;letter-spacing:0}
#confirm .info-tarif-suite{font-weight: normal;}
#reponse #confirm #call-mailing{background-color: #fff;}
#confirm #call-mailing {padding-top: 50px;}
#confirm #call-mailing h4{color:#263C6A;font-family: 'inter-classic', Arial sans-serif;font-size:20px}
#confirm .blk-tel{padding-top:0;padding-bottom: 10px;}
#confirm .blk-display-tel{max-width: 350px;}
#confirm .display-dispo-valide{padding-top:0}
#confirm .text-footer-emailing{color: #263C6A;max-width: 350px;margin: 0 auto;font-family: 'inter-classic', Arial sans-serif;font-size: 18px;padding:20px 30px 0}
#confirm #footer-mailing{padding-bottom: 50px;}

.display-top{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;padding-top: 10px;width: 100%;margin: 0 auto;font-size:15px;font-family: 'inter-classic', Arial sans-serif;}
.display-bottom{display: flex;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;padding-top: 20px;width: 100%;margin: 0 auto;padding-bottom: 20px;font-size:13px;font-family: 'inter-classic', Arial sans-serif;}
.bg-display-amour{color: #263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}
.bg-display-rencontre{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}
.bg-display-mariage{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}
.bg-display-finances{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}
.bg-display-exconjoint{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}
.bg-display-famille{color:#263C6A;background-color: #E3D5B9;border: 1px solid #000000;padding: 7px;border-radius: 10px;width: 30%;text-align: center;}

#confirm #container-mailing {border: 2px solid #D0A7C5;}

#confirm .blk-link {position: relative;}
#confirm .blk-link-text {position: absolute;color: #fff;width: 100%;top: 5px;font-weight: bold;font-size:12px}


/* Fidelisation - black week */
#black-week-container {padding: 10px 15px;text-align: center;overflow: hidden;}
#black-week-content {display: inline-block;max-width: 520px;background-color: #000;color: #d4af37;padding: 12px 15px;border-top: 2px solid #d4af37;border-bottom: 2px solid #d4af37;border-radius: 4px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);font-family:  "Montserrat", "Trebuchet MS", "verdana", sans-serif;text-transform: uppercase;font-weight: 600;position: relative;z-index: 10;transform: rotate(-2deg);line-height: 1.4;overflow: hidden;}
#black-week-content::before {content: "";position: absolute;top: 0;left: -100%;width: 45%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.45) 50%,rgba(255, 255, 255, 0) 100%);transform: skewX(-20deg);animation: shine-sweep 2.2s ease-in-out infinite;pointer-events: none;}

.text-black-week {font-size: 1.35rem;}
.text-black-week-sub {font-size: 1.25rem;margin-top: 12px;text-transform: none;opacity: 0.9;color: #ffd700;}
.price {color: #ffd700;font-weight: 700;font-size: 1.5rem;}

.black-week #tchat-header{background: radial-gradient(circle at 20% 50%, #ff66c4, #000000 80%);color: #ffd700;}
.black-week .info-call-button{background: linear-gradient(90deg, #a115cc 0%, #5a166f 30%, #5a166f 70%, #a115cc 100%);box-shadow: 0px 4px 8px 0px rgba(255, 102, 196, 0.43);}
.black-week .info-call-button a{color:#ffd700}


/* reponse sms page */
#response-sms-container #container-mailing{max-width: 450px;border-width:1px;}
#header-mailing-title-sms{display:inline-block;width: 90%;max-width: 373px;text-align: left;color: #000;padding: 15px 5px;font-size: 19px;font-weight:bold}
#header-mailing-title-sms span{font-size: 17px;font-weight: normal;}
#header-mailing-picture{border-radius: 15px;border: 1px solid #263C6A;width: 90%;max-width:373px;}
#header-mailing-ban-analyse{background-color: #DAE2F8;padding: 8px; width: 90%;max-width:373px;margin: 20px auto 0;text-align: left;}

#header-mailing-subtitle-sms{display:inline-block;width: 90%;max-width: 373px;text-align: left;font-size:20px;font-weight: bold;padding: 30px 0;}
#response-sms-container #content-mailing{display:inline-block;width: 90%;max-width: 373px;text-align: left;padding: 0;}

#fixed-call-to-action {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;background-color: white;z-index: 1000;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);padding: 10px 0;z-index: 90000000;}
#call-button {width:90%;max-width: 450px;display: flex;align-items: center;justify-content: center;background-color: #5c6bc0;color: white;font-size: 10px;font-weight: 700;padding: 12px 8px;border-radius: 8px;text-decoration: none;box-shadow: 0 5px 0 #3f51b5, 0 8px 15px rgba(0, 0, 0, 0.3);margin:0 auto 10px;transition: all 0.1s ease;}
#fixed-call-star-icon {font-size: 20px;}
#fixed-call-text{display: none}
#fixed-call-phone-number{font-size: 22px;margin-left: 10px;font-weight: 900;}
#promo-code-text {width:90%;max-width: 400px;font-size: 16px;color: #333;margin: 0 auto;padding-bottom: 5px;text-align: left;}

#rgpd.sms-page{padding-bottom: 150px;}

@media (min-width: 360px) {
	.text-black-week {font-size: 1.5rem;}
}
@media (min-width: 380px) {
	.text-black-week {font-size: 1.65rem;}
	.text-black-week-sub {font-size: 1.45rem;}
}
@media (min-width: 420px) {
	.text-black-week {font-size: 1.85rem;}
	.text-black-week-sub {font-size: 1.5rem;}
}
@media (min-width: 768px) {
  #black-week-content {
    padding: 15px 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
		transform: rotate(-1.5deg);
  }
}

/************************/
/* RESPONSIVE */

@media (max-width:320px){

	#footer .container img {width: 60%}

	#landing .form-box{width: 250px}
	#landing .form-container{width: 285px}

	#rappel-content .title-content{font-size: 10px}
	#rappel-tel-content .title-tel{font-size: 13px}
	#bg-white{width: 60%;}
}

@media (min-width:50px) {
	/* New ban tarif + tel */
	#ban-text h2{margin-top:0;margin-bottom:0}
	#ban-text h3{margin-top:0}
	#ban-text .phone-tel a{font-size:19px}
	#ban-text .tarif{font-size:15px}
	#ban-offre{padding-top:10%}
	#ban-phone{padding-top:5%}
	/* #valide #content #overlay h2, #interdiction #content #overlay h2{font-size:22px} */

	.blk-txt{text-align:justify;padding:10px 20px;font-family: 'cambria','Times New Roman','Arial',sans-serif}
	.blk-txt2{text-align:justify;padding:10px 10px;font-family: 'cambria','Times New Roman','Arial',sans-serif}
	.blk-txt p,.blk-txt2 p{font-weight: normal;margin-bottom: 10px;}

	/* txt head */
	#ban-text{max-width: 100%;margin-bottom: 10px;border-radius: 20px;border: 6px solid #f8f2e8;box-shadow: 0 0 2px 1px rgb(0, 0, 0, 0.1);}

	#title-etap-1 h3.title0 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#0b1470;font-weight: bold;text-align: center;}
	#title-etap-1 h3.title1 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#9b1a3e;font-weight: bold;text-align: center;}
	#title-etap-1 h4.title2 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#9b1a3e;font-weight: bold;text-align: center;}
	#title-etap-1 h4.title3 {font-size: 19px;font-family: 'cambria','Times New Roman','Arial',sans-serif;margin:0;color:#9b1a3e;font-weight: bold;text-align: center;}

	/*** text ***/
	#call{padding: 0;padding-top:20px}
	#call {font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	#call .title-txt{color:#0b1470;font-size: 23px;text-align: center;font-weight:bold;margin-bottom: 0px;padding-top:5px}
	#call .subtitle-txt{color:#0b1470;font-size: 23px;text-align: center;font-weight:bold;margin-top: 0px;}

	#call .border-bottom-resp{padding:10px 10px}
	.txt-title-medium{font-family: 'cambria','Times New Roman','Arial',sans-serif}


	#bg-white{padding:15px 15px;background-color: #fff;margin-top:20px;text-align: center;}
	.hr{border-top: 1px solid #dadada !important;margin:0 !important;padding:0 !important;max-width: inherit !important;}
	#about-content{padding:15px 30px;background-color: #F2F2F2;margin-top:20px;width: 90%;text-align: center;}
	#about-content .type{font-size:22px;font-style:italic;margin-bottom:5px;font-weight:bold}
	#about-content h2{font-size:25px;margin-bottom:1em;color:#000;margin-top:0;font-family: 'cambria','Times New Roman','Arial',sans-serif;}
	.title-contact {max-width:314px;padding: 10px;margin: 0 auto;color:#000;font-weight:bold;text-transform:uppercase;font-size: 30px;
		background: rgb(249,209,125);
		background: -moz-linear-gradient(0deg, rgba(249,209,125,1) 0%, rgba(208,149,83,1) 35%, rgba(244,198,112,1) 65%, rgba(191,139,75,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(249,209,125,1) 0%, rgba(208,149,83,1) 35%, rgba(244,198,112,1) 65%, rgba(191,139,75,1) 100%);
		background: linear-gradient(0deg, rgba(249,209,125,1) 0%, rgba(208,149,83,1) 35%, rgba(244,198,112,1) 65%, rgba(191,139,75,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9d17d",endColorstr="#bf8b4b",GradientType=1);
	}

	#tchat-content .para .prenom-consult-tchat {color: #ff7420;font-size: 18px;display:inline}
	#tchat-content .para .prenom-consult-tchat::after{content: " : ";}

	.bg-infos {background-color: #F2F2F2;width: 100%;margin: 0 auto;margin-bottom: 20px;}
	.bg-infos2{background-color: #fff;width:100%;margin:0 auto;}
	.bg-infos.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	.bg-infos2.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	.blk-txt{text-align:justify;padding:0px 0px;font-family: 'cambria','Times New Roman','Arial',sans-serif}
	.bg-infos h2{font-size: 21px;text-align: center;font-weight:bold;padding-top:0}
	.bg-infos h4{text-align: center;margin-bottom: 0;}
	.bg-infos .type-voyant{font-weight: bold; font-style: italic;padding-top:20px;font-size: 21px;}
	.blk-title2{text-align: center;font-family:'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif;}
	.bg-infos .blk-text p{padding-bottom:7px;font-size: 25px !important;}
	.bg-infos2 .blk-text .txt-style p{padding-bottom:7px}
	.bg-infos2 h4{padding:20px 5px;font-size: 18px;font-family: 'cambria','Times New Roman','Arial',sans-serif}
	.title-specialite{font-size: 25px;margin: 0;font-weight: bold;text-align: center;padding-top:0}
	.title-voyant{color: #808080;font-style: italic;margin-top: 0;text-align: center;font-size: 20px;}
	#contact p{margin:0 0px 10px}
	.width-desk {width: 720px;}
	#ban-tarif #contact h4{color: #0b1470;}


	/* ADD 24/07/2024 */
	#valide #ban-text, #interdiction #ban-text{width: 100%;}
	#valide #about-container, #interdiction #about-container {background: #f7fafd}
	/* #valide .title1-top, #interdiction .title1-top{color:#263C6A;font-size:19px;text-align: center;width: 100%;margin-bottom:0;padding-top:20px;line-height: inherit;font-family: 'AbrilFatface', Arial sans-serif;}
	#valide .title2-top, #interdiction .title2-top{color: #ff9933;font-size: 23px;font-weight: bold;margin-bottom: 0;margin-top: 0;font-family: 'Times New Roman', Times, serif;padding-top: 15px;text-align: center;}
	#valide .title3-top, #interdiction .title3-top{font-family: 'Times New Roman', Times, serif;font-weight: normal;color: #ff9933;font-size: 18px;margin-top: 0;}
	#valide .title4-top, #interdiction .title4-top{font-family: 'Times New Roman', Times, serif;color: #263C6A;font-size: 15px;margin: 0;padding-bottom:15px;font-weight: bold;} */

	#valide .title1-medium, #interdiction .title1-medium{font-weight: bold;color: #263C6A;font-size: 15px;margin: 0;font-family: 'arialBlack', Arial sans-serif;padding: 10px 7px 7px}
	#valide .title2-medium, #interdiction .title2-medium{color: #263C6A;	font-size: 14px;margin: 0;font-family: Arial, Helvetica, sans-serif;padding:7px;font-weight: bold;padding-top:0}
	#valide .title3-medium, #interdiction .title3-medium{font-family: 'arial', Arial sans-serif;color: #263C6A;font-size: 17px;margin: 20px auto 10px;text-align: center;font-weight: bold;}

	#valide .bg-infos.txt-style, #interdiction .bg-infos.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	#valide .bg-infos2.txt-style, #interdiction .bg-infos2.txt-style{padding: 0 25px 25px;font-weight: normal;text-align: justify;}
	#valide .bg-infos, #interdiction .bg-infos, #valide .bg-infos2, #interdiction .bg-infos2 {background-color: #f7fafd;}
}
@media (min-width:320px){
	/* reponse page */
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:16px}
	#call-mailiing-plan-container a{font-size: 15px;}
}
@media (min-width:360px){
	#phone-svg{	width: 85px;height: 85px;}
	#phone-number-link{	font-size: 27px;}

	/* response pages */
	#header-mailing .fa-envelope{display: inline; visibility: visible;color: #FFF;font-size: 16px;	padding: 3px 4px;	border-radius: 4px;	background: rgb(255, 29, 70);	background: linear-gradient(180deg, rgba(255, 29, 70, 1) 0%, rgba(255, 61, 3, 1) 100%);	margin-right: 3px}

	/********************************/
	/* news 01/2025 */
	.blk-select-right{width: 50%;position: relative;right: -145px;}

	#rappel-form-header h2 {font-size:28px}
	#rappel-form-header p{font-size: 16px;}
	#rappel-form-content-step-1{background-position: right bottom}
	#rappel-form-phone-container{bottom: 25px;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, sans-serif;}
	#rappel-form-close-btn{margin: 30px auto 0;padding:4px 8px; display: inline-block;width: auto;font-size: 15px;}
	#rappel-form-close-btn .fa-times{color: #cb6474;font-weight: bold;}

	#rappel-form-phone-input-content{padding: 3px;border-radius: 10px;border-width: 3px;width: 90%;margin: 0 auto;}
	#rappel-form-input-phone{padding: 5px 10px 5px 48px;}
	#rappel-form-phone-button{border-radius: 6px;font-size:	15px}

	.congrats-modal h2{font-size:42px}
	.congrats-modal p{font-size:33px;}
	.info-item{align-items: flex-start;}
	.info-item i{font-size: 35px;}
	.info-item span{color:#63518E}

	#header-mailing-title-sms{font-size: 22px;}
	#header-mailing-title-sms span{font-size: 19px;}
}
@media (min-width:375px){
	/* New ban tarif + tel */
	#ban-text .phone-tel a{font-size:21px}

	/* 24/07/2024 */
	#valide .title4-top, #interdiction .title4-top{font-size: 18px;}
	#valide .title1-medium, #interdiction .title1-medium{font-size: 18px;}
	#valide .title3-top, #interdiction .title3-top{font-size: 20px;}

	#confirm .blk-link-text {font-size:13px}

	.congrats-modal p{font-size:35px;}
}
/* @media (min-width:400px) {
	#box #content{min-height:895px}

	#landing .blk-signes .zodiac{font-size: 55px;}
	#landing #etap-2 h2, #landing #etap-3 h2{font-size:25px}
	#ban-text{max-width: 100%;}
} */
@media (min-width:410px){
	#header-mailing-title-sms{font-size: 24px;}
	#header-mailing-title-sms span{font-size: 21px;}

	#fixed-call-to-action{font-family: 'Open Sans',Helvetica,Arial,sans-serif;}
	#fixed-call-star-icon {font-size: 17px;}
	#fixed-call-text{display: inline-block;margin-left: 3px;font-size: 17px;}
	#fixed-call-phone-number{font-size: 17px;}

	.congrats-modal p{display:inline-block;max-width:350px;}
}
@media (min-width:414px){
	/* txt head */
	#title-etap-1 h3.title0 {font-size: 25px;}
	#title-etap-1 h3.title1 {font-size: 25px;}
	#title-etap-1 h4.title2 {font-size: 25px;}
	#title-etap-1 h4.title3 {font-size: 25px;}

	/* 24/07/2024 */
	#valide .title1-medium, #interdiction .title1-medium{font-size: 20px;}
	#valide .title2-medium, #interdiction .title2-medium{font-size: 17px;}

	#valide .title4-top, #interdiction .title4-top {font-size: 20px;}
	#valide .title1-medium, #interdiction .title1-medium {font-size: 20px;}
	#valide .title2-medium, #interdiction .title2-medium{font-size: 19px;}
}

@media (min-width:420px) {
	#header-mailing-title{font-size:18px;}
}
@media (min-width:430px) {
	#call-mailing-title-1{font-size:19px}
	#call-mailing-title-2{font-size:15px}
	#call-mailing-title-2 span{display: inline;font-weight: normal;}
}
@media (min-width:450px){
	#header-mailing-subtitle{font-size:18px;}
	#confirm .blk-link-text {top: 10px;font-size:18px}
}
@media (min-width:500px) {
	#call-mailing-title-1{font-size:20px}
	#call-mailing-title-2{font-size:16px;font-weight: bold;}
	#call-mailing-title-2 span{font-weight: bold;}

	/********************************/
	/* news 01/2025 */
	/* header */
	#landing #header-picture-container, #valide #header-picture-container, #interdiction #header-picture-container{background: #fff url(../images/bg-header-pad.png) no-repeat scroll top center;background-size: cover;min-height: 215px;background-position: top left;}
	.title-boutique{margin: 50px auto 50px;}
	#valide header, #interdiction header{background-color:#ede0f9;}
	#valide #overlay, #interdiction #overlay{background-color:#ede0f9;}
}
@media (min-width:580px) {
	#response-sms-container #container-mailing{border-width:6px;}
}
@media (min-width:650px){
	#reponse #overlay{background-color: transparent;}
	#response-container{padding-top: 12px;}
	#container-mailing{margin:10px auto}

	/********************************/
	/* news 01/2025 */
	#cookie-consent-close{top: 10px;}
	.border-landing {border-left:2px solid #AC4184;border-right:2px solid #AC4184}
	#landing .border-landing-top {border-top:2px solid #AC4184;}
	#valide .blk-boutique, #interdiction .blk-boutique {margin: 0 auto;width: 55%;max-width: 55%;}

	#valide .blk-infos-medium, #interdiction .blk-infos-medium{max-width: 60%;width: 40%;}

	#tchat{padding: 15px 0;}
	#tchat-content .tchat-para{align-items: center;}
	#tchat-content .tchat-avatar{order:0;width:55px;min-width: 55px;max-width: 55px;margin:11px 6px 0 0}
	#tchat-content .tchat-msg{order:1; margin-left:15px;}

	#tchat-content .tchat-para.is-user .tchat-avatar{order: 1}
	#tchat-content .tchat-para.is-user .tchat-msg{order: 0}

	#tchat-header .title-tchat .vocal-response{padding-left: 250px;}
}
@media (min-width:768px) {
  #landing .subtitle-form h2 span{display: inline-block;margin-left: 6px}
  #landing .blk-signes{margin-top: 70px}
  #landing .blk-signes .zodiac{font-size:60px;padding-top: 20px}

	/* New ban tarif + tel */
	#ban-phone{padding-top: 0}
	#ban-text{max-width: 690px;}
	#ban-text h2{padding-top:10px;margin-top:0}
	#ban-text .phone-tel a{font-size:27px}
	#ban-text .tarif{font-size:18px}
	#ban-offre{padding-top:10%}

	/*** text ***/
	.bg-infos.txt-style{padding:0 0 25px;}
	.bg-infos2.txt-style{padding:0 0 25px;margin:0 auto}
	.blk-txt{padding:0px 40px;}
	.bg-infos, .bg-infos2 {width: 65%;}
	#contact p{margin:0 45px 10px}
	.bg-infos2 h4{padding:20px 45px}
	#valide #ban-tarif, 	#interdiction #ban-tarif{border-radius: inherit;margin: 0 auto;}
	#ban-text{width: 65%;}

	/* txt head */
	#title-etap-1 h3.title0 {font-size: 29px;}
	#title-etap-1 h3.title1 {font-size: 29px;}
	#title-etap-1 h4.title2 {font-size: 29px;}
	#title-etap-1 h4.title3 {font-size: 29px;}
	.blk-txt{padding: 10px 20px;}
	.blk-txt2 {padding: 10px 50px;}
	#bg-white{width: 100%;}
	#about-content{max-width: 640px;width: inherit;padding: 15px 0px;}
	.txt-title-medium{padding-left: 40px;padding-right:40px;}

	#tchat-text .para .bulle-bleu{max-width: 80%;}

	.noDisplay{display:block !important}
	#btn-paper-plane{right: 60px;}

	/* 24/07/2024 */
	#valide .title2-top, #interdiction .title2-top{font-size:25px}
	#valide .title3-top, #interdiction .title3-top{font-size:22px}
	#valide .title4-top, #interdiction .title4-top{font-size:22px}
	#valide .title2-medium, #interdiction .title2-medium{font-size:20px}

	/********************************/
	/* news 01/2025 */
	#cookie-consent-close{top: 0;}

	#landing #header-picture-container, #valide #header-picture-container, #interdiction #header-picture-container{background: #fff url(../images/bg-header-desk.png) no-repeat scroll top center;background-size: cover;min-height: 314px;background-position: top left;}
	#valide, #interdiction{background-color: #f6f9f9;}

	#valide #boutique .title-boutique, #interdiction #boutique .title-boutique{margin: 0 15px 25px 75px;}
}

@media (min-width:992px){
	.container {width: 990px;}
}

@media (min-width:1024px){

	/* #box #content{background-image: url("../images/bg-voyance-saturne.jpg");background-repeat: no-repeat;min-height:1245px;}
	#valide #box #content, #interdiction #box #content{background-image: none;background-repeat: no-repeat;min-height:1245px;} */

	#header-container{position:relative;display: inline-block;margin: 0 auto}

	#valide #overlay, #interdiction #overlay{padding: 0 0 10px}
	.container-tchat {width: 900px;margin:0 auto}
}

@media (min-width:1280px){
	#box #content{background-position: top center}

  /* #landing .blk-signes .zodiac{text-shadow: 3px -8px #000} */
  #landing .zodiac-ctn:hover .zodiac {text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;transform: scale(1.1) rotate(5deg);transition: 200ms;}
  #landing .zodiac-ctn:hover .zodiac-text {text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}

	#landing #contact .container, #valide #contact .container, #interdiction #contact .container{width:1170px;padding-top:10px}

	#content .container{width: 1170px}

	/* New ban tarif + tel */
	#ban-offre{padding-top:0%}

	/* txt gpt */
	#bg-white {width: 65%;}

}

@media (max-width:768px){
	#box #content{background-position: top;background-size: cover;}
	#contact{margin-top: 0}
	#header h1{padding-left: 22px;padding-top:15px;font-size:42px}
	#header h1 span{letter-spacing: 13px;font-size: 58px;}
	#picture-ban-header{padding-top:50px}
	#valide .tel-container, #interdiction .tel-container, #valide #contact, #interdiction #contact{margin-top: 0}
	#valide #picture-ban-header, #interdiction #picture-ban-header{padding-top:30px;}
	/* #about-content{width: 80%;} */

}

@media (max-width:650px){
	#cookie-consent p {
		text-align: left;
		padding: 0 50px 0 0px;
	}
}


@media (max-width:450px){
	.noDisplay{display:none}
	.NoDisplayDesk{display: block !important}
	#header h1{padding-left: 22px;padding-top:15px;font-size:22px}
	#header h1 span{letter-spacing: 13px;font-size: 28px;}
	#picture-ban-header, #valide #picture-ban-header, #interdiction #picture-ban-header{padding-top:0}
	#valide .blk-text-send h3,#interdiction .blk-text-send h3{color:#000;font-weight:bold}

	#tchat-text .para .bulle-bleu{margin-left:15px}
	#landing .blk-form h1{font-size: 28px;}

	#landing .subtitle-form h2{font-size: 23px;}
	#about-content{width: 100%;}
}
@media (max-width:414px){
	#btn-paper-plane, #btn-paper-plane-input-tchat{right: 45px;}
	#tchat-text .para .bulle-bleu{max-width: 100%;}
	.phone-tel img{width: 13%;}
}
@media (max-width:375px){
	#header h1{padding-top:10px;font-size:17px}
	#btn-paper-plane{right: 28px;}
}
@media (max-width:360px){
	#header h1 span{letter-spacing: 15px;font-size: 24px;}
}
@media (max-width:320px){
	#z-is-typing{margin-left:40px}
	#btn-paper-plane{right: 25px;}
}

@keyframes shine-sweep {
  0% {left: -100%;}
	80% {left: 120%;}
	100% {left: 120%;}
}

@keyframes displaySigns {
	0%{transform: rotate(0deg) scale(0.1);text-shadow: 0 0 #FFF}
	55%{text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}
	100%{transform: rotate(360deg) scale(1);text-shadow: 0 0 #FFF}
}
@-moz-keyframes displaySigns {
	0%{transform: rotate(0deg) scale(0.1);text-shadow: 0 0 #FFF}
	55%{text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}
	100%{transform: rotate(360deg) scale(1);text-shadow: 0 0 #FFF}
}
@-webkit-keyframes displaySigns {
	0%{transform: rotate(0deg) scale(0.1);text-shadow: 0 0 #FFF}
	55%{text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}
	100%{transform: rotate(360deg) scale(1);text-shadow: 0 0 #FFF}
}
@-o-keyframes displaySigns {
	0%{transform: rotate(0deg) scale(0.1);text-shadow: 0 0 #FFF}
	55%{text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}
	100%{transform: rotate(360deg) scale(1);text-shadow: 0 0 #FFF}
}

@keyframes animateSigns {
	0%{transform: scale(1);text-shadow: 0 0 #FFF}
	55%{transform: scale(1.05);text-shadow: 0 0 15px #FFF, 0 0 25px #FFF;}
	100%{transform: scale(1);text-shadow: 0 0 #FFF}
}


@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-moz-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-ms-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@-o-keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}


@keyframes shine {
  from {left: -100%;}
  to {left: 200%;}
}
@-moz-keyframes shine {
	from {left: -100%;}
  to {left: 200%;}
}
@-webkit-keyframes shine {
	from {left: -100%;}
  to {left: 200%;}
}
@-ms-keyframes shine {
	from {left: -100%;}
  to {left: 200%;}
}
@-o-keyframes shine {
	from {left: -100%;}
  to {left: 200%;}
}

@keyframes anim-tel {
	0%, 100%{box-shadow: inset 0 0 2px #00f3ff, inset 0 0 6px #0075ff, inset 0 0 10px #00fff3, inset 0 0 16px #0075ff, 0 0 2px #00ffe7, 0 0 6px #0075ff, 0 0 10px #00ffe7, 0 0 16px #0075ff}
	45%, 55%{box-shadow: inset 0 0 2px #fff700, inset 0 0 6px #ff0000, inset 0 0 10px #ffef00, inset 0 0 16px #ff0000, 0 0 2px #fff700, 0 0 6px #ff0000, 0 0 10px #ffef00, 0 0 16px #ff0000}
}