@font-face {
    font-family: NexaLight;
    src: url("../font/NexaLight.otf");
}
  
@font-face {
    font-family: NexaRegular;
    src: url("../font/NexaRegular.otf");
}

@font-face {
    font-family: NexaBold;
    src: url("../font/NexaBold.otf");
}
  
body {
    padding-top: 55px;
    background: #ffffff;
    color: #000000 !important;
    font-family: NexaLight;
    position: relative; 
}

#navigation{
  /*min-height: 9em;*/
  display:block;
  width:100%;
  overflow:hidden;  
}

.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
  
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #000000;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000000;
    font-family: NexaLight;
    margin-left: 6px;
    margin-top: 1em;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #000000;
}


.nav-item{
  margin-right: 1em;
}

  .navbar-toggler{
    width: 47px;
    height: 34px;
    background-color: transparent;
    border: none;
  }
  .navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: #000000;
    margin-bottom: 5px;
  }
  
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #000000;
    text-decoration: underline;
    text-underline-position: under;
  }
  
  .dropdown-item {
    display: block;
    width: 100%;
    margin-left: -11px;
    font-size: 14px;
    font-family: NexaLight;    
    clear: both;
    font-weight: 400;
    color: #000000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }
  
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: .25rem;
  }
  
  .dropdown-item:focus, .dropdown-item:hover {
    color: #000000;
    text-decoration: underline;
    background-color: transparent;
  }
  
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  
  .fixed-top.scrolled {
    background-color: #fff !important;
    transition: background-color 200ms linear;
  }
  
  .fixed-top.scrolled .nav-link {
    color: #000000;  
  }
  
  .fixed-top.scrolled .nav-link:hover {
    color: #000000;
    text-decoration: underline;
    text-underline-position: under;
  }
  
  .fixed-top.scrolled .nav-link:focus {
    color: #000000 !important;
    text-decoration: underline !important;
    text-underline-position: under;
  }
  
  .bg-transparent {
    background-color:rgb(0, 0, 0, 0) !important;
  }
  
  .bg-white {
    background-color:rgb(255, 255, 255, 1) !important;
  }

  .bg-black {
    background-color:rgb(0, 0, 0, 1) !important;
  }

.navbar-dark .navbar-toggler {
    color: transparent;
    border-color: transparent;
    margin-top: -40px;
}

#navbar-close{
  color: #ffffff;
  border-style: none;
  border-width: 0px;
}
  
#navbar-logo-home-1{ 
  max-width: 130px;
  margin-top: 0px;
}
  
  #about{
    text-align: center;
    /*border-style: solid;*/
    color: #000000;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  
  #image-clients-home{
    width: 100%;
  }
  
  
  /* Image Overlay */ 
  .img-container{
    position:relative;
    display:inline-block;
  }
  .img-container img{
    display:block
  }
  .img-container .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition:opacity 500ms ease-in-out;
  }
  .img-container:hover .overlay{
    opacity: 0.8;
  }
  .overlay span{
    position:absolute;
    top: 60%;
    left: 50%;
    transform:translate(-50%,-50%);
    opacity: 1;
    color:#fff;
  }
  
  .project-title {
    top: 45% !important;
  }
  
  /* End Image Overlay */ 
  

  
  .contact-left{
    margin-left: 3em;
    margin-top: 3em;
    margin-right: 3em;
    color: #000000;
  }
  
  .contact-right{
    margin-left: 3em;
    margin-top: 3em;
    margin-right: 3em;
    color: #000000;
  }
  
  .space{
    margin-top: 3em;
  }
  
  .emailLink{
    color: #F678C2;
  }
  
  .project-line{
    margin-top: -8px;
  }
  
  .form-control {
    border-bottom: 1px solid #000 !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
  }
  
  .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
  }
  
  .btn-primary:hover {
    color: #F678C2;
    background-color: transparent;
    border-color: transparent;
  }
  
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #F678C2;
    background-color: transparent;
    border-color: transparent;
  }

.btn-next{
  background-image: url(../img/setas/project-next.png);
  background-size:cover;
  background-repeat:no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 9em; 
  right: 0; 
  z-index: 1000;
}

.btn-next:hover{
  background: url(../img/setas/project-next-click.png) no-repeat left top;
  background-size:cover;
  background-repeat:no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 9em; 
  right: 0; 
  z-index: 1000;
}

.btn-prev{
  background-image: url(../img/setas/project-prev.png);
  background-size:cover;
  background-repeat:no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 12em; 
  right: 0; 
  z-index: 1000;
}

.btn-prev:hover{
  background: url(../img/setas/project-prev-click.png) no-repeat left top;
  background-size:cover;
  background-repeat:no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 12em; 
  right: 0; 
  z-index: 1000;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #F678C2;
  border-color: #F678C2;
}



.project-text{
    margin: 5em 0 5em 75px;
    text-align: left;
}

.project-title{
    font-family: NexaBold;   
}

button:focus {
  outline: 0px !important;
}

.buttons-projects{
  text-align: right;
}

.btn-close-icon {
  width: 20px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) {

  .navbar-dark .navbar-toggler {
    color: transparent;
    border-color: transparent;
    margin-top: -5px;
  }

  #navigation{
    /*min-height: 9em;*/
    display:block;
    width:100%;
    overflow:hidden;  
    box-sizing: border-box;
  }



  .space-top-project {
    margin-top: 5em;
  }

  .project-text {
    margin: 1em 0 3em 60px;
    text-align: left;
    font-size: 16px;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  #navigation img {
    float: left;
    display: block;
    text-align: center;
    text-decoration: none;
  }

  .space-top-project {
    margin-top: 5em;
  }

  .project-text {
    margin-left: 75px;
    margin-bottom: 3em;
    text-align: left;
    font-size: 16px;
    margin-top: 2em;
  }

  .nav-item{
    margin-right: 1em;
    margin-top: 1em;
  }

  .dropdown{
    margin-top: 1em;
  }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  .space-top-project {
    margin-top: 4em;
  }

  .project-text {
    margin: 3em 0 3em 75px;
    text-align: left;
    font-size: 16px;
  }

}

@media only screen and (min-width: 1024px) {

  .navbar-expand-lg .navbar-nav {
    margin-top: -56px;
    font-size: 14px;
    margin-right: -25px;
  }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

  .navbar-expand-lg .navbar-nav {
    margin-top: -56px;
    font-size: 14px;
    margin-right: -25px;
  }
 
  .space-top-project {
    margin-top: 5em;
  }

  .project-text {
    margin: 0 0 3em 73px;
    text-align: left;
    font-size: 19px;
  }
}