input[type=email] + label,
input[type=number] + label,
input[type=password] + label,
input[type=tel] + label,
/*input[type=range] + label,*/
input[type=text] + label,
input[type=url] + label
{
    display: block;
    /*font-size: 1em;*/
    /*height: 3em;*/
    line-height: 3em;
    margin-top: calc(-3em - 1px);
    margin-bottom: 1em;
    pointer-events: none;
    text-transform: uppercase;
}

input[type=email] + label:before,
input[type=number] + label:before,
input[type=password] + label:before,
/*input[type=range] + label:before,*/
input[type=tel] + label:before,
input[type=text] + label:before,
input[type=url] + label:before

{
    content: attr(data-placeholder);
    display: inline-block;
    white-space: nowrap;
    transition-property: transform, color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transform-origin: left center;
}

input[type=email]:focus + label:before,
input[type=email].active + label:before,
input[type=email]:not(:placeholder-shown) + label:before,
/*input[type=email]:valid + label:before,*/

input[type=number]:focus + label:before,
input[type=number].active + label:before,
input[type=number]:not(:placeholder-shown) + label:before,
/*input[type=password]:valid + label:before,*/

input[type=password]:focus + label:before,
input[type=password].active + label:before,
input[type=password]:not(:placeholder-shown) + label:before,
    /*input[type=password]:valid + label:before,*/

/*input[type=range]:focus + label:before,*/
/*input[type=range].active + label:before,*/
/*input[type=range]:not(:placeholder-shown) + label:before,*/
    /*input[type=tel]:valid + label:before,*/

input[type=tel]:focus + label:before,
input[type=tel].active + label:before,
input[type=tel]:not(:placeholder-shown) + label:before,
/*input[type=tel]:valid + label:before,*/

input[type=text]:focus + label:before,
input[type=text]:not(:placeholder-shown) + label:before,
input[type=text].active + label:before,
/*input[type=text]:valid + label:before */

input[type=url]:focus + label:before,
input[type=url]:not(:placeholder-shown) + label:before,
input[type=url].active + label:before
    /*input[type=url]:valid + label:before */
{
    line-height: 1;
    padding: 0 1.5px;
    transform: translateY(calc(-3em / 2 - 1px/2)) scale(0.8, 0.8);
}

/*input[type=email]:valid + label:before,*/
/*input[type=tel]:valid + label:before,*/
input[type=email]:not(:placeholder-shown):valid + label:before,
input[type=number]:not(:placeholder-shown):valid + label:before,


input[type=range]:not(:placeholder-shown):valid + label:before,
input[type=tel]:not(:placeholder-shown):valid + label:before,
input[type=text]:not(:placeholder-shown):valid + label:before,
input[type=url]:not(:placeholder-shown):valid + label:before


{
    content: attr(data-valid);
    color: #23a045;
    transition: color 1s;
}

textarea {
    height: calc(10em + 2px);
    padding: 1em;
    font-size: 1em;
    border: 1px solid #cccccc;
    /*border-radius: 16px;*/
    transition: all 0.2s ease-out;
    box-shadow: none;
    resize: none;
    outline: none;
}

textarea:hover {
    border: 1px solid #cccccc;
}

textarea:focus, textarea:active {
    border: 1px solid #e87e22;
}

textarea:focus + label:before, textarea:active + label:before {
    /*color: #e87e22;*/
}

textarea + label {
    display: block;
    font-size: 1em;
    height: calc(10em + 2px);
    line-height: 1;
    padding-top: calc(1em + 1px);
    margin-top: calc(-10em - 2px);
    margin-bottom: 1em;
    pointer-events: none;
    text-transform: uppercase;
}

.show-template-template-show textarea[readonly="readonly"] + label {
	display: none!important;
}


textarea + label:before {
    content: attr(data-placeholder);
    display: inline-block;
    /*color: #999999;*/
    margin: 0 calc(1em + 2px);
    white-space: nowrap;
    transition-property: transform, color;
    transition-duration: 0.2s;
    transition-delay: 0;
    transition-timing-function: ease-out;
    transform-origin: left center;
}

textarea[readonly="readonly"] + label:before, textarea:focus + label:before, textarea.active + label:before, textarea:valid + label:before {
    background: white;
    line-height: 1;
    padding: 0 1.5px;
    transform: translateY(calc((-1em - 0.5em) - 0.5px)) scale(0.8, 0.8);
}

textarea:valid {
    /*border: 1px solid #23a045;*/
}

textarea:valid + label:before {
    content: attr(data-valid);
    color: #23a045;
}







.uk-checkbox {

}

.uk-checkbox:checked {
background-color: #171719;
    border-color: #171719;
}

.uk-radio:checked:focus,
.uk-radio:focus {
    background-color: #171719;
    border-color: transparent;
    background-image: none;

}

.uk-dark label {
    color: #ffffff
}




.uk-checkbox, .uk-radio {
    border: 1px solid #000000;
    margin-right: 10px;
}


.uk-dark .uk-checkbox, .uk-dark .uk-radio {
    border: 1px solid #ffffff;
}









.uk-range {
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    -webkit-appearance: none;
    background: 0 0;
    padding: 0
}

.uk-range:focus {
    outline: 0
}

.uk-range::-moz-focus-outer {
    border: none
}

.uk-range::-ms-track {
    height: 11px;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.uk-range:not(:disabled)::-webkit-slider-thumb {
    cursor: pointer
}

.uk-range:not(:disabled)::-moz-range-thumb {
    cursor: pointer
}

.uk-range:not(:disabled)::-ms-thumb {
    cursor: pointer
}

.uk-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -5px;
    height: 11px;
    width: 11px;
    border-radius: 500px;
    background: #242427
}

.uk-range::-moz-range-thumb {
    border: none;
    height: 11px;
    width: 11px;
    border-radius: 500px;
    background: #242427
}

.uk-range::-ms-thumb {
    margin-top: 0
}

.uk-range::-ms-thumb {
    border: none;
    height: 11px;
    width: 11px;
    border-radius: 500px;
    background: #242427
}

.uk-range::-ms-tooltip {
    display: none
}

.uk-range::-webkit-slider-runnable-track {
    height: 1px;
    background: #e5e5e7
}

.uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-webkit-slider-runnable-track {
    background: #242427
}

.uk-range::-moz-range-track {
    height: 1px;
    background: #e5e5e7
}

.uk-range:focus::-moz-range-track {
    background: #242427
}

.uk-range::-ms-fill-lower, .uk-range::-ms-fill-upper {
    height: 1px;
    background: #e5e5e7
}

.uk-range:focus::-ms-fill-lower, .uk-range:focus::-ms-fill-upper {
    background: #242427
}