@import 'https://fonts.googleapis.com/css?family=Lobster';

.marcador {
	padding: 5px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem;
    padding: 0;
    white-space: nowrap;
}

.slider .indicators .indicator-item {
	display: none;
}

.slides {
	background-size: cover;
	background-position: center;
	position: relative;
}

.topo {
	position: absolute;
	width: 300px;
	height: 400px;
	z-index: 100;
	opacity: 0.8;
}

.logo {
	padding: 15px;
}

.logo img {		
	width: 200px;
	height: auto;
	margin: 0 auto;
	display: table-cell;    
}

.txt-1 {
	padding: 30px;
	font-family: 'Lobster', cursive;
	font-size: 20px;
	color: #FFF;
}

.txt-1 blockquote {
	    border-left: 5px solid #FFF;
}

.txt-font {	
	font-family: 'Lobster', cursive;	
}

.border-b {
	border-bottom: 2px dashed #FFF;
}

.border-b-2 {
	border-bottom: 2px dashed #0277bd;
}

.border-r {
	background: #81d4fa;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;	
	border: 5px solid #FFF;
}

.border-r-2 {
	background: #FFF;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;	
	border: 10px solid #FFF;
}

.ico {
	background: #FFF;
	border-radius: 30px;
	padding: 5px;
	color: #0D47A1;
}

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

.servico h5 {
	padding: 0 0 60px 20px;
	color: #0D47A1;
}

.servico img {
	padding: 20px;
}

.servico-2 {
	margin-bottom: 20px;

}

.btn-1 {
 background: #CCC;
}

.padding-1{
	padding: 10px;
}

.padding-2{
	padding: 10px;
}

.margin-top-1 {
	margin-top: 20px;

}

.collapsible {
	box-shadow: none;
	border-left: none;
	border-right: none;
	border-top: none;
}

.collapsible i {
	color: #0288d1;
}

.collapsible-header {
	background: #81d4fa;
	border-bottom: 5px solid #FFF;
	border-bottom-left-radius: 20px;
    border-top-right-radius: 20px; 
	font-weight: bold;
	color: #0d47a1;    
}

.collapsible-body {
    background-color: #f9f9f9;
}

.form label {
	top: 0.3rem;
	color: #FFF;
}

.form input[type=text], .form textarea {
	background-color: #FFF;    
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 10px;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;    
}

.btn-large {
	box-shadow: none;
	border-bottom-left-radius: 20px;
    border-top-right-radius: 20px; 
}

.top-1 {
	background-image: url("../imagens/top-1.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 340px;
	position: absolute;
	z-index: 100;
	margin-top: -100px;
}

.top-2 {
	background-image: url("../imagens/top-2.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 340px;
	position: absolute;
	margin-top: -220px;
}

.top-3 {
	background-image: url("../imagens/top-3.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 340px;
	position: absolute;
	margin-top: -100px;
}

.top-4 {
	background-image: url("../imagens/top-2.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 340px;
	position: absolute;
	z-index: 100;
	margin-top: -100px;
} 

.top-1-1, .top-1-2, .top-1-3 {
	position: relative;
	z-index: 100;
	margin-bottom: 150px;
}

.top-1-1-2 {
	position: relative;
	z-index: 100;
	padding-bottom: 50px;
}

.rodape {
	margin-top: 20px;
	position: relative;
	z-index: 100;
}




@media only screen and (max-width: 993px) {

.top-1-1 {
	margin-bottom: 60px;
}

.top-2 {    
    margin-top: -90px;
}  

}

@media only screen and (max-width: 601px) {

  .topo {    
    width: 520px;
}

.top-1{    
    margin-top: -70px;
}

.top-2 {    
    margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

}

@media only screen and (max-width: 533px) {

  .topo {    
    width: 465px;
}

.top-1{    
    margin-top: -70px;
}

.top-2 {    
    margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

}

@media only screen and (max-width: 414px) {

  .topo {    
    width: 355px;
}

.top-1{    
    margin-top: -55px;
}

.top-2 {    
    margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

#facebook {
	display: none;
}

}

@media only screen and (max-width: 375px) {

  .topo {    
    width: 320px;
}

.top-1{    
    margin-top: -52px;
}

.top-2 {    
   margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

.top-4 {
	margin-top: -55px;
}

#facebook {
	display: none;
}

}


@media only screen and (max-width: 360px) {

  .topo {    
    width: 310px;
}

.top-1{    
    margin-top: -52px;
}

.top-2 {    
    margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

.top-4 {
	margin-top: -55px;
}

#facebook {
	display: none;
}

}

@media only screen and (max-width: 320px) {

  .topo {    
    width: 273px;
}

.top-1{    
    margin-top: -52px;
}

.top-2 {    
    margin-top: -90px;
}

.top-3 {    
    margin-top: -40px;
}

.top-4 {
	margin-top: -55px;
}

#facebook {
	display: none;
}

  
}