/* CSS Document */


textarea{ resize:none; }
:focus { outline: 0; }

input.text,
textarea{
	font-family:inherit;
	border:1px solid #abaea2;
	border-radius:2px;
	background:#FFF;
	height:23px;
	padding:0 5px;
	margin:3px 0;
}
input.text:focus,
textarea:focus{ box-shadow:#777 0 0 3px; }
textarea{ padding:5px; height:120px; }
input.error,
textarea.error{ box-shadow:#F66 0 0 3px; border:1px solid #F66 !important; }
select{ font-family:inherit; }

input.submit{
	cursor:pointer;
	border:1px solid #777;
	border-radius:2px;
	height:25px;
	padding:0 20px;
	margin:8px 0;
}

.feedback{display:none; width:782px; margin:0 auto;}
.feedback .title{font-size: 20px;color: #000;text-align: center;font-family: 'ProximaNova-Bold';padding-top: 0px; margin-bottom: 10px;}
.feedback input.text,
.feedback textarea{ display: block; background:transparent; color:#fff; border:2px solid #fff; font-size:16px; font-family: 'ProximaNova-Regular';  border-radius:0px; }
.feedback input{float:left; width:206px; height:42px; padding:0px 20px; margin:0px; margin-bottom:13px;}
.feedback input[name="phone"]{ margin:0px 16px;}
.feedback textarea{ padding:13px; width:752px; height:90px;}
.feedback .subtext{ font-size:18px; line-height:20px; text-align:center; color:#fff; margin-top:17px; margin-bottom:23px;}
.feedback .close {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 38px;
	padding: 5px;
	background: #035991;
}
.feedback .close span {
	display: block;
	position: absolute;
	top: -12px;
	left: 6px;
}
.feedback .submit{
	display: block;
	width:181px; 
	height:50px;
	position:relative; 
	left: 50%;
	transform: translate(-50%, -20px);
}
.button{
	background:#ffd600; 
	display:block; 
	font-family: 'ProximaNova-Bold'; 
	text-transform:uppercase; 
	color:#333; 
	border:0px; 
	outline:none; 
	font-size:15px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
}
.button:hover{
	background: #ecc706;
}

.feedback label{ margin-top:3px; display:block; }
.feedback span.error{ display:block; }
.feedback .success{ padding:5px; }
.feedback .workemail{ display:none; }
.popup .feedback {display: flex; flex-direction: column;}
.popup .feedback .title{ display:block;}
.popup .feedback .subtext{ color:#3a3a3a; font-size:14px;}
.popup .feedback .text,.popup .feedback textarea{ width:245px; background:#f9f9f9; float:none; margin:0px auto 8px; border:2px solid #035991; color:#3a3a3a;}
.popup .feedback textarea{ width:245px;}


.feedback .personal-data {
	margin: 10px 0;
	padding: 10px;
	display: block;
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	font-size: 16px;
	font-family: 'ProximaNova-Regular';
	border-radius: 0px;
}
/*
.feedback .personal-data input {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
*/
.popup .feedback .personal-data {
    position: relative;
    width: 245px;
    margin: 10px auto;
    color: #000;
    font-size: 10px;
    line-height: 1;
    border: 2px solid #035991;
    padding-left: 40px;
}
/*
.popup .feedback .personal-data input {
	width: 20px;
	height: 20px;
	margin: 0px 10px 25px 0px;
}*/

.popup .feedback .personal-data a {font-size:10px;line-height: 1;}



.check-box {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip:rect(0 0 0 0);
	padding-left: 20px;
} 

.check-style {
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid black;
	margin-left: -30px;
	cursor: pointer;
}


.check-box:active + .check-style:before {
  height: 50px;
  width: 50px;
}
.check-box:checked + .check-style {
	border: 2px solid #29b6f6;
	background-color: #29b6f6;
}
.check-box:checked + .check-style {
  animation: pulse 1s cubic-bezier(0.15, 0.8, 0.5, 1);
}
.check-box:checked + .check-style:after {
	content:"\f00c";
	font-family: FontAwesome;
	color: #fff;
	font-size:1.5em;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px #29b6f6;
  }
  100% {
    box-shadow: 0 0 0 25px rgba(242, 242, 242, 0);
  }
}