/*==== Default form style ==== */

input,
select,
textarea,
button {
	font-family: semplicitapro, sans-serif;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

[type="text"],
[type="date"],
[type="tel"],
[type="number"],
[type="email"],
[type="password"],
select,
textarea{
    border-radius: 0;
    font-size: 1.6em;
    color: #333;
    width: 100%;
    height: 45px;
    line-height: normal;
    padding: 10px 17px;
    -webkit-appearance: none;
	-moz-appearance: none; 
    background: none; 
    border: 1px solid #c9c9c9;
}

select {
	background: url(../images/select-arrow.png) no-repeat;
	background-size: 9px 6px;
	background-position: center right 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

::-webkit-input-placeholder {
	color: #554b4f;
    opacity: 1;
}

:-moz-placeholder {
	color: #554b4f;
    opacity: 1;
}

::-moz-placeholder {
	color: #554b4f;
    opacity: 1;
}

:-ms-input-placeholder {
	color: #554b4f;
    opacity: 1;
}

input.error,
select.error,
textarea.error,
.double-two-col-form [type="text"].error {
	background-color: #f7d5cd;
}

textarea {
	display: block;
    height: 154px;
    padding: 11px 17px;
	margin: 0;
	resize: none;
	-webkit-appearance: none;
}

label {
    display: none;
}

button {
    background: #dfc08d;
    border: none;
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    width: 66%;
    height: 45px;
    cursor: pointer;
    font-weight: 500;     
    margin-top: 20px;
}

.form-group {
    padding-bottom: 9px;
	text-align: left;
}

.number-error {
    font-size: 12px;
    position: relative;
    top: 3px;
    color: #ce0018;
}

/*==== For termin form style ==== */

input.datepicker {
    background-image: url(../images/c-icon.png);
    background-size: 45px 45px;
    background-position: right top;
    background-repeat: no-repeat;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{
    display: none;
    -webkit-appearance: none;
}

.date-picker {
	position: relative;
}

.date-picker span {
    display: none;
}

.double-two-col-form {
	margin: 0 -4px;
}

.double-two-col-form .two-col-form {
	float: left;
	width: 50%;
	margin: 0;
}

.two-col-form {
	margin: 0 -4px;
}

.double-two-col-form .double-group-form,
.double-two-col-form .two-col-form .form-group {
	width: 100%;
	float: none;
}

.double-group-form,
.double-two-col-form .double-group-form .form-group {
	float: left;
	width: 50%;
}

.two-col-form .form-group {
	width: 50%;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
}

.g-recaptcha-termin {
    /*transform:scale(1.5, 1.25);*/
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

@media(max-width:1200px) {
    [type="text"],
    [type="date"],
    [type="tel"],
    [type="number"],
    [type="email"],
    [type="password"],
    select,
    textarea {
        font-size: 1.4em;
    }
    
    .g-recaptcha-termin {
        /*transform: scale(1.245, 1.25);*/
    }
    
    button {
        font-size: 1.4em;
    }
}

/*==== For mobile form style ==== */

@media (max-width: 767px) {
    [type="text"],
    [type="date"],
    [type="number"],
    [type="tel"], 
    [type="email"], 
    [type="password"], 
    select, 
    textarea {
        font-size: 1.4em;
        height: 41px;
        padding: 5px 15px;
    }
    
    select {
        background: url(../images/select-arrow.png) no-repeat;
        background-size: 8px 5px;
        background-position: center right 15px;
    }
    
    textarea {
        height: 120px;
        padding: 8px 13px;
    }
    
    button {
        width: 260px;
        height: 40px;
        margin: 10px 0 0;
    }
    
    .form-group {
        padding-bottom: 6px;
    }
    
    .two-col-form,
    .double-two-col-form {
        margin: 0;
    }
    
    .two-col-form .form-group {
        padding-left: 0;
        padding-right: 0;
    }
    
    .double-two-col-form .two-col-form,
    .two-col-form .form-group,
    .double-group-form{
        float: none;
        width: 100%;
    }
    
    .double-group-form .form-group {
        float: left;
        width: 50%;
    }
    
    .double-two-col-form .two-col-form {
        padding-bottom: 0;
    }
    
    .double-group-form .form-group:first-child {
        padding-right: 3px;
    }
    
    .double-group-form .form-group:last-child {
        padding-left: 3px;
    }
    
    input.datepicker {
        background-size: 41px 41px;
    }
    
    .date-picker span {
        background-image: url(../images/c-icon.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 41px 41px;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        font-size: 1.4em;
        color: #333;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 41px;
        padding: 11px 15px;
        display: block;
    }
    
    .date-picker .datepicker.error ~ span {
        background-color: #f7d5cd;
    }
}

@media screen and (max-height: 575px){ 
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    } 
}