@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
}

body {
    background-color: #f9f6f2;


}


/*-------------------------------inicia slider-------------------------*/



/*-------------------------------termina slider-------------------------*/

/*-------------------------------inicia menu-------------------------*/

.tt-nav .light-header,
.tt-nav.sticky .light-header,
#header.transparent-header.sticky .light-header,
.light-nav {
    background: #f9f6f2 !important;
}
.menuzord-menu{margin-right: 20px;}

.menuzord-menu ul.dropdown li > a::before,
.menuzord-menu > li > .megamenu .megamenu-row li > a::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #998266;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menuzord,
.menuzord * {
    font-family: raleway;
    text-transform: uppercase;
    font-weight: 500 !important;


}

#header.transparent-header .light-header,
#header.transparent-header .dark-header,
#header.transparent-header {
    background-color: rgba(250, 250, 250, .2) !important;
    z-index: 1050;
}

.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li.active > a > i,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu > li:hover > a > i {
    color: #f2ece6 !important;
}

.menuzord-menu ul.dropdown li:hover > a,
.menuzord-menu ul.dropdown li.active > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row li.active > a {
    color: #73614d;
    background-color: #f9f6f2;
}











/*-----------------------------------------------------
inicio acerca de 
-------------------------------------------------------*/

.bio {
    height: 768px;
    ;
}

.title {
    display: flex;
    align-items: center;
    position: absolute;
    background: transparent;
    visibility: visible;
    z-index: 3000;
    height: 100%;
    align-items: center;
    margin-left: 10%;
}

.title h2 {
    text-align: left;
    font-size: 5em;
    color: white;
    font-family: raleway;
    animation-name: title;
    animation-direction: normal;


    animation-duration: 3s;
    animation-timing-function: ease-in;



}

@keyframes title {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {

        color: 1;
        transform: translateY(0);

    }
}




.about {
    width: 100%;
    height: 100%;
}


.break {
    height: 150px;
    position: relative;
}

.contact {
    width: 100%;
    height: auto;
    margin-bottom: 150px;
    position: relative;


}

.content h1,
.content h4,
.content p {
    color: #26201a;
}

.content ul li {
    color: #73614d;
}


.section-title {
    color: #29221b;
    margin-bottom: 50px;
}

.container {
    width: 70%;
    margin: 0 15%;
    padding: 0;
    height: auto;
}


.container .row {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    ;
}


form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

form h3 {
    margin-bottom: 20px;
    color: #29221b;
}

.formulario {
    width: 100%;
    height: auto;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #bfa280 !important;
}

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #bfa280;
    box-shadow: 0 1px 0 0 #bfa280;
}

element.style {}

.input-field input[type=text].valid,
.input-field input[type=password].valid,
.input-field input[type=email].valid,
.input-field input[type=url].valid,
.input-field input[type=date].valid,
.input-field input[type=tel].valid,
.input-field input[type=number].valid,
.input-field input[type=search].valid,
.input-field textarea.materialize-textarea.valid {
    border-bottom: 1px solid #29221b;
    -webkit-box-shadow: 0 1px 0 0 #29221b;
    -moz-box-shadow: 0 1px 0 0#29221b;
    box-shadow: 0 1px 0 0 #29221b;
}

textarea {
    height: 100%;
    border: 2px solid #bfa280;
}

.formulario .form {
    width: 100%;
}

.input-field {
    margin-top: 0;
}

.form2 {
    width: 100%;
    margin-right: 50px;
}

.col-md-6 {
    width: 100%;

}

.input-field label {
    color: #29221b;
    font-size: 1em;
    top: 2px;
    left: 5px ! important;


}

.content {
    height: 100%;
    width: 100%;
}

.input-field {

    height: 100%;
}

button {
    width: 30%;
    padding: 10px;
    margin: 10px 35%;

}

textarea {
    height: 100%;
}



button:focus {


    background-color: #998266;
    color: #f9f6f2;
}

footer {
    height: auto;
    width: 100%;
    background-color: #998266;

    margin-top: 50px;
}

footer .container {
    width: 70%;
    margin: 0 15%;
    padding: 30px 0;
    color:
        #f9f6f2;
}

footer .container a {
    color: #29221b;
}

footer .container p {
    margin: 0;
    padding: 0;
    text-align: center;
}

footer .column {
    margin: 0;

}

.fila {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}