
/*
    Forms
*/

.form-mid {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
.form-touch {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
.form-touch form span {
	display: block;
	text-align: left;
}
.form-foot form {
	padding-top: 10px;
}
form, select, textarea, radio, label, button {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 0;
	-webkit-appearance: none;
	outline:none;
}
input, select, textarea, radio, checkbox, label {
	font-family:'CamptonBook', Helvetica, Arial, sans-serif;
    font-size: 16px;
}
input, select, textarea {
	color: #28272b;
    border: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    border-radius:0;
    background-color: transparent;
}
input {
    border-bottom: 1px solid #28272b;
	width: calc(100% - 12px);
	padding-left: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.send {
	text-align: right;
	padding-top: 10px;
}
input.submit {
	font-family:'CamptonMedium', Helvetica, Arial, sans-serif;
	color: #fff;
	border-bottom: 0;
	background-color: #28272b;
	width: 110px;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	text-align: left;
	background-image: url(../images/icon-but-arrow-right-black.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size:38px;
	-moz-background-size:38px;
	cursor: pointer;
	border: 1px solid #28272b;
}
input.submit:hover {
	color: #28272b;
	background-color: transparent;
	background-image: url(../images/icon-but-arrow-right.png);
}
select {
	width: 100%;
	padding-left: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-color: #fbfaf9;
	background-image: url(../images/icon-but-arrow-swop.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size:38px;
	-moz-background-size:38px;
	cursor: pointer;
}
textarea {
	width: calc(100% - 24px);
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	height: 150px;
	background-color: #fbfaf9;
}
label.half-left,
label.half-right {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
label.half-right {
	margin-left: 4%;
}

label.checkb {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 18px;
	cursor: pointer;
}
.checkb span {
	font-size: 15px;
}
label.checkb label {
	cursor: pointer;
}
/*
label input[type=radio] + span,
label input[type=checkbox] + span {
	height:20px;
	line-height:20px;
	display:inline-block;
}*/
/*
label input[type=radio],
label input[type=checkbox] {
	-o-transition:0s;
	-ms-transition:0s;
	-moz-transition:0s;
	-webkit-transition:0s;
	transition:0s;
}*/
label input[type=radio],
label input[type=checkbox] {
}
label input[type=radio]:checked {
	border: 1px solid #28272b;
	background-image: url(../images/radio.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size:20px;
	-moz-background-size:20px;
}
/*
label input[type=checkbox] {
	opacity: 1; filter: alpha(opacity = 0);
	margin:0;
	padding:0;
	margin-right:10px;
	height:20px;
	line-height:20px;
	width:20px;
	display:inline-block;
	cursor:pointer;
	border: 1px solid #28272b;
	float:left;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:20px;
	-moz-background-size:20px;
}
label input[type=checkbox]:checked {
	border: 1px solid #28272b;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size:20px;
	-moz-background-size:20px;
}*/
input {
	outline:none;
}
input.nostyle {
	border: 0;
	opacity: 1; filter: alpha(opacity = 1);
	background-image: none;
	float: none;
	width: auto;
	height: auto;
	font-size: 16px;
}
label.nostyle {
	position: relative;
	width: auto;
	font-size: 16px;
	cursor: pointer;
	padding-left: 6px;
	line-height: 30px;
	margin-bottom: 10px;
}
input[type=checkbox] {
    border-bottom: 0 solid #28272b;
	width: auto;
	height: auto;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
input[type=checkbox]:checked {
	background-color: #333;
}



.form-filter {
	max-width: 1520px;
	margin: 0 auto;
}
.form-filter-inner {
	margin-bottom: 6%;
	padding: 35px;
}
.searchandfilter {
	width: 100%;
}
.searchandfilter ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.searchandfilter ul li {
	margin: 0;
	padding: 0;
}
.searchandfilter ul li {
	display: inline-block;
	width: calc(13.4% - 2px);
	width: 21%;
}
.searchandfilter ul li:first-child {
}
.searchandfilter ul li:last-child {
	text-align: right;
	width: 15%;
}
.searchandfilter select {
	font-family:'CamptonMedium', Helvetica, Arial, sans-serif;
	color: #28272b;
	background-color: #fff;
	line-height: 42px;
	padding: 0;
	padding-left: 10px;
	padding-right: 0;
	font-size: 16px;
	letter-spacing: 0.1px;
	cursor: pointer;
	border: 1px solid #28272b;
	margin-bottom: 0;
	width: 90%;
}
.button-news-filter select {
	font-family:'CamptonMedium', Helvetica, Arial, sans-serif;
	color: #28272b;
	background-color: #fff;
	line-height: 42px;
	padding: 0;
	padding-left: 10px;
	padding-right: 0;
	font-size: 16px;
	letter-spacing: 0.1px;
	cursor: pointer;
	border: 1px solid #28272b;
	margin-bottom: 0;
	width: 210px;
}
.searchandfilter input {
	font-family:'CamptonMedium', Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #28272b;
	line-height: 42px;
	padding: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
	letter-spacing: 0.1px;
	cursor: pointer;
	margin-bottom: 0;
	border: 1px solid #28272b;
	width: 86%;
	max-width: 190px;
}
.searchandfilter input:hover {
	color: #fff;
	background-color: #000;
}

::placeholder {
	color: #28272b;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #28272b;
}
::-ms-input-placeholder {
	color: #28272b;
}
input:invalid,
input:focus:invalid,
select:invalid,
select:focus:invalid,
textarea:invalid,
textarea:focus:invalid {
	box-shadow:none !important;
}

.bg-grey select,
.bg-grey textarea {
	background-color: #fff;
}

/* ActiveCampaign */

._error {
	display:block;
}
input[type="text"]._has_error,
textarea._has_error {
	border-bottom:#ff6600 1px solid;
}
input[type="checkbox"]._has_error {
	outline:#ff6600 1px solid;
}
._error {
	display:block;
}
._error._above {
	padding-bottom:4px;
	bottom:39px;
	right:0;
	position: relative;
}
._error._below {
	padding-top:0;
}
._error._above ._error-arrow {
	bottom:0;
}
._error._below ._error-arrow {
	top:0;
	right:15px;
}
._error-inner {
	font-size:14px;
	line-height: 30px;
	color:#ff6600;
	text-align:left;
	margin: 0;
	padding: 0;
}
._error-inner._form_error {
	text-align:left;
	margin: 0;
	padding: 0;
}
._button-wrapper ._error-inner._form_error {
	position:static;
	margin: 0;
	padding: 0;
}
._error-inner._no_arrow {
}
._error-arrow {
	width:0;
	height:0;
}
._error-html {
}
.phone-error-hidden {
	display:none;
}
.phone-error {
	color:#ff6600;
}
.phone-input-error {
	color:#ff6600;
}
._form-thank-you {
	text-align:center;
	font-size: 18px;
	line-height: 26px;
	color: #28272b;
	padding-top: 60px;
}
button._submit {
	font-family:'CamptonMedium', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 15px;
	border-bottom: 0;
	background-color: #28272b;
	width: 110px;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	text-align: left;
	background-image: url(../images/icon-but-arrow-right-black.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size:38px;
	-moz-background-size:38px;
	cursor: pointer;
	border: 1px solid #28272b;
	margin-top: 10px;
	margin-bottom: 0;
}
button._submit:hover {
	color: #28272b;
	background-color: #fff;
	background-image: url(../images/icon-but-arrow-right.png);
}
.form-ac {
	padding-bottom: 20px;
}
.form-ac input,
.form-ac textarea {
	margin: 0;
}
.form-ac input {
	padding-top: 10px;
}
.form-ac textarea {
	margin-bottom: 15px;
	height: 100px;
}
.form-ac input#email {
	margin-bottom: 10px;
}
.form-ac input[type=checkbox] {
	opacity: 1; filter: alpha(opacity = 0);
	margin:0;
	padding:0;
	margin-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;
	height:20px;
	line-height:20px;
	width:20px;
	display:inline-block;
	cursor:pointer;
	border: 1px solid #28272b;
	float:left;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:20px;
	-moz-background-size:20px;
}
.form-ac input[type=checkbox]:checked {
	border: 1px solid #28272b;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size:20px;
	-moz-background-size:20px;
}
.form-ac div {
}
.form-ac label {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.fox-newsletter {
	padding-bottom: 30px;
}
.fox-newsletter p {
	padding-bottom: 25px;
}
.fox-newsletter div {
	display: inline-block;
}
.fox-newsletter input {
	border: 1px solid #6f6f6e;
	color: #fff;
	font-size: 16px;
	width: 260px;
	padding-top: 8px;
	padding-bottom: 9px;
	margin-right: 20px;
	display: inline-block;
}
.fox-newsletter button {
	background-color: #242326;
	margin-top: -1px;
	position: relative;
}
.fox-newsletter ._button-wrapper {
	display: inline-block;
	vertical-align: top;
}
.fox-newsletter ._field-wrapper {
	display: inline-block;
	vertical-align: top;
}
.fox-newsletter ._error {
	display: block;
}
._form-thank-you.thank-you-news {
	text-align:left;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding-top: 16px;
}



.fox-newsletter ::placeholder {
	color: #fff;
	opacity: 1;
}
.fox-newsletter :-ms-input-placeholder {
	color: #fff;
}
.fox-newsletter ::-ms-input-placeholder {
	color: #fff;
}



@media screen and (min-width: 1024px) and (max-width: 1440px) {

.form-filter-inner {
	margin-bottom: 5%;
	padding: 20px;
}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.form-filter-inner {
	margin-bottom: 5%;
	padding: 20px;
}
.searchandfilter ul li {
	display: inline-block;
	width: calc(13.4% - 2px);
	width: 50%;
}
.searchandfilter ul li:first-child {
}
.searchandfilter ul li:last-child {
	text-align: center;
	width: 100%;
}
.searchandfilter select {
	width: 95%;
	margin-left: 3%;
	margin-top: 5px;
	margin-bottom: 10px;
}
.searchandfilter input {
	margin-top: 10px;
	margin-bottom: 10px;
}

}

@media screen and (max-width: 767px) {

.form-filter-inner {
	margin-bottom: 30px;
	padding: 15px;
}
.searchandfilter ul li {
	width: 100%;
}
.searchandfilter ul li:first-child {
}
.searchandfilter ul li:last-child {
	text-align: center;
	width: 100%;
}
.searchandfilter select {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
}
.searchandfilter input {
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-ac {
	padding-bottom: 5px;
}
.form-ac label {
	font-size: 12px;
	margin-top: 7px;
	margin-bottom: 3px;
}
.checkb span label {
	font-size: 12px;
	line-height: 20px;
}

}

@media screen and (min-width: 480px) and (max-width: 767px) {

.checkb span {
	font-size: 14px;
}
label.half-left,
label.half-right {
	display: inline-block;
	width: 100%;
}
label.half-right {
	margin-left: 0;
}
label.nostyle {
	font-size: 14px;
}

}

@media screen and (max-width: 479px) {

label.half-left,
label.half-right {
	display: inline-block;
	width: 100%;
}
label.half-right {
	margin-left: 0;
}
input {
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
select {
	padding-left: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	background-color: #fbfaf9;
}
textarea {
	width: calc(100% - 24px);
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 100px;
	background-color: #fbfaf9;
}
.checkb span label {
	font-size: 12px;
}
.button-news-filter select {
	display: block;
	width: 100%;
}

.fox-newsletter input {
	width: calc(100% - 15px);
	margin-right: 0;
	display: block;
}
.fox-newsletter div {
	display: block;
	vertical-align: top;
	width: 100%;
}
.fox-newsletter button {
	width: 100%;
}
.fox-newsletter ._field-wrapper {
	display: block;
	vertical-align: top;
	width: 100%;
}
.fox-newsletter ._button-wrapper {
	display: block;
	vertical-align: top;
}
label.nostyle {
	font-size: 12px;
}

}

@media screen and (max-width: 375px) {

.checkb span label {
	font-size: 11px;
}

}
