body{
	overflow-x: hidden;
}

.desktop {
  display: block;
}

.mobile{
  display: none;
}

.social-links{
  background: #3b3b3b;  
  text-align: right;
}

.social-links li{ 
  width: auto; 
  display: inline-block; 
}

.fa {
  color: #3b3b3b;
  background: #FFFFFF;
  padding: 4px 0;
  width: 25px;
  height: 25px; 
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 10px 1px;
}

.fa:hover {
  color: #FFFFFF; 
}

.fa-facebook:hover { 
  background: #3B5998;
}
.fa-twitter:hover { 
  background: #55ACEE;
}
.fa-google:hover { 
  background: #dd4b39;
}
.fa-linkedin:hover { 
  background: #007bb5;
}
.fa-instagram:hover { 
  background: #125688;
}
.fa-dribbble:hover {
  background: #ea4c89;
}

header{
  background-color: #e5e5e5; 
  padding: 20px 0;
}

.current-menu-item a{
  border: 1px solid #3b3b3b !important;
}

.current-menu-item:hover a, .current-menu-item:focus a{
  border: 1px solid #f3242a !important;
}

#navbarCollapse{		
	padding: 0px;
	margin: 0px;
  border: none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border: none;
}

/* barra de menu principal */
.navbar-default {
   background: transparent;
   border: none;
   margin:10px 0;
}

/* elemento que tem o nome "MeuSite" */
.navbar-default .navbar-brand {
   color: #fff;
   font-size: 1.1em;
   font-family: "Open Sans", Arial, sans-serif;
}

/* item de menu quando tiver selecionado */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
   color: #d12a2f;
   background-color: transparent;
   font-size: 1.1em;
   font-family: "Open Sans", Arial, sans-serif;

}

/* item de menu */
.navbar-default .navbar-nav{
  float: right;
}

.navbar-default .navbar-nav>li>a {
   color: #3b3b3b;
   font-size: 1.1em;
   font-family: "Open Sans", Arial, sans-serif;
   border-bottom: solid transparent thin;  
   text-transform: uppercase;
   font-weight: normal; 
   padding: 10px 25px;
}
/*
.navbar-default .navbar-nav>li:last-child a{
  padding: 10px 0px 10px 25px;
}
*/
/* mouse over no item de menu */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
   color: #d12a2f;
   background-color: transparent;
   font-size: 1.1em;
   font-family: "Open Sans", Arial, sans-serif;
}

/* item de menu dropdown quando tiver aberto */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
   color: #000;
   background-color: #FFFFFF;
   border-bottom: solid #fff thin;
}

.navbar-nav a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

@media only screen and (max-width: 1200px) {

  /* elemento que tem o nome "MeuSite" */
.navbar-default .navbar-brand {
   color: #fff;
   font-size: 1.1em;
   font-family: "Open Sans", Arial, sans-serif;
}

/* item de menu quando tiver selecionado */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
   font-size: 1.1em;
}

/* item de menu */
.navbar-default .navbar-nav>li>a {
   font-size: 1.1em;
   padding: 10px 10px;
}

/* mouse over no item de menu */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
   font-size: 1.1em;
}
}

@media only screen and (max-width: 990px) {


}

@media only screen and (max-width: 764px) {
  .navbar-default .navbar-nav>li>a {
     text-align: center;     
  }

  .navbar-default .navbar-nav{
    width: 100%;
    padding: 0;
  }

  .navbar-nav{
    margin: 7.5px 0px;
  }

  #navbarCollapse{
    width: 100%;
  }

  .desktop {
    display: none;
  }

  .mobile{
    display: block;
  }

  .current-menu-item a{
    border: none !important;
  }

  .current-menu-item:hover a, .current-menu-item:focus a{
    border: none !important;
  }

  .navbar-default .navbar-nav>li>a{
    padding: 10px 0;
  }

}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }