@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Raleway:wght@400;500&display=swap');

/* ==========================================================================
    General Styles
   ========================================================================== */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

::-moz-selection {
  color: #fff;
  background-color: #ebd4cb;
}

::selection {
  color: #fff;
  background-color: #ebd4cb;
}

body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #939598;
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  body { padding-top: 100px; }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700 !important; 
  color: #231f20;
}

h1, .h1 {
  font-size: 2.1875rem;
}

@media (max-width: 1200px) {
  h1, .h1 {
    font-size: calc(1.34375rem + 1.125vw) ;
  }
}

h2, .h2 {
  font-size: 1.75rem;
}

@media (max-width: 1200px) {
  h2, .h2 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
}

h3, .h3 {
  font-size: 1.53125rem;
}

@media (max-width: 1200px) {
  h3, .h3 {
    font-size: calc(1.27812rem + 0.3375vw) ;
  }
}

h4, .h4 {
  font-size: 1.3125rem;
}

@media (max-width: 1200px) {
  h4, .h4 {
    font-size: calc(1rem + 0.075vw) ;
  }
}

h5, .h5 {
  font-size: 1.09375rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

.title {
  font-size: 2rem;
}

.btn-dark {
  color: #fff;
  background-color: #da9f93;
  border-color: #da9f93;
}

.btn-dark:hover {
  color: #fff;
  background-color: #da9f93;
  border-color: #b6465f;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.btn-light {
  color: #fff;
  background-color: #231f20;
  border-color: #231f20;
}

.btn-light:hover {
  color: #231f20;
  background-color: #fff;
  border-color: #231f20;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.mt-6 {
  margin-top: 100px;
}

/*

/* ==========================================================================
   EOF  General Styles
   ========================================================================== */

/* ==========================================================================
    Preloader
   ========================================================================== */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}
  
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../img/preloader.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

/* ==========================================================================
   EOF  Preloader
   ========================================================================== */

/* ==========================================================================
    Navbar Styles
   ========================================================================== */

.navbar-top {
  background-color: #1e2b33;
}

.nav-content {
  color: #fff;
  font-size: 16px;
  padding: .5rem 0.5rem;
}

.nav-content a {
  color: #fff;
}

.nav-content a :hover {
  color: #fff;
}

.navbar-rta {
  background-color: #fff;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15); 
  z-index: 240;
}

.navbar-rta .nav-link {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #2c0703;
}

.nav-link:focus, .nav-link:active, .nav-link:hover {
  color: #890620;
}

.navbar-rta .navbar-toggler {
  color: #890620;
  border-color: #890620;
}

.dropdown-divider {
  border-top:1px solid #890620;
}

.dropdown-item:focus,.dropdown-item:hover {
  color:#231f20;
  text-decoration:none;
  background-color:#fff;
}

/* ==========================================================================
   EOF  Navbar Styles
   ========================================================================== */

/* ==========================================================================
    Slider Styles
   ========================================================================== */

.opacity-65 {
  opacity: .6 !important;
}

.bg-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: .5;
  z-index: 1;
}

.bg-slide {
  background-color: #ebd4cb !important;
}

.bg-overlay-content {
  display: block;
  position: relative;
  z-index: 5;
}

.font-size-lg {
  font-size: 1.125rem !important;
}

/* ==========================================================================
   EOF  Slider Styles
   ========================================================================== */

/* ==========================================================================
    Service Styles
   ========================================================================== */

.service {
  background-image: url(../svg/bg-shape.svg);
  background-repeat: no-repeat;
}

.icon-grad i:before {
  color: #890620;
}

/*feature-box */
.feature-box {
  padding: 0 0 20px 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.feature-box .feature-box-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 10px;
}

.feature-box .feature-box-icon {
  font-size: 50px;
  padding: 20px 0;
  line-height: 24px;
}

.feature-box .feature-box-desc {
  margin: 0;
}

.feature-box.f-style-2 {
  padding: 20px;
  box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
}

.feature-box.f-style-2 .feature-box-icon {
  font-size: 72px;
  margin-left: -30px;
  float: left;
  margin-right: 30px;
  padding-top: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.feature-box.f-style-2 .feature-box-title {
  margin-top: 20px;
}

.feature-box.f-style-2 a {
  display: block;
}

.feature-box.f-style-2 .feature-box-desc {
  clear: both;
}

.feature-box.f-style-2:hover {
  box-shadow: 0px 0px 80px rgba(83, 88, 93, 0.2);
}

.feature-box.f-style-2:hover .feature-box-icon {
  margin-left: 0px;
  margin-right: 10px;
}

@media (max-width: 991.98px) {
  .feature-box.f-style-2 .feature-box-icon {
    margin-left: 0;
  }
  .feature-box.f-style-2 .feature-box-title {
    clear: both;
  }
}

/* ==========================================================================
   EOF  Service Icons Styles
   ========================================================================== */

/* ==========================================================================
    Home About Styles
   ========================================================================== */

img {
    max-width: 100%;
    height: auto;
}

.bg-secondary {
  background-color: #f7f5fb !important;
}

.about-link {
  color: #890620;
}

.about-link a, i {
  color: #890620;
  text-decoration: none;
}


/* ==========================================================================
   EOF  Home About Styles
   ========================================================================== */

/* ==========================================================================
    Product Styles
   ========================================================================== */ 

#nav-filter {
  padding: 0;
  list-style: none;
}

#nav-filter li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#nav-filter li a {
  padding: 17px 30px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #231f20;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 7px 20px;
}

#nav-filter li a:hover {
  background-color: transparent;
  color: #890620;
  border-color: #890620;
  text-decoration: none;
}

#nav-filter li a.selected,
#nav-filter li a.active {
  border-color: #890620;
  color: #890620;
}

.box-shadow {
  box-shadow: 0 0 0.625rem -0.1875rem rgba(0,0,0,0.13) !important;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.085);
  border-radius: 1rem;
}

a.card:hover,
a.card-body:hover {
  text-decoration: none;
}

.card-img,
.card-img-top,
.card-img-bottom {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.card-img > img,
.card-img-top > img,
.card-img-bottom > img {
  display: block;
  width: 100%;
}

.card-img-gradient::after,
.card-img-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
  content: '';
  opacity: 0;
}

.card:hover > .card-img-gradient::after, .card:hover >
.card-img-overlay {
  opacity: 1;
}

.card-img-gradient::after {
  background: rgba(118, 109, 244, 0.3);
  background: linear-gradient(to top, rgba(137, 6, 32, 0.5) 0%, rgba(182, 70, 95, 0.3) 35%, rgba(118, 109, 244, 0) 100%);
}

.card-img-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1rem;
  background-color: rgba(137, 6, 32, 0.6);
  z-index: 5;
}

.card-body,
.card-header {
  position: relative;
  z-index: 5;
}

.card-curved-body {
  overflow: hidden;
}

.card-curved-body .card-body {
  padding-top: .375rem;
  z-index: 2;
}

.card-curved-body .card-body::before {
  display: block;
  position: absolute;
  top: -20px;
  left: -15%;
  width: 130%;
  height: 90px;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
  content: '';
}

.card-hover {
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card.card-hover:hover,
.card.card-active {
  border-color: rgba(137, 6, 32, 0.35) !important;
  box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09) !important;
}

.card-hover.border-0::before,
.card-active.border-0::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease-in-out;
  border: 1px solid rgba(137, 6, 32, 0.35);
  border-radius: 1rem;
  content: '';
  z-index: 3;
  opacity: 0;
}

.card-hover.border-0:hover::before,
.card-active.border-0:hover::before {
  opacity: 1;
}

.card-hover.border-0 a.card-img,
.card-hover.border-0 a.card-img-top,
.card-hover.border-0 a.card-img-bottom,
.card-active.border-0 a.card-img,
.card-active.border-0 a.card-img-top,
.card-active.border-0 a.card-img-bottom {
  z-index: 4;
}

.card-active.border-0::before {
  opacity: 1;
}

.mt-grid-gutter,
.my-grid-gutter {
  margin-top: 30px !important;
}

.mr-grid-gutter,
.mx-grid-gutter {
  margin-right: 30px !important;
}

.mb-grid-gutter,
.my-grid-gutter {
  margin-bottom: 30px !important;
}

.border-0 {
  border: 0 !important;
}

.pro-bg {
  background: url('../images/pro-bg.jpg') ;
  background-size: cover;
  background-repeat: no-repeat;
}

.pro-head {
  color: #890620;
}

ul.pro-list {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 20px;
}

ul.pro-list li {
	position: relative;
	padding: 2px 0 2px 0px;
}

ul.pro-list li:before {
	font-family: 'themify';
	font-size: 14px;
	color: #890620;
	content: "\e661";
	position: absolute;
	left: -25px;
	top: 4px;
}

.table .thead-light th {
  color: #fff;
  background-color: #da9f93;
  border-color: #da9f93;
}

.img-logo {
  width: 8rem;
  height: 100%;
}

/* ==========================================================================
   EOF Product Styles
   ========================================================================== */

/* ==========================================================================
   Testimonials
   ========================================================================== */

.display-7 {
  font-size: 1.5rem;
} 

.testimonial-icon {
  color: #da9f93;
}

.testimonials .testi-full {
  text-align: center;
}

.testimonials .testi-text {
  padding: 0 100px;
}

@media (max-width: 1199.98px) {
  .testimonials .testi-text {
    padding: 0px;
  }
}

@media (max-width: 991.98px) {
  .testimonials .testi-text {
    padding: 0 50px;
  }
}

@media (max-width: 767.98px) {
  .testimonials .testi-text {
    padding: 0 20px;
  }
}

@media (max-width: 575.98px) {
  .testimonials .testi-text {
    padding: 0px;
  }
}

/*owl controls*/
.owl-carousel .owl-dots, .owl-carousel .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
}

/*owl-carousel dots*/
.owl-carousel .owl-dots {
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  display: inline;
}

.owl-carousel .owl-dots .owl-dot span {
  position: relative;
  display: block;
  float: left;
  margin: 0 6px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px #da9f93;
  transition: background 0.3s ease;
}

.owl-carousel .owl-dots .owl-dot span:after {
  outline: medium none;
  text-indent: -999em;
  border-radius: 3px;
  overflow: hidden;
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #890620;
  box-shadow: 0 0 1px #890620;
  transition: height 0.3s ease;
}

.owl-carousel .owl-dots .owl-dot.active span:after {
  height: 100%;
}


/* ==========================================================================
   EOF Testimonials Styles
   ========================================================================== */

/* ==========================================================================
   Footer
   ========================================================================== */

footer .widget {
  position: relative;
  margin-bottom: 20px;
}

.footer-dark {
  background: #1e2b33;
}

.footer-dark *,
.footer-dark .widget a {
  color: #fff;
  text-align: inherit;
}

.footer-dark .widget a:hover, .footer-dark .widget a:focus {
  color: #da9f93;
  background-color: transparent;
  text-decoration: none;
}

.section-pt {
  padding-top: 3rem;
}

footer .footer-logo img {
  height: 50px;
  text-align: left;
  max-width: 100%;
  width: auto;
}

.text-footer {
  color: #da9f93;
}

.rta-social {
  height: 60px;
  margin-top: 1rem;
}

.text-social {
  color: #da9f93;
}

.rta{
  display:inline-block;
  height: 17px;
  margin:0;
  padding:0 0 0 25px;
  background-image: url('../img/rta.png');
  background-position:0 0;
  background-repeat:no-repeat;
  font-size:14px;
  color:#fff;
}

.rta:hover{
  background-position:0 -17px;
  color: #fff;
  text-decoration: none;
}


/* ==========================================================================
   EOF Footer
   ========================================================================== */

/* ==========================================================================
   Contact
   ========================================================================== */

.bg-overlay-content {
  display: block;
  position: relative;
  z-index: 5;
}

.box-shadow-lg {
  box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important;
}

.nav-link-style {
  display: inline-block;
  transition: color 0.25s ease-in-out,background-color 0.25s ease-in-out,border-color 0.25s ease-in-out;
  color: #1e2b33;
  font-weight: 500;
  text-decoration: none;
}

.nav-link-style.nav-link-light {
  color: rgba(255,255,255,0.7);
}

.nav-link-style:hover {
  color: #890620;
  text-decoration: none;
}

#map {
  height: 450px;
  width: 100%;
}

.contact-form {
  position:relative
}

.contact-form:before {
  position:absolute;
  z-index:-1;
  right:75%;
  bottom:25%;
  width:35%;
  height:100%;
  content:"";
  opacity:.05;
  background:url('../svg/icon_dot.svg') repeat;
}

.icon {
  min-width: 3rem;
  min-height: 3rem;
  line-height: 3rem;
}

.icon i {
  font-size: 2.75rem;
}

.text-contact {
  color: #e4a249 !important;
}

.contact-card {
  height: 260px;
}

/* ==========================================================================
   EOF Contact
   ========================================================================== */

/* ==========================================================================
   404 Error
   ========================================================================== */

.rta-error {
  font-family: 'Poppins', sans-serif;
  font-size: 250px;
  font-weight: 700;
  line-height: 100%;
  text-shadow: #e5e5e5 1px 1px 1px;
  color: #890620;
}

/* ==========================================================================
   EOF 404 Error
   ========================================================================== */

/* ==========================================================================
    Whatsapp
   ========================================================================== */

.zapzap {
width: 48px;
height: 48px;
color: #00d856;
position: fixed;
z-index: 100;
bottom: 20px;
right: 20px;
}

.zapzap:hover {
  color: #00d856;
}

/* ==========================================================================
   EOF  Whatsapp
   ========================================================================== */