/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: grey;
  color: white;
  cursor: pointer;
  
}

#myBtn:hover {
  background-color: #555;
}

.input {
    
    
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 2%; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

.red{color: #ed1c24;}

#info-box {
  display: none;
  position: top;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-color: #00539a;
  border: none ;
  border-radius: 5px;
  padding: 3%;
  font-family: inherit ;
	color: white;
	
}

#info-box a {
  
	color: white;
	text-decoration: none;
	
}

.map-list{padding-top: 0; }

.red-text{color: #00539a;}
.carousel-item {
    height: 65vh;
    max-height: 400px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

.portfolio-item {
    margin-bottom: 30px;
}

.parent {
  position: relative;

}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.grey-text{color: #848484;}

figure {
	
	margin: 0;
	padding: 0;
	
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  max-height: 100%;
  padding: 15px;
  width: 280px;
	
}


.section-red{background-color:#00539a; padding-top: 4%; padding-bottom: 4%; }
.section-lightblue{background-color:#00539a; padding-top: 4%; padding-bottom: 4%; }
.section-darkblue{background-color:#013b4f; padding-top: 4%; padding-bottom: 4%; }
.section-grey{background-color:#eceeef; padding-top: 4%; padding-bottom: 4%; }
.section-white{background-color:white; padding-top: 4%; padding-bottom: 4%; }
.intro{height: 600px; background-color: rgba(0, 0, 0, 0.31);}

.fill-b{background-color: }

.spark-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/spark-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

/* CUSTOMIZAÇÃO MARUBENI */
.brother-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/fundo-marcas/brother-img-fundo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.cincom-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/fundo-marcas/cincom-img-fundo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.miyano-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/fundo-marcas/miyano-img-fundo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.takamaz-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/fundo-marcas/takamaz-img-fundo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.history-bg {
    width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/history/business-meeting.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.special-solutions-bg{
	width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/special-solutions/businessman.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.structure-bg{
	width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/structure/estrutura-suporte-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.business-brazil-bg{
	width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/business-brazil/fabrica.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

.contact-us-bg{
	width: 100%;
    background: #eceeef fixed;
    background-image: url(../img/contato/contact-us.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 4%; padding-bottom: 4%;
}

/* FIM CUSTOMIZAÇÃO MARUBENI */

.spark-full {
    width: 100%;
	height: 75%;
    background: #eceeef fixed;
    background-image: url(../img/spark-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: inset 0 -2px 6px 0 rgba(247, 247, 249, 0), inset 0 2px 6px 0 rgba(236, 238, 239, 0.07), inset 0 50px 75px 0 rgba(236, 238, 239, 0.46), inset 0 -300px 300px 0 rgba(236, 238, 239, 0.62);
    display: inline-block;
    z-index: 20;
	padding-top: 10%; padding-bottom: 10%;
}

.example-padding{padding: 1%;}

.divider-padding{padding-left: 2%; padding-right: 2%;}

/*VIDEO BACKGROUND*/
.video-bg { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('../../demosthenes.info/assets/images/polina.html') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: sans-serif, Helvetica, Avenir; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

table {
    text-align: left
    border-collapse: collapse;
    width: 100%;
	
	background-color: white;
}


td, th {
    border: 0px solid #dddddd;
    text-align: left;
    padding: 8px;
	text-align: left
}

tr:nth-child(even) {
    background-color: #eceeef;
}

.footer-distributed{
	/* background-color: #fff; */
	background-color: #00539a;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: inherit 16px sans-serif;
	padding: 45px 50px;
}

.footer-distributed .footer-left p{
	color:  #999999;
	font-size: 14px;
	margin: 0;
}

/* Footer links */

.footer-distributed p.footer-links{
	font-size:18px;
	font-weight: bold;
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-right{
	float: right;
	margin-top: 6px;
	max-width: 300px;
}

.footer-distributed .footer-right a{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color:  #999999;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-left: 3px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		text-align: center;
	}

	.footer-distributed .footer-right{
		float: none;
		margin: 0 auto 20px;
	}

	.footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
	}
}