@import "http://fonts.googleapis.com/css?family=Montserrat:400,700";body{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}a{color:#e74c3c;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}a:hover{color:#e76c3c}.row{padding:80px 0}.btn{border:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;text-transform:uppercase;border-radius:0}.btn-common{background:#3d566e;color:#fff}.btn-common:hover{background:#e74c3c;color:#fff}.title{text-align:center;font-size:50px}.subtitle{text-align:center;font-weight:100;padding-bottom:30px;position:relative;color:#bdc3c7}.navbar{margin-bottom:0}.navbar li{color:#d1d1d1}.navbar-default{border:none;border-radius:0;background:rgba(0,0,0,0.2)}.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{background:none;color:#fff}.navbar-default .navbar-nav li a,.navbar-default .navbar-nav li a:hover{color:#fff}.navbar-default .navbar-nav > .active,.navbar-default .navbar-nav li:hover{background:#e74c3c;padding-bottom:5px;color:#fff}.navbar-default .navbar-brand{font-size:25px;color:#fff;font-weight:100}.navbar-default .navbar-brand:hover{color:#eee}.navbar-default .navbar-toggle .icon-bar{background:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#333}.affix.navbar-default{background:rgba(0,0,0,0.8)}#hero-area{background:#34495e;color:#fff}#hero-area .btn{margin-right:20px}#hero-area img{max-width:100%}#hero-area p{padding:50px 0}#services h3{margin-top:0;font-size:28px;color:#e74c3c}.solicita-demo{background:#f1f1f1}#portfolio{background:#f1f1f1}.portfolio-item{position:relative;margin-bottom:15px}.portfolio-item img{width:100%}.portfolio-item .overlay{position:absolute;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.8);display:none}.portfolio-item:hover .overlay{position:absolute;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.8);display:block}.portfolio-item .icons .preview{position:absolute;left:40%;top:40%;color:#fff;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.portfolio-item .icons .preview i{color:#e74c3c}#clients{background:#fff}#about{background:#34495e;color:#fff}#about p{line-height:30px;font-size:17px}#contact{background:#f1f1f1}#contact ::-webkit-input-placeholder{color:#CCC}#contact :-moz-placeholder{color:#CCC}#contact ::-moz-placeholder{color:#CCC}#contact :-ms-input-placeholder{color:#CCC}#contact .social i{color:#fff;padding:10px;margin-right:5px;width:50px;height:50px;vertical-align:middle;background:#34495e}#contact .social .social-links a:hover{color:#fff}#contact .social .fa-facebook:hover{background:#3b5998;color:#fff}#contact .social .fa-twitter:hover{background:#00CAFB;color:#fff}#contact .social .fa-google-plus:hover{background:#D23A1D;color:#fff}#contact .social .fa-linkedin:hover{background:#007bb6;color:#fff}#contact .social .fa-dribbble:hover{background:#ea4c89;color:#fff}#contact .social .fa-github:hover{background:#171515;color:#fff}#contact .contact-info{margin:40px 0}#contact .contact-info p{font-size:20px}#contact .contact-form .form-control{box-shadow:none;font-size:17px;margin-bottom:20px;border-radius:0;border:none}.to-top i{padding:10px 15px;margin:10px;background:transparent;color:#34495e;border:2px solid #34495e}.to-top i:hover{background:#34495e;color:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#copyright{background:#F1F1F1;color:#333}#copyright a{color:#333}
.text-grande{
    font-size: 30px;
}
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
.contenedor{
  display: block; 
  margin: 20px auto; 
  width: 100%; 
  max-width: 600px;  
}
.reproductor { 
  display: block; 
  width: 100%; 
  height: 100%; 
  padding-bottom: 56.25%; 
  overflow: hidden; 
  position: relative; 
  cursor: hand; 
  cursor: pointer; 
}
img.imagen-previa { 
   display: block; 
   left: 0; 
   bottom: 0;
   margin: auto; 
   max-width: 100%; 
   width: 100%; 
   position: absolute; 
   right: 0; 
   top: 0; 
   height: auto 
}
div.youtube-play { 
   height: 64px; 
   width: 64px; 
   left: 50%; 
   top: 50%; 
   margin-left: -36px; 
   margin-top: -36px;
   opacity:0.7;
   position: absolute; 
   background: url("https://isac.ec/assets/images/youtube-pngrepo-com.png") no-repeat; 
}
div.youtube-play:hover{
   opacity:1; 
}
#youtube-iframe { 
   width: 100%; 
   height: 100%; 
   position: absolute; 
   top: 0; 
   left: 0; 
}
.floatWhatsapp{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 20px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    }

.floatWhatsapp-old{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}
.floatWhatsapp-old:hover {
	text-decoration: none;
	color: #25d366;
  	background-color:#fff;
}

.my-floatWhatsapp{
	margin-top:16px;
}