/* #Primary
================================================== */

h1{
	font-family: 'IBMPlexSans-Light';
	font-size: 60px;
	color: #003246;
	letter-spacing: -0.8px;
	line-height: 62px;
	font-weight:normal;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
}
h2{
	font-family: 'IBMPlexSans-Light';
	font-size: 40px;
	color: #003246;
	letter-spacing: 0.84px;
	line-height: 45px;
	font-weight:normal;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
}
h3{
	font-family: 'IBMPlexSans';
	font-size: 22px;
	color: #003246;
	letter-spacing: 0.4px;
	line-height: 37px;
	font-weight:normal;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
}
h4{
	font-family: 'IBMPlexSans';
	font-size: 15px;
	color: #003246;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	font-weight:normal;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
}
p{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #1E3232;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	font-weight:normal;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
}
a{
	font-family: 'IBMPlexSans';
	font-size: 11px;
	color: #1E3232;
	letter-spacing: -0.1px;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
}
hr{
	margin:0px;
}
/*hilos superiores*/
.border_top_blue{
	border-top: 1px solid #003246;
	position:relative;
}
.simbol_blue::before{
	background-color:#003246;
}
.border_top_footer{
	border-top: 1px solid #ABCFCC;
	position:relative;
}
.simbol_footer::before{
	background-color:#ABCFCC;
}

.border_top_white{
	border-top: 1px solid #f6f6f6;
	position:relative;
}
.simbol_white::before{
	background-color:#f6f6f6;
}
.border_top::before{
	content:" ";
	width:5px;
	height: 5px;
	border-radius: 5px;
	position:absolute;
	top:0;
	right: 0;
	transform: translate(0,-50%);
	border-collapse: separate;
}
/*terminan hilos*/
/*menu*/
header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:10;
	padding-top: 23px;
	transition: all ease 0.25s;
}

.menu_desktop{
	margin: 0;

}

.menu_desktop li{
	display:inline-block;
	margin-left: 57px;
	margin-right: 5px;
	height: 45px;
}

.menu_desktop li a{
	font-family: IBMPlexSans;
	font-size: 15px;
	color: #F6F6F6;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	margin-top: 13px;
	display: block;
}
header .logo{
	margin-top: 10px;
}

header .logo-inicial{
	display: block;
}

header .logo-stick{
	display: none;
}

header.scroll-on{
	background-color: #003246;
	padding-top: 13px;
	transition: all ease 0.25s;

}

header.scroll-on .menu_desktop li a{
	color: #ABCFCC;
	margin-top: 10px;
}
header.scroll-on .border_top_white{
	border-top: 1px solid #ABCFCC;
}
header.scroll-on .simbol_white::before{
	background-color:#ABCFCC;
}
header.scroll-on .logo-inicial{
	display: none;
}

header.scroll-on .logo-stick{
	display: block;
}
header.scroll-on .logo{
	margin-top: 5px;
}	
header.scroll-on .menu_desktop li.active {
    opacity: 0.3; 
}

.slider_principal .slick-dots li label {
   cursor: pointer;
}

@media (max-width: 767px) {
	header{
		padding-top: 18px;
		height:66px;
	}
	header .logo {
	    margin-top: 0;
	}

	header.scroll-on .logo {
	    margin-top: 0;
	}

	#menu-movil{
		background-color: #003246;
	      z-index: -5;
	}
	 .navbar-collapse {
        position: absolute;
        top: 66px;
        right: 0px;
        width: 265px;
        height: 100vh;
        padding: 26px;
        transition: right 0.25s ease;
	  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
    }
    .navbar-collapse.collapsing {
        height: auto;
        transition: right 0.25s ease;
        right: -100%;
        width: 265px;
        height: 100vh;
	  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
    }
    .navbar-collapse.show {
        right: 0px;
        transition: right 0.25s ease;
        width: 265px;
        height: 100vh;
	  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
    }
    header.scroll-on .shadow-movil{
    	height:100%;
    	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.10);
    }
    header .shadow-movil{
    	padding-right: 35px;
    }
 	.menu_desktop{
		padding: 0;
		margin-top: 28px;
	}
   
     .menu_desktop li{
		display:block;
		margin:0 0 20px 0;
		height: 23px;
	}

	header .menu_desktop li a {
	    color: #ABCFCC;
	    margin-top: 10px;
	}

	.menu_desktop li.active{
		border-bottom: 1px solid #F6F6F6;
	}
	.menu_desktop li.active a{
		color:#F6F6F6 !important;
	}

	.menu_desktop li a{
		font-family: IBMPlexSans;
		font-size: 15px;
		color: #F6F6F6;
		letter-spacing: 0.26px;
		line-height: 21.6px;
		margin-top: 13px;
		display: block;
	}

	header .hamburguesa{
		display: inline-block;
	}

	header .hamburguesa-sticky{
		display: none;
	}

	header.scroll-on .hamburguesa{
		display: none;
	}

	header.scroll-on .hamburguesa-sticky{
		display: inline-block;
	}

	header .cerrar-menu{
		display: none;
	}

	header .cerrar-menu-sticky{
		display: none;
	}

	header.scroll-on .cerrar-menu{
		display: none;
	}

	header.scroll-on .cerrar-menu-sticky{
		display: none;
	}


	header.menu-abierto .hamburguesa{
		display: none;
	}

	header.menu-abierto .hamburguesa-sticky{
		display: none;
	}

	header.scroll-on.menu-abierto .hamburguesa{
		display: none;
	}

	header.scroll-on.menu-abierto .hamburguesa-sticky{
		display: none;
	}

	header.menu-abierto .cerrar-menu{
		display: inline-block;
	}

	header.menu-abierto .cerrar-menu-sticky{
		display: none;
	}

	header.scroll-on.menu-abierto .cerrar-menu{
		display: none;
	}

	header.scroll-on.menu-abierto .cerrar-menu-sticky{
		display: inline-block;
	}

	header.scroll-on{
		padding-top: 18px;
	}

}
/*termina menu*/

/*slider principal*/
section.slider{
	position: relative;
}
.slider_middle_text{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	min-width: 750px;
	text-align: center;
}

.slider_middle_text h1{
	font-family: 'IBMPlexSans-Light';
	font-size: 60px;
	color: #F6F6F6;
	letter-spacing: -0.8px;
	text-align: center;
	line-height: 62px;
}
.slider_principal .slide img{
	width:100%;
}
.slider_principal .slide{
	height: 100%;
}
.slider_principal .slick-dots{
	list-style-type:none;
	padding:0 30px;
	display: block;
	margin:0;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
}
.slider_principal .slick-dots li{
	 display: inline-block;
	 width: 33.333333%;
	  text-align: left;
	  padding:0 5px;
}

.slider_principal .slick-dots li:first-child{
	 padding: 0 5px 0 0;
}

.slider_principal .slick-dots li:last-child{
	 padding: 0 0 0 5px;

}

.slider_principal .slider-progress .progress{
	height: 1px;
	background-color: #f6f6f6;

}

.slider_principal .slick-dots li label{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #F6F6F6;
	letter-spacing: -0.14px;
	margin: 10px 0;
}


.flecha-slider span{
	position: absolute;
	bottom:65px;
	left:50%;
	transform: translate(-50%,0) rotate(90deg);
	transform: rotate(-270deg);
	font-family: 'IBMPlexSans-Light';
	font-size: 21px;
	color: #F6F6F6;
	letter-spacing: -0.19px;

}
#animacion {
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation:    fade_move_down 2s ease-in-out infinite;
	animation:         fade_move_down 2s ease-in-out infinite;
}
#animacion {
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation:    fade_move_down 2s ease-in-out infinite;
	animation:         fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes fade_move_down {
    0% { transform: translate(0,10px); opacity: 0; }
    50% {opacity: 1; }
    100% { transform: translate(0,10px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px); opacity: 0; }
}


.mensaje_final label{
    font-family: 'IBMPlexSans-Light';
    font-size: 15px;
    color: #222221;
    letter-spacing: 0.26px;
    line-height: 21.6px;
}

@media (max-width: 767px) {
	.slider_middle_text h1{
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #F6F6F6;
		letter-spacing: 0.84px;
		text-align: center;
		line-height: 45px;
	}
	.slider_middle_text{
		min-width: 350px;
	}
	.slider_principal .slick-dots{
		list-style-type:none;
		padding:0 0 0 16px;
		display: block;
		margin:0;
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
	}
	.slider_principal .slick-dots li{
		  display: block;
		  text-align: left;
		  padding:0;
		  width: 40%;
	}

	.slider_principal .slick-dots li:first-child{
		 padding:0;
	}

	.slider_principal .slick-dots li:last-child{
		 padding:0;

	}
	.slider_principal .slick-dots li label{
		margin:0 0 3px 0;
	}
	.slider-progress .progress{
		margin-bottom: 30px;
	}
	.slider_principal .slick-dots li:last-child .slider-progress .progress{
		margin-bottom: 13px;
	}

	.flecha-slider{
		bottom:25px;
	}
}


/*termina slider principal*/
/*footer*/

footer .navbar{
	padding-right: 0;
	padding-left: 0;

}
footer .footer-top-section .navbar a:hover {
    opacity: 1;
}

/*footer*/

/* # Content
================================================== */
hr.hr-col-2-dark {
  height: 0;
  border-top: 1px solid #003246;
}

hr.hr-col-2-dark:after {
  	content: url('../img/main/line-dot-dark.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(60%, 3%);
	left: 96%;
}
hr.hr-col-4 {
  height: 0;
  border-top: 1px solid #ABCFCC;
}

hr.hr-col-4:after {
  	content: url('../img/main/line-dot.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(100%, 3%);
	left: 96%;
}
hr.hr-col-4-dark {
  height: 0;
  border-top: 1px solid #003246;
}

hr.hr-col-4-dark:after {
  	content: url('../img/main/line-dot-dark.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(100%, 3%);
	left: 96%;
}
hr.hr-col-8 {
  height: 0;
  border-top: 1px solid #ABCFCC;
}

hr.hr-col-8:after {
  	content: url('../img/main/line-dot.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(100%, 3%);
	left: 98%;
}
hr.hr-col-8-dark {
  height: 0;
  border-top: 1px solid #003246;
}
hr.hr-col-8-dark:after {
  	content: url('../img/main/line-dot-dark.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(100%, 3%);
	left: 98.5%;
}
hr.hr-col-10-dark {
  height: 0;
  border-top: 1px solid #003246;
}

hr.hr-col-10-dark:after {
  	content: url('../img/main/line-dot-dark.svg');
  	display: inline-block;
	position: relative;
	top: -16.5px;
	padding: 0 3px;	
	transform: translate(100%, 3%);
	left: 96%;
}
.about-home{
	background-color: #003246;
	padding: 24px 0;
	position: relative;
}
.about-home hr{
	margin-bottom: 12px;
}
.about-home h3{
	font-family: 'IBMPlexSans';
	font-size: 22px;
	color: #ABCFCC;
	letter-spacing: 0.4px;
	line-height: 37px;
	margin-bottom: 0px;
}
.about-home .space--bottom a{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #ABCFCC;
	letter-spacing: -0.14px;
	text-align: right;
	line-height: 19px;
}
.space--bottom a{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #003246;
	letter-spacing: -0.14px;
	line-height: 19px;
}
.about-home .space--bottom{
	padding-top: 161px !important;
}
.lineal-all{
	display: inline-flex;
}
.experience{
	padding: 153px 0px 154px 0px;
}
.content-about{
	display:inline-flex;
}
.text-us{
	padding-left: 5px;
	margin:auto;
	text-align: left;
}
.text-us h3{
	font-family: 'IBMPlexSans';
	font-size: 22px;
	color: #003846;
	letter-spacing: 0.4px;
	line-height: 24px;
}
section.experience .title-us span{
	font-family: 'IBMPlexSans-Light';
    font-size: 60px;
    color: #003246;
    letter-spacing: -0.8px;
    line-height: 62px;
    font-weight: normal;
    margin-bottom: 0px;
    -webkit-font-smoothing: antialiased;
}
section.services{
	padding-top: 24px;
	padding-bottom: 22px;
	background-color: #F6F6F6;
}
.services .space--bottom{
	padding-top: 122px !important;
}
.services .hr-col-4{
	padding-bottom: 11px;
}
.services .hr-col-8-dark{
	padding-bottom: 35px;
}
.text-services{
	padding-left: 20px;
	margin:auto;
}
.services h2{
	margin-top: 11px;
}
.services p{
	margin-top: 35px;
	padding-bottom: 50px;
	font-family: 'IBMPlexSans';
	color:#222221;
}
section.projects{
	padding-top: 24px;
	padding-bottom: 23px;
}
.content-projects {
	text-align: center;
	position: absolute;
	bottom: 21px;
	left: 24px;
	color: white;
}
.projects h2{
	padding-bottom: 23px;
	padding-top: 11px;
}
.projects a{
	font-family: 'IBMPlexSans';
	font-size: 15px;
	color: #F6F6F6 !important;
	letter-spacing: 0.26px;
	line-height: 21.6px;
}
.projects label{
	font-family: 'IBMPlexSans';
	font-size: 15px;
	color: #F6F6F6 !important;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	cursor: pointer;
}
.projects img{
	width:100%;
}
.projects img:hover {
	opacity: 0.9;
    transition: all 200ms linear;
}
.projects label:hover {
	opacity: 0.9;
    transition: all 200ms linear;
}
.projects .space--bottom a {
    font-family: 'IBMPlexSans-Light';
    font-size: 15px;
    color: #003246 !important;
    letter-spacing: -0.14px;
    line-height: 19px;
}
.projects a:hover{
	opacity:1;
}

.projects .space--bottom{
	padding-top: 22px !important;
}

.gallery-projects img{
	width: 100%;
	padding-right: 11px
}
.gallery-projects.img-projects_4 img{
	width: 100%;
	padding-right: 11px
}
section.clients{
	padding-top: 24px;
	padding-bottom: 22px;
	background-color: #F6F6F6;
}
.projects .space--bottom{
	padding-top: 22px !important;
}
.clients h2{
	margin-top: 12px;
}
.clients p{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	padding-bottom: 30px;
	margin-top: 37px;
}
.clients .space--bottom a{
   margin-top: 30px;
   display: inline-block;
}
.clients .hr-col-8-dark{
	padding-bottom: 37px;
}

.banner--section {
	position: relative;
	text-align: center;
	height:360px;
	width:100%;
}
.background-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 360px;
}
.banner-nosotros{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/banner/banner-nosotros.jpg');
	height: 360px;
}
.banner-servicios{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/banner/banner-servicios.jpg');
	height: 360px;
}
.banner-proyectos{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/banner/banner-proyectos.jpg');
	height: 360px;
}
.banner-clientes{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/banner/banner-clientes.jpg');
	height: 360px;
}
.banner-contacto{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/banner/banner-contacto.jpg');
	height: 360px;
}
section.nosotros {
	padding-top: 24px;
	padding-bottom: 45px;
}
section.nosotros h3{
	font-family: 'IBMPlexSans';
	font-size: 22px;
	color: #003246;
	letter-spacing: 0.4px;
	line-height: 37px;
}
.title-values h6{
	font-family: 'IBMPlexSans';
	font-size: 13px;
	color: #003246;
	letter-spacing: -0.12px;
	line-height: 17px;
}
.valores .content-values p{
	font-family: 'IBMPlexSans-Light';
	font-size: 13px;
	color: #222221;
	letter-spacing: 0.23px;
	line-height: 21.6px;
}
.nosotros .content-image img{
	padding-top: 19px;
	padding-bottom: 21px;
}
.nosotros hr.hr-col-8-dark{
	margin-bottom: 26px;
}
.nosotros p{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
}
.nosotros-text{
	padding-bottom: 69px !important;
}
.mision hr.hr-col-4-dark{
	margin-bottom: 13px;
}
.mision hr.hr-col-8-dark{
	margin-bottom: 23px;
}
.mision {
	padding-bottom: 44px !important;
}
.mision div.pr-md-5{
	height: 23px;
}
.vision div.pr-md-5{
	height: 23px;
}
.values div.pr-md-5{
	height: 26px;
}
.vision hr.hr-col-4-dark{
	margin-bottom: 12px;
}
.vision hr.hr-col-8-dark{
	margin-bottom: 22px;
}
.vision {
	padding-bottom: 44px !important;
}
.values hr.hr-col-4-dark{
	margin-bottom: 12px;
}
.valores hr.hr-col-8-dark{
	margin-bottom: 26px;
}
.valores {
	padding-bottom: 0 !important;
}
.mision p, .vision p, .valores p{
	padding-right: 43px;
}
p.space-p{
	padding-right: 30px !important;
}

section.nosotros .valores .col .content-values p{
	padding-right: 22px !important;
}
section.servicios{
	padding-top: 24px;
	padding-bottom: 48px
}
.servicios p.space-p{
	padding-bottom: 193px;
}
.servicios h2{
	padding-top: 11px;
}

.servicios .intro hr.hr-col-8-dark{
	padding-bottom: 36px;
}
.servicios .industrial hr.hr-col-8-dark{
	padding-bottom: 25px;
}
.servicios .industrial{
	padding-bottom: 41px !important;
}
.servicios .industrial hr.hr-col-4-dark{
	padding-bottom: 11px !important;
}
.servicios .energia hr.hr-col-8-dark{
	padding-bottom: 24px;
}
.servicios .energia hr.hr-col-4-dark{
	padding-bottom: 14px !important;
}

.energia .content-image{
	padding-bottom: 20px !important;
}
section.servicios ul{
	margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}
section.servicios li{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
}
section.servicios ul.list-services {
  margin-left: 10px; 
}
section.servicios li::before {
    content: "›";
    color: #222221;
    display: inline-block;
    width: 10px;
    margin-right: 10px;
}
section.servicios .list-services li::before {
  margin-left: -23px;
}
section.servicios .list-services.after-list li::before {
    margin-left: -11px !important;
}
section.servicios .padding--list{
	padding-left: 15px;
}
.list-services.pd-list{
	padding-right: 119px;
}
.energia-h h4{
	font-family: 'IBMPlexSans';
	font-size: 15px;
	color: #003246;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	margin-bottom: 14px;
}
section.clientes{
	padding-top: 24px;
	padding-bottom: 111px;
	background-color: #F6F6F6;
}
.clientes .intro hr.hr-col-4-dark{
	padding-bottom:4px;
}
.clientes .intro hr.hr-col-8-dark{
	padding-bottom:36px;
}
.clientes .intro p{
    padding-top: 36px;
	padding-bottom:83px !important;
}

section.clientes .fila-clientes .col{
	padding: 0px !important;
	width: 157px;
}
section.clientes .fila-clientes .position-a{
	padding-left:25px !important;
}
section.clientes .fila-clientes .position-b{
	padding-left:0px !important;
}
section.clientes .second-row{
	padding-top: 39px;
}
section.contacto{
	padding-top: 24px;
	padding-bottom: 51px
}
.contacto .intro hr.hr-col-4-dark{
	padding-bottom:4px;
}
.contacto .intro hr.hr-col-8-dark{
	padding-bottom:28px;
}
.contacto .intro p{
	font-family: 'IBMPlexSans';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
	padding-bottom: 14px;
}
section.contacto .intro div.pr-md-5{
	height: 25px;
}
section.contacto .margen{
	padding-right: 10px !important;
}
.contacto .contactanos p{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
}
.forma-contact input[type="text"],.forma-contact input[type="email"],.forma-contact textarea {
    outline: 0;
    border: none;
    border-bottom: 1px solid #003246;
    border-radius: 0px;
    background-color: transparent;

}
.forma-contact input, textarea{
	font-family: 'IBMPlexSans-Light';
	font-size: 15px;
	color: #222221;
	letter-spacing: 0.26px;
	line-height: 21.6px;
    padding-left: 0px;
}
.forma-contact .form-control:focus{
	box-shadow: none;
}
.forma-contact textarea{
	resize: none;
	height: 61px;
	padding-left: 0px;
	width: 100%
}
.forma-contac button{
	outline: none;
}
.forma-contact button.btn-enviar{
	font-family: IBMPlexSans-Light;
	font-size: 15px;
	color: #003246;
	letter-spacing: -0.14px;
	line-height: 19px;
}
.forma-contac .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}








/* #Footer
================================================== */
.footer-top-section .nav-item::before {
	display: none;
}
.footer-top-section{
	background-color: #003246;
	padding-top: 28px;
	padding-bottom: 65px;
}
.logo-footer{
	padding-top: 16px;
}
.social-icon{
	display: inline-flex;
}
.social-icon img{
	padding-right: 5.5px;
}
.footer-top-section .navbar a{
    font-family: 'IBMPlexSans-Light';
	font-size: 12px;
	color: #ABCFCC !important;
	letter-spacing: -0.11px;
	line-height: 15px;
}
.footer-top-section .navbar a:hover{
    opacity: 0.5;
    transition: all 200ms linear;
}
.footer-top-section .nav-item::after {
    display: none;
}
.footer-top-section .navbar{
    height: auto;
    padding-top: 27px;
}
.footer-nav{
	width: 100%;
}
.footer-top-section a{
	margin: 0px !important;
	padding: 0 0 0 0% !important;
}
.footer-top-section a:first-child{
	padding-left: 0px !important;
}
.footer-bottom-section{
	background-color: #003246;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	border-top: 1px solid rgba(171, 207, 204, 0.1);
}
.footer-bottom-section p{
	font-family: 'IBMPlexSans-Light';
	font-size: 12px;
	color: #ABCFCC;
	letter-spacing: -0.11px;
}
.footer-bottom-section a{
	font-family: 'IBMPlexSans-Light';
	font-size: 12px;
	color: #ABCFCC;
	letter-spacing: -0.11px;
}
.complemento{
	display: none;
}









/* #Media
================================================== */

@media (max-width: 767px) {
	.navigation-wrap {
	    height: 66px;
	}
	.navbar {
	    height: auto;
	    padding: 0px;
	}
	.navigation-wrap .container-fluid{
		padding: 18px 35px 0px 17px !important;
	}
	.start-header .row {
	    padding: 0;
	    margin: 0px;
	}
	.start-header hr.hr-col-1-light {
	    display: none;
	}
	.main-header {
	    margin: 0px;
	    padding: 0px;
	}
	.start-header.scroll-on img.logo-movil-header{
		display: block !important;
	}
	.start-header.scroll-on img.logo-bottom-header{
		display: none !important;
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
	.start-header.start-style .navbar-brand{
		padding-top: 0px;
	}
	.start-header.scroll-on .navbar{
		padding-top: 7px;
	}
	.start-header.scroll-on .navbar {
	    padding-top: 0px;
	    margin-top: -7px;
	}
	.navbar-light .navbar-toggler {
	    padding-top: 0px;
	    margin-top: -8px;
	}
	.start-header.scroll-on .navbar-toggler-icon {
	    border-bottom: 1px solid #ABCFCC;
	}
	.start-header.scroll-on .navbar-toggler-icon::before {
	    background-color: #ABCFCC;
	}
	.start-header.scroll-on .navbar-toggler-icon::after {
	    background-color: #ABCFCC;
	}
	.start-header.scroll-on .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    	border-color: transparent;
        border-bottom-color: transparent;
	}
	#navbarSupportedContent {
		height: 100vh;
		padding: 0px;
		text-align: right;
		background-color: #003246;
		width: 50%;
	}
	.navbar-collapse.collapse.show .height-color{
		background-color: #003246;
	}
	.slide-banner {
		position: relative;
		text-align: center;
		height:695px;
		width:100%;
	}
	.slide {
	    height:695px;
	}
	.slide-banner h1{
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #F6F6F6;
		letter-spacing: 0.84px;
		text-align: center;
		line-height: 45px;
	}
	.topcenter {
	    width: 100%;
        padding: 0px 30px;
	}
	
	
	hr.hr-col-8:after {
	    transform: translate(100%, 3%);
	    left: 95.8%;
	}
	.about-home {
	    background-color: #003246;
	    padding: 25px 0 25px 0px;
	    position: relative;
	}
	.about-home hr {
	    margin-bottom: 17px;
	}
	.about-home h3 {
	    font-family: 'IBMPlexSans-Light';
		font-size: 19px;
		color: #ABCFCC;
		letter-spacing: 0.33px;
		line-height: 26px;
		margin-top: 17px;
	}
	.about-home .space--bottom {
	    padding-top: 47px !important;
	}
	.about-home .space--bottom a {
	    font-family: IBMPlexSans-Light;
		font-size: 12px;
		color: #ABCFCC;
		letter-spacing: -0.11px;
		line-height: 15px;
		text-align: right;
	}
	.experience .text-left,.experience .text-right{
		text-align: center !important;
	}

	.experience .numero_centro{
		margin: 70px 0;
	}
	.experience {
	    padding: 86px 0px 88px 0px;
	}
	.content-about h1{
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #003246;
		letter-spacing: -0.53px;
		line-height: 62px;
	}
	section.experience .title-us span {
	    font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #003246;
		letter-spacing: -0.53px;
		line-height: 62px;
	    font-weight: normal;
	    margin-bottom: 0px;
	    -webkit-font-smoothing: antialiased;
	}
	.content-about h3{
		font-family: IBMPlexSans;
		font-size: 15px;
		color: #003246;
		letter-spacing: 0.26px;
		line-height: 18px;
	}
	.content-about.pb-71 {
		padding-bottom: 71px;
	}
	.text-us {
	    padding-left: 16px;
	    margin: auto;
	    text-align: left;
	}
	.services hr.hr-col-4-dark{
		padding-bottom: 15px;
	}
	.services h2{
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #003246;
		letter-spacing: 0.84px;
		line-height: 45px;
		padding-bottom: 13px;
	}
	.services p{
		font-family: IBMPlexSans-Light;
		font-size: 19px;
		color: #222221;
		letter-spacing: 0.33px;
		line-height: 26px;
		padding-bottom: 32px;
	}
	.noborder {
	    border:none;
	  }
	  .noborder:before {
	    display: none;
	  }
	  .services h2 {
	    margin-top: 15px;
	    padding-bottom: 0px;
	}
	.services p {
	    margin-top: 13px;
	    padding-bottom: 32px;
	    font-family: 'IBMPlexSans-Light';
	}
	.services .lineal-all:first-child{
		margin-bottom: 35px
	}

	.text-services {
	    padding-left: 22px;
	    margin: auto;
	}
	.text-services h4{
		font-family: IBMPlexSans-Light;
		font-size: 15px;
		color: #003246;
		letter-spacing: -0.14px;
		line-height: 19px;
	}
	.space--bottom a {
	    font-family: IBMPlexSans-Light;
		font-size: 15px;
		color: #003246;
		letter-spacing: -0.14px;
		line-height: 19px;
	}
	.services .space--bottom {
	    padding-top: 43px !important;
	}
	.slide--projects .slider_next{
		position: absolute;
		top: 50%;
		right: 17px;
		z-index: 2;
		transform: translate(0,-50%);
	}

	.slide--projects .slider_prev{
		position: absolute;
		top: 50%;
		left: 17px;
		z-index: 2;
		transform: translate(0,-50%);
	}
	section.projects-movil .slide--projects{
		width: 100%;
		height: 636px;
	}
	section.projects-movil .slide-projects_1{
		background-image: url(../img/index/slide-projects_1.jpg);
	}

	section.projects-movil .slide-projects_2{
		background-image: url(../img/index/slide-projects_2.jpg);
	}

	section.projects-movil .slide-projects_3{
		background-image: url(../img/index/slide-projects_3.jpg);
	}

	section.projects-movil .slide-projects_4{
		background-image: url(../img/index/slide-projects_4.jpg);
	}
	section.projects-movil .gallery-proyects{
		background-position: center center;
    	background-repeat: no-repeat;
    	background-size: cover;
    	width: 100%;
    	position: relative;
    	height: 636px;
	}
	section.projects-movil .title-project{
	    width: 92%;
	  	top: 24px;
	  	left: 17px;
	  	position: absolute;
	}

	section.projects-movil .text-proyect{
	  	bottom: 60px;
	  	left: 17px;
	  	position: absolute;
	}

	section.projects-movil .project-bottom{
		width: 100%;
	  	bottom: 22px;
	  	position: absolute;
	  	display: inline-flex;
	}
	section.projects-movil .contador{
		width: 50%;
		text-align: left;
	    left: 17px;
    	position: relative;
	}
	section.projects-movil .ver-project{
		width: 50%;
		text-align: right;
		right: 17px;
    	position: relative;
	}

	section.projects-movil .ver_project img{
		display: inline-block;
	}
	.projects-movil hr.hr-col-12-white {
	  	height: 0;
	  	border-top: 1px solid #D8D8D8;
	  	width: 380px;
		margin-bottom: 15px;
	}

	.projects-movil hr.hr-col-12-white:after {
	  	content: url('../img/main/line-dot-white.svg');
	  	display: inline-block;
		position: relative;
		top: -16.5px;
		padding: 0 3px;	
		transform: translate(100%, 3%);
		left: 95%;
	}
	.projects-movil h2 {
	  	font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #FFFFFF;
		letter-spacing: 0.84px;
		line-height: 45px;
	}
	.projects-movil .text-proyect a {
	  	font-family: IBMPlexSans;
		font-size: 15px;
		color: #FFFFFF;
		letter-spacing: 0.26px;
		line-height: 21.6px;
	}
	.projects-movil .project-bottom span {
	  	font-family: IBMPlexSans;
		font-size: 15px;
		color: #FFFFFF;
		letter-spacing: -0.14px;
		line-height: 19px;
	}
	.projects-movil .project-bottom a {
	  	font-family: IBMPlexSans;
		font-size: 15px;
		color: #FFFFFF;
		letter-spacing: -0.14px;
		line-height: 19px;
	}
	.clients hr.hr-col-4-dark {
		margin-bottom: 14px;
	}
	.clients h2 {
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #003246;
		letter-spacing: 0.84px;
		line-height: 45px;
		padding-bottom: 12px;
	}
	.clients p {
		font-family: IBMPlexSans-Light;
		font-size: 19px;
		color: #222221;
		letter-spacing: 0.33px;
		line-height: 26px;
	}
	
	
	
	.footer-top-section {
	    padding-top: 24px;
	    padding-bottom: 51.5px;
	}
	.footer-top-section a{
	    font-family: IBMPlexSans-Light;
		font-size: 13px;
		color: #ABCFCC !important;
		letter-spacing: -0.12px;
		line-height: 17px;
	}
	.navbar.footer-nav.bloque_movil{
		width: 100%;
		display: inline-flex;
	}
	.bloque_a a{
		padding: 20px 0 20px 0 !important;
		display: block;
	}
	.bloque_a a:first-child{
		padding: 20px 0 20px 0 !important;
	}
	.bloque_b a{
		padding: 20px 0 20px 0 !important;
		display: block;
	}
	.bloque_b a:first-child{
		padding: 20px 0 20px 0 !important;
	}
	.bloque_b .social-icon {
	    display: inline-flex !important;
	}
	.bloque_b a:last-child{
		padding-bottom: 0px !important;
		color:#fff!important;
		font-size: 14px;
	}
	.footer-top-section .pl-md-5 {
	    padding-left: 6px !important;
	}
	.footer-top-section .pr-md-5 {
	    padding-right: 6px !important;
	}
	.footer-top-section hr.hr-col-4:after {
	    transform: translate(100%, 3%);
	    left: 86%;
	}
	.footer-top-section hr.hr-col-8:after {
	    transform: translate(100%, 3%);
	    left: 93%;
	}
	.footer-bottom-section {
	    padding-top: 11px;
	    padding-bottom: 11px;
	}
	.footer-bottom-section p {
	    font-family: IBMPlexSans-Light;
		font-size: 11px;
		color: #ABCFCC;
		letter-spacing: -0.1px;
		line-height: 14px;
	}
	.mision div.pr-md-5{
		height: auto;
	}
	.vision div.pr-md-5{
		height: auto;
	}
	.values div.pr-md-5{
		height: auto;
	}
	section.contacto .intro div.pr-md-5{
		height: auto;
	}
	.banner--section {
	    position: relative;
	    text-align: center;
	    height: 490px;
	    width: 100%;
	}
	.banner-nosotros{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/banner/banner-nosotros-movil.jpg');
		height: 490px;
	}
	.banner-servicios{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/banner/banner-servicios-movil.jpg');
		height: 490px;
	}
	.banner-proyectos{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/banner/banner-proyectos-movil.jpg');
		height: 490px;
	}
	.banner-clientes{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/banner/banner-clientes-movil.jpg');
		height: 490px;
	}
	.banner-contacto{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/banner/banner-contacto-movil.jpg');
		height: 490px;
	}
	section.contacto {
	    padding-top: 24px;
	    padding-bottom: 48px;
	}

	.title-project{
		position:absolute;
		top:23px;
		left:0;
		padding:0 17px;
		width: 100%
	}
	.title-project h2{
		font-family: 'IBMPlexSans-Light';
		font-size: 40px;
		color: #FFFFFF;
		letter-spacing: 0.84px;
		line-height: 45px;
	}
	.title-project{
		position:absolute;
		top:23px;
		left:0;
		padding:0 17px;
		z-index: 5;
	}
	.ver-project{
		position:absolute;
		bottom:22px;
		right:17px;
		z-index: 5;
	}
	.text-proyect{
		position:absolute;
		bottom:60px;
		left:17px;
		z-index: 1;
	}
	.contador{
		position:absolute;
		bottom:22px;
		left:17px;
		z-index: 1;
		font-family: 'IBMPlexSans';
		font-size: 15px;
		color: #FFFFFF;
		letter-spacing: -0.14px;
		font-weight: normal;
	}
	section.projects {
	    padding-top: 0;
	    padding-bottom: 0;
	}
	
	.slide--projects .slide-projects img{
		width: 100%;
	}
	.projects a {
	  
	    color: #FFF !important;
	  
	}

	section.clients {
	    padding-top: 23px;
	    padding-bottom: 22px;
	}
	.clients h2 {
	    margin-top: 14px;
	}

	.clients p {

	    padding-bottom: 18px;
	    margin-top: 12px;
	}
	.clients .space--bottom a {
	    margin-top: 22px;
	}
	.projects img{
		width:auto;
	}

	.clientes .intro p {
	    	font-family: 'IBMPlexSans-Light';
		font-size: 19px;
		color: #222221;
		letter-spacing: 0.33px;
		line-height: 26px;
		padding-top: 12px;
    		padding-bottom: 27px !important;
	}

	.modal-dialog {
		margin:0;
	}
	.modal-content {
		border-radius:0;
	}
	.modal-body {
		padding: 0;
	}

	.slider-proyecto-modal{
		position: relative;
		width:100%;
		margin-bottom: 22px;
	}
	
	.slider-proyecto-modal .slider_prev{
		position: absolute;
		top:50%;
		left:0px;
		transform: translate(0,-50%);
		width:50px;
		height: 30px;
		
	}

	.slider-proyecto-modal .slick-arrow{
		z-index: 2;
		text-align: center;
	}

	.slider-proyecto-modal .slider_next{
		position: absolute;
		top:50%;
		right:0px;
		transform: translate(0,-50%);
		width:50px;
		height: 30px;
	}
	.cerrar_modal{

		position:absolute;
		top:23px;
		right:17px;
		z-index:5;
	}
	#modal_proyectos .breadcum{
	margin-top:21px;
	}

	#modal_proyectos .breadcum span{
		font-family: 'IBMPlexSans-Light';
		font-size: 12px;
		color: #003246;
		letter-spacing: -0.11px;
		margin-right: 7px;
	}
	#modal_proyectos h2{
		font-family: 'IBMPlexSans';
		font-size: 22px;
		color: #003246;
		letter-spacing: 0.4px;
		line-height: 37px;
		margin-top: 11px;
		margin-bottom:  14px;
	}

	#modal_proyectos h2.sub{
		margin-top: 29px;
	}


	#modal_proyectos h2.texto_largo{
		font-size: 20px;
	}


	#modal_proyectos .tabla_detalles th{
		font-size: 15px;
		letter-spacing: -0.14px;
		line-height: 19px;
		vertical-align: top;
		font-weight: normal;
		padding-right: 10px;
	}
	#modal_proyectos .tabla_detalles td{
		font-size: 15px;
		letter-spacing: -0.14px;
		line-height: 19px;
		vertical-align: top;
	}
	#modal_proyectos h4{
		font-family: 'IBMPlexSans';
		font-size: 15px;
		color: #003246;
		letter-spacing: 0.26px;
		line-height: 21.6px;
		margin: 15px 0 17px; 
	}
	#modal_proyectos li{
	  font-family: 'IBMPlexSans-Light';
	  font-size: 15px;
	  color: #222221;
	  letter-spacing: 0.26px;
	  line-height: 21.6px;
	}
	#modal_proyectos li {
	  text-indent: -0.3em; 
	}

	#modal_proyectos li:before {
	    content: "›";
	    color: #222221;
	    display: inline-block;
	    width: 10px;
	}
	#modal_proyectos ul{
	  margin-bottom: 40px;
	    margin-left: 10px;
	    padding-left: 0px;
	    list-style: none;
	    width: 100%;
	    padding-right: 0;
	}
	.projects img:hover {
	    opacity: inherit;
	}

}

@media(min-width: 1401px){
	hr.hr-col-4-dark::after {
	    left: 97%;

	}

}