html{
  height: 100%;
  width: 100%;
}

body{
  height:100%;
  width: 100%;
  font-family: 'dinregularwebfont';
  background-color: #f9f9f9;
}

.row{
  margin-right: 0;
  margin-left: 0;
  padding-top: 50px;
}

.container-fluid{ 
  padding-left: 5px;
  padding-right:5px;
}




@font-face {
  font-family: 'dinregularwebfont';
  src: url('../assets/fonts/dinregularwebfont.eot');
  src: local('dinregularwebfont'), url('../assets/fonts/dinregularwebfont.woff') format('woff'), url('../assets/fonts/dinregularwebfont.ttf') format('truetype');
}

@font-face {
  font-family: 'DIN Bold';
  src: local('DIN Bold'), url('../assets/fonts/DIN Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'DIN Light';
  src: local('DIN Light'), url('../assets/fonts/DIN Light.ttf') format('truetype');
}


h1,h2,h3,h4,h5,h6{
  font-family: 'dinregularwebfont', sans-serif;
  color: black;
}

h1{
  font-family: 'DIN Bold', sans-serif;
  text-transform: uppercase;
  font-size: 1.4em;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  text-align:left;
  line-height: 1.2em;
}

h2{
  font-family: 'DIN Light', sans-serif;
  text-transform: uppercase;
  font-size:1.4em;
  color: white;
  margin-top: 5px;
  margin-bottom: 0;
  text-align:left;
}

h3{
  font-family: 'dinregularwebfont', sans-serif;
  text-transform: none;
  font-size:3em;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #191919;
  margin-top: 0;
}

.spaced{
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 2.4em;
  background:none;
}

@media(min-width:768px) and (max-width: 1024px){
  h1,h2{
    font-size:3.5em;
  }
}

@media(min-width: 1025px){
  h1,h2{
    font-size:30pt;
  }
}

p{
  font-family: 'Source Sans Pro', serif;
  font-weight: 300;
  text-align: center;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-size: 1.2em;
  color:#191919;
  padding-left: 15px;
  padding-right: 15px;
}

@media(min-width : 480px) {
p{
  text-align: center;
  font-size: 1.2em;
}
}

a{
  font-weight: 500;
  font-size:14px;
}

section{
  padding-top: 100px;
  padding-bottom: 0;
  text-align: center;
}
#contacto{
  text-align: left;
}

.col-lg-2{
  padding: 0 0 0 0;
}

.col-lg-4{
  padding: 0 0 0 0;
}


#loader {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-color: white;
  color: #fff;
  z-index: 1999;

}

/*.spinner {
  width: 100%;
  height: 100%;
  background-image: url('../assets/images/e_marker.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  -webkit-animation: rotateplane 1.5s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform:  }
  50% { -webkit-transform:  rotateY(180deg) }
  100% { -webkit-transform:  rotateY(360deg)}
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}*/
/* SLIDER */

.cover{
  position: relative;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logo{
  position:absolute;
  top:35%;
  margin-left: 15px;
  left:15px;
  z-index: 1;
}

.logo img{
  width: 80%;
  float: left;
}

@media(max-width : 480px) {
  .logo img{
    width:100%;
    float: none;
  }
  .logo{
    margin-left: 15px;
    top:65%;
  }
}


.swiper-container, .swiper-slide {
  width: 100%;
  height: 100%;
}

#slider{
  background: none;
  padding-bottom: 0;
  height: 80%;
  padding-top: 57px;
}

@media(max-width : 1024px) {
  #slider{
    height: 100%;
  }
}

@media(min-width: 992px){
  #slider{
    padding-top: 50px;
  }
}

.swiper-text{
  position:absolute;
  left:0;
  bottom:0;
  width: 100%;
  height: 40%;
  padding-top: 25%;
  padding-left: 30px;
}




.swiper-text p{
  color: white;
  padding-bottom: 0;
  font-size: 1.1em;
}

@media(min-width : 728px) {
  .swiper-text{
  position:absolute;
  left:0;
  bottom:0;
  width: 55%;
  height: 75%;
  padding-top: 19%;
  padding-left: 30px;
}



}

@media(min-width : 1280px) {
  .swiper-text{
  position:absolute;
  left:0;
  bottom:0;
  width: 35%;
  height: 75%;
  padding-top: 13%;
  padding-left: 30px;
}
  .swiper-text p{
    font-size: 14pt;
  }
}


/* TRIANGULO*/
.triangle-down-left {
  width: 100%;
  height: auto;
  bottom:0;
  overflow: hidden;
  position: absolute;
}
.triangle-down-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  
}


.vermelho{
  background-color:  rgba(219, 69, 54, 0.8);
}

.verde{
  background-color: rgba(154, 186, 60, 0.8);
}

.aqua{
  background-color: rgba(77, 188, 141, 0.8);
}

.rosa{
  background-color: rgba(186,98,137, 0.8);
}

.azul-escuro{
  background-color: rgba(69,111,136, 0.8);
}

.roxo{
  background-color: rgba(74, 69, 156, 0.8);
}


@media (max-width: 768px){
  .lilas:after{
    border-bottom: 90vh solid rgba(170,89,128, 0.8);
  }
.cinza:after{
    border-bottom: 90vh solid rgba(111,111,111, 0.8);
  }
  .azul-claro:after{
    border-bottom: 90vh solid rgba(72,119,129, 0.8);
  }
  .laranja:after{
    border-bottom: 90vh solid rgba(248,164,100, 0.8);
  }
  .azul-escuro:after{
    border-bottom: 90vh solid rgba(54,111,133, 0.8);
  }
  .verde:after{
    border-bottom: 90vh solid rgba(170,89,128, 0.8);
  }
}

/* END OF SLIDER */


/* NAVIGATION */

#navigation{
  position:fixed;
  top:0;
  left: 0;
  width:100%;
  background-color:  white;
  opacity:0.97;
  border: 0;
  z-index:100;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.08); 
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.08); 
  box-shadow: 0 3px 3px rgba(0,0,0,0.08);
  font-size: 1.1em;
}

#navigation a{
  color: gray;
  background-color: white;
}

#navigation .navbar-header a{
  color: black;
}


#navigation a:hover{
  color:   black;
  background-color: white;
}

#navigation-collapse{
  padding-right: 0;
  overflow: hidden;
}

.navbar-header{
  color:black;
}

.navbar-brand{
  padding: 12px 15px;
  font-size:1.1em;
  line-height: inherit;
}

.dropdown{
  color:white;
}
.dropdown-menu{
  border:none;
  border-radius: 0;
}

@media (max-width: 768px){
  #navigation a{
    color: black;
  }
}

/* END OF NAVIGATION */

/* START OF BACKGROUND COVER*/

#photo-example{
  height: 50%;
  background-image: url('../assets/images/epositiva_fundo.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-color: #1a1a1a;
}

@media(min-width: 992px){
   #photo-example{
    background-attachment: fixed;
  }
}
@media(max-width: 991px){
  .cover{
    position: relative;
    overflow: hidden;
  }
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(100,100,100,0.2) 35%, rgba(0,0,0,0) 100%);  
}

/* END OF BACKGROUND COVER*/

/* GRELHAS */
.col-xs-12{
  padding-left: 0;
  padding-right: 0;
}

.photo-container{
  margin-top: 0;
  height: 200px;
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border: solid 5px #f9f9f9;
}

.photo-container img{
  width: 100%;
  height: 100%;
}

.one-image-two-column img{
  width: 100%;
  height: auto;
}

.one-image-one-column{
  height: 400px;
}


/*.photo-container .textbox{
  width:100%;
  height:60px;
  position:absolute;
  bottom:0;
  left:0;
  margin-bottom:0;
  margin-left: 15px;
  background-color: rgba(0,0,0,0.50);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.photo-container .textbox p{
  margin-left: -15px;
}

.photo-container:hover .textbox {
  margin-bottom:0;
}

@media(min-width: 992px){
  .photo-container .textbox{
    margin-bottom: -60px;
  }
}

.textbox p{
  color: white;
}*/


/* END OF GRELHAS */

/* START OF FOOTER */

footer{
  height: auto;
  background: #E9E9EA;
  padding: 0 0;
  color: #8F9090;
}

footer h2{
  text-align: left;
}

footer p{
  color: #8F9090;
  font-size: 1em;

}

::-webkit-input-placeholder {
  color: #8F9090;
  text-transform: none;
  font-size:1.1em;
  text-align: left;
}

:-moz-placeholder { /* Firefox 18- */
  color: #8F9090;
  text-transform: none;
  font-size:1.1em;
  text-align: left;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #8F9090;
  text-transform: none;
  font-size:1.1em;
  text-align: left;
}

:-ms-input-placeholder {  
  color: #8F9090;
  text-transform: none;
  font-size:1.1em;
  text-align: left;
}

input{
  height: 40px;
  background-color: #f9f9f9;
  border: 0;
  -webkit-box-shadow:none;
  line-height: 1.25em;
  width: 100%;
  padding-left: 50px;
  color: #8F9090;
  font-size:1.1em;
  letter-spacing: auto;
  text-align: left;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-y: center;
  background-position-x: 5px;
}

input:focus {outline:none;}
textarea:focus {outline:none;}

::-webkit-textarea-placeholder {
  color: #8F9090;
  font-size:1.1em;
  letter-spacing: auto;
  text-align: left;
}

textarea{
  width: 100%; 
  min-width:100%; 
  max-width:100%; 
  height:100px; 
  min-height:100px;  
  max-height:100px;
  resize:none;
  color: black;
  font-size:1.1em ;
  font-weight: 200;
  letter-spacing: auto;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 50px;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-y: 5px;
  background-position-x: 5px;
  background-color: #f9f9f9;
  border: 0;
  -webkit-box-shadow:none;
  margin-bottom: 5px;
}

.footer-wrapper{
  padding-top: 15px;
}

@media(min-width : 480px) {
  .footer-wrapper{
    padding-top: 100px;
  }
}

.footer-container{
  height: 300px;
}


.footer-description{
  text-align: left;
  margin-top: 0;
  padding-right: 15px;
  padding-left: 15px;
}

.footer-description p{
  font-size: 1.2em;
  text-align: left;
}

@media(min-width : 480px) {
  .footer-description{
  }
}

/*SOCIAL MEDIA ICONS*/
.fa{
  color: #8F8F90;
}

#social-media{
  text-align: left;
  position: relative;
  padding: 10px;
  padding-bottom: 5px;
}

#social-media img{ 
  width: 15%;
}


#social-media li{
  display: inline;
  padding: 0;
}

#social-media ul{
  padding: 0;
  margin: 0;
}

@media(min-width : 992px) {
    
  #social-media li{
    padding: 0;
    padding-bottom: 5px;
  }

}

@media(max-width : 480px) {
  #social-media{
    text-align: center;
  }
  #social-media img{ 
    width: 15%;
  }
  #social-media li{
    padding-bottom: 5px;
  }
  #social-media li:first-child{
    padding-right: 20px;
  }
  #social-media li:last-child{
    padding-left: 20px;
  }
}

#social-media img:hover{
  -webkit-transition: all .2s ease-in-out;
  -webkit-transform: scale(1.1);
}
/*END OF SOCIAL MEDIA ICONS*/

#success{
  position: absolute;
  padding-top: 20%;
}

.contact-button {
  position: relative;
  background-color: #f9f9f9;
  cursor: pointer;
  height: 40px;
  margin-top: 10px;
  margin: 0 0;
  width: 20%;
  text-transform: none;
  border: none;
  outline: none;
  box-shadow: none;
  color: #8F9090;
  font-size:1.1em;
  letter-spacing: auto;
  text-align: center;
}

.contact-button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: black;
}

.formulario{
  margin-top: 0 ;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 480px){
  footer h2{
    text-align: center;
  }
  .formulario{
    margin-top: 25px;
  }
}

.footer-line{
  margin-top: 0;
  background-color: #8F9090;
  height: 1px;

}

.logo-footer{
margin-top: 50px;
width: 100%;
z-index: 0;
top: 0;
float:left;
margin-bottom: 25px;
}

@media (min-width: 768px){
  .logo-footer img{
    width: 100%;
  }
}

.logo-footer img{
  width: 75%;
}

.detalhes{
  margin-top: 50px;
}

.detalhes img{
  margin:auto;
  display: block;
  width: 25%;
  height: auto;
}

.detalhes p{
  text-align: center;
  padding: 0;
}


#copyrights{
  margin-top: 25px;
}

#copyrights p{
  text-align: left;
}
/* END OF FOOTER */

#equipamento{
  padding-bottom: 100px;
}