#horizontalmenu li ul {
  display: none;
  position: absolute;
}
#horizontalmenu li:hover ul{
  display: inline-block;
  background: #000;
  height: auto;
  width: 14em;
  padding-top: 25px;
}
#horizontalmenu li ul li a{
  clear: both;
  border-style: none;
  color: #fff;
}
#horizontalmenu li ul li a:hover, #horizontalmenu li ul li.active a{
  color: #3299bb;
}

/* search button */
#livesearch{
  position: absolute;
  border: none !important;
  background-color: #000;
  z-index: 999;
  margin-left: 14%;
  color: #fff;
  width: 252px;
}

#livesearch a{
  color: #fff;
}

#livesearch a:hover{
  color: #3299bb;
}

#input1::-webkit-input-placeholder
{
  color: #fff !important;
}
#input1::-moz-placeholder
{
  color: #fff !important;
}
#input1::-o-input-placeholder
{
  color: #fff !important;
}
#input1::-ms-input-placeholder
{
  color: #fff !important;
}

/* proposta */
#h2-proposta{
  margin-bottom: 27px;
}

#p1-proposta{
  color: #000;
  margin-left: 5%;
}

#p2-proposta{
  color: #000;
  display: none;
  margin-left: 7%;
  font-weight: bold;
}


/* Slideshow capion animate effect */
.animated { 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
} 

@-webkit-keyframes bounceInLeft { 
  0% { 
      opacity: 0; 
      -webkit-transform: translateX(-2000px); 
  } 
  60% { 
      opacity: 1; 
      -webkit-transform: translateX(30px); 
  } 
  80% { 
      -webkit-transform: translateX(-10px); 
  } 
  100% { 
      -webkit-transform: translateX(0); 
  } 
} 

@keyframes bounceInLeft { 
  0% { 
      opacity: 0; 
      transform: translateX(-2000px); 
  } 
  60% { 
      opacity: 1; 
      transform: translateX(30px); 
  } 
  80% { 
      transform: translateX(-10px); 
  } 
  100% { 
      transform: translateX(0); 
  } 
} 
.bounceInLeft { 
  -webkit-animation-name: bounceInLeft; 
  animation-name: bounceInLeft; 
}

/* parallax */
.module:last-child {
  margin-bottom: 0;
}
.module.content {
  padding: 40px 0;
}
.module.parallax {
  height: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.module.parallax-1 {
  background-image: url("../images/home-1.jpg");
}
.module.parallax-2 {
  background-image: url("../images/home-1.jpg");
}
.module.parallax-3 {
  background-image: url("../images/home-1.jpg");
}

#two-icon{
  color: #fff;
}

#one-icon:hover ~ #two-icon{
  color: #3299bb !important;
}

#know-p{
  color: #000;
}

#div-soft{
  background: url("../images/softwaredetalhe.png") no-repeat 0px 0px;
  background-size: cover;
  margin-top: 29em;
}

.p-soft{
  margin-bottom: 15px;
  text-align: justify !important;
  color: #fff !important;
}

#prop-soft{
  background: transparent;
  border: 3px solid #000;
}

#sites-div{
  background: url("../images/screen1-back.jpg") no-repeat 0px 0px;
  background-size: cover;
  padding: 2em 0px;
}

#apps-div{
  background-color: #138dce;
  padding: 3em 0px;
}

.apps-h3{
  color: #fff !important;
  text-align: justify !important;
}

.apps-p{
  color: #000 !important;
  text-align: justify !important;
}

#software-div{
  background: url("../images/screen1-back.jpg") no-repeat 0px 0px;
  background-size: cover;
  padding: 3em 0px;
}

#webmark-div{
  background-color: #138dce;
  padding: 3em 0px;
}

#brandg-div{
  background: url("../images/screen9-back.jpg") no-repeat 0px 0px;
  background-size: cover;
  padding: 3em 0px;
  opacity: 1.0;
}

.brand-p{
  font-weight: bold !important;
}

#websites-h3{
  text-align: center;
  color: #000;
  font-weight: initial;
  margin-bottom: 25px;
}

#websites-p1{
  margin-bottom: 15px !important;
  text-align: justify !important;
  color: #000;
}

#websites-h4{
  text-align: center;
  margin-bottom: 35px;
  margin-top: 20px;
}

#webpages-1{
  background: url("../images/backgrounddetalheweb.jpg") no-repeat 0px 0px;
  background-size: cover;
  padding: 1.5em 0px;
}

#webpages-2{
  background: url("../images/backgrounddetalhequalidade.jpg") no-repeat 0px 0px;
  background-size: cover;
}

#qual-p1{
  color: #000;
  text-align: justify;
  margin-bottom:10px;
}

#qual-p2{
  margin-bottom: 5px;
  text-align: center;
}

#subt-apps{
  margin-bottom: 35px !important;
  text-align: center !important;
  color: #fff;
}

#appspages-1{
  background: url("../images/backgroundmobiledetalhe.jpg") repeat top left;
  padding: 1em;
}

#appspages-2{
  background-color: #138dce;
  padding: 3em 0px;
  padding-left: 3em;
  padding-right: 3em;
}

#appsdetail-p1{
  margin-bottom: 15px !important;
  text-align: justify !important;
  color: #fff;
}

#appspages-3{
  background: url("../images/backgroundmobiledetalhe.jpg") no-repeat 0px 0px;
  background-size: cover;
  padding: 2em;
  height: auto;
}

#marketingpages-1{
  padding: 0;
  height:375px;
  background-color: #f07f13;
}

#webmarkt-p1{
  margin-bottom: 20px !important;
  text-align: justify !important;
  color: #000;
}

#webmarkt-p2{
  margin-bottom: 10px !important;
  text-align: justify !important;
  color: #000;
}

#p-1 a {
  background: none;
  padding: 0;
  margin-top: 0em;
  color: #3299BB;
}

#designpages-1{
  padding: 0;
  background: url("../images/backgrounddetalhedesign.jpg") no-repeat;
  background-size: cover;
  height: 300px;
}

#designpages-2{
  padding: 0;
  background-color: #08335a;
}

#design-p1{
  color: #fff;
  margin-top: 4%;
  text-align: center;
  margin-left: 6%;
  margin-right: 6%;
}

.slides .hide{
  display: block !important;
  visibility: collapse !important;
}
.slides .current{
  display: block !important;
}

#cross2{
  color: #fff;
}
#cross2:hover{
  color: #3299bb;
}

.ft-contact{
  color: #fff;
  font-size: 0.85em;
  padding: 4px 0;
  text-decoration: none;
}

#captcha_container{
  display: table;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9% !important;
}

@media screen and (max-height: 575px){
  #rc-imageselect, #captcha_container {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}

.site-back-top{
  display: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 30px;
  cursor: pointer;
  z-index: 999;
  font-size: 1.2em;
  color: #FFF;
  background-color: #262626;
}
.site-back-top:hover{
  background-color: #000;
  color: #3299bb;
}

/* Newsletter form and buttons */
#mc_embed_signup{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  clear: left;
  width: 20px;
  display: inline;
}
#mc_embed_signup input.email {
    display: inline !important;
    margin: 0 !important;
}
#mc_embed_signup input.button {
    display: inline !important;
}
#mc_embed_signup input {
    border: none !important;
}
#mc_embed_signup .button {
    background-color: #3299bb !important;
    border: 0 none !important;
    border-radius: 0px !important;
    height: 33px !important;
    margin-bottom: 0 !important;
}

#mc_embed_signup .button:hover{
  color: #3299bb !important;
  background-color: #fff !important;
}