.carousel-principal {
  background-color: #5d6572;
  display: block;
  height: 640px;
  position: relative;
  -webkit-animation: fadeIn 2s;
     -moz-animation: fadeIn 2s;
       -o-animation: fadeIn 2s;
          animation: fadeIn 2s;
}
.carousel-principal:after {
  color: #8c94a0;
  content: '\f148';
  font-family: 'Ionicons';
  font-size: 80px;
  left: 50%;
  margin-left: -35px;
  margin-top: -57px;
  position: absolute;
  top: 50%;
}
.owl-carousel-home {
  background-color: #9096a1;
  height: 640px;
  position: relative;
  width: 100%;
}
/*.carousel-principal .top-bg {
  background-image: url(../images/bg-header.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 280px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}*/
.owl-carousel-home .item {
  height: 100%;
  width: 100%;
}
.owl-carousel-home .content-elements-carousel {
  height: 640px;
  position: relative;
}
.owl-carousel-home .item img {
  display: block;
  height: auto;
  width: 100%;
}
.txt-media-carousel {
  height: 640px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.txt-media-carousel .container-fluid {
  height: 640px;
  position: relative;
}
.os-single-element {
  bottom: 0;
  height: 480px;
  position: absolute;
  width: auto;
}
.os-position-element-1 {
  z-index: 1;
}
.os-position-element-2 {
  z-index: 2;
}
.os-position-element-3 {
  z-index: 3;
}
.os-text {
  position: absolute;
  height: auto;
}
.os-text-left,
.os-text-right {
  top: 240px;
}
.os-text h1 {
  color: #fff;
  font-size: 30px;
  position: relative;
}
.os-text h1:after,
.parallax-home .h1:after {
  background-color: #9df008;
  bottom: -5px;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  width: 0;
}
.os-text .h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  margin-top: 30px;
}
/*.top-bg {
  background: url(../images/bg-top.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  height: 180px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}*/
/*.bottom-bg {
  background: url(../images/bg-bottom.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  height: 180px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}*/
/*.....::::: ANIMACIONES SLIDER :::::.....*/
.active .animated-owlcarousel-element-left {
  -webkit-animation: fadeInLeft 0.4s linear 0.4s both;
     -moz-animation: fadeInLeft 0.4s linear 0.4s both;
      -ms-animation: fadeInLeft 0.4s linear 0.4s both;
       -o-animation: fadeInLeft 0.4s linear 0.4s both;
          animation: fadeInLeft 0.4s linear 0.4s both;
}
.active .animated-owlcarousel-element-right {
  -webkit-animation: fadeInRight 0.4s linear 0.4s both;
     -moz-animation: fadeInRight 0.4s linear 0.4s both;
      -ms-animation: fadeInRight 0.4s linear 0.4s both;
       -o-animation: fadeInRight 0.4s linear 0.4s both;
          animation: fadeInRight 0.4s linear 0.4s both;
}
.active .animated-owlcarousel-element {
  -webkit-animation: fadeInUp 0.4s linear 0.4s both;
     -moz-animation: fadeInUp 0.4s linear 0.4s both;
      -ms-animation: fadeInUp 0.4s linear 0.4s both;
       -o-animation: fadeInUp 0.4s linear 0.4s both;
          animation: fadeInUp 0.4s linear 0.4s both;
}
.active p.animated-owlcarousel-element {
  -webkit-animation: fadeInUp 0.4s linear 0.8s both;
     -moz-animation: fadeInUp 0.4s linear 0.8s both;
      -ms-animation: fadeInUp 0.4s linear 0.8s both;
       -o-animation: fadeInUp 0.4s linear 0.8s both;
          animation: fadeInUp 0.4s linear 0.8s both;
}
.active .os-text h1:after,
.parallax-home .h1:after {
  width: 140px;
  -webkit-animation: animation-width 0.4s linear 1.2s both;
     -moz-animation: animation-width 0.4s linear 1.2s both;
      -ms-animation: animation-width 0.4s linear 1.2s both;
       -o-animation: animation-width 0.4s linear 1.2s both;
          animation: animation-width 0.4s linear 1.2s both;
}
@-webkit-keyframes animation-width {
  0% {
    width: 0;
  }
  50% {
    width: 70px;
  }
  100% {
    width: 140px;
  }
}
@-moz-keyframes animation-width {
  0% {
    width: 0;
  }
  50% {
    width: 70px;
  }
  100% {
    width: 140px;
  }
}
@-o-keyframes animation-width {
  0% {
    width: 0;
  }
  50% {
    width: 70px;
  }
  100% {
    width: 140px;
  }
}
@keyframes animation-width {
  0% {
    width: 0;
  }
  50% {
    width: 70px;
  }
  100% {
    width: 140px;
  }
}
/*.servicios-ticc-home {
  margin-top: 60px;
}*/
.servicios-ticc-home .thumbnail {
  background-color: #49515e;
  border-color: #49515e;
  border-radius: 0;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  -webkit-transition: 0.3s all;
     -moz-transition: 0.3s all;
      -ms-transition: 0.3s all;
       -o-transition: 0.3s all;
          transition: 0.3s all;
}
.servicios-ticc-home .thumbnail:hover,
.servicios-ticc-home .thumbnail:focus {
  background-color: #9df008;
  border-color: #9df008;
}
.servicios-ticc-home .thumbnail:hover img {
  -webkit-filter: brightness(0) invert(1);
  -ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=0), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';
          filter: brightness(0) invert(1);
}
.servicios-ticc-home .img-circle {
  border: 2px solid #bdc4d1;
}
.servicios-ticc-home .thumbnail .caption h3 {
  color: #fff;
  font-size: 24px;
}
.servicios-ticc-home .thumbnail .caption p {
  color: #bdc4d1;
}
.servicios-ticc-home .thumbnail:hover .caption h3,
.servicios-ticc-home .thumbnail:focus .caption h3,
.servicios-ticc-home .thumbnail:hover .caption p,
.servicios-ticc-home .thumbnail:focus .caption p {
  color: #fff;
}
.servicios-ticc-home .thumbnail:hover .img-circle,
.servicios-ticc-home .thumbnail:focus .img-circle {
  border: 2px solid #fff;
}
.btn { 
  padding: 8px 48px;
  border-radius: 30px;
}
.btn-default {
  background-color: transparent;
  border-color: #bdc4d1;
  color: #bdc4d1;
}
.servicios-ticc-home .thumbnail:hover .btn-default {
  background-color: #49515e;
  border-color: #9df008;
  color: #bdc4d1;
}
.servicios-ticc-home .thumbnail .btn-default:hover,
.servicios-ticc-home .thumbnail .btn-default:focus,
.servicios-ticc-home .thumbnail .btn-default:active {
  background-color: #49515e;
  border-color: #9df008;
  color: #fff;
}
/*..::::::::::::::::::::================  PARALLAX  ================::::::::::::::::::::..*/
.parallax-home  {
  position: relative;
  -webkit-animation: fadeIn 2s;
     -moz-animation: fadeIn 2s;
       -o-animation: fadeIn 2s;
          animation: fadeIn 2s;
}
.bg-parallax-home {
  background: url(../images/img-parallax/img-parallaxHome-01.jpg) no-repeat fixed 50% 0px;
  height: 540px;
  margin: 0px auto;
}
.bg-parallax-comercial {
  background: url(../images/img-parallax/img-parallaxComercial-02.png) no-repeat fixed 50% 0px;
  height: 540px;
  margin: 0px auto;
}
.bg-parallax-desarrollo{
  background: url(../images/img-parallax/img-parallaxDesarrollo-01.png) no-repeat fixed 50% 0px;
  height: 540px;
  margin: 0px auto;
}
.bg-parallax-home .h1,
.bg-parallax-home .h4,
.bg-parallax-comercial .h1,
.bg-parallax-comercial .h4,
.bg-parallax-desarrollo .h1,
.bg-parallax-desarrollo .h4 {
  color: #fff;
  position: relative;
  
}
.bg-parallax-home .h4,
.bg-parallax-comercial .h4,
.bg-parallax-desarrollo .h4 {
  font-weight: 300;
  margin-top: 30px;
}
.content-btn-parallax {
  bottom: 70px;
  left: 50%;
  margin-left: -80px;
  position: absolute;
  width: 200px;
  z-index: 1;
}
.content-btn-parallax .btn {
  padding: 8px 80px;
}
@media (min-width: 768px) {
  .os-text {
    width: 400px;
  }
  .os-text-left {
    left: 30px;
  }
  .os-text-right {
    right: 30px;
  }
  .os-single-element-left {
    left: 0;
  }
  .os-single-element-right {
    right: 20px!important;
    bottom: 30px;
  }
  .servicios-ticc-home {
    margin: 60px auto;
  }
  .bg-parallax-home {
    padding: 160px 0px;
  }
}
@media (min-width: 992px) {
  .servicios-ticc-home {
    width: 970px;
    margin: 60px auto;
  }
  .os-text {
    width: 800px;
  }
  .os-text-left {
    left: 105px;
  }
  .os-text-right {
    right: 105px;
  }
  .os-single-element-left {
    left: 60px;
  }
  .os-single-element-right {
    right: 20px!important;
    bottom: 60px;
  }
  .bg-parallax-home {
    padding: 160px 0px;
  }
}