html {box-sizing:border-box;}
body {background-color:#a38729; color:#555; padding:0; line-height:1.25; font-size:16px; hidden;overflow-x:hidden;}
.bkgr {position:fixed; z-index:-1!important; width:100%; height:100vh; left:0; top:0;
background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bkgr-01 {background-image:url("../img/bg-01.jpg");}
.bkgr-02 {background-image:url("../img/bg-02.jpg");}
.bkgr-03 {background-image:url("../img/bg-03.jpg");}
.bkgr-04 {background-image:url("../img/bg-04.jpg");}
h1,h2,h3,h4,h5,h6 {color:#8f7624; font-family:'Oswald', sans-serif; font-weight:500}
h1 {font-size:36px;}
h2 {font-size:24px; text-align:center; letter-spacing:3px; margin-bottom:40px; padding:10px; color:#f5eed6; background:#a38729; border-radius:9px}
h3 {font-size:20px; margin-bottom:40px}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
a {color:#fff; text-decoration:none; -webkit-transition:all 100ms ease-in-out; -moz-transition:all 100ms ease-in-out; -ms-transition:all 100ms ease-in-out; -o-transition:all 100ms ease-in-out; transition:all 100ms ease-in-out;}
a:hover {color:inherit; text-decoration:none;}
b, strong {color:#000; font-weight:400}
.main-button,.main-footer .social li a {color:#fff; text-transform:uppercase; font-size:12px; padding:10px 15px; display:inline-block; border:2px solid #46494f;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table {border-collapse:collapse; border-spacing:0;}
*,*:before,*:after {box-sizing:inherit;}
/* GAG ========== */
.btn {color:#f5eed6!important; background:#a38729; border-radius:9px; padding:10px 50px; font-size:16px; font-weight:400; letter-spacing:2px;
border-radius:9px; font-family:'Oswald', sans-serif; margin-bottom:20px}
.btn:hover {color:#FFF!important;}
.mar-bot {margin-bottom:40px}
.content {display:none;}
.clearfix::after {content: ""; clear:both; display:table;}
#repse {width:100px; height:auto;}
img {width:100%; max-width:100%;}
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}
.img-responsive {width:100%; height:auto!important}
a {outline:0; text-decoration:none!important;}
a:focus, a:hover {}
*:focus {outline:none!important;}
.bg-light {background:#fff; background:rgba(255, 255, 255, 0.5);}
.bg-dark {background:#000; background:rgba(0, 0, 0, 0.5);}
/* HEADER ========== */
header {padding:5px; margin-bottom:20px; position:relative: z-index:1000;}
header .logo {position:relative; top:20px; left:5px; max-width:100px!important; border-radius:9px;}
.toggle-nav {position:absolute; top:20px; right:5px;}
.toggle-nav i {font-size:30px; color:#a38729; background:#FFF; padding:15px; border-radius:5px}
.menu-responsive {display:none;}
.main-menu {padding:10px 0; text-align:center; list-style-type:none!important}
.main-menu li {margin:10px 0;}
.main-menu li a {display:block!important; width:180px; padding:20px 10px; font-size:16px; font-weight:400; color:#f5eed6; letter-spacing:2px; border-radius:9px; background:#a38729; font-family:'Oswald', sans-serif}
.main-menu li:hover a, .main-menu li a.active {color:#FFF!important;}
/* PAGES ========== */
#menu-container .row {background:#fff; background:rgba(255, 255, 255, 0.9); border-radius:20px; overflow:hidden; padding:40px 0}
/* SERVICIOS ========== */
.serv-box {height:100%; padding:40px 15px 0; border-radius:25px 25px 0 0; margin-bottom:0}
.serv-box h3 {text-align:center; background:#4c4c99; padding:5px; margin:0 -15px 40px;}
.icono {width:100px; height:auto; margin:0 auto 20px; opacity:0.5}
.serv-box:hover .icono {opacity:0.75}
.row-eq-height [class*='col-'] {margin-bottom:30px!important}
/* CONTACTO ========== */
/* FORM ========== */
#contactForm {max-width:100%}
#contactForm label {color:#000; font-weight:normal; margin:0;}
#contactForm input[type], #contactForm textarea {color:#; background:#; box-shadow:none}
#contactForm textarea {height:px;}
#submit-cont {width:100%; text-align:***}
#contactForm button[type=submit] {color:#; background:#; letter-spacing:2px; border:none;}
#contactForm button[type=submit]:hover {color:#; background:#;}
#hidediv {display:none}
#map, #fbtl {opacity:0.75}
#map:hover, #fbtl:hover {opacity:1}
/* AVISO DE PRIVACIDAD ========== */
.aviso .row {background:#fff; background:rgba(255, 255, 255, 0.9)!important; color:#777!important; }
.aviso h2 {font-size:24px; padding:0; margin-bottom:40px}
.aviso h4 {font-size:18px!important; margin:40px 0 10px!important}
.aviso a {color:#884422!important;}
.aviso a:hover {opacity:0.75!important;}
.aviso hr {border-color:#0055dd!important; width:50%; left:25%}
.aviso blockquote {font-size:inherit!important; padding:0 10%!important; border:none!important}
.aviso ol {padding-left:15px!important}
.aviso strong {font-weight:500!important; color:#000!important;}
/* FOOTER ========== */
footer {padding:20px 5px 40px; margin-top:80px; position:relative; z-index:1000000!important;}
footer .social li {display:inline-block; margin:0 15px 15px 15px;}
footer .social li a {padding:20px;}
footer .social li a:hover {background:#339966; border-color:#339966;}
footer #copy {font-size:12px}
footer .logo {max-width:40px; border-radius:3px; margin-right:10px}
footer .fa-facebook-square {vertical-align:middle;}
footer span {padding:0 20px}
footer hr {border:none; height:5px; background:rgba(255, 255, 255, 0.1); margin:15px 0; width:50%; margin-left:25%}
footer, footer i {color:#FFF}
/* RESPONSIVE ; border:1px solid red ========== */
@media (min-width:768px) {
#menu-container .container {width:70%; left:15%;}
.row-eq-height {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
#menu-cont {position:absolute; z-index:10; top:20px; right:5px; margin:0!important; padding:0!important}
.menu-responsive {float:right; margin-top:110px; padding:40px 10px; background:#FFF; background:rgba(255, 255, 255, 0.75); border-radius:20px;}
}
@media screen and (max-width:767px) {
header .logo {max-width:80px!important; top:15px; border-radius:6px;}
.main-menu {padding:10px 0; text-align:center}
.main-menu li a {display:block!important; width:100%!important}
img {margin-bottom:20px}
footer span {display:block!important; width:100%; margin-bottom:20px;}
}