/*
Awesome Template
http://www.templatemo.com/preview/templatemo_450_awesome
*/

/* Importando a fonte Montserrat Variable */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* Exemplo de classes com diferentes pesos de fonte */
.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

body
	{
 		/*background: #ffffff;*/
 		color: #006346;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		overflow-x: hidden; /* prevent horizontal scrollbar from appearing */
	}
	
a {
	color: #112A29;
	font-weight:400;
}
	
a:hover {
	color: #82C062;
	font-weight:500;
}

/* cores */
.verde {
color: #006346;
}

.amarelo {
	color: #FAB400;
}

.verde_escuro {
	color: #112A29;
}

.verde_medio {
	color: #82C062;
}

.verde_claro {
	color: #D5E3B6;
}


.vermelho {

	color: #006346;

}



.azul {
	color: #194892;
}


.preto {
	color: #000;
}

.cinza_escuro
{ background-color: #545454; }

.cinza_azul1
{ background-color: #425E77; }

.cinza_azul2
{ background-color: #275780; }

.azul_escuro
{ background-color: #004b8f; }

.azul_claro
{ background-color: #28a7ec; }


/* start h2 */
h2
	{
		text-align: center;
		font-weight: 900;
		font-size: 30px;
		padding-bottom: 40px;
	}	
h2 span
	{
		color: #82C062;
		font-weight: bold;
	}
/* end h2 */

/* start about team service portfolio contact */
#about, #team, #service,
#portfolio, #contact, #departamentos
	{
		padding-top: 60px;
		padding-bottom: 40px;
	}
/* end about team service portfolio contact */

/* start preloader */
.preloader
	{
		position: fixed;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		z-index: 99999;
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-flex-flow: row nowrap;
  		    -ms-flex-flow: row nowrap;
  		        flex-flow: row nowrap;
  		-webkit-box-pack: center;
  		-webkit-justify-content: center;
  		    -ms-flex-pack: center;
  		        justify-content: center;
  		-webkit-box-align: center;
  		-webkit-align-items: center;
  		    -ms-flex-align: center;
  		        align-items: center;
  		background: none repeat scroll 0 0 #ffffff;
	}
.sk-spinner-wave.sk-spinner 
	{
  		width: 50px;
  		height: 30px;
  		text-align: center;
  		font-size: 10px; 
  	}
.sk-spinner-wave div 
	{
  		background-color: #333;
  		height: 100%;
  		width: 6px;
  		display: inline-block;
         -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
                 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
         
    }

.sk-spinner-wave .sk-rect2 
	{
          -webkit-animation-delay: -1.1s;
                  animation-delay: -1.1s; 
      }

.sk-spinner-wave .sk-rect3 
	{
          -webkit-animation-delay: -1s;
                  animation-delay: -1s; 
     }
.sk-spinner-wave .sk-rect4 
	{
          -webkit-animation-delay: -0.9s;
                  animation-delay: -0.9s;
     }
.sk-spinner-wave .sk-rect5 
	{
          -webkit-animation-delay: -0.8s;
                  animation-delay: -0.8s; 
     }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }
/* end preloader */

/* start header */
header
	{
		#min-height: 20px;
		#padding-top: 18px;
		#padding-bottom: 7px;
		background-color: #0060ff;
		color:#ffffff;
	}
header .fa
	{
		color: #FAB400;
	}
header span
	{
		font-weight: bold;
		padding-right: 10px;
		padding-left: 4px;
	}
header a
	{
		color: #999;
		font-weight: 600;
	}
header .social-icon
	{
		text-align: left;
	}
header .social-icon li a
	{
		border: none;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
	
.topo_menu{
#padding-top: 13px;
background-color: #c61a28;
}
	
/* end header */

/* start nagivation */
.navbar-default
	{
		#background: #fff;
		border: none;
		box-shadow: none;
		#margin: 0 !important;
		z-index: 1000;
/*		  
		-webkit-box-shadow: 0px 25px 5px rgba(50, 50, 50, 0.50);
		-moz-box-shadow:    0px 25px 5px rgba(50, 50, 50, 0.50);
		box-shadow:         0px 25px 5px rgba(50, 50, 50, 0.50);
*/
	}
	
.navbar-default::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -25px;
  left: -2px;
 height: 25px;
  width: 120%;
  opacity: 0.8;
  border-radius: 0px;
  
  #background-image: linear-gradient(to top, rgba(100,100,100,0), rgba(100,100,100,0.75));
}
	
.navbar-default .navbar-brand
	{
		font-weight: 500;
		font-size: 30px;
		height: 100px;
		line-height: 40px;
		padding: 2px 0px 0px 12px;
	}
.navbar-default .navbar-nav li a
	{
		font-weight: 500;
		font-size: 15px;
		#height: 70px;
		line-height: 25px;
		#padding-top: 30px;
	}

.navbar-default .navbar-nav li a:hover
	{
		font-weight: 500;
		font-size: 15px;
		color: #82C062;
		line-height: 25px;
	}

.navbar-default .navbar-nav > li > a.current { 
	color: #FAB400; 
}
.templatemo-nav {
	border-radius: 0;	
	width: 100%;
	z-index: 1000;
}
.sticky {	
	position: fixed;
	left: 0;
	top: 0;	
}
/* end navigation */

/* start tabloide */
#tabloide

	{

	/*	background: url('../images/topo_tabloide.jpg') no-repeat;*/

		background-size: cover;

		padding-top: 60px;

		padding-bottom: 100px;

		min-height: 650px;

	}

#tabloide h1

	{

		font-weight: 300;

		font-size: 70px;

		padding-bottom: 10px;

	}

#tabloide h1 span

	{

		color: #FAB400;

		font-weight: bold;

	}

#tabloide .btn

	{

		background: transparent;

		border-radius: 2px;

		color: #fff;

		font-size: 16px;

		font-weight: bold;

		margin-top: 20px;

		width: 180px;

		height: 60px;

		padding-top: 18px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}

#tabloide .btn:hover

	{

		background: #FAB400;

		border-color: transparent;

	}

.element {

	height: 60px;

	font-size: 16px;

}

/* end tabloide */



/* start about */

#about .media-heading-wrapper

	{

		padding-bottom: 32px;

		

	}

#about .media-heading-wrapper .fa

	{

		border: 1px solid #fff;

		border-radius: 2px;

		color: #fff;

		font-size: 24px;

		width: 60px;

		height: 60px;

		line-height: 60px;

		text-align: center;

		margin-bottom: 20px;

		margin-right: 20px;

	}

#about .media-heading-wrapper h3

	{

		font-size: 18px;

		font-weight: bold;

		padding-top: 20px;

		padding-left: 52px;

	}

	

	

	

#about .form-control

	{

		background: transparent;

		border: 1px solid #ccc;

		border-radius: 2px;

		box-shadow: none;

		color: #fff;

		margin-top: 6px;

		margin-bottom: 16px;

	}



#about input[type="submit"]

	{

		background: #82C062;

		border-radius: 5px;

		font-weight: bold;

		max-width:110px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

		margin-top:15px;

	}

#about input[type="submit"]:hover

	{

		background: #006346;

		color:#fff;

	}	

	

	

	

	

	

/* end about */



/* start team */

#team 

	{

		background-color: #ffffff;

	/*	border: 1px solid #cecece;  */

		padding-bottom: 10px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

		position: relative;

		padding-top:20px;

		/* margin-bottom:20px;*/

	}

#team .team-wrapper:hover

	{

		cursor: pointer;

		opacity: 0.4;

		bottom: 4px;

	}

#team .team-wrapper .team-des

	{

		padding: 20px;

	}

#team .team-wrapper .team-des span

	{

		color: #666666;

		display: block;

		font-weight: bold;

		padding-bottom: 12px;

	}

/* end team */



/* start departamentos */

#departamentos

	{

		background-color: #ffffff;

		/*border: 1px solid #cecece;*/

		padding-bottom: 10px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

		position: relative;

		padding-top:60px;

		margin-bottom:20px;

	}

#departamentos .departamentos-wrapper:hover

	{

		cursor: pointer;

		opacity: 0.4;

		bottom: 4px;

	}

#departamentos .departamentos-wrapper .departamentos-des

	{

		padding: 20px;

	}

#departamentos .departamentos-wrapper .departamentos-des span

	{

		color: #194892;

		display: block;

		font-weight: bold;

		padding-bottom: 12px;

	}

/* end departamentos */



/* start service */

#service .col-md-4

	{

		padding: 40px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}

#service .col-md-4:hover

	{

		background: #505050;

	}

#service .active

	{

		background: #505050;

		padding: 40px;

	}

#service .fa

	{

		border: 1px solid #fff;

		border-radius: 2px;

		color: #fff;

		font-size: 50px;

		width: 100px;

		height: 100px;

		line-height: 100px;

		text-align: center;

	}

#service h4

	{

		color: #FAB400;

		font-weight: 600;

		padding-top: 10px;

		padding-bottom: 14px;

	}

/* end service */



/* start portfolio */

#portfolio

	{

		padding-bottom: 80px;

	}

#portfolio .col-md-3

	{

		padding: 0px;

	}

	.portfolio-thumb, 

	.portfolio-overlay {

		max-width: 450px;

		padding-left:10px;

		font-size:1em;

		padding-bottom: 12px;

	}

#portfolio .portfolio-thumb

	{

		overflow: hidden;

		padding: 0;

		margin: 0 auto;

	}

#portfolio .portfolio-thumb .portfolio-overlay

	{

		background: #FAB400;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;	

		width: 100%;

		height: 100%;

		opacity: 0;

		position: absolute;

		padding: 20px 10px 20px 40px;

		margin-left: auto;

		margin-right: auto;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}

#portfolio .portfolio-thumb .portfolio-overlay h4

	{

		font-weight: bold;

		padding-bottom: 0px;

		color:#006346;

	}



#portfolio .portfolio-overlay .p

	{

		font-weight: bold;

		padding-bottom: 0px;

		color:#000;

		margin-top:-20px;

	}	



#portfolio .portfolio-thumb .portfolio-overlay .btn

	{

		background: none;

		border: 1px solid #fff;

		border-radius: 2px;

		color: #fff;

		font-weight: bold;

	}

#portfolio .portfolio-thumb:hover .portfolio-overlay

	{

		cursor: pointer;

		opacity: 0.8;

	}

/* end portfolio */



/* start contact */

#contact

	{

		background: #fff;

	}

#contact .form-control

	{

	/*	background: transparent; */

		border: 1px solid #ccc;

		border-radius: 2px;

		box-shadow: none;

		#color: #fff;

		margin-top: 6px;

		margin-bottom: 16px;

	}

#contact label

	{

		font-weight: 500;

	}

#contact input

	{

		height: 50px;
		background-color:#FFF;

	}

#contact input[type="submit"]

	{

		background: #82C062;
		color:#FFF;

		font-weight: bold;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}

#contact input[type="submit"]:hover

	{

		background: #006346;

	}

	

#contact input[type=file]::-webkit-file-upload-button {

    border: 1px solid grey;

    background: #f0f0f0;

	font-size:1.25em;

	font-weight:lighter;

	color:#006346;

	padding:10px;

	border:none;

	border:none;

  }	

	

#contact address

	{

		/* border-bottom: 1px solid #505050; */

		padding-top: 30px;

	}

#contact address .address-title

	{

		font-weight: bold;

		font-size: 17px;

		padding-bottom: 10px;

	}

#contact address .address-title2

	{

		font-weight: 600;

		font-size: 24px;

		line-height:27px;

		padding-top:10px;

	}

#contact address .address-title3

	{

		font-weight: 900;

		font-size: 34px;

		padding-bottom: 10px;

	}

#contact address span

	{

		display: block;

		padding-bottom: 30px;

	}

#contact address .fa

	{

		width: 20px;

		color:#FAB400;

		#font-size:20px;

	/*	border: 1px solid #fff;

		border-radius: 2px;

		

		height: 40px;

		line-height: 40px;

		text-align: center;

		margin-right: 10px;

		margin-bottom: 10px;

*/	

	

	}

	
#contact address .a:hover {
	color: #fff;
	font-weight:500;
}
* end contact */

/* form clube */
#form_clube input
	{
		background: transparent;
		border-bottom: 1px solid #5D65E0;
		box-shadow: none;
		color: #ccc;
	}

/* end form clube */

/* start copyright */
#copyright
	{
		padding: 20px;
		background-color:#112A29;
		color:#ffffff;
	}
#copyright p
	{
		font-weight: 400;
	}
/* end copyright */

/* start social icon */
.social-icon
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
.social-icon h4
	{
		display: inline-block;
		padding-right: 20px;
	}
.social-icon li
	{
		display: inline-block;
		list-style: none;
		text-align:left;
		padding-right:15px;
}

.social-icon li a
	{
	/*	border: 1px solid #fff;
		border-radius: 2px;
	*/	color:#FFF;
	#	width: 40px;
		height: 20px;
	#	line-height: 40px;
		font-size:20px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	#	margin-right: 10px;
	}

.social-icon li a:hover
	{
		color: #FAB400;
		border-color: transparent;
	}
/* end social icon */

/* start social icon2 */
.social-icon2
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
.social-icon2 h4
	{
		display: inline-block;
		padding-right: 20px;
	}
.social-icon2 li
	{
		display: inline-block;
		list-style: none;
		text-align:left;
		padding-right:15px;
	}
.social-icon2 li a
	{
	/*	border: 1px solid #fff;
		border-radius: 2px;
	*/	color:#FAB400;
	#	width: 40px;
		height: 40px;
		line-height: 40px;
		font-size:20px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	#	margin-right: 10px;

	}

.social-icon2 li a:hover

	{

		color: #fff;

		border-color: transparent;

	}

/* end social icon */



@media only screen and (max-width: 1199px) and (min-width: 992px) {

	#portfolio .portfolio-thumb .portfolio-overlay {

		padding: 0px 8px;

	}

}



/* start 980 media quires */

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

	#team .team-wrapper

		{

			margin-top: 40px;

		}

		

	#departamentos .departamentos-wrapper

		{

			margin-top: 40px;

		}

	

	#portfolio .portfolio-thumb .portfolio-overlay

	{

		background: #FAB400;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		width: 100%;

		height: 100%;

		opacity: 0;

		position: absolute;

		padding: 40px 10px 20px 20px;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}



}

/* end 360 media quires */



/* start 768 media quires */

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

	#tabloide

		{

			min-height: 300px;

			padding-top: 80px;

			padding-bottom: 60px;

		}

	#tabloide h1

		{

			font-size: 52px;

		}



	.templatemo-nav {

		position: fixed;

    	top: 0;

	}

	header {

		margin-top: 70px;

	}

	header .social-icon {

		text-align: left;

	}

	.navbar-toggle {

		margin-top: 15px;
		margin-right:10px;

	}

	.navbar-collapse {

		max-height: 300px;

		overflow-y: auto;

	}

	.navbar-default .navbar-nav li a {

		height: 45px;

		padding-top: 5px;

		padding-bottom: 5px;

		line-height: 35px;

	}

	

	.menu_bar {

		margin-top:25px;

	}

}

/* end 768 media quires */



/* start 360 media quires */

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

	header .social-icon

		{

			text-align: left;

		}

			

	#tabloide

		{

			min-height: 200px;

			padding-top: 60px;

			padding-bottom: 40px;

		}

	#tabloide h1

		{

			font-size: 32px;

		}



}

/* end 360 media quires */



/* ------------------------------------------------------------ */



 /* WHATSAPP FIXO */

.whatsapp {position: fixed;bottom: 1%;right: 1%;padding: 0px;z-index: 10000000; }





#instagram

{

	background-color: #f2f2f2;

	padding-top:25px;

}



/* abas contato */

/* Container das ABAS */

.tabs-container {

    position: relative;

    /*height: 360px;*/

	

    width: 100%;

    margin: 0 auto;

}

.tabs-container p {

    margin: 0;

    padding: 0;

}

.tabs-container:after {

    content: '.';

    display: block;

    clear: both;

    /*height: 0;*/

    font-size: 0;

    line-height: 0;

    visibility: none;

}



/* ABAS */

input.tabs {

    display: none;

}

input.tabs + label + div {

    width: 98%;

    opacity: 0;

    position: absolute;

    background: #eee;

    top: 40px;

    left: 0;

    padding: 10px;

    z-index: -1;

    transition: opacity ease-in-out .3s;

}

input.tabs:checked + label + div {

    opacity: 1;

    z-index: 1000;

}



/* Labels */

input.tabs + label {

    line-height: 40px;

    padding: 0 20px;

    float: left;

    background: #444;

    color: #fff;

    cursor: pointer;

    transition: background ease-in-out .3s;

}

input.tabs:checked + label {

    color: #000;

    background: #eee;

}









// Styles start from here

.tab {

	overflow: hidden;

	border: 1px solid #ccc;

	background-color: #f0f0f0;

	transition: all 3s;

	button_contato {

		background-color: inherit;

		float: left;

		border: none;

		outline: none;

		cursor: pointer;

		padding: 14px 16px;

		transition: 0.3s;

		font-size: 1.125rem;

		&:hover {

			background-color: #cccccc;

		}

		&.active {

			background-color: #333333;

			color: #ffffff;

		}

	}

}



.tabcontent {

	display: none;

	padding: 0.65rem 1.25rem;

	border: 1px solid #ccc;

	border-top: none;

	margin-top:15px;

}



/* Style tab links */

.tablinks {

  background-color: #555;

  color: white;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  font-size: 17px;

  width: 25%;

}







.tablinks:hover {

  background-color: #777;

}



// Helper Classes

.is-hidden {

	display: none !important;

}

.is-desktop {

	display: block;

	@media (max-width: 768px) {

		display: none !important;

	}

}

.is-mobile {

	display: none !important;

	@media (max-width: 768px) {

		display: block !important;

	}

}



select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;       /* Remove default arrow */

	width: 100%;

	padding: 1rem;

	font-size: 1.125rem;

	background-color: #fff;

	border: none;

}



select::-ms-expand {

  display: none;

}



.select {

	position: relative;

	@media (max-width: 768px) {

		&:after {

			content: '';

			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg stroke='none'%3E%3Cpath d='M21.293,12.293,16,17.586l-5.293-5.293a1,1,0,0,0-1.414,1.414l6,6a1,1,0,0,0,1.414,0l6-6a1,1,0,0,0-1.414-1.414Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

			background-position: center;

			background-size: contain;

			position: absolute;

			top: 50%;

			transform: translateY(-50%);

			right: 1rem;

			pointer-events:none;

			width: 32px;

			height: 33px;

		}

	}

}





/* cantos arredondados */

.corner {

	border-radius: 10px;

}



/* botoes */

.botao_azul {

	color: #fff;    

	background-color: #17467c;

}



/* fone topo*/

.fone_topo{

	background-color:#FAB400; 
	
	border-radius:5px; 

	padding:5px; 

	margin-top:20px; 

	margin-left:30px; 

	max-width:420px; 

	height:32px;

	text-align:center;
	
	font-weight:600;

}

/* clube de desconto */
.titulo1_clube{
	font-weight:bolder; 
	font-family:Gotham-Ultra; 
	color:#A12327; 
	font-size:3.5em;
}

.topicos_clube{
	font-family:Gotham-Black; 
	color:#A12327; 
	font-size:1.65em;
	line-height:0.85em;
	text-align:center;
}

/* timeline */

.main-timeline {

    position: relative

}



.main-timeline:before {

    content: "";

    display: block;

    width: 2px;

    height: 100%;

    background: #c6c6c6;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0

}



.main-timeline .timeline {

    margin-bottom: 40px;

    position: relative

}



.main-timeline .timeline:after {

    content: "";

    display: block;

    clear: both

}



.main-timeline .icon {

    width: 18px;

    height: 18px;

    line-height: 18px;

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0

}



.main-timeline .icon:before,

.main-timeline .icon:after {

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.33s ease-out 0s

}



.main-timeline .icon:before {

    background: #fff;

    border: 2px solid #232323;

    left: -3px

}



.main-timeline .icon:after {

    border: 2px solid #c6c6c6;

    left: 3px

}



.main-timeline .timeline:hover .icon:before {

    left: 3px

}



.main-timeline .timeline:hover .icon:after {

    left: -3px

}



.main-timeline .date-content {

    width: 50%;

    float: left;

    margin-top: 22px;

    position: relative

}



.main-timeline .date-content:before {

    content: "";

    width: 36.5%;

    height: 2px;

    background: #c6c6c6;

    margin: auto 0;

    position: absolute;

    top: 0;

    right: 10px;

    bottom: 0

}



.main-timeline .date-outer {

    width: 125px;

    height: 125px;

    font-size: 16px;

    text-align: center;

    margin: auto;

    z-index: 1

}



.main-timeline .date-outer:before,

.main-timeline .date-outer:after {

    content: "";

    width: 125px;

    height: 125px;

    margin: 0 auto;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    transition: all 0.33s ease-out 0s

}



.main-timeline .date-outer:before {

    background: #fff;

    border: 2px solid #232323;

    left: -6px

}



.main-timeline .date-outer:after {

    border: 2px solid #c6c6c6;

    left: 6px

}



.main-timeline .timeline:hover .date-outer:before {

    left: 6px

}



.main-timeline .timeline:hover .date-outer:after {

    left: -6px

}



.main-timeline .date {

    width: 100%;

    margin: auto;

    position: absolute;

    top: 27%;

    left: 0

}



.main-timeline .month {

    font-size: 18px;

    font-weight: 700

}



.main-timeline .year {

    display: block;

    font-size: 30px;

    font-weight: 700;

    color: #232323;

    line-height: 36px

}



.main-timeline .timeline-content {

    width: 50%;

    padding: 20px 0 20px 50px;

    float: right

}



.main-timeline .title {

    font-size: 19px;

    font-weight: 700;

    line-height: 24px;

    margin: 0 0 15px 0

}



.main-timeline .description {

    margin-bottom: 0

}



.main-timeline .timeline:nth-child(2n) .date-content {

    float: right

}



.main-timeline .timeline:nth-child(2n) .date-content:before {

    left: 10px

}



.main-timeline .timeline:nth-child(2n) .timeline-content {

    padding: 20px 50px 20px 0;

    text-align: right

}



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

    .main-timeline .date-content {

        margin-top: 35px

    }

    .main-timeline .date-content:before {

        width: 22.5%

    }

    .main-timeline .timeline-content {

        padding: 10px 0 10px 30px

    }

    .main-timeline .title {

        font-size: 17px

    }

    .main-timeline .timeline:nth-child(2n) .timeline-content {

        padding: 10px 30px 10px 0

    }

}



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

    .main-timeline:before {

        margin: 0;

        left: 7px

    }

    .main-timeline .timeline {

        margin-bottom: 20px

    }

    .main-timeline .timeline:last-child {

        margin-bottom: 0

    }

    .main-timeline .icon {

        margin: auto 0

    }

    .main-timeline .date-content {

        width: 95%;

        float: right;

        margin-top: 0

    }

    .main-timeline .date-content:before {

        display: none

    }

    .main-timeline .date-outer {

        width: 110px;

        height: 110px

    }

    .main-timeline .date-outer:before,

    .main-timeline .date-outer:after {

        width: 110px;

        height: 110px

    }

    .main-timeline .date {

        top: 30%

    }

    .main-timeline .year {

        font-size: 24px

    }

    .main-timeline .timeline-content,

    .main-timeline .timeline:nth-child(2n) .timeline-content {

        width: 95%;

        text-align: center;

        padding: 10px 0

    }

    .main-timeline .title {

        margin-bottom: 10px

    }

}

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

	.desktop{
		display:none;
	}

}

@media only screen and (min-width: 768px) {

	.mobile{
		display:none;
	}
}

/* botao app*/
.botao_app {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
  transition: all ease 0.5s;
}
.botao_app:hover {
  transform: translateY(-10px);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.35);
}