@import url("https://fonts.googleapis.com/css?family=Crushed");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,600,700");
*{
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	font-family:"Oswald", sans-serif;

}

body{
  /* background-color: #cbf3d8!important; */
  background-color: #f8f9fa;
	margin-top: 15vh;
}
/* NAV BAR */
.navbar{
  padding-bottom: 0rem;
}
.nav-link{
color: rgb(0,0,0);
font-size: 20px;
}

.navbar-brand{
  margin-left:3%;

}
.navbar.bg-light{
/* background-color: #cbf3d8!important; */
    /* background-color: #f8f9fa!important; */

}

.nav-link {
  color: black;
  font-family: "Oswald", sans-serif;
	font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
		align-items: center;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.navbar-nav.navbar-center {
    position: absolute;
    left: 10%;
    transform: translatex(-50%);
}
.nav-item,.nav-link a:hover {
	 color: #00864e !important;
 }
 .nav-item a:hover {
 	 color: #00864e !important;
  }
.topbar{
  background-color: #1a1d1c;
	/* rgb(0,0,0,.6); */

  color: white;
  /* font-size:  bold; */
  text-align: center;
	padding: 0.3rem;
}
.topbar p{
  margin-bottom: 0rem;
font-size: 18px;
    /* padding-top: 0.1rem;
    padding: 0.1rem; */

}


.Seccion-Fotos{
    background-color: #cbf3d8;
}
.carousel{
	margin-top: 1rem;
  background-color: #cbf3d8;
}

.carousel-inner .carousel-item img{
  height: 55vh;
  width: 90%;
  /* object-fit: cover; */

}


.titulosCarousel{
  background-color: rgb(0,0,0,0.3);
	/* #1c3316; */
  /* width: 30%; */
font-weight: 600;

/* font-size: 40; */
/* margin-left: 35%; */
}

@media (min-width: 1000px) {

.principal-izq .col-xs-3 {
  display: block;
  }
	.principal-izq2.col-xs-3 {
	  display: none;
	  }
}

@media (max-width: 999px) {

.principal-izq.col-xs-3 {
  display: none;
  }
	.principal-izq2 .col-xs-3 {
	  display: block;
	  }
  }


	.principal-izq2{
	  padding: 1rem 1rem 2rem 2rem;

	}

.principal-izq{
  padding: 1rem 1rem 2rem 2rem;

}
.principal-der{
  padding: 1rem 1rem 2rem 2rem;

}
.principal1 .main-statement{
  margin: 0;
  /* text-indent: 2rem; */
  text-align: justify;
}

.principal2{
	padding-left: 1rem;
	padding-right: 1rem;
}

.principal2 .card-body .btn-xl{

    padding: 10px 20px;
    /* font-size: 20px; */
    border-radius: 10px;
    width:100%;
}

.principal2 .card{

        margin: 0 auto; /* Added */
        float: none; /* Added */
        /* margin-bottom: 10px; /* Added */ */
				height: 100rem;
				margin-bottom: 0.5rem;
				max-width: 100%;
}

.principal2 .card-title{
	margin-top: 0.5rem;
}

.principal2 .card img{
	width: 14.5rem;
	    margin-top: 7%;
	    margin-left: 10%;
	    height: 12rem;
}

.Titulos-nosotros{

  font-weight: bold;

}

/* footer */

footer {
  background: #1a1d1c;

  /* FOOTER-BOTTOM */ }
	footer ul{
		list-style-type: none;
		text-decoration: :none;
		font-family:garamond,serif;
	}
	footer a{
		text-decoration: none;
	}
	footer a img{
		margin-left:0;
	}
  footer div.footer {
    background: #1a1d1c;
    padding-top: 10px;
    color: #f0f0f0;
    /* NEWSLETTER */
    /* UNIVERSO AVENTURA */
    /* contacto-top */
    /* SUCURSALES */
    /* CONTACTO */ }
		/* @media (max-width: 721px) {
      footer div.footer {
        display: flex;
				justify-content: center;} } */
    @media (min-width: 721px) {
      footer div.footer {
        display: flex; } }
    @media (min-width: 721px) {
      footer div.footer div.newsletter {
        width: 100px; } }
    footer div.footer div.newsletter div.suscribirse-title {
      margin: 12px 0; }
      footer div.footer div.newsletter div.suscribirse-title h2 {
        font-family: "Oswald";
        font-size: 18px;
        line-height: 18px;
        font-weight: lighter; }
    footer div.footer div.newsletter div.suscribirse > form {
      width: 100%; }
      footer div.footer div.newsletter div.suscribirse > form input {
        background-color: transparent;
        border: 1px solid #f0f0f0;
        border-radius: 0%;
        color: #f0f0f0;
        margin-bottom: 12px;
        padding-left: 10px;
        font-size: 13px; }
        @media (min-width: 721px) {
          footer div.footer div.newsletter div.suscribirse > form input {
            width: 100%; } }
      footer div.footer div.newsletter div.suscribirse > form button {
        width: 100%;
        height: 36px;
        background-color: transparent;
        color: #1db058;
        border: 1px solid #1db058;
        border-radius: 0%;
        text-align: center;
        font-family: "Oswald"; }
    footer div.footer div.newsletter div.redes {
      margin-top: 40px; }
      footer div.footer div.newsletter div.redes a > span.icon-fb::before {
        color: #f0f0f0 !important;
        font-family: "icomoon";
        content: "\e902";
        font-size: 24px; }
      footer div.footer div.newsletter div.redes a.instagram > span.icon-ig::before {
        margin-left: 21px;
        /* capaz q esto va en el a nomas */
        color: #f0f0f0 !important;
        font-family: "icomoon";
        content: "\e903";
        font-size: 24px; }
    @media (min-width: 721px) {
      footer div.footer div.top-process {
        width: 180px;
        margin-left: 70px; } }
    footer div.footer div.top-process div.top-title {
      margin: 12px 0 10px; }
      footer div.footer div.top-process div.top-title h2 {
        font-family: "Oswald";
        font-size: 15px;
        color: #f0f0f0;
        font-weight: 700; }
		footer div.footer div.top-process div.links-top > ul{
	 			 padding-left:0;

	 		 }

    footer div.footer div.top-process div.links-top ul > li > a {
      margin: 12px 0 !important;
      color: #f0f0f0 !important; }
    @media (min-width: 721px) {
      footer div.footer div.contacto-top {
        width: 300px;
        margin-left: 80px;

				 } }


    footer div.footer div.contacto-top div.contacto-top-title {
      margin: 12px 0 24px; }
      footer div.footer div.contacto-top div.contacto-top-title h2 {
        font-family: "Oswald";
        font-size: 15px;
        font-weight: 700;
        color: #f0f0f0;

			}
			footer div.footer div.contacto-top div.contacto-top-title h2 .text-center {
				text-align: center;
			}

				footer div.footer div.contacto-top div.links-contacto-top{
					background-image: url(/images/sobre.jpg);

			    background-repeat: no-repeat;
			    background-size:100% 100%;

				}
		  footer div.footer div.contacto-top div.links-contacto-top >button {
				padding-left:0;
				width: 100%;
				height: 6rem;
			}

    footer div.footer div.contacto-top div.links-contacto-top >button > a {
      margin: 3rem 0 !important;
      color: black !important;
			font-family: "Oswald";
			font-size: 15px;
			font-weight: 700;
			}
			footer div.footer div.contacto-top div.links-contacto-top >button > p {
				margin: 3rem 0 !important;
				color: black !important; }

    /* @media (min-width: 721px) {
      footer div.footer div.sucursales {
        width: 185px;
        margin-left: 40px; } }
    footer div.footer div.sucursales div.sucursales-title {
      margin: 12px 0 24px; }
      footer div.footer div.sucursales div.sucursales-title a > h2 {
        font-family: "Oswald";
        font-size: 15px;
        font-weight: 700;
        color: #f0f0f0; }
    footer div.footer div.sucursales div.sucursales-links {
      margin-top: 28px; }
      footer div.footer div.sucursales div.sucursales-links h3 {
        margin: 24px 0 12px;
        font-family: "Oswald";
        color: #f0f0f0;
        font-size: 13px; }
      footer div.footer div.sucursales div.sucursales-links ul > li {
        color: #f0f0f0 !important;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 6px; } */
    @media (min-width: 721px) {
      footer div.footer div.contacto {
        width: 260px;
        margin-left: 120px; } }
    footer div.footer div.contacto div.contacto-title {
      margin: 12px 0 24px; }
      footer div.footer div.contacto div.contacto-title h2 {
        font-family: "Oswald";
        font-size: 15px;
        font-weight: 700;
        color: #f0f0f0; }
    footer div.footer div.contacto div.contacto-links {
      margin-top: 25px; }
      footer div.footer div.contacto div.contacto-links h3 {
        margin: 12px 0 6px;
        font-family: "Oswald";
        color: #f0f0f0;
        font-size: 13px; }
      footer div.footer div.contacto div.contacto-links div.venta-telefonica > a > div.telefono {
        display: flex;
        font-family: "Oswald";
        font-size: 13px;
        color: #f9fafb;
        border: 1px solid #00864e;
        border-radius: 0%;
        width: 150px;
        height: 30px;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin-bottom: 6px; }
        footer div.footer div.contacto div.contacto-links div.venta-telefonica > a > div.telefono img {
          width: 14px;
          margin-right: 5px; }
      footer div.footer div.contacto div.contacto-links div.venta-telefonica > a > div.whatsapp {
        display: flex;
        font-family: "Oswald";
        font-size: 13px;
        color: #f9fafb;
        border: 1px solid #00864e;
        border-radius: 0%;
        width: 150px;
        height: 30px;
        justify-content: center;
        align-items: center;
        text-decoration: none; }
        footer div.footer div.contacto div.contacto-links div.venta-telefonica > a > div.whatsapp img {
          width: 16px;
          margin-right: 5px; }
      footer div.footer div.contacto div.contacto-links a {
        color: #f0f0f0 !important;
        font-size: 17px; }
      footer div.footer div.contacto div.contacto-links div.btn-arrepentimiento {
        margin-top: 27px;
        background: #ffffff;
        opacity: 0.75;
        border-radius: 3px;
        width: 144px; }
        footer div.footer div.contacto div.contacto-links div.btn-arrepentimiento a {
          font-family: "Oswald";
          font-size: 11px;
          color: #1a1d1c !important;
          padding: 3px 9px; }
  footer div.footer-bottom {
    align-items: center;
    color: #f0f0f0;
    padding-bottom: 5px;
    /* LEFT */
    /* CENTER */ }
    @media (min-width: 721px) {
      footer div.footer-bottom {
        display: flex; }
        footer div.footer-bottom div.top-mobile,
        footer div.footer-bottom div.bottom-mobile {
          display: none; } }
    @media (min-width: 721px) {
      footer div.footer-bottom div.bottom-left {
        display: flex; }
        footer div.footer-bottom div.bottom-left .hot-sale {
          width: 95px;
          position: relative;
          bottom: 28px;
          left: -5px; }
          footer div.footer-bottom div.bottom-left .hot-sale img {
            width: 100%; }
        footer div.footer-bottom div.bottom-left a > span.icon-cruce-white::before {
          margin-right: 15px;
          font-family: "icomoon";
          content: "\e901";
          color: #e0e0e0;
          font-size: 24px; }
        footer div.footer-bottom div.bottom-left a > span.icon-vtex-white::before {
          font-family: "icomoon";
          content: "\e900";
          color: #e0e0e0;
          font-size: 24px; } }
    footer div.footer-bottom div.bottom-center {
      margin: 0 auto; }
      footer div.footer-bottom div.bottom-center p {
        font-family: "Oswald";
        font-size: 14px; }
    footer div.footer-bottom div.bottom-right {
      float: right;
      width: 150px;
		}
		footer div.footer-bottom div.bottom-right > a > p{
			color: #e0e0e0;
			float: right;
		}


}