/** -------------- SOCIAL -------------- **/
.menu-velobez > .link-360 img{width: 75%; height: auto;}
.menu-velobez > .link-360:hover img{filter: invert(1);}
[data-id-shop='1'] .menu-item,
[data-id-shop='1'] .menu-open-button,
[data-id-shop='1'] .phone-form-button,
[data-id-shop='1'] .menu-velobez > .sms,
[data-id-shop='1'] .menu-velobez > .link-360{background-color: #72a03d;}
[data-id-shop='2'] .menu-item,
[data-id-shop='2'] .menu-open-button,
[data-id-shop='2'] .phone-form-button,
[data-id-shop='2'] .menu-velobez > .sms,
[data-id-shop='2'] .menu-velobez > .link-360{background-color: #06038d;}
[data-id-shop='3'] .menu-item,
[data-id-shop='3'] .menu-open-button,
[data-id-shop='3'] .phone-form-button,
[data-id-shop='3'] .menu-velobez > .sms,
[data-id-shop='3'] .menu-velobez > .link-360{background-color: #000;}
.menu-velobez > .facebook-velo,
.menu-velobez > .facebook-velo a{background-color: #3b5998;}
.menu-velobez > .insta-velo,
.menu-velobez > .insta-velo a{
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.menu-velobez{
	position: fixed;
	left: 60px;
	bottom: 50px;
	box-sizing: border-box;
	font-size: 20px;
	text-align: left;
	z-index: 1000;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: none;
}
.menu-velobez,
.phone-form-button,
.menu-item,
.menu-open-button{
	height: 40px;
}	
.phone-form-button,
.menu-item,
.menu-open-button{
	width: 40px;
	line-height: 40px;
}
.phone-form-button{
	position: fixed;
	left: 10px;
	bottom: 50px;
	z-index: 1000;	
	cursor: pointer;
}
.menu-item,
.menu-open-button,
.phone-form-button{
	border-radius: 100%;
	color: white;
	text-align: center;
	margin-bottom: 0;
	border: none;
}
.menu-item,
.menu-open-button {
	position: relative;
	float: left;
	margin: 10px;
	display: block;
}
.sms,
.menu-open { display: none;}
[data-id-shop='1'] .menu-open-button:focus,
[data-id-shop='1'] .menu-open-button:active,
[data-id-shop='1'] .menu-open-button:hover,
[data-id-shop='1'] .phone-form-button:focus,
[data-id-shop='1'] .phone-form-button:active,
[data-id-shop='1'] .phone-form-button:hover,
[data-id-shop='1'] .menu-item:focus,
[data-id-shop='1'] .menu-item:active,
[data-id-shop='1'] .menu-item:hover {
  color: #72a03d;
}
[data-id-shop='2'] .menu-open-button:focus,
[data-id-shop='2'] .menu-open-button:active,
[data-id-shop='2'] .menu-open-button:hover,
[data-id-shop='2'] .phone-form-button:focus,
[data-id-shop='2'] .phone-form-button:active,
[data-id-shop='2'] .phone-form-button:hover,
[data-id-shop='2'] .menu-item:focus,
[data-id-shop='2'] .menu-item:active,
[data-id-shop='2'] .menu-item:hover {
  color: #06038d;
}
[data-id-shop='3'] .menu-open-button:focus,
[data-id-shop='3'] .menu-open-button:active,
[data-id-shop='3'] .menu-open-button:hover,
[data-id-shop='3'] .phone-form-button:focus,
[data-id-shop='3'] .phone-form-button:active,
[data-id-shop='3'] .phone-form-button:hover,
[data-id-shop='3'] .menu-item:focus,
[data-id-shop='3'] .menu-item:active,
[data-id-shop='3'] .menu-item:hover {
  color: #000;
}
.menu-velobez > .link-360:focus,
.menu-velobez > .link-360:active,
.menu-velobez > .link-360:hover,
.menu-open-button:focus,
.menu-open-button:active,
.menu-open-button:hover,
.phone-form-button:focus,
.phone-form-button:active,
.phone-form-button:hover,
.menu-item:focus,
.menu-item:active,
.menu-item:hover {
  background: white;
}
.menu-item:nth-child(2+n){
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.menu-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
          transform: scale(1, 1) translate3d(0, 0, 0);
  cursor: pointer;
}
.envoie,
.message-fail,
.message-envoie,
.message-erreur,
.social-velobez-mobile > .iphone,
.social-velobez-mobile > .android{display: none;}
.form-tel{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.form-tel form{width: 100%	;}
.form-tel .separation-modal{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: 20px 0;
}
.form-tel .separation-modal > *{margin: 0;}
.form-tel .separation-modal > p{
	font-size: 1.2em;
	font-weight: bold;
}
.form-tel .separation-modal > hr{
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#form-phone .modal-body > div{
	align-content: center;
	display: flex;
	flex-direction: column;
}
.message-envoie *{color:green;}
.message-fail *,
.message-erreur *{color:red;}
.envoie *{color:lightgray;}
.envoie,
.message-fail *,
.message-envoie  *,
.message-erreur  *{font-weight: bold;}
.align-flex{
	display: flex;
	align-items: center;
	flex-flow: column;
}
#form-phone .form-group:last-of-type{margin-bottom: 0;}
/** -------------- SOCIAL FIN -------------- **/
#form-phone .modal-header .close{
  color: #000;
	opacity: 0.5;
}
	#form-phone .modal-header .close:hover {opacity: 0.80;}
#form-phone .modal-body video,
#form-phone .modal-dialog .modal-content{width: 100%;}
#form-phone .modal-body video{aspect-ratio: auto 30/53;}
#form-phone .modal-body video{max-height: 240px;}
@media screen and (min-width: 576px){
	.menu-velobez,
	.phone-form-button,
	.menu-item,
	.menu-open-button{
		height: 46px;
	}	
	.phone-form-button,
	.menu-item,
	.menu-open-button{
		width: 46px;
		line-height: 46px;
	}
	#form-phone .modal-body{
		flex-direction: row;
		align-items: flex-start;
	}
	#form-phone #captcha{overflow-y: auto;}
	#form-phone .modal-body video{max-height: none;}
}
@media (min-width: 768px){
	#form-phone .modal-body {align-items: center;}
	#form-phone #captcha{overflow-y: hidden;}
}
@media screen and (min-width: 992px){
	.menu-velobez,
	.phone-form-button,
	.menu-item,
	.menu-open-button{
		height: 50px;
	}	
	.phone-form-button,
	.menu-item,
	.menu-open-button{
		width: 50px;
		line-height: 50px;
	}
	.phone-form-button{
		left: 90px;
		bottom: 20px;
	}
	.menu-velobez{
		left: 160px;
		bottom: 20px;
	}
	.menu-velobez{ bottom: 20px;}
	.social-velobez-mobile{display: none;}
	.social-velobez{
		display: inline-flex;
		pointer-events: none;
	}
}