@font-face {font-family: 'Black Mango';src: url('../fonts/BlackMango-Bold.woff2') format('woff2'),url('../fonts/BlackMango-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
:root {
  --font-default: "Open Sans", sans-serif;
  --font-primary: "Black Mango", sans-serif;
}
:root {
  --color-default: #000;
  --color-primary: #d4998e;
  --color-secondary: #bfa72a;
}
:root {
  scroll-behavior: smooth;
}
body {font-family: var(--font-default);color: var(--color-default);font-size:16px;line-height:1.4;}
a {color: var(--color-primary);text-decoration: none;} a:hover {color: var(--color-default);text-decoration: none;}
.btn{color:var(--color-default);background:var(--color-primary);display: inline-block;text-transform:uppercase;padding: 10px 25px;border-radius: 0;transition: 0.5s;box-shadow: 0 7px 10px rgba(0,0,0,.3);}  .btn.btn-form{background: var(--color-default);color:#fff;}
.btn:hover {background: #000;color:#fff;box-shadow: 0 0 0 #555;}
h1,h2,h3,h4,h5,h6 {font-family: var(--font-default);}
section {overflow: hidden;padding: 90px 0;}
.section-header {text-align: center;padding-bottom: 30px;}
.section-header h2 {font-size: 13px;letter-spacing: 1px;font-weight: 400;margin: 0;padding: 0;color: #7f7f90;text-transform: uppercase;font-family: var(--font-default);}
.section-header p {margin: 0;font-size: 48px;font-weight: 400;font-family: var(--font-primary);}
.section-header p span {color: var(--color-primary);}
.header {transition: all 0.5s;z-index: 997;height: 90px;} .header.sticked{background: #fff;box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);}
.header .logo img {max-height: 90px;margin-right: 6px; padding:5px 0;opacity:0;transition: ease-out 0.5s} .header.sticked .logo img{opacity:1;}
.header .btn:hover,
.header .btn:focus:hover {color: #fff;background: rgba(206, 18, 18, 0.8);}
section {scroll-margin-top: 90px;}
@media (min-width: 1280px) {
	.navbar {padding: 0;}
	.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;height:100%;}
	.navbar li {position: relative;}
	.navbar>ul>li {white-space: nowrap;display:flex;/*padding: 10px 0 10px 28px;*/}
	.navbar a,.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 0 20px;font-family: var(--font-secondary);font-size: 16px;color: var(--color-primary);white-space: nowrap;text-transform:uppercase;transition: 0.3s;position: relative;}
	.navbar a i,.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
	.navbar>ul>li>a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -6px;left: 0;background-color: var(--color-primary);visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
	.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a {color: #fff;background:var(--color-primary);}
	.navbar .dropdown ul {display: block;position: absolute;left: 28px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
	.navbar .dropdown ul li {min-width: 200px;}
	.navbar .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;font-weight: 600;}
	.navbar .dropdown ul a i {font-size: 12px;}
	.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a {color: var(--color-primary);}
	.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
	.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
	.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
}
@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {left: -90%;}
	.navbar .dropdown .dropdown:hover>ul {left: -100%;}
}
@media (min-width: 1280px) {
  .mobile-nav-show,.mobile-nav-hide {display: none;}
}
@media (max-width: 1279px) {
.navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;border-left: 1px solid #666;bottom: 0;transition: 0.3s;z-index: 9997;}
.navbar ul {position: absolute;inset: 0;padding: 50px 0 10px 0;margin: 0;background: rgba(255, 255, 255, 0.9);overflow-y: auto;transition: 0.3s;z-index: 9998;}
.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-family: var(--font-primary);border-bottom: 2px solid rgba(255, 255, 255, 0.8);font-size: 16px;font-weight: bold;color: #7f7f90;white-space: nowrap;transition: 0.3s;}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar a:hover,  .navbar li:hover>a {color: #000;}
.navbar .active, .navbar .active:focus {color: var(--color-default);border-color: var(--color-primary);}
.navbar .dropdown ul, .navbar .dropdown .dropdown ul {position: static;display: none;padding: 10px 0;margin: 10px 20px;transition: all 0.5s ease-in-out;border: 1px solid #eee;}
.navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active {display: block;}
.mobile-nav-show {color: var(--color-primary);font-size: 28px;cursor: pointer;line-height: 0;transition: 0.5s;z-index: 9999;margin: 0 10px 0 20px;display: flex;align-items: center;}
.mobile-nav-hide {color: var(--color-secondary);font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 20px;top: 20px;z-index: 9999;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .navbar {right: 0;}
.mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0;background: rgba(255, 255, 255, 0.8);z-index: 9996;}
}
.hero, .img-fill-bg { position: relative;padding: 0;}
.hero > img, .img-fill-bg > img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.hero h1 {font-family: var(--font-default);} .hero h1, .hero p{color:var(--color-primary);} .hero a{color:#fff;}
.title{color:var(--color-primary);} .hero .title:after{background-color:#fff;} .title.text-center:after{margin-left: auto;margin-right: auto;}
.info-item .icon{font-size: 70px;color: var(--color-primary);line-height:1;align-self: center;transition: ease-out 0.5s;} .info-item p{margin:0;} 
.info-item:hover .icon{transform:rotateY(180deg);}
.icon-box {text-align: center;background: #fff;padding: 40px 30px;width: 100%;height: 100%;;transition: 0.3s;}
.icon-box i {color: var(--color-primary);font-size: 40px;background: rgba(206, 18, 18, 0.1);border-radius: 50px;display: flex;align-items: center;justify-content: center;width: 82px;height: 82px;}
.icon-box h4 {margin: 0 0 30px 0;font-family: var(--font-primary);font-weight:bold;text-transform:uppercase;color:var(--color-secondary);} .icon-box h5{color:#222;}
.multicolor{height:20px; position:relative;z-index:9; background: linear-gradient(to right, #d4998e 0%, #d4998e 11%, #bfa72a 11%, #bfa72a 22%, #d8c97d 22%, #d8c97d 33%, #d4998e 33%, #d4998e 44%, #bfa72a 44%, #bfa72a 55%, #d8c97d 55%, #d8c97d 66%, #d4998e 66%, #d4998e 77%, #bfa72a 77%, #bfa72a 88%, #d8c97d 88%, #d8c97d 100%);} .multicolor.hero{margin-top:-15px;} 
.form-control{border-color:var(--color-primary);border-radius:0;line-height:1.6;} 
.contact .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 20px;background:#fff;border-radius:5px;margin-right: 10px;transition: 0.3s;}
.contact .social-links a:last-child{margin-right:0;}.contact .social-links a:hover {background: #000;color:#fff;}
.footer{background: var(--color-primary); padding: 20px 0;} .footer a{color:var(--color-default);}
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 99999;background: var(--color-default);width: 44px;height: 44px;border-radius: 50px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color: #fff;line-height: 0;}
.scroll-top:hover {background: var(--color-default);color: #fff;}
.scroll-top.active {visibility: visible;opacity: 1;}
.scroll-downs {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width :34px;height: 55px;}
.mousey {width: 3px;padding: 10px 15px;height: 35px;border: 2px solid #fff;border-radius: 25px;opacity: 0.75;box-sizing: content-box;}
.scroller {width: 3px;height: 10px;border-radius: 25%;background-color: #fff;animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/* --------------------*/
.min-vh-80{min-height:80vh;} .min-vh-60{min-height:60vh;}
.color-pri{background:var(--color-primary);}.color-sec{color:var(--color-secondary);}
.img-behind{position: absolute !important;bottom: -90px;left: -80px;z-index: -1;}
@media (max-width: 1024px) {
	.img-mobile{opacity:0.25;}
}
@media (max-width: 768px) {
  .hero.min-vh-80, .hero .min-vh-80 {min-height:70vh;} .hero h2,.comentarios h3 {font-size:40px;} 
}
@media (max-width: 575px) {
  .header {height: 70px;} .header .logo img {max-height: 70px}
}
@media (min-width: 1200px) {
  .icon-box:hover {transform: scale(1.05);}
}
@media (min-width: 1400px) {
  .info p, .info h3{line-height:1.7;} 
}