/*!
Template :	AppsLand @by Softnio
Preset   :	Default
Version	 :	1.3.1
Updated	 :	10.22.2018
*/
.active .steps h4,
.heading span,
.box-icon .fa,
.box-icon .ti,
.video-play,
.video-play:hover,
.video-play:focus,
.owl-theme .owl-nav [class*=owl-],
.single-features .ti,
.single-features .fa,
.contact-form h3,
.contact-info h6 .fa,
.footer-navigation li a:hover,
.social-list li a:hover,
.owl-theme .owl-nav [class*="owl-"]:hover,
.footer-links li a:hover{
	color:#47051D;
}

.pricing-bottom .ti-check{
	color:#00d578;
}

.pricing-bottom .ti-close{
	color:#de0000;
}

.owl-theme .owl-dots .owl-dot span:after,
.affix .navbar-default .navbar-toggle, 
.affix .navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	border-color:#47051D;
}
.primary-bg{
	background: #47051D;
}
.secondary-bg{
	background: #000000;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span,
.affix .navbar-default .navbar-toggle, 
.affix .navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background: #47051D;
}
.button{
	background: #47051D;
}
.button:hover {
	background: #000000;
}
.header-texts .button{
	background: #FA3821;
	color: #fff;
}
.header-texts .button:hover {
	background: #fff;
	color: #FA3821;
}
.button.button-transparent{
	background:transparent;
}
.button.button-transparent:hover{
	background: #fff;
	color: #FA3821;
	border-color: #fff;
}

.navbar-default .navbar-nav > li > a.button,
.navbar-default .navbar-nav > li > a.button:focus{
	border:2px solid #FA3821;
	background: #FA3821;
}
.navbar-default .navbar-nav > li > a.button:hover{
	color: #FA3821;
}
.affix .navbar-default .navbar-nav > li > a.button:hover,
.affix .navbar-default .navbar-nav > li.active > a.button,
.affix .navbar-default .navbar-nav > li.active > a.button:focus{
	color: #FA3821;
	border-color: #FA3821;
}

.gradiant-background,
.box-icon,
.team-member .team-photo:after{
	background-image: -o-linear-gradient(157deg, #000000 0%, #47051D 100%);
	background-image: linear-gradient(293deg, #000000 0%, #47051D 100%);
}
.meta-heading{
	color: #47051D;
	margin-bottom: 5px;
}
.feature-col .icon{
	background: #F2F7FF;
	color: #47051D;
}
.button.alt{
	background: #fff;
	color: #47051D;
}
.button.alt:hover{
	background: #47051D;
	color: #fff;
}
.button.light{
	background: #F2F7FF;
	color: #47051D;
}
.button.light:hover{
	background:#00deec; 
	color: #fff;
}
.bg-circle .small, .bg-circle .big{
	background: #F2F7FF;
}
.bg-circle .big:before{
	background-image: -o-linear-gradient(157deg, #fff 0%, #000000 100%);
	background-image: linear-gradient(157deg, #fff 0%, #000000 100%);
}
.bg-circle .big:after{
	background-image: -o-linear-gradient(157deg, #fff 0%, #47051D 100%);
	background-image: linear-gradient(157deg, #fff 0%, #47051D 100%);
}
 .pricing-box.alt h5{
 	color: #47051D;
 }

@media only screen and (max-width: 991px) {
	.navbar-default .in .navbar-nav > li > a:hover,
	.navbar-default .in .navbar-nav > li > a:focus,
	.affix .navbar-default .navbar-nav > li > a:hover,
	.affix .navbar-default .navbar-nav > li > a:focus,
	.affix .navbar-default .navbar-nav > .active > a, 
	.affix .navbar-default .navbar-nav > .active > a:hover, 
	.affix .navbar-default .navbar-nav > .active > a:focus {
		background:#47051D;
	}

}

.theme-pro .section.gradiant-background{
	background: #ecf4fd;
}


.owl-prev, .owl-next {
	    background-image: linear-gradient(90deg, #47051D 0%, #000000 100%);
	    color: white !important;
	    border-radius: 50%;
	    width: 50px;
	    height: 50px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.owl-prev:hover, .owl-next:hover {
	    background-image: linear-gradient(90deg, #000000 0%, #47051D 100%);
	}


	.owl-carouselPlanes .item {
	    margin: 0 15px; /* Esto agregará un margen a los lados de cada ítem */
	}

	.nav-tabs {
		padding-bottom:.5px; /* Añade relleno alrededor del texto */
	}

	.nav-tabs > li > a {
        background-image: linear-gradient(90deg, #47051D 0%, #000000 100%);
        border-radius: 4px; /* Añade bordes redondeados */
        color: #fff; /* Cambia el color del texto a blanco */
        border: 2px solid transparent; /* Define un borde transparente para mantener el mismo tamaño en todos los estados */
        padding: 10px 20px; /* Añade relleno alrededor del texto */

    }

    .nav-tabs > li > a:hover {
        border: 2px solid #fff; /* Define un borde blanco para el estado hover */
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #fff; /* Mantiene el color del texto blanco para la pestaña activa */
        background-color: transparent; /* Establece el fondo como transparente para la pestaña activa */
        border: 2px solid #fff; /* Define un borde blanco para la pestaña activa */
    }


    .tab-content {
	    margin-top: 20px; /* Ajusta este valor según tu preferencia */
	}

	.whatsapp-button {
	    position: fixed;
	    width: 60px;
	    height: 60px;
	    bottom: 40px;
	    right: 40px;
	    background-color: #25d366;
	    border-radius: 50%;
	    text-align: center;
	    box-shadow: 2px 2px 3px #999;
	    z-index: 1000;
  	}
  	.whatsapp-button img {
	    width: 30px;
	    height: 30px;
	    margin-top: 15px;
  	}