body{
	overflow-x:hidden;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p{
  font-family:UbuntuLight, Myriad Pro, Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: UbuntuLight;
  src:url('../fonts/Ubuntu-L.ttf');
}
@font-face {
  font-family: UbuntuRegular;
  src: url('../fonts/Ubuntu-R.ttf');
}
@font-face {
  font-family: UbuntuMedium;
  src: url('../fonts/Ubuntu-M.ttf');
}
@font-face {
  font-family: UbuntuBold;
  src: url('../fonts/Ubuntu-B.ttf');
}
@font-face {
  font-family: UbuntuCondensed;
  src: url('../fonts/Ubuntu-C.ttf');
}

@media only screen and (max-width: 480px) {
	#productos > .container, #servicios > .container, #nosotros > .container, #contacto > .container, #section1 .container {width:80%;height:90%;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #productos > .container, #servicios > .container, #nosotros > .container, #contacto > .container, #section1 .container  {width:85%;height:90%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#productos > .container, #servicios > .container, #nosotros > .container, #contacto > .container, #section1 .container  {width:90%;height:90%;}
}
@media only screen and (min-width: 959px) {
    .container-fluid{
		width:100%;
	}
}
/* MEDIA QUERIES*/

/*NAV CSS*/
.navbar-default {
    font-family:UbuntuRegular, Myriad Pro, Helvetica, Arial, sans-serif;
    background-color: #ECF0F1;
    border-color: #2c3e50;
    margin-bottom:0px;
    border: none;
}
/* title */
.navbar-default .navbar-brand {
		color: #5D6D7E;
    transition: 0.2s ease-in-out;
    font-weight: 550;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
		color: #F39C12;
}
/* link */
.navbar-default .navbar-nav > li > a {
		font-weight:550;
		color: #5D6D7E;
		transition: 0.2s ease-in-out;
    height: 50px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
		color: #F39C12;
    border-bottom:4px solid #F39C12;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #F39C12;
  border-bottom:4px solid #F39C12;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #2c3e50;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
		border-top-color: #2c3e50;
		border-bottom-color: #2c3e50;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
		border-top-color: #2c3e50;
		border-bottom-color: #2c3e50;
}

/* nav border */
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
		border-top-color: #2c3e50;
		border-bottom-color: #2c3e50;
}
/* nav border */

/* mobile version */
/* toogle */
.navbar-default .navbar-toggle {
		background-color:#F39C12;
}
/* toogle*/

/* toogle hamburger */
.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
}
/* toogle hamburger */

/* toogle hover */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #2c3e50;
}
/* toogle hover */

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #F39C12;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #F39C12;
	}
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
  		color: #F39C12;
      border-bottom:none;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #F39C12;
    border-bottom:none;
  }
}
/*NAV CSS*/

/* JUMBOTRON */
.jumbotron{
  height: 600px;
  background: url("../img/sap2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
  margin: 0;
  z-index: 1;
}
.jumbotron .container{
  position: relative;
  z-index: 2;
  top: 30%;
}
.jumbotron h1{
  position: relative;
  z-index: 2;
  color: #fff;
}
.jumbotron h2{
  position: relative;
  z-index: 2;
  color: #fff;
}
.jumbotron .container .glyphicon{
  font-size: 20px;
  color: #fff;
  position: relative;
  top: 180px;
  z-index: 2;
}
.overlay{
  background:url(../img/pattern.png);
  background-repeat:repeat;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 2;
}
.bg{
  position:absolute;
  width: 100%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
  z-index:1;
  min-height:100%;
  max-height:600px;
  top: 0;
  overflow: hidden;
  display: block;
}
#bg-video {
  position:relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:0 auto;
  height:auto;
  width:100%;
  padding:0;
  float:left;
  z-index:1;
  min-height:100%;
  max-height:100%;
}
@media only screen and (min-width: 959px) {
  .jumbotron .container{
    top: 30%;
  }
  .jumbotron .container .glyphicon{
    top: 180px;
  }
  #bg-video {
    width:100%;
    min-height:100%;
    max-height:100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .bg{
    display: none;
  }
  .jumbotron .container{
    top: 20%;
  }
  .jumbotron .container .glyphicon{
    top: 170px;
  }
  #bg-video {
    width:100%;
    min-height:100%;
    max-height:100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .bg{
    display: none;
  }
  .jumbotron{
    height: 600px;
  }
  .jumbotron .container{
    top: 30%;
  }
  .jumbotron .container .glyphicon{
    top: 170px;
  }
  #bg-video {
    width:100%;
    min-height:100%;
    max-height:100%;
  }
}
@media only screen and (max-width: 480px) {
  .bg{
    display: none;
  }
  .jumbotron .container{
    top: 30%;
  }
  .jumbotron .container .glyphicon{
    top: 150px;
  }
  #bg-video {
    width:100%;
    min-height:100%;
    max-height:100%;
  }
}
/* JUMBOTRON */

/* NOSOTROS*/
.nosotros{
  font-size: 16px;
  color: #F4F6F7;
  background-image:url(../img/nosotros.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 80px 0px 90px 0px;
}
#nosotros-animation{
  visibility: hidden;
}
/* NOSOTROS*/

/* PRODUCTOS */
.productos{
  font-size: 16px;
  color: #2E4053;
  background: #ECF0F1;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 40px 0px;
}
#productos figure{
  height: 150px;
  width: 100%;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  background-color: #F39C12;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#productos figure:hover{
  background-color: #D35400;
}
.img-top{
  z-index: 1;
  height: auto;
  width: 90%;
  position: relative;
  top:-20px;
} 
figcaption{
  color: #fff;
  position: relative;
  top:-20px;
  z-index: 2;
}
.productos a{
  text-decoration:none;
}
#productos-animation{
  visibility: hidden;
}
@media only screen and (max-width: 480px) {
  .img-top{
    top:-10px;
  } 
  figcaption{
    top:-10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .img-top{
    top:-20px;
    width: 65%;
  } 
  figcaption{
    top:-20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .img-top{
    top:-30px;
    width: 60%;
  } 
  figcaption{
    top:-30px;
  }
}
@media only screen and (min-width: 959px) {
  .img-top{
    top:-20px;
  } 
  figcaption{
    top:-20px;
  }
}
/* PRODUCTOS */

/* EXPERIENCIA */
.experiencia{
  font-size: 16px;
  color: #2E4053;
  background: #fff;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 40px 0px;
}
#experiencia-animation{
  visibility: hidden;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .experiencia-text{
    text-align: center;
  }
  .experiencia-text > ul{
    list-style-type: none;
  }
}
@media only screen and (max-width: 480px) {
  .experiencia-text{
    text-align: center;
  }
  .experiencia-text > ul{
    list-style-type: none;
  }
}
/* EXPERIENCIA */

/* CLIENTES */
.clientes{
  font-size: 16px;
  color: #F0F3F4;
  background: #294784;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 40px 0px;
}
#clientes-animation{
  visibility: hidden;
}
/* CLIENTES */

/* FORMULARIO */
.form{
  padding: 35px 0px 70px 0px;
  text-align: center;
}
#nombre, #mail, #mensaje{
  background:#717D7E;
  color:#fff;
}
#enviar{
  display:block;
  width:100%;
  height:40px;
  font-family:Arial, Helvetica, sans-serif;
  color:rgba(255,255,255,1.00);
  background-color:rgba(0,169,157,1.00);
  border:none;
  font-size:16px;
  text-align:center;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#enviar:hover{
  background-color:rgba(10,74,57,1.00);
}
/* FORMULARIO */

/* CONTACTO */
.contacto{
  font-size: 16px;
  color: #F0F3F4;
  background-image: url('../img/contacto.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 40px 0px;
}
/* CONTACTO */

/* SCROLL TO TOP */
.scrollToTop{
  font-size: 14px;
  width:50px; 
  height:50px;
  padding:0;
  padding-top:15px;
  text-align:center;
  position:fixed;
  top:93%;
  right:40px;
  display:none;
  margin:0;
  box-sizing:border-box;
  -webkit-border-radius: 5%;
  border-radius: 5%;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
  background-color: rgba(30,30,30,0.80);
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-size:20px;
  z-index:999;
}
.scrollToTop:hover{
  background-color: #F39C12;
}
.scrollToTop:focus {
  outline: none
}
@media screen and (max-width: 600px) {
  .scrollToTop{
    top:93%;
  }
}
/* SCROLL TO TOP */

/* FOOTER */
.footer{
  font-size: 16px;
  color: #F0F3F4;
  background: #f29100;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 15px 0px;
}
.footer_nav{
  list-style-type:none;
  line-height: 10px;
}
.footer_nav li a{
  text-decoration:none;
  color:rgba(255,255,255,1.00);
}
.footer_nav li a:hover{
  color:#e95a0c;
}
.footer_nav li a:focus {
  outline: none
}
.row-line{
  border-bottom: 1px solid #fff;
}
/* FOOTER */

/* button styles */
.button{
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 30px;
  font-size: 18px;
  font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight:100;
  line-height: 1.8;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #fff;
    background-color: #f29100;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px #e95a0c;
    -moz-box-shadow: 0 10px #e95a0c;
    box-shadow: 0 10px #e95a0c;
  text-decoration:none;
  -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.button:focus {
  outline: none
  color: #fff;
}
.button:hover{
  background-color: #e01931;
  color: #fff;
}
.button:active{
  background-color: #e01931;
  -webkit-box-shadow: 0 5px #e95a0c;
  -moz-box-shadow: 0 5px #e95a0c;
  box-shadow: 0 5px #e95a0c;
  color: #fff;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
/* button styles */


/* NOSOTROS ESTILOS */

/* JUMBOTRON_NOSOTROS */
.jumbotron_nosotros{
  background: url('../img/home.jpg');
  background-position: center;
}
.jumbotron_nosotros .container{
  position: relative;
  z-index: 2;
  top: 40%;
  width: 60%;
}
.jumbotron_nosotros > .glyphicon{
  position: relative;
  top: 150px;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .jumbotron_nosotros .container{
    top: 10%;
    width: 90%;
  }
  .jumbotron_nosotros .container .glyphicon{
    position: relative;
    top: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .jumbotron_nosotros .container{
    top: 15%;
    width: 80%;
  }
  .jumbotron_nosotros .container .glyphicon{
    position: relative;
    top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .jumbotron_nosotros .container{
    top: 15%;
   width: 70%;
  }
  .jumbotron_nosotros .container .glyphicon{
    position: relative;
    top: 120px;
  }
}
@media only screen and (min-width: 959px) {
  .jumbotron_nosotros .container{
    top: 30%;
    width: 60%;
  }
  .jumbotron_nosotros .container .glyphicon{
    position: relative;
    top: 140px;
  }
}
/* JUMBOTRON_NOSOTROS */

/* QUIENES SOMOS */
#somos{
  font-size: 16px;
  color: #fff;
  background: #D35400;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 35px 0px 40px 0px;
  overflow: hidden;
}
#somos .logo{
  width: 100%;
  height: auto;
  margin: auto;
  position: relative;
  top:90px;
  max-width: 500px;
  min-width: 150px;
  text-align: center;
}
#somos-animation{
  visibility: hidden;
}
@media only screen and (max-width: 480px) {
  #somos{
    padding: 35px 0px 100px 0px;
  }
  #somos .logo{
    position: relative;
    top:50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #somos{
    padding: 35px 0px 80px 0px;
  }
  #somos .logo{
    position: relative;
    top:40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #somos{
    padding: 35px 0px 40px 0px;
  }
  #somos .logo{
    position: relative;
    top:150px;
  }
}
@media only screen and (min-width: 959px) {
  #somos{
    padding: 35px 0px 40px 0px;
  }
  #somos .logo{
    position: relative;
    top:90px;
  }
}

/* QUIENES SOMOS */

/* MISION - VISION */
#mision_vision{
  font-size: 16px;
  color: #2E4053;
  background: #ECF0F1;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 55px 0px 60px 0px;
}
#mision-vision-animation{
  visibility: hidden;
}
/* MISION - VISION */

/* QUE OFRECEMOS */
#ofrecemos{
  font-size: 16px;
  color: #fff;
  background: #204080;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 20px 0px 20px 0px;
}
#ofrecemos .text{
  position: relative;
  top: 50px;
}
#ofrecemos-animation{
  visibility: hidden;
}
#slide{
  position: relative;
  top: 0px;
}
@media only screen and (max-width: 480px) {
   #ofrecemos{
    padding: 20px 0px 20px 0px;
  }
  #ofrecemos .text{
    top: 50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
   #ofrecemos{
    padding: 20px 0px 20px 0px;
  }
  #ofrecemos .text{
    top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
   #ofrecemos{
    padding: 20px 0px 20px 0px;
  }
  #ofrecemos .text{
    top: 0px;
  }
  #slide{
    top: 55px;
  }
}
@media only screen and (min-width: 959px) {
   #ofrecemos{
    padding: 20px 0px 20px 0px;
  }
  #ofrecemos .text{
    top: 0px;
  }
  #slide{
    top: 15px;
  }
}
/* QUE OFRECEMOS */

/* RECONOCIMIENTO */
#reconocimiento{
  font-size: 16px;
  color: #4a4a4a;
  background: #fff;
  margin: 0;
  height: auto;
  box-sizing: border-box;
  padding: 20px 0px 20px 0px;
  overflow: hidden;
}
#reconocimiento .text{
  position: relative;
  top: 50px;
  margin-bottom: 50px;
}
#reconocimiento-animation{
  visibility: hidden;
}
#ribbon{
  visibility: hidden;
}
@media only screen and (min-width: 959px) {
  #reconocimiento .text{
    position: relative;
    top:0px;
    margin-bottom: 0px;
  }
}
/* RECONOCIMIENTO */

/* NOSOTROS ESTILOS */

/* PRODUCTOS ESTILOS */

/* JUMBOTRON_PRODUCTOS */
.jumbotron_productos{
  height: 400px;
  background: url('../img/productos-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.jumbotron_productos .container{
  position: relative;
  z-index: 2;
  top: 25%;
  left: -5%;
  width: 60%;
}
@media only screen and (max-width: 480px) {
  .jumbotron_productos .container{
    top: 5%;
    left: 0%;
    width: 80%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .jumbotron_productos .container{
    top: 5%;
    left: 0%;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 959px) {
}
/* JUMBOTRON_PRODUCTOS */

/* PRODUCTOS CARD */
#consultoria, #business, #licenciamiento{
  background: #F4F6F7;
  padding: 40px 0px 30px 0px;
}
#niif, #soluciones, #outsourcing{
  background: #ECF0F1;
  padding: 40px 0px 30px 0px;
}
#consultoria .panel-custom, #business .panel-custom, 
#licenciamiento .panel-custom, #niif .panel-custom, 
#soluciones .panel-custom, #outsourcing .panel-custom{
  background-color: #F0F3F4;
  color: #17202A;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#consultoria .panel-custom:hover, #business .panel-custom:hover, 
#licenciamiento .panel-custom:hover, #niif .panel-custom:hover, 
#soluciones .panel-custom:hover, #outsourcing .panel-custom:hover{
  background-color: #1578af;
  color: #F0F3F4;
}
#consultoria .footer-custom, #business .footer-custom, #licenciamiento .footer-custom,
#niif .footer-custom, #soluciones .footer-custom, #outsourcing .footer-custom{
  margin-top: -15px;
  background-color: #1578af;
  color: #F0F3F4;
}
#consultoria .blockquote, #business .blockquote, #licenciamiento .blockquote,
#niif .blockquote, #soluciones .blockquote, #outsourcing .blockquote{
  font-size: 14px;
}
/* PRODUCTOS CARD */

/* PRODUCTOS ESTILOS */