/*
Theme Name: ITM
Theme URL: www.itm.com
Description: ITM.
Version: 0.1
Author: Alejandro Tiria
Author URL: https://www.alejandrotiria.com/
*/

:root {
    /*--color-primary: #1d3d75;*/
    --color-primary: #072a5e;
    --color-secondary: #00a1eb;
    --color-gray: #f6f5f0;
    --color-gray-dim: #7f7f7f;
    --color-green: #7bb024;
    --color-dark: #051421;
    --border-radius: 10px;
}

body {
    font-family: 'Open Sans Light';
}
strong {
    font-family: 'Open Sans Bold';
}

.bg-gray {
    background-color: var(--color-gray);
}
.color-primary {
    color: var(--color-primary);
}
.color-green {
    color: var(--color-green);
}
.btn-white {
    background-color: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.btn-dark,
.btn-blue {
    border-radius: var(--border-radius);
    color: #fff;
    position: relative;
}
.btn-dark,
.btn-dark-round {
    background-color: var(--color-primary);
}
.btn-dark,
.btn-blue {
    padding: 0px 16px 9px;
}
.btn-dark::after,
.btn-blue::after {
    content: '';
    border-bottom: 3px solid #fff;
    width: 35px;
    position: absolute;
    left: 16px;
    bottom: 5px;
}
.btn-blue {
    background-color: var(--color-secondary);
}
.btn-dark-round {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 60px;
    line-height: 1.1;
    margin-top: -30px;
    text-align: center;
    width: 60px;
    position: absolute;
    right: 0;
    top: 180px;
}
.btn-dark-round strong {
    vertical-align: middle;
}
.btn-dark-round:hover {
    color: var(--color-secondary);
}
.font-light {
    font-family: 'Open Sans Light';
}
.font-bold {
    font-family: 'Open Sans Bold';
}
.mt-5-neg {
    margin-top: -3rem;
}
.title,
.title-green {
    font-family: 'Open Sans Bold';
}
.title {
    border-left: 5px solid var(--color-secondary);
}
.title-green {
    border-left: 5px solid var(--color-green);
}
.title-section {
    border-bottom: 4px solid var(--color-primary);
    position: relative;
    top: -41px;
}
.title-section span {
    background-color: var(--color-primary);
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-family: 'Open Sans Bold';
    padding: 0.2rem 2.5rem;
    position: relative;
    top: -2px;
}
.sub-title {
    color: #828282;
    font-size: 1.6rem;
}
.top-header {
    margin-top: -7rem;
}
.border-b {
    position: relative;
}
.border-b::before,
.border-b::after {
    content: '';
    width: 9rem;
    position: absolute;
}
.border-b::before {
    left: 1.5rem;
    border-bottom: 4px solid var(--color-secondary);
    bottom: 2rem;
}
.border-b::after {
    left: 10.5rem;
    border-bottom: 1px solid #fff;
    bottom: 2.06rem;
}
.border-b-green::before {
    border-bottom: 4px solid var(--color-green);
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.cursor-pointer {
    cursor: pointer;
}

/**
* Portada
*/
.bgPortadaAgro {
    background-image: url(./assets/img/elements/bg-portada-agro.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    position: relative;
}
.bgPortadaHidro {
    background-image: url(./assets/img/elements/bg-portada-hidro.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    position: relative;
}

.titlePortada {
    text-align: center;
    margin: 0;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 28px;
    font-family: 'Open Sans Bold';
}

.titlePortada a {
    color: #fff;
    padding: 4px 25px;
    border: solid 1px #fff;
    background: transparent;
    font-size: 18px;
    margin-top: 17px;
    display: inline-block;
}
.titlePortada a:hover {
    text-decoration: none;
}

.bienvenido {
    color: #fff;
    font-size: 36px;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bienvenido span {
    font-size: 20px;
    margin-top: 0px;
    display: block;
}

.bienvenido img {
    background: #fff;
    padding: 15px 23px;
    margin-top: 8%;
}

/**
* Navbar
*/
header{
	position: relative;
	z-index: 999;
}
nav.navbar {
    background-color: rgba(255, 255, 255, 0.1);
}
#menu-menu-principal a.nav-link {
    text-transform: uppercase;
}
#menu-menu-principal li.active {
    font-family: 'Open Sans Bold';
}
.dropdown-menu a {
    font-family: initial;
}

/**
* Banner
*/
.banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
}
.content-banner {
    padding: 5rem 0;
}
.content-banner h1 {
    font-size: 3rem;
    text-transform: uppercase;
}
.content-banner ul {
    font-size: 1.2rem;
}
.content-banner a {
    color: #fff;
}
.content-banner li,
.published-post li {
    line-height: 1;
}
.content-banner li:first-child,
.published-post li:first-child {
    padding-right: 0.8rem;
}
.content-banner li:first-child {
    border-right: 2px solid #fff;
}
.swiperHome .swiper-slide img{
    width: 100%;
    max-width: 100%;
}

/**
* HOME
*/
.bg-soluciones,
.bg-solucion,
.bg-ultimas-noticias,
.bg-proyecto-destacado {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
}
.bg-soluciones {
    background-image: url(./assets/img/home/bg-soluciones.webp);
}
.info-banner {
    padding: 8rem 0 10rem;
}
.content-ns {
    position: relative;
}
.content-ns::after {
    content: '';
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25rem;
    z-index: 0;
}
.content-ns > div {
    position: relative;
    top: -4rem;
    z-index: 1;
}
.bg-soluciones h4 {
    padding: 11rem 1.5rem 3rem;
}
.bg-solucion {
    height: 12rem;
}
.icon-solucion {
    margin-bottom: -20px;
}
.icon-solucion img {
    background-color: #00a0e9;
    border-radius: 50%;
    padding: 10px;
    position: relative;
    top: -45px;
    border: 3px solid #fff;
}
.title-solucion {
    color: var(--color-primary);
    font-size: 1.5rem;
}
.bg-ultimas-noticias {
    background-image: url(./assets/img/home/bg-noticias.webp);
    padding: 5rem 0;
}
.bg-noticia {
    border-bottom: 3px solid var(--color-green);
    height: 180px;
}
.list-ultimas-noticias {
    margin-top: -10rem;
}
.bg-proyecto-destacado {
    background-image: url(./assets/img/home/bg-proyecto-destacado.webp);
    height: 200px;
}

.swiperClientes .swiper-slide img{
	padding: 0px 5px;
  margin-bottom: -5px;
}

/**
* Botones flotantes
*/
.btn-cotizacion,
.btn-pago {
    position: fixed;
    z-index: 9999;
    transition: 0.5s;
}
.btn-cotizacion {
    left: -9rem;
    top: 13rem;
}
.btn-pago {
    left: -7rem;
    top: 18rem;
}
.btn-cotizacion:hover,
.btn-pago:hover {
    left: 0;
}
.btn-cotizacion li,
.btn-pago li {
    vertical-align: middle;
}
.btn-cotizacion .info,
.icon-cotizacion,
.btn-pago .info,
.icon-pago {
    border: 2px solid #fff;
}
.btn-cotizacion .info,
.btn-pago .info {
    border-left: none;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0.5rem 3rem 0.5rem 1rem;
    text-align: center;
}
.btn-cotizacion .info {
    background-color: var(--color-primary);
}
.btn-pago .info {
    background-color: var(--color-secondary);
}
.icon-cotizacion,
.icon-pago {
    border-radius: 50%;
    left: -2.5rem;
    padding: 0.7rem;
    position: relative;
}
.icon-cotizacion {
    background-color: var(--color-secondary);
}
.icon-pago {
    background-color: var(--color-primary);
}

/**
* Footer
*/
footer {
    background-color: var(--color-primary);
}
.menu-footer li {
    display: inline-block;
}
.menu-footer li:not(:last-child) {
    margin-right: 1rem;
}
.menu-footer a {
    color: #fff;
    text-transform: uppercase;
}
.all-rights {
    background-color: var(--color-green);
}

/**
* Footer Portada
*/
.footerDatos {
    color: #fff;
    padding: 10px;
}
.footerDatos img {
    max-width: 60px;
    margin-right: 10px;
}
.footerDatos p {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

/**
* Single
*/
.published-post {
    color: var(--color-gray-dim);
}
.published-post li:first-child {
    border-right: 2px solid var(--color-gray-dim);
}
blockquote {
    background-color: var(--color-gray);
    font-style: italic;
    padding: 1.5rem 3rem;
    position: relative;
}
blockquote::before {
    content: '';
    border-left: 3px solid var(--color-secondary);
    height: 60%;
    left: 1.6rem;
    position: absolute;
    top: 20%;
}
blockquote p {
    margin-bottom: 0;
}
.content-featured {
    margin-top: 4rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
}

/**
* SINGLE SOLUCIÓN
*/
.banner-single-sol {
    background-image: url(./assets/img/home/bg-ultimas-noticias.webp);
}
.banner-single-sol h1 {
    font-size: 1.6rem;
    text-transform: uppercase;
}
.banner-single-sol ul li {
    margin: 0 0 0 -5px !important;
    padding: 0.1rem 0.5rem;
}
.banner-single-sol ul li:first-child {
    background-color: var(--color-primary);
}
.banner-single-sol ul li:nth-child(2) {
    background-color: #284f96;
}
.banner-single-sol ul li:last-child {
    background-color: #3b68bd;
}
.content-benef {
    padding: 3rem 3rem 5rem;
}
#infoTab.nav-tabs{
	border: 0px;
	margin-bottom: -1px;
}
#infoTab .nav-link {
    background-color: #fff;
    color: var(--color-gray-dim);
    font-family: 'Open Sans Bold';
    font-size: 1.1rem;
    margin-right: 5px;
    padding: 0.5rem 3rem;
}
#infoTab .active {
    color: initial;
    border-bottom: 4px solid var(--color-secondary);
}
#infoTabContent {
    font-size: 1.17rem;
}
#infoTabContent ul li {
    margin-bottom: 0.5rem;
}
#infoTabContent ul li::marker {
    color: var(--color-secondary);
}
.content-videos h3 {
    color: var(--color-primary);
    font-family: 'Open Sans Bold';
}
.card-title {
    color: var(--color-primary);
    font-size: 1.7rem;
    font-family: 'Open Sans Bold';
}
.icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: red;
    border-radius: 50%;
    color: #fff;
    margin-top: -35px;
    margin-left: -35px;
}

/**
* Quienes Somos
*/
.bg-gradient {
    background: rgb(246, 245, 240);
    background: -moz-linear-gradient(90deg, var(--color-gray) 60%, #fff 60%);
    background: -webkit-linear-gradient(90deg, var(--color-gray) 60%, #fff 60%);
    background: linear-gradient(90deg, var(--color-gray) 60%, #fff 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f5f0",endColorstr="#ffffff",GradientType=1);
}
.bg-mision {
    background-image: url(./assets/img/quienes-somos/mision.png);
}
.bg-vision {
    background-image: url(./assets/img/quienes-somos/vision.png);
}
.list1-valores li {
    width: 32%;
}
.list2-valores li {
    width: 49%;
}

/**
* SOLUCIONES
*/
.item-cat {
    margin-bottom: 2rem;
}

/**
* PROYECTOS
*/
.ListadoProyectos{
	position: relative;
	border: 20px solid #fff;
	padding: 0px;
}
.ListadoProyectos img{
	width: 100%;
	max-width: 100%;
}
.cardProyectos{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  border: 0px;
	background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 38%) 70%, rgba(255,255,240,0) 100%);
	padding-bottom: 10px;
}
.cardProyectos h3{
  color: #fff;
  text-align: center;
  font-family: 'Open Sans Bold';
}
.ListadoProyectos span{
  font-family: 'Open Sans';
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #fff;
	color: #000;
	padding: 4px 10px;
	border-left: 3px solid var(--color-green);
	font-size: 12px;
	margin: 8px;
}
.proyectosDestacados .ListadoProyectos{
	border: 0px;
	border-top: 20px solid #fff;
}

.popupProyectos{
	flex-direction: initial !important;
}

.popupProyectos img{
	max-width: 100%;
	display: inline-block;
}



/**
* MEDIA QUERIES
*/
@media (max-width: 991px) {
    nav.navbar {
        background-color: var(--color-dark);
    }
}