@blue: #29c5e6;
@green: #58d4a7;
@green-dark: #005540;
@gray-dark: #8A8A8A;
@gray-light: #767676;;
@dark: #000;
@black: #333;
@white: #FFF;
@yellow: #F9E141;
@gray: #443F3F;
@coffe:#c3c3c3;
@red: #F7484E;

.border-radius(@radius:50%) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}
.transition(@time:0.3s) {
	-webkit-transition: all @time ease-out;
	-moz-transition: all @time ease-out;
	-o-transition: all @time ease-out;
	transition: all @time ease-out;
}
.button {
    padding: 13px 40px;
    color: @black;
    text-transform: uppercase;
    font-size: 0.8em;
    border: 4px double @black;
    font-weight: 400;
    position: relative;
    background: transparent;
    .transition;
    &:hover:after {
        width: 100%;
        .transition(0.5s);
    }
    &:hover {
        color: @white;
        .transition(0.5s);
    }
}
.input {
    border: 1px solid @gray-light;
    color: @gray;
    font-size: 1.2em;
    font-weight: 200;
    padding: 10px;
    margin: 0 0 10px 0;
}
.rotation(@deg:45deg) {
    -moz-transform: rotate(@deg);
    -ms-transform: rotate(@deg);
    -o-transform: rotate(@deg);
    -webkit-transform: rotate(@deg);
    transform: rotate(@deg);
}
.scale(@scale:1) {
    -moz-transform: scale(@scale);
    -ms-transform: scale(@scale);
    -o-transform: scale(@scale);
    -webkit-transform: scale(@scale);
    transform: scale(@scale);
}
.blur(@px:1px) {
    filter: blur(@px);
    -webkit-filter: blur(@px);
    -moz-filter: blur(@px);
    -o-filter: blur(@px);
}
.text-shadow {
    text-shadow: 1px 0px 1px @white;
    -webkit-text-shadow: 1px 0px 1px @white;
    -moz-text-shadow: 1px 0px 1px @white;
    -o-text-shadow: 1px 0px 1px @white;
}