/* -----------------------------------Varias */
:root {
	--bs-body-color: #acb8c1;
  --bs-primary-rgb: 248, 250, 251;
  --bs-font-sans-serif: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: Raleway, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	
}
.page-section {
	padding: 1rem 0;
}
.btn {
	padding: 16px 39px 16px 39px;
}
hr.divider {
	height: 2px;
	max-width: 200px;
	background-color: #D8D8D8;
}
.btn-secondary {
	color: #fff;
	background-color: #163156;
	border-color: #163156;
}
.btn-secondary:hover, .btn-secondary:active {
	color: #fff;
	background-color: #e05f5a;
	border-color: #e05f5a;
}
.pointer {
	cursor: pointer;
}

/*section .container > h2 {
	font-weight: bold;
}*/
/* -----------------------------------Fonts */
.salmon {
	color:#e05f5a;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #1c2c4d;
	font-weight: 600;
}
.btn {
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#mainNav .navbar-brand {
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-xxl .portfolio-box .portfolio-box-caption .project-category {
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* -----------------------------------Top */
.top {
	background-color:#202946;
	color:#ffffff;
	font-size: 12px;
}
.top i {
	font-size: 16px;
}
.top .nav-link {
	color:#ffffff;
}
.top .nav-link:hover, .top .nav-link:focus {
	color: #fff;
}
.top .nav-link {
	 padding: 0.5rem 0.5rem; 
}
/* -----------------------------------Main menu */
.navbar-brand {
	margin: -15px 0;
}
#mainNav {
	/* box-shadow: none; */
	background-color: #fff;
}
#mainNav .navbar-nav .nav-item .nav-link {
	font-weight: normal;
	color: #8a8a8c;
}
#mainNav .navbar-nav .nav-item .nav-link:hover {
	color: #e05f5a;
}
#mainNav .navbar-brand {
	color: #1c2c4d;
}
#mainNav .navbar-brand:hover {
	color: #e05f5a;
}
.fixed-top {
	top: auto;
	position: relative;
}
#mainNav.navbar-shrink {
	position: fixed;
	top: 0px;
}
#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
	color: #1c2c4d;
}
/* -----------------------------------Partners >> Beneficios */
#p_beneficios .d-flex {
	padding-bottom: 50px;
}
/* -----------------------------------Partners >> Instalacion */
#p_instalacion {
	background-color:#f2f6f9;
}
#p_instalacion .iconos {
	font-size: 22px;
	color:#163156;
}
/* -----------------------------------Nosotros >> Valores */
#n_valores {
	color: #000000;
}
#n_valores .fondo {
	background-image:url(../assets/img/nosotros/valores.jpg);
	background-size:cover;
}
/* -----------------------------------Nosotros >> Negocio */
#n_negocio {
	color: #21356a;
	font-size: 25px;
}
/* -----------------------------------Aviso */
#aviso {
	color: #000000;
}
#aviso .fondo {
	background-image:url(../assets/img/aviso/aviso.jpg);
	background-size:cover;
}
/* -----------------------------------Funciones >> Pills */
#f_pills-tab button {
	padding: 15px 0;
	min-width: 140px;
	margin: 10px 7px;
}
#f_pills-tab button.active {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
	box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
#f_pills-tab img {
	margin: 0 -15px;
}
#f_pills-tab button.active img {
	filter: invert(61%) sepia(15%) saturate(5177%) hue-rotate(320deg) brightness(94%) contrast(94%);
}
/* -----------------------------------Funciones >> VDC */
#f_vdc {
	color: #525252;
	font-size: 22px;
}
#f_vdc .icono {
	margin: 20px 0;
}
#f_vdc .icono img {
	background-color: #00a8e1;
	border-radius: 100px;
	width: 67px;
	height: auto;
}
/* -----------------------------------Funciones >> App */
#f_app {
	color: #525252;
	font-size: 22px;
}
#f_app .icono {
	margin: 20px 0;
}
#f_app .icono img {
	background-color: #00a8e1;
	border-radius: 100px;
	width: 67px;
	height: auto;
}
#f_app .row .row:hover .icono img {
	background-color: #e05f5a;
}
#carouselApp {
	padding: 0px 60px;
}

#f_app .carousel-control-prev, #f_app .carousel-control-next {
	background-color: rgba(0,0,0,0.31);
	max-height: 100px;
	top: 50%;
}
#f_app .carousel-caption {
	position: unset;
	color: #8a8a8c;
	padding: 20px 0 50px;
	margin-top: -36px;
	align:start;
	background-color: #fff;
	text-align:start;
}
#f_app .flex-shrink-0 img {
	background-color: #00a8e1;
	border-radius: 500px;
	height: 50px;
	width: auto;
}
/* -----------------------------------Seguridad */
#seguridad {
	color: #21356a;
	font-size: 22px;
}
#seguridad .icono {
	margin: 20px 0;
}
#seguridad .icono img {
	background-color: #00a8e1;
	border-radius: 100px;
	width: 67px;
	height: auto;
}
#seguridad .row .row:hover .icono img {
	background-color: #e05f5a;
}

#carouselSeg {
	padding: 0;
}
@media (min-width: 1200px) {
	#carouselSeg {
		padding: 0px 70px;
	}
	#carouselSeg .carousel-caption {
		padding: 1.25rem 2rem;
	}
}
#carouselSeg .carousel-caption {
	position: unset;
	padding: 1.25rem 0rem;
	color: #8a8a8c;
	font-size: 18px;
	line-height: 22px;
	background-color: #F8FAFB;	
}
#carouselSeg .flex-shrink-0 img {
	background-color: #00a8e1;
	border-radius: 500px;
	height: 50px;
	width: auto;
}
#carouselSeg .carousel-caption {
	text-align: start;
}
#carouselSeg .d-flex {
	margin-bottom: 10px;
}
#carouselSeg .carousel-control-prev, #carouselSeg .carousel-control-next {
	background-color: rgba(0,0,0,0.31);
	max-height: 100px;
	top: 20%;
}
/* -----------------------------------Especificaciones */
#especificaciones .iconos {
	color: #525252;
	font-size: 22px;
}
#tabla .table {
	color:#525252;
	font-size: 18px;
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#tabla .table-sm > :not(caption) > * > * {
		padding: 16px 33px;
	}
}
#tabla .btn-outline-secondary {
	color: #21356a;
	border-color: #21356a;
}
#tabla .btn {
	font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	border: 2px solid #21356a;
	border-radius: 1.25rem;
	color: #8a8a8c;
}
#tabla .btn:hover, #tabla .btn:active {
	color: #fff;
	background-color: #e05f5a;
	border-color: #e05f5a;
}
#tabla .btn-outline-secondary:hover {
	color: #fff;
}
#tabla .btn-check:focus + .btn-outline-secondary, #tabla .btn-outline-secondary:focus {
	box-shadow: 0 0 0 0.25rem rgba(33, 53, 106, 0.5);
}
/* ----------------------------------- */
/* ----------------------------------- */
/* ----------------------------------- */
/* -----------------------------------Call to action - Partners */
#cta_partners {
	padding: 0;
	background-image:url(../assets/img/bg-subdistribuidor.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	color:#FFFFFF;
}
#cta_partners h2, #cta_partners h3 {
	color:#FFFFFF;
}
#cta_partners .sombra {
	padding: 4rem 0;
	background-color:#000000BA;
}
@media (min-width: 768px) {
	#cta_partners .sombra {
		background-color:#00000090;
	}
}
@media (min-width: 992px) {
	#cta_partners .sombra {
		background-color:#00000000;
	}
}
/* -----------------------------------Contacto */
#contact {
	padding-bottom: 0;
}
#contact .g-0 {
	background-color:#dce3ed;
	color:#21356a;
}
#contact h2 {
	color:#21356a;
}
#contact .call_center {
	background-image:url(../assets/img/call-center.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#contact .call_center .gradiente {
	height:100%;
 background: rgb(220,227,237);
background: linear-gradient(90deg, rgba(220,227,237,0) 0%, rgba(220,227,237,0) 67%, rgba(220,227,237,1) 95%); 
}
#contact .formulario {
	padding: 25px 50px;
}
/*#contact .form-control {
	color: #FFFFFF; 
	background-color: #F6F6F636;
	border: 0px solid #ced4da;
}*/
/* -----------------------------------Partners */
#top_partners {
	padding:0;
	background-image:url(../assets/img/partners/top.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	color:#FFFFFF;
}
#top_partners h2 {
	color: #fff;
}
#top_partners .sombra {
	padding: 4rem 0;
	background-color:#000000BA;
}
@media (min-width: 768px) {
	#top_partners .sombra {
		background-color:#00000090;
	}
}
@media (min-width: 992px) {
	#top_partners .sombra {
		background-color:#00000000;
	}
}

#p_formulario .g-0 {
	color:#21356a;
}
#p_formulario .formulario {
	padding: 25px 50px;
	background-image: url(../assets/img/partners/bg-form.jpg);
	background-size: cover;
	background-position: center right;
}
#p_formulario .instalador {
	background-image:url(../assets/img/partners/instalador.jpg);
	background-size:cover;
	background-position: center left;
}
/* -----------------------------------Footer */
footer {
	background-color: #18355d;
	color: #ffffff;
	font-size: 18px;
	padding: 30px 0 ;
}
footer h5 {
	color: #fff;
	font-size: 1.0rem;
}
/*footer .menu a {
	text-decoration: none;
	color: #acb8c1;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}*/
footer a {
	color:#FFFFFF;
	text-decoration:none;
}
footer .redes a {
	font-size:30px;
	padding:1px 10px;
}
/* -----------------------------------Boton "pide una cotizacion" */
.scroll-to-top {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	/* display: none; */
	/* width: 2.75rem; */
	/* height: 2.75rem; */
	text-align: center;
	color: #fff;
	/* background: rgba(13,202,240,.5); */
	/* line-height: 46px; */
	padding: 7px 12px;
	text-decoration: none;
	font-weight: bold;
	z-index: 5;
}
.scroll-to-top:hover {
	/* background: rgba(224,95,90,.8);
	color:#fff; */
}
.rounded {
	border-radius: .35rem !important;
}
/* -----------------------------------Pie */
.pie {
	background-color:#181f31;
	color:#acb8c1;
	padding: 15px 0;
}
.pie .nav-link, .pie a {
	color:#ffffff;
	text-decoration:none;
}
.pie .nav-link:hover, .top .nav-link:focus, .pie a:hover {
	color: #fff;
}
.pie .nav-link {
	 padding: 0 0.5rem; 
}