FOOTER .request {
	--placeholder-color: #777;
}
FOOTER input, FOOTER textarea, FOOTER .submit {
    display: block;
    width: stretch;
    padding: 10px 10px;
    background-color: rgba(0, 0, 0, .5);
    outline: 1px solid #555;
    outline-offset: -1px;
    border: none;
    color: #999;
    font: 16px Verdana, Arial, sans-serif;
    margin-bottom: 7px;
}

FOOTER input:hover, FOOTER textarea:hover {
	/*border: 1px solid rgba(52, 152, 219, 1);*/
	/*box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, 0.2) inset;*/
	outline: 1px solid rgba(0, 0, 0, .5);
    outline-color: white;
    color: #FFF;
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.FOOTER input:hover, .FOOTER textarea:hover {
	/*outline: 1px solid rgba(255, 255, 255, .7);
	background-color: rgba(255, 255, 255, .1);*/
}
input:focus, textarea:focus {
	/*background: rgba(255, 255, 255, .3);*/
}

::-webkit-input-placeholder {color: var(--placeholder-color); opacity:1;font-family:"HelveticaNeue-Light";transition: opacity 0.3s ease;}
::-moz-placeholder {color:var(--placeholder-color); opacity:1;font-family:"HelveticaNeue-Light";transition: opacity 0.3s ease;}/* Firefox 19+ */
:-moz-placeholder {color:var(--placeholder-color); opacity:1;font-family:"HelveticaNeue-Light";transition: opacity 0.3s ease;}/* Firefox 18- */
:-ms-input-placeholder {color:var(--placeholder-color); opacity:1;font-family:"HelveticaNeue-Light";transition: opacity 0.3s ease;}

:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

FOOTER .submit {
	color:#000;
    /*font-family:"HelveticaNeue-Thin";*/
    line-height: 1.5em;
	text-transform:uppercase;
	text-decoration: none;
    text-align: center;
	cursor: pointer;
	/*pointer-events: none;*/
	background-color: rgba(0, 0, 0, .8);
	background-color: orange;
	outline-color: orange;
	/*opacity: 0.5;*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
 
		&:hover {
		color:#FFF;
		outline-color: #EAA;
		background: rgba(0, 0, 0, .5);
		color: #FFF;}
}

FOOTER	*:focus {outline-color: #FFF;}
	.error {background-color: #ebd2cf !important;}

  /* popup */	
	
	.popup {display: none; background: #fff; padding:30px 20px;}
	.popup * {box-sizing: border-box;}
	.popup h3 {
        margin: 0 0 20px;
		color: #222; 
		font: 30px / 1em "Myriad Pro", Arial, sans-serif;
		text-align: center;
	}
	.popup .order_btn {
		display: block; 
		padding: 11px 15px; 
		font: 16px/1.5em Verdana, Arial, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		background: orange;

		&:hover {background-color: gold;}
	}
	.popup .field {margin-bottom: 10px;	text-align: center;}
	.popup input[type="text"] {
		width: 100%; height: 45px; 
		text-align: center; 
		border: 1px solid #000; 
		color: #555; 
		font-size: 18px;
		margin-bottom: 10px;
	}
	.popup .note {margin-top: 20px; font: 11px Verdana, Arial; text-align: center;}
	
	#order_call {width: 300px; text-align: center;}
	#order_call h2 {font-size: 19px; margin-bottom: 0px;}
	#order_call .wrapper {padding: 10px 10px 18px 10px;}
	.privacy {
        display: block;
		font-size: 14px;
		color: darkgrey;
		margin-bottom: 10px;		
	}	

.checkbox {
	float: left;
	margin-right: 5px;
}

.cover {position: relative;}
.cover p {
	font: 16px/1.5em Verdana, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	border: 1px solid ;
}
.cover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, .3);
	cursor: not-allowed;
}
.cover span {display: none;}
.checkbox:checked ~ .cover:after {display: none;}
.checkbox:checked ~ .cover p {display: none;}
.checkbox:checked ~ .cover span {
	opacity: 1;
	display: block;
}
.checkbox:checked ~ .cover span a {
	pointer-events: auto;
}