.bg, .bg-wrap {
    position: absolute;
    overflow: hidden;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/barra.jpg'); /* Cambia 'tu-imagen.jpg' por la ruta de tu imagen */
    background-size: 100% 100%; /* Se estira para cubrir todo sin importar las proporciones */
    background-repeat: no-repeat;
}



.text-card {
    
  
        font-size: 11pt;
    font-weight: 200;

}




.category {
    
    text-align: center; /* Centrar el título de cada categoría */
    padding: 40px;
}

.text-card-2 {
    margin-bottom: 20px;
    color: #333;
    align-items: center; /* Centrar el contenido horizontalmente */
    text-align: center; /* Centrar el texto dentro de la tarjeta */
}

.container-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.card {
    background-color: #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 400px;
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centrar el contenido horizontalmente */
    
}

.card h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
}

.card p {
    color: #555;
}







.text-1{
	font-size: 28pt;
	font-family: 'Montserrat';
    font-weight: 400; /* Peso normal */

}


.text-2{
	font-size: 18pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */

}

.text-3{
	font-size: 11pt;
	
    font-weight: 200; /* Peso normal */

}

.text-4{
	font-size: 11pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */

}

.text-5{
	font-size: 11pt;
	font-family: 'Montserrat';
    font-weight: 200; /* Peso normal */

}
.text-6{
	font-size: 28pt;
	font-family: 'Montserrat';
    font-weight: 400; /* Peso normal */

}

.text-7{
	font-size: 18pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */

}
.text-8{
	font-size: 11pt;
	font-family: 'Montserrat';
    font-weight: 400; /* Peso normal */

}

.text-9{
	font-size: 11pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */

}

.text-10{
	font-size: 18pt;
	font-family: 'Montserrat';
    font-weight: 400; /* Peso normal */
	margin: 0 0; /* Espacio entre líneas de texto */

}

.text-11{
	font-size: 18pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */
	margin: 0 0; /* Espacio entre líneas de texto */
}

.text-12{
	font-size: 22pt;
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */
	margin: 0 0; /* Espacio entre líneas de texto */
}


.boton-azul {
    background-color: #00aac9; /* Color azul */
    color: #ffffff; /* Texto gris claro */
    font-weight: bold; /* Texto en negrita */
    padding: 10px 20px; /* Espaciado interno */
	margin-top: 5px;
    border: none; /* Sin borde */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor al hacer clic */
    transition: background-color 0.3s ease; /* Transición de color suave */
	font-family: 'Montserrat';
    font-weight: 700; /* Peso normal */
	font-size: 11pt;
}

/* Cambia el color de fondo cuando se pasa el ratón por encima del botón */
.boton-azul:hover {
    background-color: #2980b9; /* Color azul más oscuro */
}

.mini-footer {
    background-color: black; /* Fondo negro */
    color: rgb(170, 170, 170); /* Letra blanca */
    font-size: 12pt; /* Tamaño de la fuente */
    padding-top: 5px; /* 5px de espacio arriba y abajo */
	padding: 5px;
	padding-bottom: none;
    text-align: center; /* Centra el texto */
    width: 100%; /* Ocupa todo el ancho de la página */
}

.section-7 {
    position: relative; /* Necesario para posicionar elementos absolutos */
    height: 600px; /* Altura de la sección (puede ajustarse según tus necesidades) */
    background-image: url("../images/bg-4.jpg"); /* Ruta de la imagen de fondo */
    background-size: cover; /* Ajusta la imagen de fondo para cubrir la sección */
    background-position: center; /* Centra la imagen */
}

.footer-black {
    position: relative; /* Para posicionar elementos absolutos */
    height: 250px; /* Altura de la sección (ajústala según tus necesidades) */
    background-image: url("../images/footer.jpg"); /* Imagen de fondo */
    background-size: cover; /* Ajusta la imagen para cubrir la sección */
    background-position: center; /* Centra la imagen de fondo */
    display: flex;
    flex-direction: column; /* Para colocar elementos en columna */
    align-items: center; /* Centra los elementos horizontalmente */
    justify-content: center; /* Centra los elementos verticalmente */
}

/* Estilos para el contenedor de la imagen */
.imagen-container-f {
    margin-bottom: 20px; /* Espacio entre la imagen y el texto */
}

.imagen-container-f img {
    width: auto; /* Deja que la imagen mantenga su tamaño original */
    height: auto; /* Ajusta la altura automáticamente */
    max-width: 120px; /* Para que la imagen se ajuste al ancho del contenedor si es necesario */
}



/* Estilos para la sección-6 */
.seccion-6 {
    padding: 60px;
    text-align: center; /* Centra el texto en la sección */
}

/* Estilos para la sección-6 */
.seccion-r {
    padding: 20px;
    text-align: center; /* Centra el texto en la sección */
}



/* Estilos para la sección-5 */
.seccion-5 {
    display: flex;
    align-items: center;
    padding-top: 80px;
	padding-bottom: 0px;
	padding-left: 150px;
	padding-right: 150px;
}

/* Estilos para la sección de imagen */
.imagen-section-5 {
    flex: 1; /* Ocupa la mitad izquierda */
  
}

.imagen-section-5 img {
    width: 100%; /* Imagen de tamaño completo dentro de la parte */
    height: auto; /* Ajusta la altura automáticamente para mantener la proporción */

}

/* Estilos para la sección de texto */
.texto-section-5 {
    flex: 1; /* Ocupa la mitad derecha */
	padding-left: 100px;
    text-align: left; /* Centra el texto */
}

.texto-section-5 h2 {
    margin-bottom: 10px; /* Espacio entre el título y la descripción */
}

.texto-section-5 p {
    margin-bottom: 20px; /* Espacio entre la descripción y el recuadro */
}

/* Estilos para el recuadro de texto */
.recuadro {
    background-color: #f0f0f0; /* Color de fondo del recuadro */
    padding: 5px;
     /* Bordes redondeados */
	width: fit-content; /* El ancho se ajusta al tamaño del contenido */
}

/* Estilos para el texto con círculo */
.texto-con-circulo {
	
    display: flex;
    align-items: center; /* Alinea el círculo y el texto en la misma línea */
	
    
}



.circulo {
    width: 30px; /* Diámetro del círculo */
    height: 30px;
    background-color: #00abc9; /* Color del círculo (negro en este caso) */
    border-radius: 50%; /* Para hacer el círculo */
    margin-right: 10px; /* Espacio entre el círculo y el texto */
}

.circulo-2 {
    width: 30px; /* Diámetro del círculo */
    height: 30px;
    background-color: #607364; /* Color del círculo (negro en este caso) */
    border-radius: 50%; /* Para hacer el círculo */
    margin-right: 10px;
	 /* Espacio entre el círculo y el texto */
}

/* Media query para dispositivos móviles */
@media (max-width: 768px) {
    .seccion-5 {
        flex-direction: column; /* Cambia el diseño a columna */
    }

    .imagen-section {
        padding-right: 0; /* Elimina el espacio a la derecha de la imagen en móviles */
        padding-bottom: 20px; /* Agrega espacio debajo de la imagen */
    }

	.texto-section-5 {
		flex: 1; /* Ocupa la mitad derecha */
		padding-left: 30px;
		text-align: left; /* Centra el texto */
	}

    
}

@media (max-width: 1100px) {
    .seccion-5 {
		display: flex;
		align-items: center;
		padding: 20px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.texto-section-5 {
		flex: 1; /* Ocupa la mitad derecha */
		padding-left: 0px;
		text-align: left; /* Centra el texto */
	}
}







/* Estilos para la sección-4 con cuatro imágenes cuadradas */
.seccion-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Cuatro columnas de igual tamaño */
  
    width: 100%; /* Ocupar el 100% del ancho */
    
}

/* Estilos para las imágenes */
.seccion-4 img {
    width: 100%; /* Ancho completo de cada columna */
    height: auto; /* Altura ajustada automáticamente para mantener la proporción */
}

/* Responsivo: dos imágenes en una fila para pantallas medianas */
@media (max-width: 768px) {
    .seccion-4 {
        grid-template-columns: repeat(2, 1fr); /* Dos columnas de igual tamaño */
    }
}

/* Responsivo: una imagen por fila para pantallas pequeñas */
@media (max-width: 480px) {
    .seccion-4 {
        grid-template-columns: repeat(1, 1fr); /* Una columna de igual tamaño */
    }
}


/* Estilos para la sección con imagen de fondo */
.section-3 {
    position: relative; /* Necesario para posicionar elementos absolutos */
    height: 600px; /* Altura de la sección (puede ajustarse según tus necesidades) */
    background-image: url("../images/bg-3.jpg"); /* Ruta de la imagen de fondo */
    background-size: cover; /* Ajusta la imagen de fondo para cubrir la sección */
    background-position: center; /* Centra la imagen */
}

/* Contenedor de texto */
.text-container {
    position: absolute; /* Permite posicionar el texto dentro de la sección */
    top: 50%; /* Centra verticalmente */
    left: 5%; /* Carga el texto a la mitad derecha */
    transform: translateY(-50%); /* Ajusta la posición vertical */
}

/* Estilos para el recuadro de texto */
.text-box {
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro con transparencia */
    padding: 20px; /* Espaciado interno */
    border-radius: 10px; /* Bordes redondeados */
    color: white; /* Color de texto blanco */
}





/* Estilos para la sección dividida con fondo de imagen */
.section-1 {
    display: flex;
    
    background-image: url("../images/bg-2.jpg"); /* Ruta de la imagen de fondo */
    background-size: cover; /* Cubrirá toda la sección */
    background-position: center; /* Centra la imagen */
	padding-left: 150px;
    padding-right: 150px;
    
}

/* Estilos para la sección de la imagen */
.image-section {
    flex: 1; /* Ocupa 1/3 de la sección */
    display: flex;
    align-items: flex-end; /* Alinea la imagen en la parte inferior */
    justify-content: flex-end; /* Alinea la imagen a la derecha */
}

.image-section img {
    width: 90%; /* Imagen de tamaño completo dentro de la parte */
  
}

/* Estilos para la sección de texto */
.text-section {
	text-align: center;
    flex: 2; /* Ocupa 2/3 de la sección */
    padding-top: none;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra el texto verticalmente */
}

@media (max-width: 1100px) {
    .section-1 {
		padding-left: 10px;
    padding-right: 10px;
        /* Alinea la imagen a la derecha */
    }

  
}



/* Responsivo: mostrar en columna en dispositivos móviles */
@media (max-width: 800px) {
    .section-1 {
        flex-direction: column;
		padding-left: none;
    padding-right: none;
	justify-content: flex-start; 
	
    }

    /* Cambia el orden de las partes */
    .image-section {
		height: 400px;
		width: 350px;
		justify-content: center; 
        order: 1; /* Muestra la imagen primero */
    }

    .text-section {
		padding-top: 20px !important;
        order: 2; /* Muestra el texto después */
    }
}




/* Estilos para la sección dividida */
.section {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

/* Estilos para cada parte */
.part {
    flex: 1;
    padding: 50px;
    color: white;
    text-align: left;
}

/* Establecer diferentes fondos para cada parte */
#part1 {
    background-color: #1f1f1f; /* Color azul */
}

#part2 {
    background-color: #302f2f; /* Color rojo */
}

#part3 {
    background-color: #1f1f1f; /* Color verde */
}

/* Responsivo: mostrar en una columna en dispositivos móviles */
@media (max-width: 768px) {
    .section {
        flex-direction: column;
        height: auto;
    }
}




*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;}
nav{display:block;}
a{color:inherit;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover{text-decoration:underline;}
a:focus{outline:0;}
img{vertical-align:middle;border-style:none;}
a{-ms-touch-action:manipulation;touch-action:manipulation;}
.container{width:100%;padding-right:30px;padding-left:30px;margin-right:auto;margin-left:auto;}
@media (min-width: 576px){
.container{max-width:540px;}
}
@media (min-width: 768px){
.container{max-width:720px;}
}
@media (min-width: 992px){
.container{max-width:960px;}
}
@media (min-width: 1230px){
.container{max-width:1200px;}
}

.container-xl{max-width:90%;}

.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px;}
.col{position:relative;z-index:1;width:100%;min-height:1px;padding-right:30px;padding-left:30px;}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%;}
.navbar{position:relative;z-index:20;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;}
.d-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important;}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important;}





/*! CSS Used from: https://inverblack.com/css/custom.css */
.dark{font-family:'OpenSans';font-size:14px;line-height:1.5;color:#ffffff;}
.dark .bg-wrap{background-color:#232122;}
.dark a:not(.btn):hover{color:#fff;text-decoration:underline;}
/*! CSS Used fontfaces */
@font-face{font-family:'OpenSans';src:url('https://inverblack.com/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;}
@font-face{font-family:'OpenSans';src:url('https://inverblack.com/fonts/OpenSans-Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'OpenSans';src:url('https://inverblack.com/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}








/* default */
.dark .light , .light  , .dark .light  , .light  {
	font-family: 'OpenSans';
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}
.light .dark , .dark  , .light .dark  , .dark  {
	font-family: 'OpenSans';
	font-size: 14px;
	line-height: 1.5;
	color: #ffffff;
}
.light-page {
	background-color: #fff;
}
.dark-page {
	background-color: #232122;
}

.dark .section-line.light, .light .section-line, .dark .light .section-line, .section-line.light, .dark .section-line-container.light::after, .light .section-line-container::after, .dark .light .section-line-container::after, .section-line-container.light::after {
	border-color: #D1D7DD;
}
.light .section-line.dark, .dark .section-line, .light .dark .section-line, .section-line.dark, .light .section-line-container.dark::after, .dark .section-line-container::after, .light .dark .section-line-container::after, .section-line-container.dark::after {
	border-color: #888888;
}
.dark .bg-wrap.light, .light .bg-wrap, .dark .light .bg-wrap, .bg-wrap.light, .dark .bg-default.light, .light .bg-default, .dark .light .bg-default, .bg-default.light {
	background-color: #fff;
}
.light .bg-wrap.dark, .dark .bg-wrap, .light .dark .bg-wrap, .bg-wrap.dark, .light .bg-default.dark, .dark .bg-default, .light .dark .bg-default, .bg-default.dark {
	background-color: #2b2b2b;
}
.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-family: 'Montserrat';
	font-size: 100px;
	font-weight: 200;
	font-style: normal;
	color: #222;
}
.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-family: 'Montserrat';
	font-size: 100px;
	font-weight: 200;
	font-style: normal;
	color: #fff;
}
.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-family: 'Montserrat';
	font-size: 50px;
	font-weight: 300;
	font-style: normal;
	color: #222;
}
.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-family: 'Montserrat';
	font-size: 50px;
	font-weight: 300;
	font-style: normal;
	color: #fff;
}
.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-family: 'Montserrat';
	font-size: 35px;
	font-weight: 300;
	font-style: normal;
	color: #444;
}
.light h3.dark, .dark h3, .light .dark h3, h3.dark {
	font-family: 'Montserrat';
	font-size: 35px;
	font-weight: 300;
	font-style: normal;
	color: #fff;
}
.dark h4.light, .light h4, .dark .light h4, h4.light {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	color: #555;
}
.light h4.dark, .dark h4, .light .dark h4, h4.dark {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	color: #fff;
}

.dark a.light:not(.btn):hover, .light a:not(.btn):hover, .dark .light a:not(.btn):hover, a.light:not(.btn):hover {
	color: #000000;
	text-decoration: underline;
}
.light a.dark:not(.btn):hover, .dark a:not(.btn):hover, .light .dark a:not(.btn):hover, a.dark:not(.btn):hover {
	color: #fff;
	text-decoration: underline;
}
.dark .navbar-nav.light a, .light .navbar-nav a, .dark .light .navbar-nav a, .navbar-nav.light a {
	color: #777;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}
.light .navbar-nav.dark a, .dark .navbar-nav a, .light .dark .navbar-nav a, .navbar-nav.dark a {
	color: #aaa;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}
.dark .navbar-nav.light a.nav-link:hover, .light .navbar-nav a.nav-link:hover, .dark .light .navbar-nav a.nav-link:hover, .navbar-nav.light a.nav-link:hover, .dark .navbar-nav.light .nav-item:hover > a.nav-link, .light .navbar-nav .nav-item:hover > a.nav-link, .dark .light .navbar-nav .nav-item:hover > a.nav-link, .navbar-nav.light .nav-item:hover > a.nav-link, .dark .navbar-nav.light a.nav-link.active, .light .navbar-nav a.nav-link.active, .dark .light .navbar-nav a.nav-link.active, .navbar-nav.light a.nav-link.active {
	color: #222;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}
.light .navbar-nav.dark a.nav-link:hover, .dark .navbar-nav a.nav-link:hover, .light .dark .navbar-nav a.nav-link:hover, .navbar-nav.dark a.nav-link:hover, .light .navbar-nav.dark .nav-item:hover > a.nav-link, .dark .navbar-nav .nav-item:hover > a.nav-link, .light .dark .navbar-nav .nav-item:hover > a.nav-link, .navbar-nav.dark .nav-item:hover > a.nav-link, .light .navbar-nav.dark a.nav-link.active, .dark .navbar-nav a.nav-link.active, .light .dark .navbar-nav a.nav-link.active, .navbar-nav.dark a.nav-link.active {
	color: #fff;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
}
.dark .nav-tabs.light a.nav-link, .light .nav-tabs a.nav-link, .dark .light .nav-tabs a.nav-link, .nav-tabs.light a.nav-link {
	color: #A2AAB1;
}
.light .nav-tabs.dark a.nav-link, .dark .nav-tabs a.nav-link, .light .dark .nav-tabs a.nav-link, .nav-tabs.dark a.nav-link {
	color: rgba(255,255,255,0.2);
}
.dark .nav-tabs.light, .light .nav-tabs, .dark .light .nav-tabs, .nav-tabs.light {
	border-color: #D1D7DD;
}
.light .nav-tabs.dark, .dark .nav-tabs, .light .dark .nav-tabs, .nav-tabs.dark {
	border-color: rgba(255,255,255,0.2);
}
.dark .nav-tabs.light a.nav-link:hover, .light .nav-tabs a.nav-link:hover, .dark .light .nav-tabs a.nav-link:hover, .nav-tabs.light a.nav-link:hover, .dark .nav-tabs.light a.nav-link.active, .light .nav-tabs a.nav-link.active, .dark .light .nav-tabs a.nav-link.active, .nav-tabs.light a.nav-link.active {
	color: #444;
	border-color: #444;
}
.light .nav-tabs.dark a.nav-link:hover, .dark .nav-tabs a.nav-link:hover, .light .dark .nav-tabs a.nav-link:hover, .nav-tabs.dark a.nav-link:hover, .light .nav-tabs.dark a.nav-link.active, .dark .nav-tabs a.nav-link.active, .light .dark .nav-tabs a.nav-link.active, .nav-tabs.dark a.nav-link.active {
	color: #FFF;
	border-color: #FFF;
}
.dark .pagination.light .page-link, .light .pagination .page-link, .dark .light .pagination .page-link, .pagination.light .page-link {
	border-color: #D1D7DD;
}
.light .pagination.dark .page-link, .dark .pagination .page-link, .light .dark .pagination .page-link, .pagination.dark .page-link {
	border-color: #555;
}
.dark .pagination.light .page-link:hover, .light .pagination .page-link:hover, .dark .light .pagination .page-link:hover, .pagination.light .page-link:hover, .dark .pagination.light .page-link.active, .light .pagination .page-link.active, .dark .light .pagination .page-link.active, .pagination.light .page-link.active {
	border-color: #D1D7DD;
	background-color: #D1D7DD;
}
.light .pagination.dark .page-link:hover, .dark .pagination .page-link:hover, .light .dark .pagination .page-link:hover, .pagination.dark .page-link:hover, .light .pagination.dark .page-link.active, .dark .pagination .page-link.active, .light .dark .pagination .page-link.active, .pagination.dark .page-link.active {
	border-color: #555;
	background-color: #555;
}
.dark .btn.light, .light .btn, .dark .light .btn, .btn.light {
	border-radius: 0px 0px 0px 0px;
	border-width: 2px 2px 2px 2px;
}
.light .btn.dark, .dark .btn, .light .dark .btn, .btn.dark {
	border-radius: 0px 0px 0px 0px;
	border-width: 2px 2px 2px 2px;
}
.dark .btn-primary.light, .light .btn-primary, .dark .light .btn-primary, .btn-primary.light, .dark .badge-primary.light, .light .badge-primary, .dark .light .badge-primary, .badge-primary.light {
	color: #FFF;
	background-color: #b99364;
}
.light .btn-primary.dark, .dark .btn-primary, .light .dark .btn-primary, .btn-primary.dark, .light .badge-primary.dark, .dark .badge-primary, .light .dark .badge-primary, .badge-primary.dark {
	color: #FFF;
	background-color: #b99364;
}
.dark .btn-primary.light:hover, .light .btn-primary:hover, .dark .light .btn-primary:hover, .btn-primary.light:hover, .dark .btn-primary.light:active, .light .btn-primary:active, .dark .light .btn-primary:active, .btn-primary.light:active, .dark .btn-primary.active.light, .light .btn-primary.active, .dark .light .btn-primary.active, .btn-primary.active.light {
	color: #FFF;
	background-color: #998B7A;
}
.light .btn-primary.dark:hover, .dark .btn-primary:hover, .light .dark .btn-primary:hover, .btn-primary.dark:hover, .light .btn-primary.dark:active, .dark .btn-primary:active, .light .dark .btn-primary:active, .btn-primary.dark:active, .light .btn-primary.active.dark, .dark .btn-primary.active, .light .dark .btn-primary.active, .btn-primary.active.dark {
	color: #FFF;
	background-color: #998B7A;
}
.dark .btn-outline-primary.light, .light .btn-outline-primary, .dark .light .btn-outline-primary, .btn-outline-primary.light {
	color: #b99364;
}
.light .btn-outline-primary.dark, .dark .btn-outline-primary, .light .dark .btn-outline-primary, .btn-outline-primary.dark {
	color: #b99364;
}
.dark .btn-outline-primary.light:hover, .light .btn-outline-primary:hover, .dark .light .btn-outline-primary:hover, .btn-outline-primary.light:hover, .dark .btn-outline-primary.light:active, .light .btn-outline-primary:active, .dark .light .btn-outline-primary:active, .btn-outline-primary.light:active, .dark .btn-outline-primary.active.light, .light .btn-outline-primary.active, .dark .light .btn-outline-primary.active, .btn-outline-primary.active.light {
	color: #998B7A;
}
.light .btn-outline-primary.dark:hover, .dark .btn-outline-primary:hover, .light .dark .btn-outline-primary:hover, .btn-outline-primary.dark:hover, .light .btn-outline-primary.dark:active, .dark .btn-outline-primary:active, .light .dark .btn-outline-primary:active, .btn-outline-primary.dark:active, .light .btn-outline-primary.active.dark, .dark .btn-outline-primary.active, .light .dark .btn-outline-primary.active, .btn-outline-primary.active.dark {
	color: #998B7A;
}
.dark .btn-primary.light, .light .btn-primary, .dark .light .btn-primary, .btn-primary.light, .dark .btn-outline-primary.light, .light .btn-outline-primary, .dark .light .btn-outline-primary, .btn-outline-primary.light {
	border-color: #b99364;
}
.light .btn-primary.dark, .dark .btn-primary, .light .dark .btn-primary, .btn-primary.dark, .light .btn-outline-primary.dark, .dark .btn-outline-primary, .light .dark .btn-outline-primary, .btn-outline-primary.dark {
	border-color: #b99364;
}
.dark .btn-primary.light:hover, .light .btn-primary:hover, .dark .light .btn-primary:hover, .btn-primary.light:hover, .dark .btn-primary.light:active, .light .btn-primary:active, .dark .light .btn-primary:active, .btn-primary.light:active, .dark .btn-primary.active.light, .light .btn-primary.active, .dark .light .btn-primary.active, .btn-primary.active.light, .dark .btn-outline-primary.light:hover, .light .btn-outline-primary:hover, .dark .light .btn-outline-primary:hover, .btn-outline-primary.light:hover, .dark .btn-outline-primary.light:active, .light .btn-outline-primary:active, .dark .light .btn-outline-primary:active, .btn-outline-primary.light:active, .dark .btn-outline-primary.active.light, .light .btn-outline-primary.active, .dark .light .btn-outline-primary.active, .btn-outline-primary.active.light {
	border-color: #998B7A;
}
.light .btn-primary.dark:hover, .dark .btn-primary:hover, .light .dark .btn-primary:hover, .btn-primary.dark:hover, .light .btn-primary.dark:active, .dark .btn-primary:active, .light .dark .btn-primary:active, .btn-primary.dark:active, .light .btn-primary.active.dark, .dark .btn-primary.active, .light .dark .btn-primary.active, .btn-primary.active.dark, .light .btn-outline-primary.dark:hover, .dark .btn-outline-primary:hover, .light .dark .btn-outline-primary:hover, .btn-outline-primary.dark:hover, .light .btn-outline-primary.dark:active, .dark .btn-outline-primary:active, .light .dark .btn-outline-primary:active, .btn-outline-primary.dark:active, .light .btn-outline-primary.active.dark, .dark .btn-outline-primary.active, .light .dark .btn-outline-primary.active, .btn-outline-primary.active.dark {
	border-color: #998B7A;
}
.dark .btn-secondary.light, .light .btn-secondary, .dark .light .btn-secondary, .btn-secondary.light, .dark .badge-secondary.light, .light .badge-secondary, .dark .light .badge-secondary, .badge-secondary.light {
	color: #FFF;
	background-color: #A2AAB1;
}
.light .btn-secondary.dark, .dark .btn-secondary, .light .dark .btn-secondary, .btn-secondary.dark, .light .badge-secondary.dark, .dark .badge-secondary, .light .dark .badge-secondary, .badge-secondary.dark {
	color: #FFF;
	background-color: #444;
}
.dark .btn-secondary.light:hover, .light .btn-secondary:hover, .dark .light .btn-secondary:hover, .btn-secondary.light:hover, .dark .btn-secondary.light:active, .light .btn-secondary:active, .dark .light .btn-secondary:active, .btn-secondary.light:active, .dark .btn-secondary.active.light, .light .btn-secondary.active, .dark .light .btn-secondary.active, .btn-secondary.active.light {
	color: #FFF;
	background-color: #91989F;
}
.light .btn-secondary.dark:hover, .dark .btn-secondary:hover, .light .dark .btn-secondary:hover, .btn-secondary.dark:hover, .light .btn-secondary.dark:active, .dark .btn-secondary:active, .light .dark .btn-secondary:active, .btn-secondary.dark:active, .light .btn-secondary.active.dark, .dark .btn-secondary.active, .light .dark .btn-secondary.active, .btn-secondary.active.dark {
	color: #FFF;
	background-color: #555;
}
.dark .btn-outline-secondary.light, .light .btn-outline-secondary, .dark .light .btn-outline-secondary, .btn-outline-secondary.light {
	color: #A2AAB1;
}
.light .btn-outline-secondary.dark, .dark .btn-outline-secondary, .light .dark .btn-outline-secondary, .btn-outline-secondary.dark {
	color: #888;
}
.dark .btn-outline-secondary.light:hover, .light .btn-outline-secondary:hover, .dark .light .btn-outline-secondary:hover, .btn-outline-secondary.light:hover, .dark .btn-outline-secondary.light:active, .light .btn-outline-secondary:active, .dark .light .btn-outline-secondary:active, .btn-outline-secondary.light:active, .dark .btn-outline-secondary.active.light, .light .btn-outline-secondary.active, .dark .light .btn-outline-secondary.active, .btn-outline-secondary.active.light {
	color: #91989F;
}
.light .btn-outline-secondary.dark:hover, .dark .btn-outline-secondary:hover, .light .dark .btn-outline-secondary:hover, .btn-outline-secondary.dark:hover, .light .btn-outline-secondary.dark:active, .dark .btn-outline-secondary:active, .light .dark .btn-outline-secondary:active, .btn-outline-secondary.dark:active, .light .btn-outline-secondary.active.dark, .dark .btn-outline-secondary.active, .light .dark .btn-outline-secondary.active, .btn-outline-secondary.active.dark {
	color: #888;
}
.dark .btn-secondary.light, .light .btn-secondary, .dark .light .btn-secondary, .btn-secondary.light, .dark .btn-outline-secondary.light, .light .btn-outline-secondary, .dark .light .btn-outline-secondary, .btn-outline-secondary.light {
	border-color: #A2AAB1;
}
.light .btn-secondary.dark, .dark .btn-secondary, .light .dark .btn-secondary, .btn-secondary.dark, .light .btn-outline-secondary.dark, .dark .btn-outline-secondary, .light .dark .btn-outline-secondary, .btn-outline-secondary.dark {
	border-color: #444;
}
.dark .btn-secondary.light:hover, .light .btn-secondary:hover, .dark .light .btn-secondary:hover, .btn-secondary.light:hover, .dark .btn-secondary.light:active, .light .btn-secondary:active, .dark .light .btn-secondary:active, .btn-secondary.light:active, .dark .btn-secondary.active.light, .light .btn-secondary.active, .dark .light .btn-secondary.active, .btn-secondary.active.light, .dark .btn-outline-secondary.light:hover, .light .btn-outline-secondary:hover, .dark .light .btn-outline-secondary:hover, .btn-outline-secondary.light:hover, .dark .btn-outline-secondary.light:active, .light .btn-outline-secondary:active, .dark .light .btn-outline-secondary:active, .btn-outline-secondary.light:active, .dark .btn-outline-secondary.active.light, .light .btn-outline-secondary.active, .dark .light .btn-outline-secondary.active, .btn-outline-secondary.active.light {
	border-color: #91989F;
}
.light .btn-secondary.dark:hover, .dark .btn-secondary:hover, .light .dark .btn-secondary:hover, .btn-secondary.dark:hover, .light .btn-secondary.dark:active, .dark .btn-secondary:active, .light .dark .btn-secondary:active, .btn-secondary.dark:active, .light .btn-secondary.active.dark, .dark .btn-secondary.active, .light .dark .btn-secondary.active, .btn-secondary.active.dark, .light .btn-outline-secondary.dark:hover, .dark .btn-outline-secondary:hover, .light .dark .btn-outline-secondary:hover, .btn-outline-secondary.dark:hover, .light .btn-outline-secondary.dark:active, .dark .btn-outline-secondary:active, .light .dark .btn-outline-secondary:active, .btn-outline-secondary.dark:active, .light .btn-outline-secondary.active.dark, .dark .btn-outline-secondary.active, .light .dark .btn-outline-secondary.active, .btn-outline-secondary.active.dark {
	border-color: #555;
}

.dark .form-control.light, .light .form-control, .dark .light .form-control, .form-control.light, .dark .form-inline>.btn-link.light, .light .form-inline>.btn-link, .dark .light .form-inline>.btn-link, .form-inline>.btn-link.light {
	border-radius: 0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-color: rgba(0,0,0,0.2);
}
.light .form-control.dark, .dark .form-control, .light .dark .form-control, .form-control.dark, .light .form-inline>.btn-link.dark, .dark .form-inline>.btn-link, .light .dark .form-inline>.btn-link, .form-inline>.btn-link.dark {
	border-radius: 0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-color: rgba(255,255,255,0.2);
}
.dark .form-control.light::placeholder, .light .form-control::placeholder, .dark .light .form-control::placeholder, .form-control.light::placeholder, .dark .form-control.light .placeholder, .light .form-control .placeholder, .dark .light .form-control .placeholder, .form-control.light .placeholder {
	color: #aaa;
}
.light .form-control.dark::placeholder, .dark .form-control::placeholder, .light .dark .form-control::placeholder, .form-control.dark::placeholder, .light .form-control.dark .placeholder, .dark .form-control .placeholder, .light .dark .form-control .placeholder, .form-control.dark .placeholder {
	color: #aaa;
}
.dark input[type=checkbox]+.lbl.light::after, .light input[type=checkbox]+.lbl::after, .dark .light input[type=checkbox]+.lbl::after, input[type=checkbox]+.lbl.light::after, .dark input[type=radio]+.lbl.light::after, .light input[type=radio]+.lbl::after, .dark .light input[type=radio]+.lbl::after, input[type=radio]+.lbl.light::after {
	background-color: #A48F77;
}
.light input[type=checkbox]+.lbl.dark::after, .dark input[type=checkbox]+.lbl::after, .light .dark input[type=checkbox]+.lbl::after, input[type=checkbox]+.lbl.dark::after, .light input[type=radio]+.lbl.dark::after, .dark input[type=radio]+.lbl::after, .light .dark input[type=radio]+.lbl::after, input[type=radio]+.lbl.dark::after {
	background-color: #A48F77;
}
.dark svg.svg-default.light, .light svg.svg-default, .dark .light svg.svg-default, svg.svg-default.light {
	fill: #555;
}
.light svg.svg-default.dark, .dark svg.svg-default, .light .dark svg.svg-default, svg.svg-default.dark {
	fill: #fff;
}
.dark svg.svg-primary.light, .light svg.svg-primary, .dark .light svg.svg-primary, svg.svg-primary.light {
	fill: #c3b6a5;
}
.light svg.svg-primary.dark, .dark svg.svg-primary, .light .dark svg.svg-primary, svg.svg-primary.dark {
	fill: #c3b6a5;
}
.dark svg.svg-secondary.light, .light svg.svg-secondary, .dark .light svg.svg-secondary, svg.svg-secondary.light {
	fill: #bbc3cc;
}
.light svg.svg-secondary.dark, .dark svg.svg-secondary, .light .dark svg.svg-secondary, svg.svg-secondary.dark {
	fill: #555;
}
.dark .gallery-item.light:not(.masonry-item), .light .gallery-item:not(.masonry-item), .dark .light .gallery-item:not(.masonry-item), .gallery-item.light:not(.masonry-item), .dark .masonry-item.gallery-item.light .wrapper, .light .masonry-item.gallery-item .wrapper, .dark .light .masonry-item.gallery-item .wrapper, .masonry-item.gallery-item.light .wrapper {
	background-color: #ffffff;
}
.light .gallery-item.dark:not(.masonry-item), .dark .gallery-item:not(.masonry-item), .light .dark .gallery-item:not(.masonry-item), .gallery-item.dark:not(.masonry-item), .light .masonry-item.gallery-item.dark .wrapper, .dark .masonry-item.gallery-item .wrapper, .light .dark .masonry-item.gallery-item .wrapper, .masonry-item.gallery-item.dark .wrapper {
	background-color: #232122;
}
.dark .owl-prev.light, .light .owl-prev, .dark .light .owl-prev, .owl-prev.light, .dark .owl-next.light, .light .owl-next, .dark .light .owl-next, .owl-next.light {
	border-color: #444;
	background-color: #fff;
}
.light .owl-prev.dark, .dark .owl-prev, .light .dark .owl-prev, .owl-prev.dark, .light .owl-next.dark, .dark .owl-next, .light .dark .owl-next, .owl-next.dark {
	border-color: #fff;
	background-color: #444;
}
.dark .owl-prev.light:hover, .light .owl-prev:hover, .dark .light .owl-prev:hover, .owl-prev.light:hover, .dark .owl-next.light:hover, .light .owl-next:hover, .dark .light .owl-next:hover, .owl-next.light:hover {
	border-color: #444;
	background-color: #ded8d0;
}
.light .owl-prev.dark:hover, .dark .owl-prev:hover, .light .dark .owl-prev:hover, .owl-prev.dark:hover, .light .owl-next.dark:hover, .dark .owl-next:hover, .light .dark .owl-next:hover, .owl-next.dark:hover {
	border-color: #fff;
	background-color: #b99364;
}
.dark .owl-dot>span.light, .light .owl-dot>span, .dark .light .owl-dot>span, .owl-dot>span.light {
	border-color: #D1D7DD;
}
.light .owl-dot>span.dark, .dark .owl-dot>span, .light .dark .owl-dot>span, .owl-dot>span.dark {
	border-color: #444;
}
.dark .owl-dot.active>span.light, .light .owl-dot.active>span, .dark .light .owl-dot.active>span, .owl-dot.active>span.light, .dark .owl-dot.light:hover>span, .light .owl-dot:hover>span, .dark .light .owl-dot:hover>span, .owl-dot.light:hover>span {
	border-color: #444;
}
.light .owl-dot.active>span.dark, .dark .owl-dot.active>span, .light .dark .owl-dot.active>span, .owl-dot.active>span.dark, .light .owl-dot.dark:hover>span, .dark .owl-dot:hover>span, .light .dark .owl-dot:hover>span, .owl-dot.dark:hover>span {
	border-color: #fff;
}
.dark [class*=border].light, .light [class*=border], .dark .light [class*=border], [class*=border].light, .dark hr.light, .light hr, .dark .light hr, hr.light, .dark .separate-list.light li, .light .separate-list li, .dark .light .separate-list li, .separate-list.light li, .dark .media.light, .light .media, .dark .light .media, .media.light {
	border-color: #D1D7DD;
}
.light [class*=border].dark, .dark [class*=border], .light .dark [class*=border], [class*=border].dark, .light hr.dark, .dark hr, .light .dark hr, hr.dark, .light .separate-list.dark li, .dark .separate-list li, .light .dark .separate-list li, .separate-list.dark li, .light .media.dark, .dark .media, .light .dark .media, .media.dark {
	border-color: rgba(255,255,255,0.2);
}
.light-page #preloader>div, .light-page #preloader>div>*, .light-page #preloader>div::before, .light-page #preloader>div::after {
	border-color: #DDD;
	background-color: #DDD;
}
.dark-page #preloader>div, .dark-page #preloader>div>*, .dark-page #preloader>div::before, .dark-page #preloader>div::after {
	border-color: #888;
	background-color: #888;
}
.dark .border-x2.light, .light .border-x2, .dark .light .border-x2, .border-x2.light {
	border-color: #D1D7DD;
}
.light .border-x2.dark, .dark .border-x2, .light .dark .border-x2, .border-x2.dark {
	border-color: rgba(255,255,255,0.2);
}
.dark .text-primary.light, .light .text-primary, .dark .light .text-primary, .text-primary.light {
	color: #b99364;
}
.light .text-primary.dark, .dark .text-primary, .light .dark .text-primary, .text-primary.dark {
	color: #b99364;
}
.dark .text-secondary.light, .light .text-secondary, .dark .light .text-secondary, .text-secondary.light, .dark .breadcrumb-item.light + .breadcrumb-item::before, .light .breadcrumb-item + .breadcrumb-item::before, .dark .light .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-item.light + .breadcrumb-item::before, .dark .breadcrumb-item.active.light, .light .breadcrumb-item.active, .dark .light .breadcrumb-item.active, .breadcrumb-item.active.light {
	color: #A2AAB1;
}
.light .text-secondary.dark, .dark .text-secondary, .light .dark .text-secondary, .text-secondary.dark, .light .breadcrumb-item.dark + .breadcrumb-item::before, .dark .breadcrumb-item + .breadcrumb-item::before, .light .dark .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-item.dark + .breadcrumb-item::before, .light .breadcrumb-item.active.dark, .dark .breadcrumb-item.active, .light .dark .breadcrumb-item.active, .breadcrumb-item.active.dark {
	color: rgba(255,255,255,0.5);
}
/* end default */
@media all and (max-width: 1279px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 70px;
	}
	.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-size: 70px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 40px;
	}
	.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-size: 40px;
	}
}
@media all and (max-width: 576px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 40px;
	}
	.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-size: 40px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 30px;
	}
	.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-size: 30px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-size: 25px;
	}
	.light h3.dark, .dark h3, .light .dark h3, h3.dark {
	font-size: 25px;
	}
}