body {
	color:#0B0B61;
}

/*==============================================
--------------- Estilos globales ---------------
==============================================*/ 
.container-parallax { 
	/*box-shadow: 0 20px 10px -12px rgba(0, 0, 0, 0.50);*/
	position: relative;
	padding: 4rem 0;
}

.background-img {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
} 

.overllay-layer-F4F4F4 { background-color: #F4F4F4; } 

.overllay-layer-FFFFFF { background-color: #FFFFFF; }

.overlay-transparent-rgba {
	position: absolute;
	top: 0;
	left: 0px;
	padding: 0;
	height: 100%;
	width: 100%;
	background: rgba(244,244, 244); 
	background: rgba(244,244, 244, 0.95);
}

.overlay-transparent-opacity {
	position: absolute;
	top: 0;
	left: 0px;
	padding: 0;
	height: 100%;
	width: 100%;
	opacity: .95;
} 



.section-title {
	font-size: 32px; 
	text-align: center;
	padding-bottom: 30px; 
	font-weight: 600;
} 

.section-subtitle {
	font-size: 25px; 
	padding-top: 28px;
}

.paragraph-text {
	font-size: 18px;
} 

.line-title {
	width: 60px;
	height: 3px;
	background-color: #B20202;
	margin: 15px auto 0 auto;
}
/*============ End Estilos globales ============*/ 



.general-page-container {
	z-index: 100 !important; 
	position: relative; 
	/*margin-bottom: 336px; */
	box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
}



/*=======================================================
--------------- Menú encabezado principal ---------------
=======================================================*/
.header-main-menu {
	transition: all .5s ease-in-out;
	/*background-color: transparent;*/
	background-color: #FFFFFF;
	/*padding-top: 1.563rem;
	padding-bottom: 1.563rem;*/
}
	
.header-main-menu.reduce-height-main-menu {
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
}

.header-main-menu.format-menu-items .nav-item,
.header-main-menu.reduce-height-main-menu .nav-item {
	position: relative;
	padding-right: 10px;
	padding-left: 0; 
}

/* Formato a los elementos del menú principal, cuando se esta en el inicio */
.header-main-menu.format-menu-items .nav-link,
.header-main-menu.reduce-height-main-menu .nav-link {
	color: #14369D !important;
	text-transform: uppercase;
	font-weight: 700; 
	font-size: 14px;
}

.header-main-menu.format-menu-items .nav-link:before,
.header-main-menu.reduce-height-main-menu .nav-link:before {
	content: '';
	position: absolute;
	margin-left: 0px;
	width: 0%;
	bottom: 0;
	left: 0;
	height: 2px;
	transition: all 500ms ease;
}
	
.header-main-menu.format-menu-items .nav-link:hover,
.header-main-menu.reduce-height-main-menu .nav-link:hover {
	color: #14369D; 
	/*font-style: italic;*/ 
}

.header-main-menu.format-menu-items .nav-link:hover:before,
.header-main-menu.reduce-height-main-menu .nav-link:hover:before {
	width: 35px;
}

.header-main-menu.format-menu-items .show > .nav-link:before,
.header-main-menu.format-menu-items .active > .nav-link:before,
.header-main-menu.format-menu-items .nav-link.show:before,
.header-main-menu.format-menu-items .nav-link.active:before,
.header-main-menu.reduce-height-main-menu .show > .nav-link:before,
.header-main-menu.reduce-height-main-menu .active > .nav-link:before,
.header-main-menu.reduce-height-main-menu .nav-link.show:before,
.header-main-menu.reduce-height-main-menu .nav-link.active:before {
	width: 35px;
}

/* Linea para la opción activa */
.header-main-menu.format-menu-items .nav-link:before {
	background-color: #B20202; 
}

/* Formato para el hover desde la sección home */
.header-main-menu.format-menu-items .nav-link:hover {
	color: #B20202; 
	font-weight: 700 !important; 
}

/* Color por default al elemento activo en el menú */
.header-main-menu.format-menu-items .show > .nav-link,
.header-main-menu.format-menu-items .active > .nav-link,
.header-main-menu.format-menu-items .nav-link.show,
.header-main-menu.format-menu-items .nav-link.active {
	color: #14369D; 
} 

/* Estilos para el contenedor principal del menu cuando esta reducido */
.header-main-menu.reduce-height-main-menu {
	transition: all .5s ease-in-out;
	background-color: #fff;
	padding-top: 1px;
	padding-bottom: 4px; 
}

/* Estilos para las opciones del menú cuando esta en modo reducido */
.header-main-menu.reduce-height-main-menu .nav-link {
	color: #14369D; 
}

/* Formato para el elemento activo del menú cuando está en modo reducido */ 
.header-main-menu.reduce-height-main-menu .nav-link:before {
	background-color: #B20202; 
}

.header-main-menu.reduce-height-main-menu .nav-link:hover {
	color: #14369D; 
	font-weight: 700;
}

/* Estilos para el elemento activo del menú, cuando está en modo reducido */
.header-main-menu.reduce-height-main-menu .show > .nav-link,
.header-main-menu.reduce-height-main-menu .active > .nav-link,
.header-main-menu.reduce-height-main-menu .nav-link.show,
.header-main-menu.reduce-height-main-menu .nav-link.active {
	color: #14369D; 
	font-weight: 700;
}

.header-main-menu.reduce-height-main-menu .navbar-brand {
	color: #14369D; 
}

/* Estilo para poner un color de fondo al boton del menu principal en tabletas y movil */
.header-main-menu.reduce-height-main-menu .navbar-toggler span {
	background-color: none;
}

.header-main-menu .navbar-brand {
	color: #14369D !important;
	font-size: 1.6rem;
	font-weight: 600; 
} 

.content-logo {
	width:auto; 
	height: auto; 
	margin: 8px 0 6px 0;
} 


.logo-big { display: none; } 
.logo-small { display: block; }


.header-main-menu .navbar-nav .dropdown-item.show .dropdown-menu,
.header-main-menu .dropdown.show .dropdown-menu,
.header-main-menu .dropdown-btn.show .dropdown-menu {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	visibility: visible !important;
}

.header-main-menu .dropdown-menu {
	margin: 1.12rem 0 0;
	border-radius: 0;
}

.header-main-menu .dropdown-menu .dropdown-item {
	padding: .7rem 1.7rem;
	transition: all 500ms ease;
}

.header-main-menu .dropdown-menu .dropdown-item:hover {
	background-color: #14369D;
	color: #fff;
	transition: all 500ms ease;
}

.header-main-menu .dropdown-menu .dropdown-item.active {
	background-color: #B20202;
} 
/*================== End Menú encabezado principal ==================*/ 



/*==============================================================================
--------------- Botón que nos lleva al inicio (top) de la página ---------------
==============================================================================*/
.fa-angle-up {
	margin-top:-6px !important;
}

.return-top-page {
	position: fixed;
	display: none;
	background: #14369D;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 76px;
	transition: background 0.5s;
	z-index: 11;
}

.return-top-page i {
	padding-top: 12px;
	color: #fff;
}
/*=================== End Botón que nos lleva al inicio (top) de la página ===================*/ 



/*==============================================================================
--------------- Bloque para el loader mientras carga la página ---------------
==============================================================================*/
.loaderPage {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}

.loaderPage:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #14369D;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*================= End Bloque para el loader mientras carga la página =================*/ 



/*=============================================
--------------- Scroll superior ---------------
=============================================*/
.scroll-top {
	position: relative;
	display: block; 
	background-color: darkred; 
}

.scroll-top span {
	z-index: 999;
	position: fixed;
	width: 42px;
	height: 42px;
	background-color: #14369D;
	opacity: .7;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 50%; 
	border:solid 1px green;
}
/*=============== End Scroll superior ===============*/ 



/*=============================================
------------- Bloque sección home -------------
=============================================*/
.container-home-section {
	height: 100vh; 
	position: relative;
	color: #fff; 
	background-image: url(../img/img-main-home.jpg); 
}

.container-home-section .content-home-section {
	text-align: center;
	position: absolute;
} 

.fullscreen-container {
	width:100%; 
	height:100%; 
	display:table; 
} 

.fullscreen-content {
	display:table-cell; 
	vertical-align:middle; 
} 

.container-giro-company {
	padding: 80px 0 70px 0;
	background: rgba(0,0, 0); 
	background: rgba(0,0, 0, 0.7); 	
} 

.container-home-section .title-section-home {
	color: #F6F6F6;
	font-weight: 600;
	font-size: 3rem;
} 

.container-home-section .titleb { 
	font-weight: bold; 
	font-style: italic;
}

.container-home-section .subtitle-section-home {
	font-size: 1.5rem;
	font-weight: 300; 
	color:#F6F6F6; 
	font-style: italic;
}

.container-home-section .subtitle-text {
	display: none;
} 
/*=============== End Bloque sección home ===============*/ 



/*====================================================
------------- Bloque ¿Quienes somos? -------------
====================================================*/ 
.section-about {
	background-image: url(../img/About/computer_1920x1275.jpg); 
}

.section-publicidad {
	background-image: url(../img/Publicidad/locatplace-publicidad.jpg); 
}
/*=========== End Bloque ¿Quienes somos? ===========*/ 



/*============================================================
------------- Bloque para misión, visión, valores ------------
============================================================*/
.title-values-company {
	font-size: 18px; 
	font-weight: 600;
	text-align: center;
	padding: 1rem 0 0 0;
	
}
.paragraph-text-values-company {
	font-size: 15px;
	padding: 1rem 1rem;
} 

.icon-container {
	float: left; 
	margin-top: -1px;
} 

.text-values-container {
	float: left; 
	margin: 0 0 0 3px;
} 

.values-company {
	padding-left: 15px !important;
}
.values-company li {
	overflow: auto; 
	/*font-weight: 501;*/
}

svg g {
    fill: #0DC143 !important; /* Relleno */
	stroke:#14369D !important; /* Border */
}

.format-icon-values-company {
	width:20px;
}
/*=========== End Bloque para misión, visión, valores ===========*/



/*============================================
------------- Bloque Slogan -------------
============================================*/ 
.section-slogan {
	box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
	position: relative;
	/*color: #fff; */
	background-color: #F5F5F5; 
	padding: 4rem 0;
}
/*================ End Slogan ===============*/ 



/*============================================
-------------- Bloque Servicios --------------
============================================*/
.section-services {
	background-image: url(../img/Services/artificial-intelligence_1920x1285.jpg); 
} 

.section-services .box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 10px 40px 10px;
	background: #fff;
	box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
	transition: all 0.3s ease-in-out;
	text-align: center;
}

.section-services .box:hover {
-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.section-services .icon {
	margin: 0 auto 15px auto;
	padding-top: 12px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}

.section-services .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}

.section-services .title a {
	color: #111;
}

.section-services .box:hover .title a {
	color: #14369D;
}

.section-services .description {
	font-size: 14px;
	/*line-height: 28px;*/
	margin-bottom: 0;
	text-align: left;
}
/*=============== End Servicios =============*/ 



/*============================================
------------- Bloque Tecnologías -------------
============================================*/
.section-technologies {
	background-image: url(../img/Technologies/artificial-intelligence_1920x1080.jpg); 
} 

.backcolor-container-card {
	background-color: #0B76FC;
}

.backcolor-card-header {
	background-color: #14369D;
	/*background: linear-gradient(#0472fc, #b3d4fe);*/
} 
.backcolor-card-body {
	/*background: linear-gradient(#f69d3c, #3f87a6);*/
	background: linear-gradient(#0472fc, #b3d4fe);
} 
/*=========== End Bloque Tecnologías ===========*/



/*============================================
-------------- Bloque Clientes --------------
============================================*/
.section-clients {
	background-image: url(../img/Customers/business_1920x1280.jpg); 
} 
/*=========== End Bloque Clientes ===========*/



/*============================================
-------------- Bloque Contacto --------------
============================================*/
.addres-container-footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99 !important;
}

.section-contact {
	/*position: fixed;*/
	/*bottom: 0;*/
	/*width: 100%;*/
	/*z-index: 99 !important;*/

	box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
	background: linear-gradient(#b3d4fe, #0472fc);
	padding: 4rem 0;
	margin-bottom: 0rem;
} 
/*=========== End Bloque Contacto ===========*/



/*================================================
-------------- Bloque Pie de página --------------
================================================*/ 
.pleca-red-footer {
	width: 100%;
	height: 5px;
	background-color: #B20202;
}

footer {
	/*position: fixed;*/
	/*bottom: 0;*/
	/*width: 100%;*/
	/*z-index: 99 !important;*/
	background-color: #14369D;
	color: #FFFFFF; 
	padding: .5rem 0; 
	font-size: .8rem !important;
} 

footer h5 {
	font-size: .8rem !important;
} 

footer .icon-facebook {
	width: 30px;
} 

.container-copyright {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}

.container-social-networks {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}
/*=========== End Bloque Pie de Página ===========*/



/*============================================
------------- Bloque Publicidad -------------
============================================*/ 
.publicity_content-left {
	font-size: 34px; 
	margin-left: auto;
	margin-right: auto;
	width: 78%;
	text-align: center; 
	margin-top: 16px; 
	/*padding-left: 4rem;*/ 
	line-height: 40px;
}

.publicity_content-right {
	width: 12rem; 
}

.publicity_link {
	text-decoration: none !important;
}
/*================ End Publicidad ===============*/



/*============================================
------------- Bloque Media Querys ------------
============================================*/
/* 
	Corregir las medidas vh y vw en dispositivos iOS 
	Fuente: https://gist.github.com/pburtchaell/e702f441ba9b3f76f587 
*/ 

/* iPad with portrait orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	.container-home-section {
		height: 1024px;
	}
}

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	.container-home-section {
		height: 768px;
	}
}

/* iPhone 5: You can also target devices with aspect ratio. */
@media screen and (device-aspect-ratio: 40/71) {
	.container-home-section {
		height: 500px;
	}
}
/* End Corregir las medidas vh y vw en dispositivos iOS */ 


/* Si el tamaño de la pantalla es 768px o más */
@media (min-width: 768px) { 
	/*============ Menú encabezado principal ============***/ 
	.header-main-menu.format-menu-items .nav-item,
	.header-main-menu.reduce-height-main-menu .nav-item {
		padding-left: 10px;
	}

	.header-main-menu.format-menu-items .nav-link:before,
	.header-main-menu.reduce-height-main-menu .nav-link:before {
		margin-left: 18px;
	} 
	/*---------- End Menú encabezado principal ----------***/ 



	/*============ Bloque sección home ============***/ 
	.container-home-section .title-section-home {
		/*font-size: 4.5rem;*/
		font-size: 3rem;
	}

	.container-home-section .subtitle-section-home {
		font-size: 2.5rem;
	}

	.title-section-home {
		font-size: 3.5rem;
	} 
	/*---------- End Bloque sección home ----------***/ 

	.logo-big { display: block; } 
	.logo-small { display: none; }
}

@media (max-width: 768px) {
	.return-top-page {
		bottom: 15px;
	}
} 

/* Medium devices (tablets, 768px and up) */ 
@media only screen and (max-width: 834px) { 
	/* Quitamos el relleno izquierdo a la clase container de bootstrap */
	.container-logo {
		padding-left:0px !important;
	}

	.header-main-menu.format-menu-items .nav-item,
	.header-main-menu.reduce-height-main-menu .nav-item {
		padding:0 .19rem; 	/* 0.19rem = 3px */ 
		/*border: solid 1px blue;*/
	} 

	.header-main-menu.format-menu-items .nav-link,
	.header-main-menu.reduce-height-main-menu .nav-link {
		font-size: .78rem;		/* .78rem = 12px */
	}

	#containerMenuItems {
		/*background: #848484 !important;*/
	} 
}

/* Small devices (landscape phones, 576px and up) */ 
/* Si el tamaño de la pantalla es 576px de ancho o menos */
@media only screen and (max-width: 576px) {
	.container-home-section .title-section-home {
		font-size: 2rem;
	} 
} 



/* Para resolución de pantallas de minimo de 320px */
@media (min-width: 320px) {
	.section-contact {
		padding: 1rem 0;
	}
}

/* Para resolución de pantallas de minimo de 360px */
@media (min-width: 360px) {
	.section-contact {
		padding: 1rem 0;
	}
} 

/*@media (min-width: 1920px) and (max-width: 1920px) {*/
	@media (min-width: 1920px) {
		.section-contact {
			padding: 4rem 0 !important;
			margin-bottom: 0rem !important;
		}
	}

	@media (max-width: 767px) {
		.publicity_content-left{
			width: 100%;
			font-size: 26px;
			line-height: 35px;
			padding: 15px;
			background: rgba(0,0, 0, 244); 
			background: rgba(0,0, 0, 0.65);
		}
	
		.publicity_content-right {
			width: 10rem !important; 
			/*border: solid 1px #FFFFFF;*/
		}
	} 
/*=========== End Media Querys ===========*/