@font-face {
  font-family: 'Open Sans Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Regular'), url('../fonts/OpenSans-Regular.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans'), url('../fonts/OpenSans-Regular.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Italic'), url('../fonts/OpenSans-Italic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Light'), url('../fonts/OpenSans-Light.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Light Italic'), url('../fonts/OpenSans-LightItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans SemiBold'), url('../fonts/OpenSans-SemiBold.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans SemiBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans SemiBold Italic'), url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Bold'), url('../fonts/OpenSans-Bold.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Bold Italic'), url('../fonts/OpenSans-BoldItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans ExtraBold';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans ExtraBold'), url('../fonts/OpenSans-ExtraBold.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans ExtraBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans ExtraBold Italic'), url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Light Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Light Regular'), url('../fonts/OpenSans-Light-webfont.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Open Sans Condensed Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Condensed Bold'), url('../fonts/OpenSans-CondBold.woff') format('woff');
  }

  body{ font-family: 'Open Sans Regular'; font-size: 16px;}
  body.index .container{ max-width: 1350px !important;   } 
  h1,h2,h3,h4,h5{  font-family: 'Open Sans Bold';}
.h-100{ min-height: 100vh;}
.btn{ border-radius: 0;  text-transform: uppercase;}
.social-icones li{ background: #000; padding-top: 2px;  border-radius: 100%; width: 30px; height: 30px; text-align: center;}
.social-icones li:hover{ background: #0F1111;}  
.social-icones li a{ color: #fff;} 
h2,h3{ position: relative;}
.btn:active,
.btn:focus,
.btn.active,
.btn:active:focus {
   background-image: none;
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.linha-verde-titulo{ margin-bottom: 30px;}
.linha-verde-titulo:before{ position: absolute; bottom: -10px; content: ""; width: 100%; max-width: 300px;   right: 0; border-bottom: 3px solid #ED1740;  }
header{ max-width: 1170px; margin: auto; }
header .navbar-nav{text-transform: uppercase; }
header .logo-branca{ display: none;}
header .logo{ margin-right: 20px;}
 
header .navbar-shrink{ background: #203882;   border-radius: 0; animation:mymove .4s ease-in-out } 

header .navbar-nav a.nav-link{ 
font-family: 'Open Sans SemiBold';
}

@keyframes mymove { 
 from { top:-100px } 
to { top:0 } 
 }

header .navbar-shrink .logo{ max-height: 60px;}
header .navbar-shrink a.nav-link{ color: #fff !important;}

header .navbar-shrink .social-icones li{ background: #fff; padding-top: 2px;  border-radius: 100%; width: 30px; height: 30px; text-align: center;}
header .navbar-shrink .social-icones li:hover{ background: #eee;}  
header .navbar-shrink .social-icones li a{ color: #000;} 

.dropdownmenu{position:absolute; display:none;}
.dropdownmenu a{display:block;}
.dropdown:hover .dropdownmenu{display:block;}

.navbar-toggler{ background: #fff;}

section{  padding-top: 100px; padding-bottom: 200px;}
section.no-padding-s {padding-top: 0; padding-bottom: 0;}

/*Banner*/
section.banner-home .desc-banner{    width: 100%;  display: table; max-width: 600px;  height: 50px; float: right;  }
section.banner-home .linha-verde-titulo:before{ right: auto; left: 0;}

/*Sobre*/
section.sobre{ background: #eee; color: #999; margin-top: -100px; padding-top: 150px; position: relative; z-index: 999;}

section.sobre:before{ 
    width: 0; 
    height: 0; 
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 45px solid #203882;
    content: "";
    position: absolute;
    top: 0px;
    left: 30%;
  }
section.sobre .galeria-sobre > div{ margin-bottom: 30px; }
section.sobre .galeria-sobre > div.impar{ margin-top: -15px;} 
section.sobre::after{ content: ""; width: 30px; height: 90vh; background: #F89C1A; position: absolute; top: 50px;}


/*Serviços*/
section.servicos{padding-top: 0; background: #0F1111; color: #fff;}
section.servicos .header-servicos{ background:url('../img/bg-servicos.jpg'); background-size: cover; background-repeat: no-repeat; padding-top: 90px; padding-bottom: 90px; width: 100%;}
section.servicos .header-servicos h2 span{ background: #203882; padding: 15px;}
section.servicos .header-servicos ul li a{ border: 1px solid #fff; color: #fff;  padding: 10px 30px; font-weight: bold;}
section.servicos .header-servicos ul li a:hover{  background: #fff; color: #101112; text-decoration: none;}
section.servicos .list-servicos{ margin-top: 20px; margin-bottom: 20px;}
section.servicos .list-servicos > div{ margin-top: 20px; margin-bottom: 10px;}
section.servicos .list-servicos > div h3{ border-bottom: 2px #fff solid; padding-bottom: 10px; margin-bottom: 20px;  font-style: italic;}
.titulo-projeto{ margin-top: 25px;}
.projeto-foto{ padding-bottom: 15px;}
/*Equipe*/
section.equipe{ position: relative; padding-bottom: 0;}
.frase-equipe{ background: #00A650; position: absolute; top: -50px; width: 100%; max-width: 550px; padding: 25px 50px; padding-left: 100px; font-style: italic; font-size: 20px; color: #fff; left: 0; }
section.equipe .img-equipe-rodape{ width: 100%;}

/*Trab conosco*/
section.tra-conosco{ padding-top: 50px; padding-bottom: 30px;}
section.tra-conosco h3{ font-style: italic;}
section.tra-conosco a{ font-style: italic;}
section.tra-conosco p{ padding-top: 5px; padding-bottom: 5px;}

/*Artigos*/
section.servicos{   min-height: 700px !important; background-size: cover; background-repeat: no-repeat; }
section.servicos .header-artigos{ margin-bottom: 100px; }

.row-projeto{ padding-top: 25px;}
 .item-projeto{ padding-bottom: 15px;}

/*BLOG*/
section.btn-blog{ padding-top: 30px; padding-bottom:10px;} 
section.btn-blog .btn{ padding-left: 50px; padding-right: 50px;}
 
/* Contato */
section.contato{  background: #203882; color: #fff; }
section.contato input,section.contato textarea{ background: transparent; border: 0; border-bottom: 2px solid #F89C1A; border-radius: 0; padding-left: 0;}   
section.contato input:focus,section.contato textarea:focus{ background: transparent; border: 0;  border-bottom: 2px solid #F89C1A; outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;} 
section.contato .col-inf-contato{ text-align: right; font-size: 20px;}
section.contato .social-icones li{ background: #fff; padding-top: 7px;  border-radius: 100%; width: 50px; height: 50px; text-align: center;}
section.contato .social-icones li:hover{ background: #eee;}  
section.contato .social-icones li a{ color: #0F1111;} 



footer{ padding-top: 25px; padding-bottom: 25px;}