#sfWebDebug {
	display:none !important;
}
/****** GENERALES *******/
:focus {
    outline: 0;
}
* {
    scroll-behavior: smooth;
}
body {
	font-family: "Ubuntu", sans serif;
	color: #0a2737;
}
p {
	font-family: "Lato", sans serif;
}
b, strong {
	font-weight: bold;
}
h4 {
	color: #115e7f;
	font-size: 1.25rem;
	letter-spacing: .25rem;
}
h3 {
	font-size: 2rem;
	letter-spacing: -.1rem;
	line-height: 1;
}
.uppercase{text-transform: uppercase;}
.btn-primary {
	background-color: #dca168;
	border-color: #dca168;
	font-weight: bold;
	letter-spacing: .05rem;
	padding: .5rem 1.25rem;
	border-radius: .5rem;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus {
	background-color: #bd7733;
	border-color: #bd7733;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(189,119,51,.5)
}

.btn-hikvision {
	background-color: #d71820;
	border-color: #d71820;
	font-weight: bold;
	letter-spacing: .05rem;
	padding: .5rem 1.25rem;
	border-radius: .5rem;
	color: #fff;
}
.btn-hikvision:hover,
.btn-hikvision:active,
.btn-hikvision:not(:disabled):not(.disabled):active,
.btn-hikvision:focus {
	background-color: #c20e15;
	border-color: #c20e15;
	color: #fff;
}
.btn-hikvision:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(189,119,51,.5)
}

/****** CREADOS *******/
.ls--025 {
	letter-spacing: -.25rem;
}
.ls--0175 {
	letter-spacing: -.175rem;
}
.fs-2 {
	font-size: 2rem;
}
.fs-225 {
	font-size: 2.25rem;
}
.fs-125 {
	font-size: 1rem;
}
.fs-175 {
	font-size: 1.25rem;
}
.fw-l {
	font-weight: 300;
}
.lh-1 {
	line-height: 1;
}
.lh-175 {
	line-height: 1.75;
}
.lh-125 {
	line-height: 1.25;
}
.ver-xs {
	display: block!important;
}
.ver-sm-md {
	display:none!important;
}
.ver-lg-xl {
	display:none!important;
}
.color-celeston {
	color:#115e7f
}

/****** HEADER + MENU *******/
.preheader {
	background: #115e7f;
	color: #fff;
}
.preheader a {
	color: #fff;
}
.preheader a:hover {
	color: #8ca8b1;
	transition: all .5s ease;
}
.bg-light {
	background-color: #fff!important;
}
.navbar-light .navbar-nav .nav-link {
	color: #0a2737;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	margin-left: 1rem;
	margin-right: 1rem;
	border-bottom: 2px solid #fff;
	letter-spacing: -0.5px;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active {
	border-bottom: 2px solid #dca168;
	color: #0a2737;
}
.navbar-collapse .nav-link {
	display: inline-block;
}
.navbar-brand img {
	max-width: 250px;
}
.navbar-brand {
	margin-right: 0;
}

/****** CAROUSEL *******/
#carrusel-home-principal {
	color:#fff;
}
#carrusel-home-principal h2 {
	font-size: 2.5rem;
	line-height: .9;
	letter-spacing: -.02rem;
}
#carrusel-home-principal .slider-content {
	position: absolute;
	top: 10%;
}
.slick-next-icon, .slick-prev-icon {
	display:none;
}
.slick-prev, .slick-next {
	width: 50px;
	height: 50px;
}
.slick-prev:before, .slick-next:before {
	font-family: 'icomoon';
	color:#0c2838;
	border: 1px solid #9bafb5;
	padding: 20px;
	border-radius: 50%;
}
.slick-prev:hover:before, .slick-next:hover:before {
	color:#db0000;
	border-color: #db0000;
	transition: all .5s ease;
}
.slick-next:before {
	content: "\e90d";
}
.slick-prev:before {
	content: "\e90c";
}
.slick-prev {
	left: -65px;
}
.slick-next {
	right: -55px;
}
a .icon-arrow-thin-down {
	position: absolute;
	color: #fff;
	z-index: 1;
	left:calc(50% - 31px);
	bottom:20px;
	font-size: 30px;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 15px;
}
a .icon-arrow-thin-down:hover {
	color:#dca168;
	border-color: #dca168;
	transition: all .5s ease;
}
.img-slide-hv{
	width: 330px;
	margin-top: -5px;
}
/****** FOOTER *******/
footer {
	background: #0a2737;
}
footer a,
footer a.nav-link {
	color: #8ca8b1;
}
footer a:hover,
footer a.nav-link:hover,
footer a.nav-link:active,
footer a.nav-link.active,
footer a.nav-link:focus {
	color: #fff;
	text-decoration: none;
	transition: all .5s ease;
}
.separator {
	width: 30px;
	height: 2px;
	border: 0;
	background: #115e7f;
}
footer ul.navbar-nav {
  columns: 2;
  display: block;
}
footer .nav-link {
	color: #8ca8b1;
	padding: .25rem 0;
}
.sub-footer {
	background: #062333;
	color: #8ca8b1;
	font-size: 90%;
}
.btn-wsp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.25);
    z-index:100;
	padding-top: 10px;
}
.btn-wsp:hover,
.btn-wsp:active,
.btn-wsp:focus {
	color: #fff;
	text-decoration: none;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.25);
	transition-property: all;
}

/****** HOME *******/
.home-productos-cuadros {
	overflow: hidden;
}
.cuadro-claro:hover img {
	transition: all .75s ease;
	opacity: .5;
}
.cuadro-oscuro:hover img {
	transition: all .75s ease;
	opacity: .85;
}
.cuadro-oscuro a {
	color: #fff;
}
.cuadro-oscuro a:hover,
.cuadro-oscuro a:active,
.cuadro-oscuro a:focus,
.cuadro-claro a:hover,
.cuadro-claro a:active,
.cuadro-claro a:focus{
	color: #8ca8b1;
	transition: all .5s ease;
}
.cuadro-oscuro a.btn-primary:hover {
	color: #fff;
}
.cuadro-claro a {
	color: #0c2838;
}
.cuadro-claro a.btn-primary,
.cuadro-claro a.btn-primary:hover {
	color: #fff;
}
.home-productos-cuadros .position-absolute {
	bottom:50px;
	left:50px;
	height:82px;
	overflow: hidden;
	transition: all .75s ease;
}
.home-productos-cuadros:hover .position-absolute {
	height:230px;
}
.home-productos-cuadros h3 {
	font-size: 2rem;
	letter-spacing: -1px;
	line-height: 1;
}
.bg-asesoramiento {
	background: url(/frontend/images/bg-home-asesoramiento.jpg) right center no-repeat;
	background-size: cover;
}
.bg-asesoramiento p {
	font-size: 1.25rem;
}
.noticia-home .stretched-link:after {
	font-family: 'icomoon';
	content: "\e901";
	color:#fff;
	padding-top: 30%;
	font-size: 2rem;
	text-shadow: 0 .5rem 1rem rgba(0,0,0,.5);
	opacity: 0;
}
.noticia-home .stretched-link:hover:after {
	opacity:1;
	transition: all .5s ease;
}
.noticia-home h5 a {
	color: #0a2737;
}
.noticia-home h5 a:hover {
	color: #115e7f;
	transition: all .5s ease;
}
.noticia-home .badge-primary {
	background: #dca168;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .035rem;
	font-weight: 400;
	padding: .25em .6em .2em;
}
.bg-gris-claro {
	background-color: #f4f6f6;
}

/****** EMPRESA *******/
.titulo-seccion {
	background: url(/frontend/images/bg-titulo-seccion.jpg) no-repeat center center #193544;
	background-size: cover;
	padding: 60px 0 55px;
}
.titulo-seccion h2 {
	color: #fff;
	text-align: center;
	font-size: 3rem;
	letter-spacing: -.25rem;
}
.separator-dorado {
	width: 150px;
	height: 3px;
	border: 0;
	background: #dca168;
}
.bg-profesionalizacion {
	background: url(/frontend/images/bg-empresa-profesionalizacion.jpg) center center no-repeat;
	background-size: cover;
}
.bg-profesionalizacion p {
	font-size: 1rem;
}
/****** HIKVISION *******/
.titulo-seccion-hikvision {
	background: url(/frontend/images/hikvision-bgHero.jpg) no-repeat center center #193544;
	background-size: cover;
	padding: 60px 0 55px;
	color: #fff;
	font-family: "Ubuntu";
	min-height: 440px;
}
.hik-intro-sub{
	font-size: 2.5rem;
	line-height: 2.4rem;
}
.hik-intro-ttl{
	font-size: 3.8rem;
	line-height: 3.9rem;
}
.hik-intro-ttl span{
	border-bottom: 10px solid #d71820;
  display: inline-block;
	font-weight: 900;
  line-height: 0.5;
	font-size: 4.5rem;
}
.bg-hikvision-instaladores{
	background: url(/frontend/images/hikvision-bg-instaladores.jpg) center center no-repeat;
	background-position: center;
  background-size: cover;
  position: relative;
	background-attachment: fixed;
}
.hik-titulo{
	color: #232728;
font-weight: bold;
font-size: 20px;
padding: 0 15px;
line-height: 20px;
letter-spacing: 0;
}

.shadow { box-shadow: 0 0 50px -10px rgba(0,0,0,.2);}
.text-hikvision { color:#d71820 }
.bg-hikvision { background:#d71820 }
/****** SERVICIOS *******/
.cuadro-servicio h5 {
	font-size: 2rem;
}
.cuadro-servicio span {
	font-size: 4rem;
}
.gradient-1 {
	background: #194259;
	background: -moz-linear-gradient(top,  #194259 0%, #0a2737 100%);
	background: -webkit-linear-gradient(top,  #194259 0%,#0a2737 100%);
	background: linear-gradient(to bottom,  #194259 0%,#0a2737 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194259', endColorstr='#0a2737',GradientType=0 );
}
.gradient-2 {
	background: #137dab;
	background: -moz-linear-gradient(top, #137dab 0%, #115e7f 100%);
	background: -webkit-linear-gradient(top, #137dab 0%,#115e7f 100%);
	background: linear-gradient(to bottom, #137dab 0%,#115e7f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137dab', endColorstr='#115e7f',GradientType=0 );
}
.bg-gris {
	background: #e5e5e5;
}
.separator-dorado-chico {
	width: 60px;
	height: 3px;
	border: 0;
	background: #dca168;
}

/****** CLIENTES *******/
.borde-marca {
	border: 1px solid #d0d0d0;
}
.bg-casos-exito {
	background: url(/frontend/images/bg-casos-exito.jpg) center center no-repeat;
	background-size: cover;
}
.bg-casos-exito .padding-extra {
	padding: 120px 0 120px 30px;
}
.bg-casos-exito h2 {
	font-size: 70px;
	letter-spacing: -4px;
	line-height: 1;
}
.bg-casos-exito h6 {
	font-size: 26px;
}

/****** PRODUCTOS *******/
ul.lista-productos {
	list-style-type: none;
	margin: 0;
	padding: 15px 15px 15px 30px;
	list-style-image: url('/frontend/images/bullet-lista-productos.png');
	font-family: "Lato", sans serif;
	font-weight: 300;
}
ul.lista-productos li {
	margin-bottom: 10px;
	line-height: 1.2;
}
ul.lista-productos li a {
	color: #0a2737;
	border-bottom: 2px solid #fff;
}
ul.lista-productos li a:hover,
ul.lista-productos li a:active,
ul.lista-productos li a:focus,
ul.lista-productos li a.active {
	text-decoration: none;
	border-bottom: 2px solid #dca168;
}
ul.lista-productos li:first-child {
	font-family: "Ubuntu";
	list-style-image: none;
	margin-left: -10px;
	font-size:.85rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.categoria-producto {
	background-size: cover !important;
	padding: 100px 0 70px;
	display: block;
}
.categoria-producto:hover {
	text-decoration: none;
	transition: all .5s ease;
}
.prod-incencdio {
	background: url(/frontend/images/bg-categoria-incendio.jpg) center center;
}
.prod-incencdio:hover {
	background-image: url(/frontend/images/bg-categoria-incendio-hover.jpg);
}
.prod-camaras {
	background: url(/frontend/images/bg-categoria-camaras.jpg) center center;
}
.prod-camaras:hover {
	background-image: url(/frontend/images/bg-categoria-camaras-hover.jpg);
}
.prod-alarmas {
	background: url(/frontend/images/bg-categoria-alarmas.jpg) center center;
}
.prod-alarmas:hover {
	background-image: url(/frontend/images/bg-categoria-alarmas-hover.jpg);
}
.prod-accesos {
	background: url(/frontend/images/bg-categoria-accesos.jpg) center center;
}
.prod-accesos:hover {
	background-image: url(/frontend/images/bg-categoria-accesos-hover.jpg);
}
.categoria-producto h3 {
	font-size: 2rem;
}
.separator-catprod {
	width: 60px;
	height: 2px;
	border: 0;
	background: #fff;
}
a.categoria-producto:hover .separator-catprod {
	background: #dca168;
	transition: all .5s ease;
}
.detalle-producto {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 15px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.detalle-producto h5 {
	font-size: 1.75rem;
	letter-spacing: -.1rem;
	color: #115e7f;
	position: relative;
	margin-bottom: 40px;
}
.detalle-producto h5::after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid #d6dfe2;
    margin-bottom: -20px;
    width: 130px;
}
.detalle-producto p {
	line-height: 1.75;
	letter-spacing: .02rem;
	font-size: 1.1rem;
}
.title-productos {
	font-size: 2.25rem;
	border-bottom: 1px solid #36aed0;
    display: inline-block;
    padding-bottom: 20px;
}
.hr-title-productos {
	width: 100%;
	height: 1px;
	border: 0;
	background: #e4e4e4;
	margin-top: -9px;
}

/****** CONTACTO *******/
.datos-contacto p {
	line-height: 1.5;
	letter-spacing: .02rem;
	font-size: 1.1rem;
}
.datos-contacto h3 {
	font-size: 2.25rem;
	margin: 5px 0 10px;
}
.fx-fading-circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
}
.loading {
    display: none;
}
.form-label {
	text-transform: uppercase;
	font-weight: bold;
	font-size:.85rem;
	letter-spacing: .05rem;
}
input.form-control, textarea.form-control {
	font-family: 'Lato', sans serif;
	font-weight: 300;
	border-radius: 10px;
}
input.form-control {
	height: calc(1.5em + .75rem + 10px);
}
textarea.form-control {
	height: 130px;
	resize: none;
}
.form-group {
	margin-bottom: 1.5rem;
}
.form-control:focus {
    border-color: #dca168;
    box-shadow: 0 0 0 0.2rem rgba(220,161,104,.25);
}
.has-error .form-control {
		border-color: #dc3545 !important;
}
.help-block{
	color: #dc3545;

}

/****** BLOG *******/
ul.sidebar-categorias-blog {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Lato", sans serif;
	font-weight: 300;
}
ul.sidebar-categorias-blog li {
	line-height: 1.2;
	margin: 20px 30px;
	border-bottom: 1px solid #e4e4e4;
	display: block;
	padding-bottom: 20px;
	font-size: 1.15rem;
}
ul.sidebar-categorias-blog li a {
	color: #0a2737;
	background: url(/frontend/images/bullet-lista-productos.png) -10px 11px no-repeat;
}
ul.sidebar-categorias-blog li a:hover,
ul.sidebar-categorias-blog li a:active,
ul.sidebar-categorias-blog li a:focus,
ul.sidebar-categorias-blog li a.active {
	text-decoration: none;
	background-position: 0px 11px;
	padding-left: 10px;
	transition: all .25s ease;
}
ul.sidebar-categorias-blog li a.active {
	font-weight: 400;
}
ul.sidebar-categorias-blog li:first-child {
	font-family: "Ubuntu";
	margin: 0;
	background: #115e7f;
	color: #fff;
	padding: 20px 30px;
	letter-spacing: .1rem;
}
ul.sidebar-categorias-blog li:last-child {
	border-bottom: 0;
}
#sidebar-blog h6 {
	color: #2d3237;
	font-size: 1.15rem;
	letter-spacing: -.05rem;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}
.rrss-circle {
	background: #000;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	color: #fff;
	margin-right: 16px;
	margin-top: 10px;
}
.rrss-circle:last-child {
	margin-right: 0;
}
.rrss-circle:hover {
	text-decoration: none;
	color: #fff;
}
.icono-fb {
	background: #3b5998;
}
.icono-tw {
	background: #55acee;
}
.icono-ig {
	background: #f00075;
}
.icono-li {
	background: #0077b5;
}
.icono-em {
	background: #00a550;
}
.icono-wh {
	background: #25d366;
}
.listado-novedades {
	margin-bottom: 30px;
}
.listado-novedades h5 {
	font-size: 1.85rem;
	letter-spacing: -.025rem;
}
.listado-novedades p {
	line-height: 1.85;
}
.listado-novedades:hover {
	box-shadow: 0 0 50px -10px rgba(0,0,0,.2);
}
.img-list-nov {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
}
.img-list-nov a {
	display: block;
	height: 100%;
	width: 100%;
}
.pagination .page-link {
	font-size: 1.1rem;
	margin: 0 5px;
	border-radius: 10px !important;
	color: #115e7f;
	line-height: 1;
	padding: 15px 20px;
}
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link:active,
.pagination .page-link.active,
.page-item.active .page-link {
	color: #fff;
	background: #dca168;
	border-color: #dca168;
}
.pagination .page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(220,161,204,.25)
}
.page-item.disabled .page-link {
	color: #C9C9C9;
}
#compartir li {
	border:0;
	padding: 0;
	margin: 0 5px;
}
#compartir li:first-child {
	margin-left: 0px;
}
#compartir .rrss-circle {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-right: 0px;
	margin-top: -3px;
}
.contenido-novedad p {
	font-size: 1.1rem;
	line-height: 1.75;
}
#sidebar-blog .card,
#sidebar-blog .card-img-top {
	border-radius: 0;
	margin-top: -1px;
}
#sidebar-blog .card-title {
	margin-bottom: 5px;
	line-height: 1.2;
}
#sidebar-blog .card:hover {
	background: #f0f0f0;
	transition: all .25s ease;
}
#sidebar-blog .card a {
	color: #115e7f;
}
#sidebar-blog .card:hover a {
	text-decoration: none;
	color: #10252e;
	transition: all .25s ease;
}
#sidebar-blog .card img {
	opacity: .9;
}
#sidebar-blog .card:hover img {
	opacity: 1;
	transition: all .25s ease;
}


/****** MEDIA QUERYS *******/
/****** SM *******/
@media (min-width: 576px) {
	#carrusel-home-principal h2 {
		font-size: 3rem;
	}
	#carrusel-home-principal .slider-content {
		top: 12%;
	}
	.navbar-brand img {
		max-width: 100%;
	}
	h3 {
		font-size: 2.75rem;
	}
	.ver-xs {
		display: none!important;
	}
	.ver-sm-md {
		display:block!important;
	}
	.ver-lg-xl {
		display:none!important;
	}
	.home-productos-cuadros h3 {
		font-size: 2.5rem;
	}
	.bg-asesoramiento p {
		font-size: 2rem;
	}
	.btn-wsp {
		right: 30px;
		bottom: 30px;
	}
	.bg-profesionalizacion p {
		font-size: 1.25rem;
	}
	.fs-125 {
		font-size: 1.25rem;
	}
	.titulo-seccion h2 {
		font-size: 4.5rem;
	}
	.fs-175 {
		font-size: 1.75rem;
	}
	.bg-casos-exito .padding-extra {
		padding: 120px 0 120px 50px;
	}
	.contenido-novedad p {
		font-size: 1.2rem;
	}
	.bar {
		border-left: 1px solid #d3d7e2;
		height: 15px;
		margin-right: 1rem;
		margin-left: 1rem;
	}
	.bor-r-sid-prod {
		border-right: 1px solid #dee2e6
	}
}

/****** MD *******/
@media (min-width: 768px) {
	#carrusel-home-principal h2 {
		font-size: 3.5rem;
	}
	.ver-xs {
		display: none!important;
	}
	.ver-sm-md {
		display:block!important;
	}
	.ver-lg-xl {
		display:none!important;
	}
	.btn-wsp {
		right: 40px;
		bottom: 40px;
	}
	.bg-casos-exito .padding-extra {
		padding: 120px 0 120px 100px;
	}
	.detalle-producto .mb-2 {
		padding-right: 25px;
	}
}

/****** LG *******/
@media (min-width: 992px) {
	#carrusel-home-principal .slider-content {
		top: 15%;
	}
	#carrusel-home-principal h2 {
		font-size: 4rem;
	}
	.img-slide-hv{
		width: 550px;
		margin-top: -35px;
	}
	.navbar-light .navbar-nav .nav-link {
		margin-left: .75rem;
		margin-right: .75rem;
	}
	.ver-xs {
		display: none!important;
	}
	.ver-sm-md {
		display:none!important;
	}
	.ver-lg-xl {
		display:block!important;
	}
	.categoria-producto {
		padding: 140px 0 100px;
	}
	.bor-r-sid-prod {
		border-right: 0;
	}
}

/****** XL *******/
@media (min-width: 1200px) {
	#carrusel-home-principal .slider-content {
		top: 20%;
	}
	#carrusel-home-principal h2 {
		font-size: 4.5rem;
	}
	.navbar-light .navbar-nav .nav-link {
		margin-left: 1rem;
		margin-right: 1rem;
		letter-spacing: 0;
	}
	.ver-xs {
		display: none!important;
	}
	.ver-sm-md {
		display:none!important;
	}
	.ver-lg-xl {
		display:block!important;
	}
	.categoria-producto {
		padding: 180px 0 130px;
	}
}