.contacter {
	position: fixed;
	left: -250px;
	top: 32% /*146px*/;
	width: 250px;
	background: #ff8c2f;
	z-index: 10001;
	padding: 0;
    padding-bottom: 8px;
    border: 3px solid #000;
    border-left: none;
}


#contact {
    width: 90%;
    margin: 0 auto;
    background: transparent !important;
}


.contacter-btn {
    
    cursor: pointer;
    position: absolute;
    right: -116px;
    /*top: -3px;*/
    width: 116px;
    height: 244px;
    z-index: 20000;
    background: url(../images/envelope.svg) no-repeat;
    background-size: 55px;
    background-position: center 38px;
    background-color: #ff8c2f;
    color: #010101;
    border-bottom-right-radius: 116px;
    border-top-right-radius: 116px;
    border: 3px solid #000;
    border-left: none;

}


.contacter-btn.anim-on {
    -webkit-animation: shockwaveJump 1s ease-out infinite;
    animation: shockwaveJump 1s ease-out infinite;
}


.vertical-text {
	/* Safari */

	-webkit-transform: rotate(-90deg);
	/* Firefox */

	-moz-transform: rotate(-90deg);
	/* IE */

	-ms-transform: rotate(-90deg);
	/* Opera */

	-o-transform: rotate(-90deg);
	/* Internet Explorer */

	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
	height: 20px;
	position: absolute;
	left: -83px;
	width: 200px;
	top: 127px;
	font-size: 24px;
}


.contacter-btn-text {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    
    position: absolute;
    top: 42%;
}

a.contacter-btn:hover {
    color: #010101 !important;
}


#contact .wpcf7-form-control-wrap .your-message { height: 50px; }

#contact .wpcf7-form textarea { height: 80px; }

#contact ::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 15px;
}

#contact :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 15px;
}

#contact ::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 15px;
}

#contact :-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size: 15px;
}


/* Custom WOKI */


@media (min-width: 320px) {
    

    #contact.contact-form-strip.contact-form-strip__contact-page:before {
        display: none;
    }
    
    
    #contact.contact-form-strip .contact-form-input.wpcf7-form-control:not(.wpcf7-submit) {
        background-blend-mode: difference;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .wpcf7-checkbox .wpcf7-list-item-label::before, 
    #contact.contact-form-strip.contact-form-strip__contact-page .radio .wpcf7-list-item-label::before {
        background: #ff8c2f;
    }
    
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label::before {
        font-size: 10.5px;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .contact-form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #000 !important;
    }
    
    #contact.contact-form-strip.contact-form-strip__contact-page .contact-form-input::-moz-placeholder { /* Firefox 19+ */
      color: #000 !important;
    }
    
    #contact.contact-form-strip.contact-form-strip__contact-page .contact-form-input:-ms-input-placeholder { /* IE 10+ */
      color: #000 !important;
    }
    
    #contact.contact-form-strip.contact-form-strip__contact-page .contact-form-input:-moz-placeholder { /* Firefox 18- */
      color: #000 !important;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .wpcf7-checkbox .wpcf7-list-item-label {
        right: 5px;
        font-size: 11px;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .use-floating-validation-tip span.wpcf7-not-valid-tip {
        color: #000;
        background: #ff8c2f;
        right: 104px !important;
    }
    
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page div.wpcf7-mail-sent-ok,
    #contact.contact-form-strip.contact-form-strip__contact-page  .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        color: #000;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page  div.wpcf7 .ajax-loader {
        mix-blend-mode: difference;
    }
    
    
    #contact.contact-form-strip.contact-form-strip__contact-page .wpcf7-form div.wpcf7-mail-sent-ok,
    #contact.contact-form-strip.contact-form-strip__contact-page .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
        bottom: 6px !important;
        top: auto !important;
        max-width: 227px;
        font-size: 9px !important;
    }
    
    
       

} /* @media (min-width: 320px) */


/*------------------------------
          Responsive
------------------------------*/


@media (max-width: 767px) {
    
    .contacter {
        top: 60%;
    }
    
    .contacter-btn {
        right: -68px;
        top: 100px;
        width: 69px;
        height: 119px;
        z-index: 20000;
        background-size: 33px;
        background-position: center 13px;
    }
    
    
    .contacter-btn-text {
        font-size: 15px;
        top: 45%;
        line-height: 1em;
    }
    
    #contact.contact-form-strip.contact-form-strip__contact-page {
        margin-top: 0 !important;
    }
    
    #contact.contact-form-strip.contact-form-strip__contact-page textarea {
        height: 60px;
    }
    
        
}/* 767 */


@media (max-width: 737px) and (orientation: landscape) {
    
	.contacter { top: 115px; }

	.contacter .form-container {
		overflow: hidden;
		overflow-y: scroll;
		min-height: 192px;
		height: 240px;
	}
} /*767*/




/* Anim */

@-webkit-keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  40% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
}


@keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  40% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
}