@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-Light.woff2') format('woff2'),
        url('FuturaStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-LightOblique.woff2') format('woff2'),
        url('FuturaStd-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}





@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-Book.woff2') format('woff2'),
        url('FuturaStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-BookOblique.woff2') format('woff2'),
        url('FuturaStd-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-Medium.woff2') format('woff2'),
        url('FuturaStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-MediumOblique.woff2') format('woff2'),
        url('FuturaStd-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}






@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-Heavy.woff2') format('woff2'),
        url('FuturaStd-Heavy.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-HeavyOblique.woff2') format('woff2'),
        url('FuturaStd-HeavyOblique.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}




@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-Bold.woff2') format('woff2'),
        url('FuturaStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-BoldOblique.woff2') format('woff2'),
        url('FuturaStd-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}









@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-ExtraBold.woff2') format('woff2'),
        url('FuturaStd-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura Std';
    src: url('FuturaStd-ExtraBoldOblique.woff2') format('woff2'),
        url('FuturaStd-ExtraBoldOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}







/*   General    */




body{
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
	font-family: 'Futura Std';
	background: #ffffff;
}

p{
	font-family: 'Futura Std';
	color: #3e3e3e;
	font-weight: 300;
}

.aligncenter{
	text-align: center !important;
}

.align-left{
	text-align: left !important;
}

.align-right{
	text-align: right!important;
}

.displayblock{
	display: block!important;
}

.hidden{
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	text-indent: -9999px;	
}



/*   termos e politicas    */


body.termos-politicas {
	background: transparent;
	color: #252631;
	
}


body.termos-politicas p, body.termos-politicas li {
	color: #252631;
}


body.termos-politicas h1, body.termos-politicas h2, body.termos-politicas h3, body.termos-politicas h4, body.termos-politicas h5, body.termos-politicas h6 {
	color: #252631;
}

body.termos-politicas table{
	border: #252631;
}



/*   Index    */



body.index{
	background: url("../img/index_bg.jpg") top center no-repeat #ffffff ;
}


body.index h1{
	overflow: hidden;
	text-indent: -9999px;
	height: 250px;
	width: 100%;
	background: url("../img/index_header.png") center top no-repeat;
	background-size: contain;
	margin: 100px 0;
}



body.index .box-form{
	position: relative;
	padding: 30px 50px;
	background: #ffffff;
	margin:0 0 100px 0;
	border-radius: 20px;
}


body.index .box-form h3{
	font-family: 'Futura Std';
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
    color: #666666;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

body.index .box-form input{
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background: #CABFBF;
	font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #ffffff;
	text-align: left;
	border: none;
	outline: none;
	border-radius: 10px;
}

body.index .box-form a.botao-index{
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background: #252631;
	font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
    color: #ffffff;
	text-align: center;
	border: none;
	outline: none;
	border-radius: 10px;
	display: inline-block;
}

body.index .box-form a.botao-index:hover{
	text-decoration: none;
}

body.index .box-form input::-webkit-input-placeholder { /* Edge */
 color: #ffffff;
}

body.index .box-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ffffff;
}

body.index .box-form input::placeholder {
 color: #ffffff;
}

body.index .box-form input.botao{
	background: #20212e;
	background-size: contain;
	color: #ffffff;
	width: auto;
	float: right;
}




body.index .box-form p{
	
	font-family: 'Futura Std';
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
	display: flex;
	justify-content: center;
 	color: #666666;
}









body.index .row input.check{
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	margin: 0 10px -4px 0;
	padding:0;
	box-shadow: none;
	display: inline-block;
	background: #ffffff;
	border: 2px solid #cabfbf;
	border-radius: 5px;
}


body.index .row input.check:checked:after{
	content: '✓';
    font-size: 18px;
    line-height: 10px;
    position: absolute;
    top: 8px;
    left: 16px;
    color: #20212e;
	
}



body.index .row label{
	font-family: 'Futura Std';
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #20212e;
	text-align: center;
	display: inline;
}

body.index .row label a{
	cursor: pointer;
}






body.index .cookies{
	position: fixed;
	width: 90%;
	height: auto;
	margin: 0;
	padding: 50px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 50px;
	z-index: 9999;
	bottom: 40px;
	left: 5%;
}

body.index .cookies p{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #ffffff;
	font-family: 'Futura Std';
	font-size: 14px;
	line-height: 20px;
	text-transform: none;
	display: inline-block;
}

body.index .cookies p a{
	color: #ED1B24 ;
	cursor: pointer;
	text-decoration: underline;
	font-weight: 500;
}

body.index .cookies .botao{
	cursor: pointer;
	width: auto;
	background: #20212e;
	text-align: center;
	height: auto;
	padding: 10px;
	margin: 0 0 40px 0;
	border: none;
	border-radius: 10px;
	font-family: 'Futura Std';
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
	float: right;
	font-style: italic;
}



body.index p{
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
	display: flex;
	justify-content: center;
 	color: #000000;
}

body.index p a{
	color: #000000;cursor: pointer;
	margin: 0 5px;
}









/*  Destino    */


body.destino {
	background: transparent;
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
	align-items: center;
	overflow-x: hidden;
	position: absolute;
}




body.destino h1{
	    font-family: 'Futura Std';
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 30px 0;
}



body.destino .escolher{
	width: auto;
    margin: 50px 0 0 0;
    font-style: normal;
    font-weight: 700;
    padding: 7px 100px;
    border: 1px solid #A27D14;
    border-radius: 7px;
    text-align: center;
	background: #20212e;
    background-size: contain;
    color: #ffffff;
}


body.destino .escolher:hover{
	text-decoration: none;
}
 

.envie-sua-foto{
	display: flex;
}

#mediaFile {
  display: none;
}
#profile {
	border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    background: #f4f4f4;
    display: inline-table;
    background-size: cover;
    background-position: center center;
	background-image: url("../img/upload.png");
 }




 label.inputfile {
    position: relative;
    padding: 15px;
	margin: 0;
	display: inline-block;
	 width: 80%;
  }


 label.inputfile h4{
	font-family: 'Futura Std';
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #505050 ;
	text-transform: uppercase; 
}




body.destino input.botao {
    background: #20212e;
    background-size: contain;
    color: #ffffff;
    width: auto;
    height: 40px;
    padding: 5px 50px;
    margin: 0 0 10px 0;
    font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    border: none;
    outline: none;
    border-radius: 10px;
}





/*   Principal  Menu Incremente seu Perfil  */

#incremente-perfil{
	position: absolute;
	z-index: 9999;
	width: 80%;
	height: 100%;
	display: none;
	right: 0;
    top: 50px;
}

.box-incremente{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 40px;
	background: rgba(103, 103, 103, 0.9);
	border: 5px solid #ffffff;
	border-radius: 20px;
	position: absolute;
	right: 0;
}

.box-incremente h3{
	font-family: 'Futura Std';
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: left;
}

.box-incremente p{
	font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: left;
}


.box-incremente .botoes{
	display: flex;
	flex-direction: column;
    align-items: center;
	margin: 50px 0 0 0;
}

#incremente-perfil .box-incremente .botoes img{
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
}

#incremente-perfil .box-incremente .botoes img:hover{
	border: none;
}

.box-incremente .botoes a{
	width: auto;
    height: 40px;
    padding: 5px 40px;
    margin: 0;
    background: #252631;
    font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 600;
	letter-spacing: 2px;
    line-height: 32px;
    color: #ffffff;
    text-align: center;
    outline: none;
    border-radius: 10px;
    display: inline-block;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.box-incremente .botoes:hover a{
	color: #cb2228;
	text-decoration: underline; 
}


/*   Principal    */



body.principal{
	background: url("../img/principal_bg.jpg") top center no-repeat #ffffff;
}



.pre-header nav ul{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 0;
	list-style: none;
	text-align: left;
	display: inline-block;
}

.pre-header nav ul li{
	padding: 15px 15px;
	margin: 0;
	display: inline-block;
	font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000000;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.pre-header nav ul li a{
	color: #000000;
	display: inline-block;
	padding: 0;
	margin: 0;
	cursor: pointer;
}



.pre-header nav ul li a:hover{
	text-decoration: none;
}

.pre-header nav ul li::after{
	content: "|";
    padding: 0 0 0 15px;
    display: inline-block;
    margin: 0 -15px 0 0;
}

.pre-header nav ul li:last-child::after{
	display: none;
}

.pre-header .interacoes{
	display: flex;
	justify-content: flex-end;
    align-items: center;	
}


.pre-header .interacoes img {
	width: 33px;
	height: 21px;
	margin: 0 10px;
	cursor: pointer;
}

.pre-header .interacoes img.idioma-selecionado, .pre-header .interacoes img:hover{
	border: 2px solid #58595b;
}

.pre-header .interacoes .crop-foto{
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	background-size: cover;
	background-position: center center;
	border-radius: 100px;
	padding: 0;
	margin: 0 10px;
}

.pre-header .interacoes h4{
	font-family: 'Futura Std';
    font-size: 12px;
	line-height: 12px;
    font-weight: 700;
	text-align: center;
	padding: 0;
	margin: 0;
 	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.pre-header .interacoes .abrirmenu{
	font-family: 'Futura Std';
    font-size: 26px;
	line-height: 26px;
    font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0 0 0 10px;
 	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}



body.principal h1{
	overflow: hidden;
	text-indent: -9999px;
	height: 250px;
	width: 100%;
	background: url("../img/index_header.png") center top no-repeat;
	background-size: contain;
}
/*   Seectin 1    */

.section1{
	padding-top: 0px;
	padding-bottom: 0px;
}

.section1 .video{
	width: 100%;
	height: auto;
	
}

.section1 .video iframe{
	width: 100%;
	border: 10px solid #57595B;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}

[style*="--aspect-ratio"] > img {  
  height: auto;
}

@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}


.section1 .botoes-popups{
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
	display: flex;
    justify-content: flex-end;
}

.section1 .botoes-popups a{
	width: 20%;
    height: 40px;
    padding: 5px 10px;
    margin: 0 0 0 10px;
    background: #252631;
    font-family: 'Futura Std';
    font-size: 16px;
    font-weight: 600;
	letter-spacing: 2px;
    line-height: 32px;
    color: #ffffff;
    text-align: center;
    outline: none;
    border-radius: 10px;
    display: inline-block;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.section1 .botoes-popups a:hover{
	color: #ffffff;
	text-decoration: none;
}



.section1 .chat{
	width: 100%;
	margin: 0;
	padding: 10px;
	background: #ffffff;
	border: 5px solid #57595B;
	border-radius: 8px;
	
}

.section1 .chat .box{
	width: 100%;
	margin: 0;
	padding: 10px 0 20px 10px;
}


.section1 .chat .box-mensagens{
	width: 100%;
	height: 380px;
	margin: 0;
	padding: 0;
	overflow-y:scroll;
	background: #ffffff;
}




.section1 .chat .box-mensagens::-webkit-scrollbar {
	width: 6px;
	padding-right: 5px;
}

.section1 .chat .box-mensagens::-webkit-scrollbar-track {
  background: #ffffff; 
}

.section1 .chat .box-mensagens::-webkit-scrollbar-thumb {
 	background: #eeeeee;
	border-radius: 5px;
}

.section1 .chat .box-mensagens::-webkit-scrollbar-thumb:hover {
  background: #C9C9C9; 
}




.section1 .chat .box-mensagens .postadas{
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0 0 30px 0;
	display: flex;
	align-items: flex-end;
}

.section1 .chat .box-mensagens .crop-foto{
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	background-size: cover;
	background-position: center center;
	border-radius: 0;
	padding: 0;
	margin: 0 5px 0 0;
	float: right;
}

.section1 .chat .box-mensagens .crop-foto-left{
	float: left;
}

.section1 .chat .box-mensagens .postadas p{
	width: 99%;
	padding: 10px;
	margin: 0;
	color: #3e3e3e;
	font-family: 'Metropolis';
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	line-height: 20px;
	display: inline-block;
	background: #eeeeee;
	border-radius: 20px;
	border-bottom-left-radius: 0;
}

.section1 .chat .box-mensagens .postadas p.foto-direita{
	border-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 0;
}




.section1 form{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.section1 .envia-mensagem{
	width: 100%;
	height: auto;
	padding: 10px 0;
	margin: 0;
	border: 2px solid #2a2a2a;
	display: flex;
	border-radius: 30px;
	justify-content: center;
}

.section1 .envia-mensagem input{
	width: 80%;
	height: auto;
	padding: 0 5px;
	margin: 0;
	color: #000000;
	border: none;
	background: transparent;
	font-family: 'Metropolis';
	font-size: 14px;
	text-align: left;
	line-height: 20px;
	display: inline-block;
	border-radius: 0px;
}

.section1 .envia-mensagem input:focus{
	outline: none;
}


.section1 .envia-mensagem .botao{
	width: 30px;
    height: 30px;
    padding: 5px 0;
    margin: 0 5px;
    border: none;
    display: inline-block;
	background: url("../img/section-1_enviar.png") center center no-repeat #333333;
	background-size: 15px;
	border-radius: 25px;
}



.section1 .box-emojis{
	width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
	justify-content: center;
}

.section1 .box-emojis img{
	width: 17%;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}





/*   Section2    */


.section2{
	padding-bottom: 80px;
	padding-top: 80px;
}

.section2 h2{
	width: auto;
	font-family: 'Futura Std';
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    color: #000000;
	text-align: left;
	padding: 15px 50px;
	margin: 0 0 20px -50px;
	border: 2px solid #000000;
	border-radius: 7px;
	display: inline-block;
}

.section2 .tabela-agenda{
	background: #e2e2e2;
	padding: 30px;
}

.section2 table{
	width: 100%;
	height: auto;
	
	margin: 0;
	
}

.section2 table thead h3{
	width: 99%;
	font-family: 'Futura Std';
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #ffffff;
	background: #353434;
	text-align: center;
	margin: 5px 5px 0;
	padding: 10px 0;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.section2 table h4{
	width: 98%;
	font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #ffffff;
	text-align: center;
	margin: 5px 5px 0;
	padding: 15px 0;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.section2 table p{
	width: 98%;
	font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #ffffff;
	text-align: center;
	margin: 5px 5px 0;
	padding: 10px 0;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.section2 table .verm-1 h4, .section2 table .verm-1 p{
	background: #363636;
}

.section2 table .verm-2 h4, .section2 table .verm-2 p{
	background: #757575;
}

.section2 table .verm-3 h4, .section2 table .verm-3 p{
	background: #b5b5b6;
}

.section2 table tr td{
	width: 15%;
}

.section2 table tr td:last-child{
	width: 55%;
}






/*   Section3    */


.section3{
	padding-bottom: 80px;
}

.section3 h2{
	width: auto;
	font-family: 'Futura Std';
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    color: #000000;
	text-align: left;
	padding: 15px 50px;
	margin: 0 0 20px -50px;
	border: 2px solid #000000;
	border-radius: 7px;
	display: inline-block;
}


.section3 .video{
	width: 100%;
	height: auto;
	
}

.section3 .video iframe{
	width: 100%;
	border: 5px solid #57595B;
}



/*   footer    */

.pre-footer{
	padding-bottom: 50px;
}

.pre-footer h4{
	width: 100%;
	font-family: 'Futura Std';
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    color: #000000;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

.pre-footer a{
	margin: 0 10px;
}

.footer{
	background:#000000;
	padding-top: 10px;
	padding-bottom: 20px;
}

.footer h2{
	overflow: hidden;
	text-indent: -9999px;
	height: 100px;
	width: 100%;
	background: url("../img/principal_footer_live.png") center center no-repeat;
	background-size: contain;
	margin: 0;
	padding: 0;
}



/*   Popup    */



.fundo{ 
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999;
	 align-items: center;
    align-content: center;
    justify-content: center;
}

.popup{
	width: 80%;
	height: 80%;
	margin: 0;
	padding: 40px;
	position: fixed;
	top: 10%;
	left: 10%;
	background: #ffffff;
	z-index: 999;
	box-shadow: 10px 10px 50px #000000;
}

.popupmenor{
	width: 60%;
	height: 35%;
	margin: 0;
	padding: 40px;
	position: fixed;
	background:#ffffff;
	border-radius: 30px;
	z-index: 999;
	box-shadow: 10px 10px 50px #000000;
}


.fechar{
	width: 20px;
	height: 20px;
	position: fixed;
	top: 5%;
	right: 5%;
	margin: 0;
	padding: 0;
	background-size: contain;
	cursor: pointer;
	color: #ffffff;
	font-size: 40px;
}


.popup iframe, .popupmenor iframe{
	width: 100%;
	height: 100%;
}







body.popupmodal{
	background: #ffffff;

	
}


body.popupmodal h1{
	font-family: 'Futura Std';
	font-weight: 700;
    font-size: 44px;
    line-height: 48px;
	color: #252631;
	width: 100%;
	text-align: center;
}

body.popupmodal h2{
	font-family: 'Futura Std';
	font-weight: 700;
    font-size: 40px;
    line-height: 44px;
	color: #252631;
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
}


body.popupmodal h3{
	font-family: 'Futura Std';
	font-weight: 700;
    font-size: 32px;
    line-height: 36px;
	color: #252631;
}

body.popupmodal h4{
	font-family: 'Futura Std';
	font-weight: 700;
    font-size: 26px;
    line-height: 30px;
	color: #252631;
}

body.popupmodal h5{
	font-family: 'Futura Std';
	font-weight: 300;
    font-size: 22px;
    line-height: 26px;
	color: #252631;
	text-transform: uppercase;
	    text-align: center;
}


body.popupmodal p{
	font-family: 'Futura Std';
	font-weight: 300;
    font-size: 16px;
    line-height: 22px;
	color: #252631;
}

body.popupmodal ul{
	list-style: none;
	padding: 0px;
	margin: 0 0 30px 0;
	display: flex;
    justify-content: center;
}

body.popupmodal ul li{
	padding: 0;
	margin: 0 0.5%;
	width: 8.5%;
	display: inline-block;
}

body.popupmodal ul li p{
	font-family: 'Futura Std';
	font-weight: 700;
    font-size: 16px;
    line-height: 18px;
	color: #252631;
	float: left;
	text-align: left;
}

body.popupmodal ul li input{
	float: left;
	margin: 4px 10px 0 0;
}



body.popupmodal .botao {
	width: 100%;
    height: auto;
    padding: 10px 30px;
    margin: 0;
    color: #ffffff;
    border: none;
    background: #252631;
    border-radius: 0;
    font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    display: inline-block;	
}

body.popupmodal .botao:hover{
	text-decoration: none;
	background: #252631;
}

body.popupmodal textarea {
    width: 100%;
    height: auto;
    padding: 10px;
    border: none;
    background: #eeeeee;
    border-radius: 0;
    margin: 0 0 10px 0;
    color: #636363;
    font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 20px;
}

body.popupmodal .inputtext {
    width: 100%;
    height: auto;
    padding: 10px;
    border: none;
    background: #eeeeee;
    border-radius: 0;
    margin: 0 0 50px 0;
    color: #636363;
    font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 20px;
}


body.popupmodal select {
    width: 100%;
    height: auto;
    padding: 10px;
    border: none;
    background: #eeeeee;
    border-radius: 0;
    margin: 0;
    color: #636363;
    font-family: 'Futura Std';
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 14px;
}


body.popupmodal p.select{
	line-height: 36px;
}






/*   Reactions   */




.botoes-reactions{
	margin: 0;
    padding: 20px 0 5px 0;
    display: flex;
    justify-content: center;
    height: 70px;
}



.botoes-reactions img {
	cursor: pointer;
	margin: 0 2px;
    width: 40px;
    height: 40px;
  }
  



.reactions{
	position: relative;
	z-index: 100;

	overflow: hidden
}

.reactions img{
	position: absolute;
	right: 5%;
	bottom: -50px;
}



/*   Responsive    */



@media (max-width: 576px) {
	.sm-hide{display: none;}
	.md-hide{display: none;}
	.lg-hide{display: none;}
	.xl-hide{display: none;}
	
	
	
	
	body.termos-politicas {
    font-size: 0.5rem;
	}
	
	body.termos-politicas h1{
	font-size: 1.5rem;
	}
	
	body.termos-politicas h2{
	font-size: 1rem;
	}
	
	body.termos-politicas h3{
	font-size: 0.7rem;
	}
	
	
	body.termos-politicas ol, body.termos-politicas ul{
		padding: 0 0 0 10px;
	}
	
	
	body.popupmodal h3{
		font-size: 1.5rem;
    line-height: 1.5rem;
	}
	
	body.popupmodal h4{
		font-size: 1.2rem;
    line-height: 1.2rem;
	}
	
	
	body.destino {
		position: relative;
	}
	
	
	body.destino h2{
		font-size: 20px;
	}
	
	
	
	
	.popupmenor{
		height: 80%;
		width: 90%;
    	padding: 10px;
	}
	
		
	#incremente-perfil{
		width: 100%;
	}
	
	.pre-header nav ul{
		text-align: center;
	}
	
	.pre-header nav ul li{
		padding: 15px 5px;
		letter-spacing: 2px;
		font-size: 16px;
	}
	.pre-header nav ul li::after{
		margin: 0 -5px 0 0;
	}
	
	.section1 .botoes-popups{
		justify-content: center;
	}
	
	.section1 .botoes-popups a{
		width: auto;
		margin: 0px 5px 20px 5px;
	}
	
	.pre-header .interacoes{
		justify-content: center;
	}
	
	body.principal h1{
		margin: 30px 0 0 0;
	}



	body.index .row input.check{
		margin: 0 10px -4px 0;
	}

	body.index .row label{
	font-size: 10px;
	}
	
	
	.section2 .tabela-agenda{
		padding: 0px;
		background: transparent;
	}
	
	.section2 table tr td{
		width: 25%;
	}
	
	.section2 table tr td:first-child{
		width: 20%;
	}
	
	
	.section2 table tr td:last-child{
		width: 30%;
	}
	
	.section2 table thead h3{
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	
	.section2 table h4{
		font-size: 8px;
		margin: 5px 0 0 0;
	}
	
		
	.section2 table p{
		font-size: 8px;
		line-height: 10px;
		margin: 5px 0 0 0;
		min-height: 45px;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	
	
	
	
	
	
	

}
@media (min-width: 578px) and (max-width: 768px) {
	.md-hide{display: none;}
	.lg-hide{display: none;}
	.xl-hide{display: none;}
	

	body.index .index-logo{
		background-size: 150px;
	}
	
	
	body.index h2{
		background-size: cover;
		height: 60px;
	}
	
	
		
	.fechar{
		top: 2%;
		right: 4%;
	}
	
	#incremente-perfil{
		width: 150%;
	}
	
	
	.popupmenor{
		height: 80%;
	}
	
	.pre-header nav ul li{
		padding: 15px 5px;
		letter-spacing: 2px;
		font-size: 12px;
	}
	.pre-header nav ul li::after{
		margin: 0 -5px 0 0;
	}
	
	.pre-header .interacoes h4{
		letter-spacing: 0px;
		font-size: 10px;
	}
	
	.section1 .botoes-popups{
		margin: 15px 0 40px 0;
	}
	.section1 .envia-mensagem{
		justify-content: space-between;
	}
	.section1 .box-emojis img{
		width: 7%;
	}
	
	
	.section1 .botoes-popups{
		justify-content: center;
	}
	
	.section1 .botoes-popups a{
		width: auto;
		margin: 0px 5px 20px 5px;
	}
	
		
	.section2 .tabela-agenda{
		padding: 0px;
		background: transparent;
	}
	
	.section2 table tr td{
		width: 25%;
	}
	
	.section2 table tr td:first-child{
		width: 20%;
	}
	
	
	.section2 table tr td:last-child{
		width: 30%;
	}
	
	.section2 table thead h3{
		font-size: 18px;
		margin: 5px 0 0 0;
	}
	
	.section2 table h4{
		font-size: 10px;
		margin: 5px 0 0 0;
	}
	
		
	.section2 table p{
		font-size: 10px;
		line-height: 10px;
		margin: 5px 0 0 0;
		min-height: 45px;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	

	
}


@media (min-width: 768px) and (max-width: 992px) {
	.lg-hide{display: none;}
	.xl-hide{display: none;}

	body.index .index-logo{
		background-size: 150px;
	}
	
	body.index h2{
		height: 60px;
	}
	
	.fechar{
		top: 2%;
		right: 3%;
	}
	
	.pre-header nav ul li{
		padding: 15px 5px;
	}
	.pre-header nav ul li::after{
		margin: 0 -5px 0 0;
	}
	
	.section1 .botoes-popups{
		margin: 15px 0 40px 0;
	}
	.section1 .envia-mensagem{
		justify-content: space-between;
	}
	.section1 .box-emojis img{
		width: 7%;
	}
	
	.section2 table tr td{
		width: 20%;
	}

	
	
	.section2 table tr td:last-child{
		width: 40%;
	}
	
}


@media (min-width: 992px) and (max-width: 1200px) {
	
	.xl-hide{display: none;}
	
	
	body.index h1{
		height: 350px;
	}
	
	body.index h2{
		height: 80px;
	}
	
		.fechar{
		top: 2%;
		right: 3%;
	}
	


	
}

@media (min-width: 1201px) and (max-width: 1359px) {
	
	
		.fechar{
		top: 2%;
		right: 3%;
	}
	
}


@media (min-width: 1360px) and (max-width: 1620px) {
		.header h1 {
    height: 260px;
		
	}
	


}


@media (min-width: 1621px) {

		.header h1 {
    height: 300px;
		
	}
	
}