@charset "utf-8";

.ajanlatkeres{
	background-color:#1F1F1F;
	padding: 30px 0 0 0;
}
.ajanlatkeres h2{
	font-size:25px;
	padding:40px 10px 0px 10px;
	color: #D2B96D;
	margin-bottom: 0px;
}
.ajanlatkeres h3{
	font-size:25px;
	padding:20px 10px 5px 10px;
	color: #000000;
}
.ajanlatkeres p{
	font-size:20px;
	color: #000000;
	padding:0px 10px 0px 10px;
	margin: 0px;
}
.ajanlatkeres .leiras{
	margin:0px 0px 0px 0px;
}
@media only screen and (max-width:760px) {
	.ajanlatkeres h3{
		padding:20px 0px 5px 0px;
	}
	.ajanlatkeres p{
		padding:0px 0px 0px 0px;
	}
}

.ajanlatkeres .input{
	width: 100%;
	background-color: #ffffff;
	color:#000000;
	border: #D2B96D solid;
	border-width: 2px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}
.ajanlatkeres .input:focus{
	outline: none!important;
	border: #222222 solid;
}
.ajanlatkeres select{
  	width: 100%;
  	padding: 10px;
  	border: 1px solid #000000;
  	border-radius: 4px;
  	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
}
.ajanlatkeres textarea{
  	width: 100%;
  	height: 150px;
  	padding: 10px;
  	border: 1px solid #000000;
  	border-radius: 4px;
  	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
}
.ajanlatkeres textarea:focus{
	outline: none!important;
	border: #222222 solid;
}
.ajanlatkeres .tajekoztato{
	color: #FFFFFF;
	text-decoration: none;
	display: grid;
	margin: -30px 0px 0px 35px;
}
.ajanlatkeres .tajekoztato:hover{
	color: #ffffff;
	transition: 0.5s;
}




input[type="checkbox"] {
	/* Add if not using autoprefixer */
  	-webkit-appearance: none;
  	/* Remove most all native input styles */
  	appearance: none;
  	/* For iOS < 15 */

  	background-color: var(--form-background);
	
  	/* Not removed via appearance */
  	margin: 0;
  	font: inherit;
  	
	/*négyzet keret*/
	/*color:#000000;*/
	color:#D2B96D;
	
  	width: 1.15em;
  	height: 1.15em;
	
	/*négyzet keret border*/
	border: 0.15em solid #D2B96D;
  	border-radius: 0.15em;
  	transform: translateY(-0.075em);
  	display: grid;
  	place-content: center;
}

input[type="checkbox"]::before {
  	content: "";
  	width: 0.65em;
  	height: 0.65em;
  	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  	transform: scale(0);
  	transform-origin: bottom left;
  	transition: 120ms transform ease-in-out;
  	/*Pipa színe*/
	box-shadow: inset 1em 1em #D2B96D;
  	/* Windows High Contrast Mode */
	background-color:transparent;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:focus {
	/*Négyzet kiválasztás színe*/
	outline: max(2px, 0.15em) solid transparent;
	
  	outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.checkbox-container {
  display: block;
  position: relative;
  margin: 20px 0 12px 0; 
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/*
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #000000;
}
.container:hover input ~ .checkmark {
  background-color: #000000;
}
.container input:checked ~ .checkmark {
  	background-color: #c7ad69;
}
.checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}
.container input:checked ~ .checkmark:after {
  	display: block;
}
.container .checkmark:after {
  	left: 11px;
  	top: 6px;
  	width: 5px;
  	height: 10px;
  	border: solid #ffffff;
  	border-width: 0 3px 3px 0;
  	-webkit-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}
*/




.input-form{
	margin: 30px 0px 30px 0px;
}

.input-submit{
	color:#f5ed9e;
	background-color:#D2B96D;
	border:#f5ed9e solid;
	border-width:1px;
	padding: 6px 18px 6px 18px;
	margin: 20px 0px 20px 0px;
}
.input-submit:hover{
	color: #ffffff;
	content: "ELKÜLD >>" !important;
	transition: 0.5s;
}
.input-submit {
  border-radius: 4px;
  background-color: #D2B96D;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  width: 220px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}
.input-submit span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.input-submit span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.input-submit:hover span {
  padding-right: 25px;
}
.input-submit:hover span:after {
  opacity: 1;
  right: 0;
}

.captchaerror{
}
.captchaerror p{
	color: #FF0000;
}