body {
  font-family: 'Josefin Sans', sans-serif;
  margin: 0;
  padding: 0;
  background-color:#828e66;
}


.testess { animation: fadeIn 5s; }
	
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
	


/*colocar ../images/whatsapp.jpg quando for para o site*/
.fixed-action-btn{
    position:fixed;

    padding-top:15px;
    margin-bottom:5%;;
    z-index:997;
    bottom:5%;
    right:6%;
    
  }

  .btn-floating.btn-large{
      background: url("image/whatsapp.jpg") no-repeat bottom;
      -webkit-transition: box-shadow 1s, width 1s, height 1s, transform 1s;
    transition: width 1s, height 1s, transform 2s;
    width:70px;
    height:70px;
    padding:0;
  }

.btn-floating.btn-large:hover{
    width:90px;
    height:90px;
 /*   transform: rotateY(10deg); */
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}
  
  .btn-large{
    height:54px;
    line-height:54px;
    font-size:15px;
    padding: 0 28px;
  }
  
  .btn-floating{
    display: inline-block;
    color: #FFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: width 2s, height 2s, transform 2s;
    transition: width 2s, height 2s, transform 2s;
    cursor: pointer;
    vertical-align: middle;
      
  }
  
  .btn-floating.btn-large i{
    line-height:56px;
      width: 80px;
  }
  
  .btn-floating i{
    width: inherit;
    display:inline-block;
    text-align:center;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 40px;
  }
  .fixed-action-btn ul{
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 15%;
    margin: 0;
    visibility: hidden;
  }
  .fixed-action-btn.active ul{
    visibility: visible;
  }
  ul:not(.browser-default){
    padding-left:0;
    list-style-type:none;
  }
  .fixed-action-btn  ul li{
    margin-bottom:15px;
  }
  .fixed-action-btn.direction-left, .fixed-action-btn.direction-right{
    padding: 0 0 0 15px;
  }
  .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul{
    text-align:right;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    left:auto; 
    width: 500px;
  }
  .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li{
    display: inline-block;
    margin: 7.5px 15px 0 0;
  }

/* -----final botao whatsapp --- */

.btn-primary{
	width: 100%;
}

.fa-whatsapp{
	font-size: 300%;
	margin-bottom: 2%;
	margin-left: -17%;
	
}
.fa-envelope{
	font-size: 300%;
	margin-bottom: 2%;
	margin-left: -17%;
}
.telluis{
	margin-left: -17%;
	font-size: 120%;
	margin-bottom: 4%;
}

.cicledesk{
width: 100%; border: 20px,thin, #CD4E50;
	
}

.sumirvideo{
	width: 100%;
}

.cologo{
	width: 80%;
}

.elogo img{
	width: 115%;
}

.aparecevideo{
		display: none;
	}

.formaparece{
	display: none;
}

.formdesaparece{
	display: block;
	margin-left: 1%;
}

header {
  background-color:#d7a7a5;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120%;;
}

header h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}

header nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 35%;
	margin-top: 2.5%;
}

header nav ul {
  list-style: none;
  
  padding: 0;
  display: flex;
}

header nav a {
  color: #fff;
  text-decoration: none;
  padding: 0 20px;
  font-size: 22px;
  font-weight: 400;
}

main {
  padding: 80px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
	  background-color:#828e66;
}

main h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

main p {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}

footer {
   background-color:#d7a7a5;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

footer p {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

#about{
    margin-top: -5%;
}

.sobre{
	font-size: 24px;
}

.video-player {
    width: 77%;
	height: 85%;
    
    border-radius: 250px;
    overflow: hidden;
  }

  .video-player video {
    width: 100%;
    height: 100%;
  }
/*
video::-webkit-media-controls {
  display: none;
video::-webkit-media-controls-play-button {
	 display:flex;
}
}

video::-webkit-media-controls-volume-slider { display:none;}

video::-webkit-media-controls-mute-button {display:none;}

video::-webkit-media-controls-timeline {display:none;}

video::-webkit-media-controls-current-time-display {display:none;}*/

.box-carrossel   { 
    width:90%;
    overflow:hidden; 
    margin:auto; 
    background:#d7a7a5; 
    box-shadow: 1px 0px 1.2px 0px #e3e3e3; 
    border-radius:3px; 
    padding:0.6em; 
}
.artigos-carrossel {
   width:90%;
   float:center;
   display:inline-block;
   padding: 8px;
   border-bottom:1px #f2f2f2 solid;
}
.artigos-carrossel .imagem {
   width:60%;
   margin-right:3%; 
   float:center;
 
 }
 .artigos-carrossel .imagem img { 
    
    width:100%; 
    height:100%; 
    border-radius:6px;
}
 /*.artigos-carrossel .texto {
   width:100%;
   float:left;
   
 }
  .artigos-carrossel .texto p{
   font-family: 'open_sanslight';
   font-size:1em;
   
 }
.artigos-carrossel .texto a {
   text-decoration:none;
   font-family: 'open_sansregular';
   color:#00ced3;
   font-size:0.9em;
   transition:0.3s;
   
 }
.artigos-carrossel .texto a:hover {
   text-decoration:underline;
   color:#343434;
   
 }
/*Controle da Paginação carrossel*/
.bx-wrapper { 
    margin-top:0px !important;
}
.bx-controls { 
    width:100%;
    float:left;
    margin-top:10px;
}
.bx-controls-direction{ 
    width: 100%;
    float: left;
    margin: auto;
    border-top: 1px #e6e6e6 solid;
    display: block;
    padding-top: 10px;
}
.bx-prev {
  
    width: 100px;
    display: block;
    background: #00bec4;
    border-radius:3px;
    color:#fff;
    text-decoration:none;
    float: left;
    text-align: center;
    padding:6px;
    margin-right:8px;
}
.bx-next {
   
    width: 100px;
    display: block;
    background: #00bec4;
    border-radius:3px;
    color:#fff;
    text-decoration:none;
    float: left;
    text-align: center;
    padding:6px;
}
.bx-prev:active, .bx-next:active { background-color:#343434; }
/*Controle da Paginação carrossel*/
/*Responsivo*/
/*768PX BREAKPOINT*/
@media (min-width:48em){
.box-carrossel   { width:30%;}
.artigos-carrossel .imagem { display:block; }
.artigos-carrossel .texto  { width:67%; }
} 

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	main h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

main p {
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
	
	
	
	
	.fa-whatsapp{
	font-size: 300%;
	margin-bottom: 2%;
	margin-left: 0;
	
}
.fa-envelope{
	font-size: 300%;
	margin-bottom: 2%;
	margin-left: 0;
}
.telluis{
	margin-left: 0;
	font-size: 120%;
	margin-bottom: 4%;
}
	
	
	header img{
		width: 70%;
		margin-left: 5%;
	}
	header nav{
		margin-left: 5%;
	}
	header h1{
		display: none;
	}
	.navbar li{
		font-size: 120%;
	}
	.sumirvideo{
	display: none;
}
	.aparecevideo{
		display: block;
	}
	
	.cicledesk img{
		
		width: 100%;
		
	}
	
	.formdesaparece{
		display: none;
	}
	
	.formaparece{
		display: block;
	}
	
	.video-player {
    width: 100%;
	height: 100%;
	
	margin-left:2%;
    
    border-radius: 250px;
    overflow: hidden;
  }
	
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
	header img{
		width: 80%;
	}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
	header img{
		width: 80%;

	}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	header img{
		width: 80%;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}