@font-face {
font-family: 'Product Sans Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Regular'), url('../fonts/ProductSans-Regular.woff') format('woff');
}
html{
	font-family: "Inter", serif !important;
	font-optical-sizing: auto;
	font-style: normal;	
}
body {
	display: flex !important;
	min-height: 100vh !important;
	flex-direction: column !important;
}

main {
	flex: 1 0 auto !important;
}

.nav-text a {
	color: #4585BE !important;
}

.nav-text-m a {
	color: #fff !important;
}

.nav-text {
	color: #4585BE !important;
}

html {
	line-height: 1.56 !important;
}

.contact-point {
	width: 100%;
	height: 20px;
}

.text-right {
	text-align: right !important;
}

.grid-contact {
	text-align: right !important;
	color: #424242 !important;
	font-size: 0.95rem !important;
	margin-top: 1%;
	margin-bottom: 0.5%;
}

.text-us{
	font-size: 2.5vh;
    font-weight: 250;
}

img.center {
	display: block;
	margin: 0 auto;
}

.mid-blue {
	color: #1799d4 !important;
}
.mid-grey {
	color: #545050 !important;
}


.gradient-blue{
	background: linear-gradient(90deg, rgba(97,181,204,1) 35%, rgba(69,133,190,1) 100%);
}

.low-blue {
	color: #BEE1E7 !important;
}

.b-low-blue {
	background-color: #BEE1E7 !important;
}

.b-mid-blue {
	background-color: #4585BE !important;
}

.card-text-service {
	font-size: 17px !important;
}

.nav-page {
	padding-left: 3%;
}

#contacto {
	-webkit-transition-property: height, width, background-color,;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
}

.landingNosotros {
	background-image: url(/content/img/landing/somos.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.text-logo{
	padding-top: 11%;

}
.landingServicios {
	background-image: url(/content/img/landing/servicios.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landingProyectos {
	background-image: url(/content/img/landing/proyectos.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landingContacto {
	background-image: url(/content/img/landing/contacto.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing61 {
	background-image: url(/content/img/landing/6.1.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing62{
	background-image: url(/content/img/landing/6.2.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing63 {
	background-image: url(/content/img/landing/6.3.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing64 {
	background-image: url(/content/img/landing/6.4.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing65 {
	background-image: url(/content/img/landing/6.5.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.landing66 {
	background-image: url(/content/img/landing/6.6.webp);
	background-repeat: no-repeat;
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.h1-landing {
	font-size: 8.5rem !important;
}
.h1-servicios {
	font-size: 3.5rem !important;
}
.h1-landing-index {
	font-size: 5.0rem !important;
}
.landing-sub{
font-weight: 300 !important;
}
.landing-sub2{
	font-weight: 200 !important;
    font-size: 1.7rem;
}
.logoFooter{
	background-size: 100% 100%;
	width: 40%;

}
.logoUni{
	background-size: 100% 100%;
	width: 50%;

}
.numerosRes{
	padding-top: 3%;
	padding-bottom: 3%;
}
.logoUnicloud{
	background-size: 100% 100%;
	width: 30%;
}
.textcargo {
	font-size: 0.8rem;
}
.slider .indicators .indicator-item {
	background-color: #666666;
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.slider .indicators .indicator-item.active {
	background-color: #ffffff;
	
}
.slider .slides li {
	margin-bottom: 0 !important;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
.slider .slides li .caption {
	width: 100%;
    min-height: 80vh;
    height: 80vh;
    max-height: 80vh;
	align-content: center !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 800 !important;
}
.slider .indicators {
	bottom: 60px;
	
  /* text-align: left; */;
}

/* Slider */
.slick-slide {
	margin: 0px 20px;
}

.logo-carousel {
	overflow: inherit;
	height: 165px !important;
}

.slick-slide img {
	width: 100%;
    max-width: 55%;
    padding-top: 15%;
}

.slick-track::before,
.slick-track::after {
	display: table;
	content: '';
}

.slick-track::after {
	clear: both;
}

.slick-track {
	padding: 1rem 0;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
	color: #fff;
	filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
	border: none;
	width: 2rem;
	height: 1.5rem;
	text-indent: -10000px;
	margin-top: -16px;
	z-index: 99;
}

.slick-arrow.slick-next {
	right: -40px;
	transform: rotate(180deg);
}

.slick-arrow.slick-prev {
	left: -40px;
}

.rowc {
	overflow: hidden;
}

nav.nav-center ul {
	text-align: center;

}

nav.nav-center ul li {
	display: inline;
	float: none;
}

nav.nav-center ul li a {
	display: inline-block;
}

.mininav {
	height: 35px !important;
	line-height: 35px !important;
	background: linear-gradient(90deg, rgba(97,181,204,1) 35%, rgba(69,133,190,1) 100%) !important;
	color: #fff !important;
	font-size: 1.1rem !important;
}

.mininav i {
	height: 35px !important;
	line-height: 35px !important;
	font-size: 1.1rem !important;
}

.minivavc {
	margin-left: 2%;
	transition: background-color .3s;
}

.minivavc:hover {
	background-color: rgba(0,0,0,0.1) !important;
	padding: 1%;
	transition: background-color .3s;
}
.selected {
	background-color: rgba(0,0,0,0.1) !important;
	transition: background-color .3s;
	border-bottom: 5px solid #1799d4;
}

.mininav a {
	color: #fff !important;
}
.navprincipal {
	height: 100px !important;
	line-height: 40px !important;
	background: transparent;
	/*background: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));*/
	z-index: 100;
	margin-top:3%;
	box-shadow: none !important;
	-webkit-box-shadow:none !important;
	position: absolute;
	border-bottom: 5px solid transparent;
}
.navprincipal li a {
	color:#eee !important;
	/*background-color: rgba(0, 0, 0, 0.1);*/
}

.navprincipal ul a {
	font-size: 1.1rem !important;
}

.navprincipal ul a:hover {
	color: #fff !important;
	transition: width 5s ease 1s;
	border-bottom: 5px solid #1799d4;
	border-radius: 3%;;
}

.brand-logo img {
	margin-top: 3%;
	width: 55%;
}
.sidenav-logo img {
	width: 45%;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	margin-top: -2% !important;
}

.slider .indicators {
	display: none;
}

.sliderindex {
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}

.slides {
	margin-bottom: 0 !important;
	width: 100%;
	width: 100%;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
	background-size: 100% 100%;
}
nav .sidenav-trigger i{
	color:white !important;
}


.page-footer .footer-copyright {
	/*background: linear-gradient(90deg, rgba(97,181,204,1) 35%, rgba(69,133,190,1) 100%)!important;*/
	background-color: #000000 !important;
	margin-top: 4%;
	text-align: left;
}

.page-footer {
	/*background: linear-gradient(90deg, rgba(97,181,204,1) 35%, rgba(69,133,190,1) 100%) !important;*/
	background-color: #262626 !important;
	margin-top: -0.9%;
	height: 265px;
	font-size: 0.8rem;
	color: #eee !important;
	font-weight: 50;
    font-size: 1rem;
	text-align: center;
	margin-bottom: 2%;
}

.page-footer ul {
	color: #eee !important;
}

footer a{
	color: #eee !important;	
}
.sliderCom{
	background: radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(238,238,238,1) 100%);
	height: auto;
	padding-bottom: 3%;
}
.backIntegrador{
	background: radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(238,238,238,1) 100%);
	height: auto;
	padding-bottom: 3%;
}
.footersocial {
	font-size: 1.5rem;
	padding: 1.5%;
}


.valores {
	font-size: 1.5rem !important;
}

.valoresico {
	font-size: 2.5rem !important;
}
.text-bold {
	font-weight: bold !important;
}

.rowservicios {
	background-color: #fff;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.colservicios {
	
	border-radius: 1% !important;
	margin-right: 0.5% !important;
	flex: 1;
	margin-bottom: 1%;
    padding: 0% !important;
	
 /* additionally, equal width */;
}
.flexbox {
	display: flex;
	flew-wrap: wrap;
	justify-content: center;
	align-items: center;
  }

.colproyectos {
	
    background-color: #fff;
    border-radius: 1% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
    margin-right: 0.5% !important;
    flex: 1;
    line-height: 130%;
	height: 16.5rem;
	margin-bottom: 1%;
}

.sectionpro{
	padding-bottom: 0rem !important;
	margin-bottom: 0px !important;
}
.sectionpro .row{
	padding-bottom: 0rem !important;
	margin-bottom: 0px !important;
}


.colservicios .waves-effect {
	display: flex !important;
}


.colproyectos {
	flex: 1;
 /* additionally, equal width */;
}

.promo-caption-low {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.8rem !important;
	text-align: left;
}

.rowflex {
	display: flex;
}

.proyectimg {
  display: block;
  margin-left: auto;
margin-right: auto;
width:100% !important;
	max-height: 320px;
	background-size: 100% auto;

}
.mail-send{
	width:100%;
	height:60px;
	text-align:center;
	color:#fff;
}
.modalclogo{
	  display: block;
  margin-left: auto;
margin-right: auto;
width:20% !important;
}
.modalptext{
	text-align: justify;
}
.proyectimgc {
	width:100%;
	max-height: 250px;
}
.errorp {
	font-size:12rem;
	text-align:center;
}
.indexServicios{
	width:100%;
	/* background-color:#eee; */
	background: linear-gradient(90deg, rgba(97,181,204,1) 35%, rgba(69,133,190,1) 100%);
	padding-top: 2%;
	padding-bottom: 2%;
	color:#fff;
	
}
/*.modal.modal-fixed-footer{
	height: 67% !important;
}*/

.empl{
	flex:1;
}
nav .brand-logo {
    max-width: 22% !important;
}
.modal {
	max-height: 80% !important;
    width: 80% !important;
}
.stitulo{
padding-bottom: 2%;
}
.rowmapa .col {
	  padding: 0rem !important;	  
      margin-bottom: -1.7%;
}

@media only screen and (max-width: 600px) {


	.row .col.offset-s1 {
		margin-left: 0% !important;
	}
	.valores {
		font-size: 1rem !important;
	}
	
	.modalclogo{
width:30% !important;
}
.h1-landing {
	font-size: 4.2rem !important;
}
.h1-servicios {
	font-size: 2.0rem !important;
}
.h1-landing-index {
	font-size: 3.0rem !important;
}
.landing-sub2{
	font-weight: 200 !important;
    font-size: 1.0rem;
}
    nav .brand-logo {
    max-width: 50% !important;
    }
	.logoFooter{
		height: 5vh;
	}
	
	.colservicios {
		border-radius: 00% !important;
	}

	.page-footer {
		font-size: 0.8rem;
		height: 200px;
	}
	.forow {
margin-bottom: 0px !important;
	}
	.page-footer .footer-copyright {
		margin-top: 0%;
	}

	.numeros {
		font-size: 1.6rem !important;
	}

	.page-footer {
		margin-top: -2%;
	}

	.logoback {
		background-size: auto 100%;
	}
	.logobackS {
		height: 130px;
	}
		.logobackP {
		height: 130px;
	}

	.proyectimg {
		width:50% !important;
		max-height: 200px;
	}
}
/* Media Queries */
@media (max-width: 768px) {
	.slick-arrow {
		width: 1rem;
		height: 1rem;
	}
	.forow {
		margin-bottom: 0px !important;
			}
	.page-footer .footer-copyright {
				margin-top: 0%;
	}
}