@font-face {
    font-family: FiraLight;
    src: url(../font/FiraSans-Light.otf);
}
@font-face {
    font-family: FiraBold;
    src: url(../font/FiraSans-Bold.otf);
}
@font-face {
    font-family: FiraRegular;
    src: url(../font/FiraSans-Regular.otf);
}
@font-face {
    font-family: Harabara;
    src: url(../font/Harabara.ttf);
}
@font-face {
    font-family: FiraUltra;
    src: url(../font/FiraSans-UltraLightItalic.otf);
}

.bg-light{ 
  background-color: transparent!important;
  color: white;
}
footer{
  background-color:rgba(12,35,45,1);
  width:100%;
  min-height: 50px;
  position: fixed;
  bottom: 0px;
  
}
.separador-chico{
  height: 50%;
}
.footer-logo{
  position: absolute;right: 10px;bottom: 0px;
}
#section1{
  background-image:url('../img/background_1.png');
}
#section2{
  background-image:url('../img/background_2.png');
}
#section3{
  background-image:url('../img/background_3.png');
}
#section4{
  background-image:url('../img/background_4.png');
}
#section5{
  background-image:url('../img/background_1.png');
  background-size: 100% 100%;
  min-height: 100%;
}
#section6{
  background-image:url('../img/background_3.png');
  background-size: cover;
}
@media(max-width: 1001px){
  p{
    font-size: 2vw!important;
  }
}
@media(max-width: 767px){
  .frase{
    font-size: 5vw!important;
  }
  p{
    font-size: 3vw!important;
  }
  #innerServicesDiv{
    display: none;
  }
  #section1{
    background-image:url('../img/background_2.png');

  }
  #section4{
    background-image:url('../img/background_2.png');
  }  
#section5{
  background-image:url('../img/background_2.png');
      background-size: cover;
}  
  .h-100{
    height: initial!important;
  }
  .sections{
    height: initial!important;
  }
  #map{
    margin-top:30px;
  }
  .navbar{
    background-color:rgba(255,255,255,.7)!important;
  }
  .navbar  li a{
    color: #2e5268!important;
  }
  footer{
    position: inherit;
    padding:5%;
  }
  .separador-chico{
    height: 20%;
  }
  .separador-grande{
    height: 20%;
  }  
  .footer-logo{
    position: initial;
  }
}
body,html{
  font-family: FiraRegular;
	height: 100%;
  color:white;
}
.row{
  margin:0px;
}
.h-m-100{
  min-height: 100%!important;
}
.font-light{
  font-family: FiraLight;
}
.font-bold{
  font-family: FiraBold;
}
.font-harabara{
  font-family: Harabara;
}
#home{
	background-image:url('../img/Background_1920x1080px.png')!important;
	background-color: black;
	background-blend-mode: overlay;	 
	transition: all 1s ease;

}

.homeActive{
	background-color: transparent!important;
	background-image:url('../img/Background_1920x1080px.png')!important;
	    	
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 100px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  left: 10px;
  bottom: 10px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgb(127,173,61);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(150px);
  -ms-transform: translateX(150px);
  transform: translateX(150px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 1000px;
}

.slider.round:before {
  border-radius: 50%;
}

.sections{
  min-height: 100%;
  background-size: cover;
}



.separador-grande{
  height: 50%;
}


.nav-link{
  color: white!important;
}

.nav-item{
  margin-left:20px;
  margin-right: 20px;
}

.scrolled{
  background-color:rgba(255,255,255,.7)!important;
  -webkit-transition: .4s;  
}

.scrolled li a{
  color: #2e5268!important;
}

.active-service{
  border-radius: 20px;
}

.service{
  padding:10px;
  cursor: pointer;
}

a{
  cursor: pointer;
}

input,textarea {
    border-radius: 10px;
    padding: 5px;
    border:none;
}



.navbar-light .navbar-toggler{
  border:1px solid white;
}

.row{
  margin:0px;
}
#separador_1{
-webkit-backface-visibility: hidden;
    -webkit-transform: translatez(0);
    transform: translatez(0); 
}

.modal-dialog{
  background-image:url('../img/background_2.png');
  max-width: 90%;
}

.modal-content{
  background-color: transparent;
}
.close:not(:disabled):not(.disabled){
  position: absolute;
  right: 10px;
  z-index: 1000;
}

.card-service{
  height: 100%;
  margin-bottom: 15px;
  cursor:pointer;
}

.frase{
  font-family: FiraUltra;
}