/*root*/
:root {
    --bg-site: #f0e7dd;
    --color-theme: #764b36;
    --color-menu-legend: #764b36;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-text-theme: #764b36;
    --box-shadow: 0px 0px 10px #000000;
    --padding-box: 2px;
    --color-yellow-pastle: #f5efc1;
    --color-pink-pastle: #f5e6f5;
    --color-blue-pastle: #d2f0ff;
    --color-green-pastle: #e1ffd7;
    --color-orange-pastle: #ffcd98;
    --color-red-pastle: #f1caca;
    --color-blue-green: #98ded9;
    --color-gold: #cdaa6a;
    --color-gray: #dfdfdf;
}
html {
    background-repeat: repeat;
    background-position: center center;
    background-attachment: fixed;
}
body {
    background-color: transparent;
}
main{

}
header {
    background: var(--bg-site);
}
.bg-header-left {
    background: var(--bg-site);
}
.bg-header-right {
    background: var(--color-theme);
}
a:active,a:hover {
    outline-width: 0
}

/*Logo*/
.logo, .navbar-brand img {
    max-width: 100px;
    margin: 5px 0px 5px 0px;
    background: var(--color-theme);
    padding: 2px;
}
.logo img{
    background: var(--color-white);
    padding: 3px;
}

/*font*/
.font-Prata{
    font-family: 'Prata' !important;
}
.font-Parisienne{
    font-family: 'Parisienne' !important;
}

/*divider*/
.divider {
    max-width: 200px;
    background-color: var(--color-theme);
    height: 3px;
    margin: 0 auto;
}

/*css*/
.btn-none-border{
    border: 0 !important;
}
.btn-border, .border {
    border-width: 1px !important;
}
.btn-border-black, .border-black {
    border-color: #666666 !important;
}
.btn-bg-white{
    background: #FFFFFF;
    color: #000000;
}
.btn-call {
    padding: 20px 30px 20px 30px;
    background-color: #000000;
    border: 0;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
}
.modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 640px;
}
.modal-content {
    border-width: 5px;
    border-color: #000000;
}
.left-10-percent{
    left:10%;
    width: 60%;
}
.btn-theme {
    background: var(--color-theme);
    border-color: var(--color-theme);
    color: var(--color-white);
    font-family: 'Fira Sans';
    font-weight: bold;
    letter-spacing: 3px;
    border-radius: 30px;
}

.bg-theme {
    background: var(--color-theme);
    border-color: var(--color-theme);
}

.bg-site {
    background: var(--bg-site);
    border-color: var(--bg-site);
}

.border {
    border-color: var(--bg-site) !important;
}

.border-theme {
    border-color: var(--color-theme) !important;
    border-width: 5px;
    opacity: 1;
}

.border-site {
    border-color: var(--bg-site) !important;
    border-width: 5px;
    opacity: 1;
}

.text-theme {
    color: var(--color-theme);
}

.text-site {
    color: var(--bg-site);
}

.img-hover-zoom {
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform .5s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.20);
    cursor: pointer;
}

.error {
    color:red;
}

.cursor-pointer {
    cursor: pointer;
}