body 
{
	padding-top: 90px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #637988;
	line-height: 1.7;
	background-color: white;
}

p 
{
	font-family: sans-serif;
	font-size: 16pt;
	color: black;
}

ul, ol 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}


.social-list li 
{
	display: inline-block;
}

.social-list a 
{
	padding: 20px;
	color: #fff;
	text-decoration: none;
}

p 
{
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-size: 14pt;
	color: #000080ff;
	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, label, button, .btn 
{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 
{
	display: block;
}

h1, .h1 
{
	font-size: 50px;
}

h2 
{
	font-size: 25px;
}

h2.section-title 
{
	color: #231f20;
}

h2.section-title:after 
{
	display: block;
	content: '';
	width: 100%;
	height: 19px;
	background: url('../img/svg/separator.svg') center center no-repeat;
	margin-top: 45px;
}

h5 
{
	font-size: 15px;
	letter-spacing: 0.2em;
}

section 
{
	position: relative;
}

section:nth-child(odd)
{
	background-color: #ffffff;
}

section:nth-child(even)
{
	background-color: white;
}

blockquote 
{
	padding: 0;
	margin: 0;
	border: 0;
}

form 
{
	text-align: left;
}

label 
{
	font-weight: normal;
}

button, .btn 
{
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
}

.form-group 
{
	margin: 0;
}

.form-control 
{
	background-color: transparent;
	color: #000080ff;
	border: none;
	border-bottom: 1px solid #000080ff;
	border-radius: 0;
	transition: all 0.3s ease-out;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12pt;
}

.form-control:focus 
{
	border-color: #ffffff;
	box-shadow: none;
}

img 
{
    height: 100px;
}
/**********************
NAVBAR INÍCIO
***********************/
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
	right: auto;
	bottom: auto;
  }

.dropdown-item {
	display: block;
	width: 100%;
	padding: 10px;
	clear: both;
	font-weight: 400;
	color: #000080ff;
	text-align: center;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
  }

  .dropdown-menu a:hover 
  {
	color: #ff6600ff;
	text-decoration: none;
	
  }

  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
  {
	color: #ff6600ff;
	background-color: white;
  }



.navbar 
{
	min-height: 90px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.navbar-default 
{
	background-color: #ffffff;
}

.navbar-brand 
{
	height: 90px;
	
	padding: 26px 10px;
}

.navbar-brand img 
{
	max-height: 34px;
}

.navbar-default .navbar-nav>li>a 
{
	font-size: 13px;
	color: #000080ff;
	padding: 35px 10px;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover
{
	color: #ff6600ff;
	background-color: transparent;
	
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover 
{
	color: #ff6600ff;
	background-color: transparent;
}

.navbar-default .navbar-toggle 
{
	margin-top: 28px;
	margin-bottom: 28px;
	border: 0;
	border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar 
{
	background: #000080ff;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover 
{
	background-color: transparent;
}

.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar 
{
	background: #ff6600ff;
}
/**********************
NAVBAR FIM
***********************/
/**********************
HOME SECTION INÍCIO
***********************/

#gruposass 
{
	height: 525px;
	background: url("../img/banner.jpg") center center no-repeat;
	background-size: cover;
}

.overlay 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(10, 1, 27, 0.616);
}

.home-content 
{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #ffffff;
}

.home-content .h1,
.home-content h2 
{
	margin-top: 0;
}

.home-content .cta-container 
{
	margin-top: 54px;
	padding-left: 10px
}

.home-content .btn 
{
	letter-spacing: 0.2em;
	margin:0 15px;
	text-align: center;
	padding: 0;
	width: 220px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	color: #ffffff;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
}

.home-content .btn-default 
{
	background-color: rgba(255, 137, 2, 0.219);
	border: 1px solid #ffffff;
}

.home-content .btn-default:hover,
.home-content .btn-default.active.focus, 
.home-content .btn-default.active:focus, 
.home-content .btn-default.active:hover, 
.home-content .btn-default:active.focus, 
.home-content .btn-default:active:focus, 
.home-content .btn-default:active:hover 
{
	background: rgba(2, 17, 87, 0.342);
	color: #ffffff;
	border-color: #ffffff;
}

.down-icon 
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	padding: 45px 15px 15px;
}

.down-arrow 
{
	animation: scrollDown 2s infinite;
}

@keyframes scrollDown 
{
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
	40% {
    transform: translateY(-30px);
  }
	60% {
    transform: translateY(-15px);
  }
}
/**********************
HOME SECTION FIM
***********************/
.history-content 
{
	text-align: left;
}

/**********************
CARDS INICIAL
***********************/
.cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 100px; 
	max-width: 960px;
	margin: 0 auto 0 ;
	background-color: white;
	text-align: center;
	padding: 50px 10px;
}

article {
	position: relative;
	
}
  
.article-img {
	
	width: 350px;
	height: 350px;
	text-align: center;
	/*object-fit:cover;*/
	/*min-height: 260px;*/
	padding: 10px;
}
.article figcaption {
	width: 500px;
}

/**********************
CARDS FORNECEDORES
***********************/

.cards1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 100px; 
	max-width: 960px;
	margin: 0 auto 0 ;
	background-color: white;
	text-align: center;
	padding: 50px 10px;
}

article {
	position: relative;
	
}
  
.article1-img {
	
	width: 350px;
	height: 350px;
	text-align: center;
	/*object-fit:cover;*/
	/*min-height: 260px;*/
	padding: 10px;
	padding-top: 50px;
}
.article figcaption {
	width: 500px;
}

.cards1 a
{
	background-color: #ff6600ff;
	border: 1px solid #000080ff;
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 0px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	color: #ffffff;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
}

.cards1 a:hover 
{
	background: #000080ff;
	color: #ffffff;
	border-color: #ff6600ff;
}

/**********************
CARROSSEL INÍCIO
***********************/
.project
{
	position: relative;
	width: 250px;
	height: 250px;
	overflow: hidden;
	outline: none;
}


.project:hover .description 
{
	transform: translateY(-100%);
}

.project img 
{
	width: 100%;
	
}

.project .description 
{
	position: absolute;
	width: 100%;
	height: 250px;
	padding: 61px 33px 54px;
	background: rgba(0, 0, 255, 0.5);
	color: #ffffff;
	text-align: center;
	transition: all .1s ease-out;
}

.project .description p 
{
	margin-top: 65px;
}

.project .description a
{
	background-color: #ff6600ff;
	border: 1px solid #ffffff;
	border-radius: 3px;
	letter-spacing: 0.2em;
	
	text-align: center;
	padding: 10px;
	width: 100px;
	line-height: 10px;
	box-sizing: border-box;
	color: #ffffff;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
}

.project .description a:hover 
{
	background: rgba(2, 17, 87, 0.342);
	color: #ffffff;
	border-color: #ffffff;
}

.project .description .social-list 
{
	margin-top: 54px;
}

#services {
	padding: 20px 0;
}

.service {
	background: #ffffff;
	padding: 58px 61px 0px;
	text-align: center;
}

.service .separator {
	width: 30px;
	height: 2px;
	background-color: #ff0000;
	margin: 25px auto 0;
}

.service h5 {
	margin-top: 20px;
	color: #231f20;
}

.service p {
	margin-top: 51px;
}

/**********************
CARROSSEL FIM
***********************/

/**********************
CONTACT SECTION
***********************/

#contact {
	background-color: #fefeff;
	color: #000080ff;
	padding: 30px 0 50px;
}

.contact-subsection {
	/*border: 1px solid #ff6600ff;*/
	text-align: center;
	min-height: 500px;
	box-sizing: border-box;
}

#about-subsection {
	padding: 95px 92px 149px;
}

#about-subsection h2:after {
	display: block;
	content: '';
	width: 30px;
	height: 2px;
	/*background-color: #ff0000;*/
	margin: 46px auto 0;
}

#about-subsection p {
	margin-top: 54px;
}

#form-subsection {
	padding: 95px 70px 76px;
	overflow: hidden;
}

#form-subsection .email-label {
	margin-top: 28px;
}

#form-subsection input {
	padding: 0 5px;
	height: 33px;
}

#form-subsection .message-label {
	margin-top: 60px;
}

#form-subsection textarea {
	margin: 0;
	padding: 0 5px;
	border: 0;
	box-sizing: border-box;
	resize: none;
	font-size: 15px;
	line-height: 50px;
	vertical-align: bottom;
	background: linear-gradient(transparent 49px, #000080ff 1px);
	background-size: 100% 50px;
	background-repeat: repeat-y;
}

#form-subsection textarea:focus,
#form-subsection textarea:active {
	background: linear-gradient(transparent 49px, #ff6600ff 1px);
	background-size: 100% 50px;
	background-repeat: repeat-y;
}

#form-subsection .btn-default {
	color: #000080ff;
	background: transparent;
	border: 0;
	border-color: transparent;
	border-radius: 0;
	padding: 10px 0;
	margin-top: 38px;
	outline: none;
	box-shadow: none;
}

#form-subsection .btn-default:hover,
#form-subsection .btn-default.active.focus, 
#form-subsection .btn-default.active:focus, 
#form-subsection .btn-default.active:hover, 
#form-subsection .btn-default:active.focus, 
#form-subsection .btn-default:active:focus, 
#form-subsection .btn-default:active:hover {
	color: #ff6600ff;
}

.mapa 
{
	background-color: white;
	text-align: center;
	margin-bottom: 0;
}
.mapa iframe 
{
	width: 100%;
	height: 400px;
}


/**********************
FOOTER SECTION
***********************/
#footer 
{
	background: #000080ff;
	padding: 55px 0;
    text-align: center;
	margin-top: 0;
}

#footer p 
{
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
}

#footer b 
{
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
}

/**********************
HELPER CLASSES
***********************/

.is-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
  }
  
  .grabbable {
	  cursor: move;
	  cursor: grab;
	  cursor: -moz-grab;
	  cursor: -webkit-grab;
  }
  
  .grabbing { 
	  cursor: grabbing;
	  cursor: -moz-grabbing;
	  cursor: -webkit-grabbing;
  }
  
  /**********************
  RESPONSIVE
  ***********************/
  
  @media only screen and (max-width: 1199px) {
	  
	  /**********************
	  CONTACT SECTION
	  ***********************/
	  
	  #about-subsection, #form-subsection {
		  padding: 95px 70px 70px;
		  min-height: 560px;
	  }
  
  }
  
  @media only screen and (max-width: 991px) {
  
	  /**********************
	  SERVICES SECTION
	  ***********************/
	  .service:not(first-of-type) {
		  margin-top: 30px;
	  }
  
	  /**********************
	  CONTACT SECTION
	  ***********************/
  
	  #about-subsection, #form-subsection {
		  padding: 80px;
		  min-height: auto;
	  }
  
	  #form-subsection {
		  margin-top: 55px;
	  }
  
  }
  
  @media only screen and (max-width: 767px) {
	  
	  /**********************
	  DEFAULT
	  ***********************/
  
	  h1, h2, h3, h4, h5, h6 {
		  line-height: 1.5;
	  }
  
	  /**********************
	  NAVBAR
	  ***********************/
  
	  .navbar-default .navbar-nav {
		  text-align: center;
	  }
  
	  .navbar-default .navbar-nav>li>a {
		  padding: 20px 0;
		
	  }
  
	  /**********************
	  HOME SECTION
	  ***********************/
	  
	  .home-content {
		  transform: translateY(-55%);
	  }
	  
	  .home-content .h1,
	  .home-content h2 {
		  font-size: 42px;
	  }
  
	  /**********************
	  SERVICES SECTION
	  ***********************/
	  .service {
		  padding: 30px;
	  }
  
	  /**********************
	  CLIENTS SECTION
	  ***********************/
	  .single-client-container:not(first-of-type) {
		  margin-top: 60px;
	  }
  
	  /**********************
	  CONTACT SECTION
	  ***********************/
  
	  #about-subsection, #form-subsection {
		  padding: 60px 30px;
		  min-height: auto;
	  }
  
  
	  /**********************
	  FOOTER SECTION
	  ***********************/
	  #footer {
		  text-align: center;
	  }
  
	  #footer .social-list {
		  float: none;
		  margin-top: 45px;
	  }
  
  }
  
  @media only screen and (max-width: 575px) {
  
	  /**********************
	  HOME SECTION
	  ***********************/
  
	  .home-content .btn {
		  display: block;
		  margin: 0 auto;
	  }
  
	  .home-content .btn-primary {
		  margin-top: 30px;
	  }
  
  }

  
