@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {-webkit-font-smoothing:antialiased;width: 100%; height: 100%; font-size:16px;position: relative; font-family:'abadi', sans-serif; font-weight:300;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#71b732; color:#fff;}
h1{ }
h2{letter-spacing: 2px; color:#575759; font-weight:bold;font-size:24px;}
h3{letter-spacing: 1px; color:#6d6c6c; font-weight:bold; font-size:16px; }
h4{ margin-top:20px;letter-spacing: 1px; color:#575759; font-weight:bold; font-size:20px;}
h5{}
a{}
a:hover, a:visited, a:active, a:focus{text-decoration: none;}
p{letter-spacing: .5px; line-height:1.2;font-size:18px; color:#737373;}

/*footer*/
#footer{width:100%;height:110px; background:#000; border-top:10px #fff solid;}

/*solucions*/
#somos{text-align: center;background:#fff; padding:60px 0; max-width:600px; margin:auto;}
#somos h2{margin-bottom:30px;font-size:48px; text-align: center;}
#somos ul{padding:0; margin:0; list-style: none;letter-spacing: .5px; line-height:1.2;font-size:18px; color:#737373;}

/*servicios*/
#servicios h2{margin-bottom:30px;font-size:48px; text-align: center;}
#servicios img{width:100%; max-width:150px; text-align: center;}
#servicios{ padding:60px 0;text-align: center; }
.servicio{margin:0 15px 30px;display:inline-block;vertical-align: top; width:calc(24% - 30px); max-width:260px;  }

/*clientes*/
#clientes{width:95%;max-width:1400px;position:relative; margin:auto; background:#d0ccc0; text-align: center;padding:55px 0;}
#clientes h2{color:#fff; font-size:48px; margin-bottom:40px;}
#clientes img{width:auto; height:120px; margin: 0 40px 20px; }

/*menu*/
.navbar-brand{padding:0;}
.navbar-brand img{width:225px;}
#menu-sitio .navbar-nav .nav-link{letter-spacing:1px;color:#fff;transition:all ease-in .2s; border-bottom: 1px rgba(225,255,255,0) solid;padding:0px; line-height: 1;}
#menu-sitio .navbar-nav .nav-link:hover{transition:all ease-in .2s;color:#fff; border-bottom: 1px rgba(225,255,255,1) solid;}
#menu-sitio{padding:0;background:#71b732;}
#menu-sitio .navbar-toggler-icon{background-image: url(../img/menu.png);}
.navbar-toggler{border:none;}
#menu-sitio .navbar-toggler:focus{box-shadow:none;outline: none;}

/*somos*/
#contacto{padding:50px 0 40px; text-align: center;}
#contacto img{width:66px; margin-bottom:20px;}
#contacto p{text-align:center;}
#contacto h2{margin-bottom:30px;}
#contacto h3{text-align:left;}
.caja-somos{max-width:280px;margin: auto;}
#contacto a{ color:#737373; transition: all ease-in .2s; display:inline-block}
#contacto a:hover{ color:#000;}

/*portafolio*/
#portafolio{width:95%;max-width:1400px;position:relative; margin:auto;}
.info-portafolio{width:30%; margin:auto;background:#575758; padding: 50px 50px 40px; text-align: center;}
.info-portafolio h2{color:#fff;font-size:48px;}
.info-portafolio p{max-width:240px; margin-left:auto; margin-right:auto; font-size:18px; color:#fff;}
.btn-portafolio{transition:all ease-in .2s;margin-bottom:20px;display:inline-block; background:#000; color:#fff; padding:8px 22px; font-weight:bold;font-size:20px; letter-spacing: 2px;}
.btn-portafolio:hover{color:#fff; background:#71b732;}
.imgport1{ height:100%;position:absolute; top:0; left:0; width:35%;background: url(../img/portafolio-statera-1.jpg) no-repeat center; background-size: cover;}
.imgport2{ height:100%;position:absolute; top:0; right:0; width:35%;background: url(../img/portafolio-statera-2.jpg) no-repeat center; background-size: cover;}
.cont-info-portafolio{position: relative; overflow:hidden;}
.slider-portafolio{line-height: 0; background:#000000; padding:25px 130px;}
.slick-slide{padding:0 20px;}
#portafolio .slick-next{width:28px; height:28px; background:url(../img/flecha-right-statera.png) no-repeat center; background-size:22px;}
#portafolio .slick-prev{width:28px; height:28px; background:url(../img/flecha-left-statera.png) no-repeat center; background-size:22px;}
#portafolio .slick-prev:before, .slick-next:before{content:'';}
#portafolio .slick-dotted.slick-slider{margin-bottom:0;}

/*slider*/
#slider{background:#aaa; }
.logo-statera{margin-top:140px;width:100%;max-width:560px;}
.carousel-item {
  height: 100vh;
  min-height: 500px;
max-height: 700px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



@media (min-width:1200px){
.navbar-nav li{margin:0 8px;display:inline-block;}
	.navbar-nav li a{font-size:21px;}
.navbar-nav{display:inline-block;width:100%; text-align: right;}
}

@media (max-width:1200px){
.navbar-nav{display:inline-block;width:100%; text-align: center;}
	#menu-sitio .navbar-nav .nav-link{font-size:24px; padding:20px 0; }
	#menu-sitio .navbar-nav .nav-link:hover{border-bottom: 5px rgba(225,40,39,0) solid; font-weight:400;}
}

@media (max-width:991px){
	.imgport1, .imgport2{width:30%;}
	.info-portafolio{width:40%;}
	.servicio{width:calc(32% - 30px);   }
}

@media (max-width:768px){
	.caja-somos{margin-bottom:40px;}
	.imgport1, .imgport2{width:100%; height:200px; position:relative;}
	.imgport2{display:none;}
	.info-portafolio{width:100%;}
	.navbar-brand img{width:150px;}
	.info-portafolio h2{font-size:38px;}
	#portafolio{width:100%;}
	.slick-slide{padding:0 10px;}
	.slider-portafolio{padding:25px 40px}
	#soluciones img{margin-top:30px;}
	.servicio{width:calc(49% - 30px);   }
	#clientes img{height:90px; margin:0 20px 20px}
	#contacto{padding:30px 0 10px;}
	
}
@media (max-width:480px){
	h4{font-size:18px; letter-spacing: 0;}
	.servicio{    width: calc(49% - 10px); margin: 0 5px 30px;}
	#servicios img{max-width:100px;}
	#clientes h2, .info-portafolio h2, #soluciones h2, #servicios h2{font-size:36px}
	#clientes img{height:60px; margin:0 5px 10px}
	#soluciones ul, p{font-size:19px; }
	#somos p{text-align:Center;}
	#somos h3{text-align:Center;}
	h3{font-size:22px;}
	h2{font-size:26px;}
	#contacto h2{margin-bottom:15px;}
	.info-portafolio p{font-size:19px;}
}