button {
    float: right
}


.submit {
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
    color: #8e7145;
    padding: 15px 30px;
    border: 2px solid #8e7145;
    text-transform: uppercase;
    border-radius: 0px;
    background-color: #171612;
}

.submit:hover {
    color: #ede9cc;
    border: 2px solid #430c0c; background-color: #701415;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;

}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ccc;
    background-color: #171612;
    background-image: none;
    border: none; border-bottom: 2px solid #8d7249;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #fecc00;
    box-shadow: none}

/*Placeholder Colors*/
.form-control::-webkit-input-placeholder {
    text-transform: uppercase;
    color:#ede9cc;
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    color:#ede9cc;
    text-transform: uppercase;
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color:#ede9cc;
    text-transform: uppercase;
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
}

.form-control:-ms-input-placeholder {
    color:#ede9cc;
    text-transform: uppercase;
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
}


textarea.form-control {
    color:#ede9cc;
    height: auto;
    font-family: 'Geomanist Book';
    letter-spacing: 2px;
}

input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 2px solid red;
    width: 20px;
}

.copy {
    margin-bottom: 10px;
    width: 50%;
    font-size: 12px;
    display:block;
}

a.copy {
    font-size: 12px;
    color: #ede9cc;
    text-align: left;

}
a.copy:hover,  a.copy:active,  a.copy:focus {
    color: #8d7249; text-transform: none;
}

.inner {
    padding: 20px 30px
}


.form-col-right img {margin: 0 auto; padding-top: 20px}
.form-col-right { padding: 20px 45px; text-align: center; min-height: 462px; }
.form-col-right p {color: #ede9cc; padding-top: 10px;text-transform: uppercase}
.form-col-right p span {color: #ede9cc; font-weight: bold; font-size: 18px; display:block;}

.row-borders {margin-top: 30px; border-top: 2px solid #8d7249; border-bottom: 2px solid #8d7249; }




a.social {
    color: #ede9cc;
    margin-right: 5px;}
a.social:hover{
    color: #fecc00;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}


.form-bisel {
    background: url(../img/form-bisel.png) #171612 no-repeat bottom right;
    background-size: contain;
}

.bg-black {
    background-color: #171612
}

.txt {color: #ede9cc;}






/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 415px) and (max-width : 736px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 414px) {
/* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


#contacto label {
    text-align: left;
    color: #ede9cc;
    font-weight: normal;
}

input[type=file] {
    width: inherit;
    color: #ede9cc;
    border: none
}