.contact-banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 253px 0px;
	background:url(../images/banner-bg.png) center 0 no-repeat;
	width:100%;
	border-bottom:1px solid #603d24;
}


		/********** start of contact *******/

.contact{
	margin:0px 0px 0px 0px;
	padding:153px 0px 0px 0px;
	background:transparent;
	width:100%;
	overflow:hidden;
}
.contact-row{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:947px;
}
.contact-row h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	font-family: robotobold;
	font-size:30px;
	color:#fff;
	text-align:center;
}
.contact-row h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	font-family: robotobold;
	font-size:30px;
	color:#fff;
	text-align:center;
}


.form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
.nachricht{
	margin: 0px 0px 0px 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 35px;
	padding-bottom: 15px;
	border: none;
	background: transparent;
	border-radius: 50px;
	font-family: 'robotolight';
	font-size: 16px;
	color: #B88557;
	box-shadow: 0px 4px 1px -2px #B88557;
	vertical-align: bottom;
	}
input.name{
	margin: 0px 0px 0px 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 35px;
	padding-bottom: 15px;
	border: none;
	background: transparent;
	border-radius: 50px;
	font-family: 'robotolight';
	font-size: 16px;
	color: #B88557;
	box-shadow: 0px 4px 1px -2px #B88557;
	-webkit-box-shadow: 0px 4px 1px -2px #B88557;
}
select.name{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: none;
	background: transparent;
	border-radius: 50px;
	font-family: robotolight;
	font-size: 18px;
	color: #B88557;
	box-shadow: 0px 4px 1px -2px #B88557;
	-moz-appearance: none;
	background: url(../images/arrow.png) right 0px center no-repeat;
	-webkit-box-shadow: 0px 4px 1px -2px #B88557;
}


.line{
	margin:10px 0px 0px 0px;
	padding:10px 0px 25px 0px;
}
.line p{
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
	font-family: robotolight;
	font-size: 19px;
	color: #d6d6d5;
	
	
}

input.radio{
	margin: 8px 10px 0px 20px !important;
}
input.radio2{
	margin: 8px 10px 0px 20px !important;
}
input.checkb{
	margin: 8px 10px 0px 20px !important;
	background-color:#DC1115;
}


input.btnn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:317px;
	border:none;
	background:linear-gradient(#f8bf2c,#f8a02c);
	border-radius:50px;
	font-family: 'robotobold';
	font-size:26px;
	color:#563300;
	text-align:center;
	line-height:58px;
	display:block;
	text-shadow: 1px 1px 0px rgba(255,255,255,.35);
}




		/************* responsive of contact page **********/
		
.m-hide{
	display:block;
}
.d-hide{
	display:none;
}
@media (max-width :991px) and (min-device-width :280px){

.contact-banner{
	padding:0px 0px 0px 0px;
}

.d-hide{
	display:block;
}
.m-hide{
	display:none;
}

.contact {
    padding: 40px 0px 35px 0px;
}
	
.contact-row {
    width: 100%;
}
.line p {
    font-size: 18px;
	display:inherit;
}

ul.one{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
}
ul.one li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'robotolight';
	font-size:18px;
	color:#d6d6d5;
}
ul.one li.last{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
ul.one li.third{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
input.btnn {
    width: 270px;
}


}







.example{
  margin-bottom : 1.5em;
 
}
/*
input[type=checkbox]:not(old),**/
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
/**
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.4em;
}
/**
input[type=checkbox]:not(old) + label > span,**/
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 22px;
  height           : 22px;
  margin: 0px 9px 0px 20px;
  border           : 1px solid #a16f44;
  border-radius    :100%;
  background       : transparent;
  vertical-align   : bottom;
}
/**
input[type=checkbox]:not(old):checked + label > span,**/
input[type=radio   ]:not(old):checked + label > span{
  background:#000;
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 19px;
  color       : #fff;
  font-size   :14px;
  line-height: 18px;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background:#000;
}