/*!
 * Start Bootstrap - Small Business (https://startbootstrap.com/template-overviews/small-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-small-business/blob/master/LICENSE)
 */
 
body {
  padding-top: 54px;
}

.navbar{
  background: #1d5297;
}

a{
	color:white;
}

.navbar-dark .navbar-nav .nav-link{
color:white;
}

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

.navbar-toggler-icon{

}

.carousel-item{
  	height:400px;
  }

.footer{
	background: #2e578b;
}

.button-down:hover{
    		background:white;
    		opacity:0.8;
    	}
    	
    	.btn-primary{
    		color:white;
    	}
    	
    	#search{
    	margin-top:20px; 
    	color:white;
    	}

.placeholder::-webkit-input-placeholder {
   color: white;
}

.placeholder:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

.placeholder::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

.placeholder:-ms-input-placeholder {  
   color: white;  
}

.aplicativo{
text-align:center;
margin-top:30px;
}

.button-down{
border-radius:4px; border:2px solid white; padding:15px; text-transform:uppercase;
}

.btn-facebook {
	  background: #3B5998;
	  border-radius: 10;
	  color: #fff;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #263961; 
	}
	.btn-facebook:link, .btn-facebook:visited {
	  color: #fff;
	}
	.btn-facebook:active, .btn-facebook:hover {
	  background: #263961;
	  color: #fff;
	}
	
	.btn-primary{
	color:white;
	}
	
	#pergunta a, #pergunta2 a, #pergunta3 a, #pergunta4 a, #pergunta5 a, #pergunta6 a, #pergunta7 a {
	color:white;
	
	}
	
	#pergunta, #pergunta2, #pergunta3, #pergunta4 , #pergunta5 , #pergunta6 , #pergunta7  {
	text-align:center;
	
	}
	
	.button-free{
	text-align:center;
	margin-top:40px;
	display:none;
	}
	
	.red{
		background:red;
		color:white;
		text-align:center;
		padding:15px;
		display:none;
		margin-top:15px;
		border-bottom:4px solid white;
		border-radius: 8px 8px 0 0;
	}
	
	.green{
		background:green;
		color:white;
		text-align:center;
		padding:15px;
		display:none;
		margin-top:15px;
		border-bottom:4px solid white;
		border-radius: 8px 8px 0 0;
	}
	
	.navbar-toggler{
	background: white;
	}
	
	.navbar-toggler-icon{
	
	}
	
	.custom-toggler.navbar-toggler {
    border-color: rgb(0,0,0);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
	
.platform-card{
background:#f3f3f3;
border-top: 10px solid #075e54;
border-radius:20px;
color:#4a4a4a;
font-size:30px;
padding:10px;
}

.platform-card a{

}

.platform-divu{
border-top: 10px solid #075e54;
border-radius:20px;
color:#4a4a4a;
}

.border-line{
border-bottom:2px solid #d8d8d8;
padding:15px;
}

.font{
font-size:15px;
margin-top:15px;
}

.image-chamada{
border-radius:100px;
}

.top-30{
margin-top:30px;
}

.top-pontos{
border-radius: 10px;
padding:0;
}

.login{
background: #f3f3f3;
border-radius:30px;
border-top:10px solid #075e54;
}

.input-style{
border-radius:5px;
border:0;
height:40px;
}

.gradient{
  background: linear-gradient(to right, #359CD7 , #064366);
  padding:30px;
  color:white;
  margin-top:20px;
  height:auto;
}

.gradient ul{
list-style:none;
}

.gradient li{
float:left;
}

.aplicativo{
margin-top:10%;
}

a:hover{
color:orange;
}


@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
  
  .carousel-item{
  	height:400px;
  }
  
  a:hover{
color:orange;
}
}

@media (max-width: 700px) {
 body {
    padding-top: 0;
  }
  
  .video-container{
  	padding:0;
  }
  
  .carousel-item{
  	height:200px;
  }
  
  .container-cupom{
  	margin-top:60px;
  }
  
   .container-down{
   	margin-top:-30px;
   }
   
   #search{
    	margin-top:90px; 
    	color:white;
    	}
    	
    	.carousel-caption h2{
    	font-size:20px;
    	}
    	
    	.aplicativo{
padding-top:50px;
margin-top:80px;
}

.button-down{
margin-top:400px;
}

.container-cliente{
	margin-top:50px;
}

.container-video{
margin-top:80px;
}

.invisivel{
display:none;
}

.carousel-item{
padding:0;
}

.carousel-inner{
padding:0;
}

#carousel-example-generic{
padding:0;
}

.padding-0{
padding:0;
}

.gradient{
  height:200px;
}

.img-mobile{
margin-top:10%;
}
}