#contact-form { padding: 6% 20% ; width:60% !important;}

.container-tenzin { display: none; overflow-y: hidden; height:0; }
.tenzin-form {  padding-top:0 !important; margin-top: 0!important;}
.tenzin-form .form-title { background: rgba(137, 79, 144, 0.9)!important; width: 80% !important; margin-bottom: 5% !important; }
.tenzin-form .form-title .close { float: right; font-size: 80%; cursor:pointer; }
.tenzin-form .tekst { color: #fff; padding:0 2%; margin-top:1%; line-height: 150%; } 
.tenzin-form .tekst .price { background: rgba(137, 79, 144, 0.9); padding: 3px; font-size: 125%;} 
.tenzin-form .selection { color:#fff; -webkit-appearance: none;  max-width:50px; white-space: nowrap; margin-left:15%;}
.tenzin-form .sel-price { 
padding: 1% 4%;;
background: url(arrow.png) no-repeat 90% center;
background-size: 20%;
border: 1px solid #ccc;
color: #fff;
cursor: pointer;
-webkit-appearance: none !important;

}
.tenzin-form select option {  background: rgba(0,0,0,1); padding:2%; } 


.contact-right { float: right; position: relative; margin: -13% 0 7% 0; padding: 0 0 0 0; width: 100%; max-width: 598px;}
.contact-right #contact-form { padding: 0; width:100% !important;}
/*
#contact-form { font-family: 'Quattrocento Sans',  sans-serif; color:#000; padding: 3% 10% 3% 10%; width:80% !important; /*max-width:400px;*/ /*height:77%;*/ /*max-height:400;*/ top:0; left:0; position:relative; z-index:23 !important; /*display:none; overflow-y:auto; overflow-x:hidden;  background: #F6F6F6;*/}

#contactform {  height:100%; width:100%; /*top:0; left:0;*/ }

#name, #email, #input, #adres, #plaats, #telefoon, .tenzin-form .selection { width:100% ; -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;}

#contactform input[type=text], 
#contactform select[type=text], 
#contactform textarea, 
#contactform label, #google input[type=text]{
	font-size:100%;
	margin-bottom:1%;
    color:#fff; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;
        
}

.formdugme{position:absolute; right:10%; top:10%; /*right:0; margin: 0 0 0 5%;*/ width: 20px; cursor:pointer; } 

#contactform input[type=text], 
#contactform select[type=text], 
#contactform textarea
 {
	padding:1%;
    background: none;
	border: 1px solid #ccc;
	font-family: 'Quattrocento Sans',  sans-serif; color:#fff;
    -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;
}
.post-code { max-width: 100px;}
#google input[type=text] {background: #fff; border: 1px solid #BDCDDA; padding:4px; width:60%; font-size:14px; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}

#contactform input[type=text]:focus, #google input[type=text]:focus,
#contactform select[type=text]:focus, 
#contactform textarea:focus {
outline: none;
	border: 1px solid rgba(137, 79, 144, 1);
	background-color: rgba(0,0,0, 0.5);
    color:#fff; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;
}
#contactform input[type=checkbox] { color:#000; position:relative; margin:10px 0px 5px 40px;}

#contactform textarea {
       height:60%; min-height:150px; max-height:250px; /*max-width:98.5%;*/
       overflow:auto; font-family: 'Quattrocento Sans',  sans-serif;
}

#contactform label {
	display:block; font-size: 100%;
}

#potvrda{ width: 100%; background: rgb(137, 79, 144); color:#fff;  text-align:left; z-index:100; /*margin-bottom:5%*/ display:none;}
#potvrda h3 { margin-left:10%;  top:0;}
#potvrda p { padding: 0 15% 7% 15%;}
#checkmark {  height:50%; margin-right:7%; /*margin-top:2%;*/ }

#verplicht {
        
	font-weight:normal;
	color:#fff;
        padding:5px;	
}
#contactdugmad { width:100%; /*max-width:360px;*/ margin: 0 auto; padding:4% 0 0 0;}
#submit-button, #route {
	background-color: rgb(137, 79, 144);
	cursor: pointer;
	color: #FFF;
	border: none;
	padding: 5px 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	outline: none;
	width: 30%;
	min-width: 100px;
        
}

#submit-button:hover, #route:hover {
	background-color: #C8A2CC; color:#000;
}

#submit-button:active {
	background-color:rgb(137, 79, 144);
	color:#FFF;
	border:none;
}
#reset {
	background-color: rgb(137, 79, 144);
	cursor: pointer;
	color: #FFF;
	border: none;
	padding: 5px 0;
	width: 30%;
	min-width: 100px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	outline: none;
	float: right;
}

#reset:hover {
	background-color: #C8A2CC; color:#000;
}

#reset:visited {
	background-color:rgb(137, 79, 144);
	color:#FFF;
	border:none;
}

.error{  
color: #fff;
background-color: rgb(137, 79, 144);
padding: 0 2%; }

#errors.visible, #success.visible {
	display:block;	
}
#req-field-desc {
	font-size:12px; font-style:italic; /*margin-top:4%;*/
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}
.placeholder {
   
  
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}
*/