/******************** POPUP **********************/
	
	.popup {display: none; background: #fff; padding:30px 20px;}
	.popup * {box-sizing: border-box;}
	.popup h3 {
		color: #222; 
		font: 27px Myriad Pro, sans-serif;
		text-align: center;
	}
	.popup address .button i.fa {margin-right: 0;}
	.popup address a.button {
		width: 50%;
		margin: 0;
		border: none;
	}
	.popup .order_btn {
		display: block; 
		width: 100%; 
		padding: 12px 15px; 
		text-align: center; 
		text-decoration: none;
		font-size: 22px; 
		color: #4a1d01; 
		background: gold;

		&:hover {background-color: orange;}
	}
	.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 {
		font: 16px Roboto_condensedlight, sans-serif;
		color: darkgrey;
	}	

.checkbox {width: auto; display: inline; }
.cover {
	margin-top: 20px;
	position: relative;
	
		&: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;
	}
}
.checkbox:checked ~ .cover:after {display: none;}

.checkbox:checked ~ .submit {
	pointer-events: auto;
	opacity: 1;
}

.request *, .popup * {--placeholder-color: #444; }

FOOTER input, FOOTER textarea, FOOTER .submit {
    display: block;
    width: 100%;
    padding: 10px 10px;
    background-color: rgba(0, 0, 0, .5);
    outline: 1px solid #555;
    outline-offset: -1px;
    border: none;
    color: #999;
	font: 100 18px/1em "Myriad Pro", 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);*/
}

input{
	&::-webkit-input-placeholder { /* WebKit browsers */
		color: #CCC;
	}
	&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #CCC;
		opacity: 1;
	}
	&::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #CCC;
		opacity: 1;
	}
	&:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #CCC;
	}
	&:focus{
		&::-webkit-input-placeholder { /* WebKit browsers */
			color: transparent;
		}
		&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color: transparent;
			opacity: 0;
		}
		&:-moz-placeholder { /* Mozilla Firefox 19+ */
			color: transparent;
			opacity: 0;
		}
		&:-ms-input-placeholder { /* Internet Explorer 10+ */
			color: transparent;
		}
	}
}

::-webkit-input-placeholder {color: #999; opacity:1;font-family:"Myriad Pro"; font-weight: 100; transition: opacity 0.5s ease;}
::-moz-placeholder {color: #999; opacity:1;font-family:"Myriad Pro"; font-weight: 100;transition: opacity 0.5s ease;}/* Firefox 19+ */
:-moz-placeholder {color: #999; opacity:1;font-family:"Myriad Pro"; font-weight: 100;transition: opacity 0.5s ease;}/* Firefox 18- */
:-ms-input-placeholder {color: #999; opacity:1;font-family:"Myriad Pro"; font-weight: 100;transition: opacity 0.5s ease;}

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

#buttn {
	width: 32%;
	color: #FFF;
	padding:15px 0px;
	text-transform: uppercase;
	border: none;
	background: rgba(0, 0, 0, .7);
	cursor: pointer;
}
#buttn:hover {
    border-color: #AAA; 
    outline-color: #222;
    background:  rgba(255, 255, 255, .7); 
    color: #222;
}


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;
}
FOOTER .submit:hover {
	color:#FFF;
	outline-color: #EAA;
	background: rgba(0, 0, 0, .5);
	color: #FFF;
}

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