/*
 _____                          _       _                                      _         _
|  ___|__  _ __ _ __ ___  _   _| | __ _(_)_ __ ___   ___  ___  _   _ _ __ ___ (_)___ ___(_) ___  _ __
| |_ / _ \| '__| '_ ` _ \| | | | |/ _` | | '__/ _ \ / __|/ _ \| | | | '_ ` _ \| / __/ __| |/ _ \| '_ \
|  _| (_) | |  | | | | | | |_| | | (_| | | | |  __/ \__ \ (_) | |_| | | | | | | \__ \__ \ | (_) | | | |
|_|  \___/|_|  |_| |_| |_|\__,_|_|\__,_|_|_|  \___| |___/\___/ \__,_|_| |_| |_|_|___/___/_|\___/|_| |_|

*/

.btn-soumission{
  display:block;
}

@keyframes bounce-form{
  0% {
    right:-10px;
  }

  /* Finish changes by here */
  10% {
    right:0px;
  }

  /* Between 20% and 100%, nothing changes */
  20% {
    right:-10px;
  }
}
.btn-soumission{
  position:fixed;
  height:40px;
  width:166px;
  background-color:#C31735;
  top: 50%;
  transform: translateY(-50%);
  right:-10px;
  z-index:9999;
  text-align:center;
  padding:0 17px 0 20px;
  box-shadow: -2px 3px 4px 0 rgba(91,90,90,0.50);
  cursor:pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  animation: bounce-form 7s 0s ease-in-out infinite;
  z-index:99999;
}
.btn-soumission .inside-mobile,.btn-soumission .close-btn-mobile{
  display:none;
}
.btn-soumission span.text{
	font-size:11px;
	font-weight:900;
	color:#FFF;
	height:100%;
	margin:0 auto;
	display:inline-block;
	margin:0 auto;
	line-height:40px;
  overflow:hidden;
  text-transform: uppercase;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn-soumission span.text img{
  position: relative;
  display:inline-block;
  vertical-align: middle;
  top:-1px;
}
.btn-soumission span.triangle{
	width: 0;
	height: 0;
	position:absolute;
	top: 50%;
  transform: translateY(-50%);
  left:10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:12px;
  height:12px;
  background-image:url("/wp-content/themes/armodec/assets-anek/img/icons/left-arrow-light.svg");
  background-size:100%;
  background-repeat:no-repeat;
}
.btn-soumission.active .text{
  opacity:0;
  width:0;
  height:0;
}
.btn-soumission.active span.triangle{
  left:-17px;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.btn-soumission.active{
  width:525px;
  border-left:25px solid rgba(50,48,47,0.14);
  height:550px;
  right:0;
  animation:none;
}

.btn-soumission .rdv-form {
 /* position:relative;
  top:-27px;*/

}
.btn-soumission .rdv-form.active{
  opacity:1;
}
.btn-soumission .rdv-form{
  opacity:0;
  overflow:hidden;
  padding:0 30px;
  text-align:left;
  height:507px;
  overflow:auto;
  -webkit-transition: all 0.150s ease-in-out;
  -moz-transition: all 0.150s ease-in-out;
  -o-transition: all 0.150s ease-in-out;
  transition: all 0.150s ease-in-out;
}
.btn-soumission .rdv-form h2{
  color:#FFF;
  font-size:28px;
  font-weight:400;
  text-transform:uppercase;
  margin:0;
}
.btn-soumission .rdv-form p.subtitle{
  font-size:14px;
  color:#FFF;
  margin:0 0 5px;
}

.btn-soumission .rdv-form form p{
  margin-bottom:0;
  color:#FFF;
  font-size:17px;
}
.btn-soumission .rdv-form form p.mandatory{
  font-size:11px;
  margin-top:19px;
}
.btn-soumission .rdv-form form .wpcf7-list-item:first-child{margin-left:0;}
.btn-soumission .rdv-form form .wpcf7-list-item{margin-left:25px;}
.btn-soumission .rdv-form form .wpcf7-checkbox input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius:180px;
  border:1px solid #FFF;
  width:12px;
  height:12px;
  -webkit-transition: all 0.150s ease-in-out;
  -moz-transition: all 0.150s ease-in-out;
  -o-transition: all 0.150s ease-in-out;
  transition: all 0.150s ease-in-out;
}
.btn-soumission .rdv-form form .wpcf7-checkbox input:checked{background-color:#FFF;}
.btn-soumission .rdv-form form .wpcf7-checkbox span{font-size:15px;}
.btn-soumission .rdv-form form .wpcf7-form-control-wrap{margin-bottom:15px;}
.btn-soumission .rdv-form form .wpcf7-form-control-wrap.text-phone,.btn-soumission .rdv-form form .wpcf7-form-control-wrap.text-courriel{
  display:block;
  margin-bottom:0;
}

.btn-soumission .rdv-form .col-lg-12-special{
  width:100%;
  padding-left:15px;
  padding-right:15px;
  margin-bottom:13px;

}
.btn-soumission .rdv-form .col-lg-12-special.no-spacing {margin-bottom:0;}
.btn-soumission .rdv-form .col-lg-6-special{
  width:50%;
  float:left;
  padding-left:15px;
  padding-right:15px;
  margin-bottom:13px;
}
.btn-soumission .rdv-form .special-row{
  display:block;
}
.btn-soumission .rdv-form .special-row:before,
.btn-soumission .rdv-form .special-row:after {
  content: " ";
  display: table;
}
.btn-soumission .rdv-form .special-row:after {
  clear: both;
}
.btn-soumission .rdv-form form .wpcf7-text{
  height:30px;
  border:none;
}
.btn-soumission .rdv-form form .wpcf7-text::-webkit-input-placeholder,.btn-soumission .rdv-form form .wpcf7-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.btn-soumission .rdv-form form .wpcf7-text::-moz-placeholder,.btn-soumission .rdv-form form .wpcf7-textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.btn-soumission .rdv-form form .wpcf7-text:-ms-input-placeholder,.btn-soumission .rdv-form form .wpcf7-textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.btn-soumission .rdv-form form .wpcf7-text,.btn-soumission .rdv-form form .wpcf7-textarea{
  color: #000;
}
.btn-soumission .rdv-form form .wpcf7-textarea{
  height:83px;
}
.btn-soumission .rdv-form form .wpcf7-submit{
  background-color:#32302F;
  padding:7px;
  margin:0;
}
.btn-soumission .rdv-form form .ajax-loader{display:none;}
.btn-soumission .rdv-form form .bottom-text{font-size:13px;}



 /* Second form A/B testig */
  /* .btn-soumission.btn-soumission-2 {
    top:50%;
    width: 265px;
    height: 56px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .btn-soumission.btn-soumission-2 .inside-desktop {
    display: inline-block;
    position: relative;
    top: 11px;
  }

  div.btn-soumission.btn-soumission-2 span.text {
    width: 100% !important;
    word-wrap:normal;
  }




  .btn-soumission.btn-soumission-2.active .text{
  opacity:0;
  width:0;
  height:0;
}
.btn-soumission.btn-soumission-2.active span.triangle{
  left:-17px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-soumission.btn-soumission-2.active{
  width:525px;
  border-left:25px solid rgba(50,48,47,0.14);
  height:550px;
  right:0;
  animation:none;
}
.btn-soumission.btn-soumission-2 .rdv-form.active{
  opacity:1;
} */











.wpcf7-form{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wpcf7-not-valid{
  background-color:rgb(255, 167, 167) !important;
}
.wpcf7-form.sent{
  height:0;
  overflow:hidden;
}
div.wpcf7 .screen-reader-response{
  position:relative;
  height:100%;
  width:100%;
  text-align:center;
  color:#FFF;
  font-weight:bold;
}
span.wpcf7-not-valid-tip{
  color:#FFF;
  font-weight:bold;
}
.screen-reader-response ul{display:none;}

p.confirmation{display:none;}

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

  html.no-scroll{
    overflow:hidden;
    position:fixed;
    height:100%;
    top:0;
  }

  .armoires-de-cuisines .entete{
    height:515px !important;
  }
  .armoires-de-cuisines .entete .text-box{
    top:100px !important;
  }

  @keyframes bounce-form-mobile{
    0% {
      bottom:-10px;
    }

    /* Finish changes by here */
    10% {
      bottom:0px;
    }

    /* Between 20% and 100%, nothing changes */
    20% {
      bottom:-10px;
    }
  }

  .btn-soumission, .btn-soumission.btn-soumission-2{
    display:block;
    height:70px;
    width:70px;
    bottom:-10px;
    right:20px;
    border-radius:290px;
    top: 70%;
    animation: bounce-form-mobile 4s 0s ease-in-out infinite;
  }
  .btn-soumission .rdv-form, .btn-soumission.btn-soumission-2 .rdv-form{
    padding:0;
    height:100%;
    padding-top:55px;
  }
  .btn-soumission .rdv-form.active, .btn-soumission.btn-soumission-2 .rdv-form.active{
    padding-top:55px;
    position:static;
    overflow:auto;
  }
  .btn-soumission.active, .btn-soumission.btn-soumission-2.active{
    border-radius:0;
    height:100%;
    width:100%;
    transform:none;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:inherit;
    border:none;
  }
  .btn-soumission.active .inside-mobile, .btn-soumission.btn-soumission-2.active .inside-mobile{display:none;}
  .btn-soumission .rdv-form form .wpcf7-list-item, .btn-soumission.btn-soumission-2 .rdv-form form .wpcf7-list-item{margin-left:5px;}
  .btn-soumission .rdv-form form .wpcf7-checkbox span, .btn-soumission.btn-soumission-2 .rdv-form form .wpcf7-checkbox span{font-size:12px;}
  .btn-soumission .rdv-form p.subtitle, .btn-soumission.btn-soumission-2 .rdv-form p.subtitle{margin:0;}

  .btn-soumission .inside-desktop, .btn-soumission.btn-soumission-2 .inside-desktop{
    display:none;
  }
  .btn-soumission .inside-mobile, .btn-soumission.btn-soumission-2 .inside-mobile{
    display:block;
    height:100%;
    width:100%;
    background-size:40px 40px;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url("/wp-content/themes/armodec/assets/images/icons/mail-icon.png");
  }
  .btn-soumission .inside-mobile img, .btn-soumission.btn-soumission-2 .inside-mobile img{
    width:40px;
    position:relative;
    top:10px;
  }
  .btn-soumission span.triangle, .btn-soumission.btn-soumission-2 span.triangle{display:none;}
  .btn-soumission.active .close-btn-mobile, .btn-soumission.btn-soumission-2.active .close-btn-mobile{
    display:inline-block;
    position:fixed;
    color:#FFF;
    font-weight:900;
    font-size:22px;
    left:0;
    right:0;
    top:0;
    padding:10px 20px;
    background-color:rgba(0,0,0,0.3);
    text-align:right;
  }

}





@media screen and (min-width: 801px) {

  .contact-form form p:nth-of-type(2) {
    display:inline-block;
    width: 60%;
    margin-right: 5%;
  }

  .contact-form p:nth-of-type(3) {
    display:inline-block;
    width: 35%;

  }

}