/*********
    Saude Riqueza 
    front-end: @hms
**********/
*{
    margin:0;
    padding:0;
}

body{
    width:100%;
    font-family: 'El Messiri', sans-serif;
	font-weight: lighter;
	font-size: 18px;
	line-height: 1.5;
	word-spacing: 1.2px;
	letter-spacing: 1.2px;
    background-color:#131b25;
}


header{
    display: flex;
    flex-direction: row;
}


header .container{
    width:100%;
    min-height: 293px;
    background-position: top;
    border-bottom: 3px solid #90744A;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #000000;
}

header .content{
    max-height: 226px;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display:flex;
}

header .align-left{
    content: " ";
    width: 75px;
    height: 100%;
    position: relative;
}

header .align-right{
    content: " ";
    width: 75px;
    height: 100%;
    position: relative;
}

header .align-center{
    flex: 1;
    align-self: center;
    justify-content: center;
    display: flex;
}

.header-content{
    flex-direction: column;
    flex:1
}

header h1, p{
    color:white;
    text-align: center;
}

header h1{
    font-size: 56px;
    font-weight: bold;
    text-shadow: black 0.2em 0.2em 0.2em
}

header p{
    font-size: 30px;
    text-shadow: black 0.1em 0.1em 0.2em
}


.show-in-mobile{
    display: none;
}


#main-menu{
    top:232px;
    position: absolute;
    width: 100%;
    z-index: 999;
    font-weight: 100;
    left:0;
}
        
#logo a img{
  position: absolute; 
  margin-top:10px;
}


.toggle, [id^=drop] {
    display: none;
}

nav {
  margin: 0px 0px 0px 20px;
  padding: 0

}

#logo {
  display: none;
}


#logo-menu {
    display: block;
    padding: 0px;
    float: left;
    font-size: 20px;
    line-height: 60px;
}

#logo img, #logo-menu img{
    transition: transform 0.7s ease-in-out;
} 

#logo img:hover, #logo-menu img:hover{
    transform: rotate(360deg);
} 

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: none;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  /*
  background-image: url(../img/bg-transparent-black.webp);
  background-repeat: repeat;
  */
}

#logo-menu{
    margin-top:10px !important;
}

#logo-menu a:hover{
    background-color: transparent !important;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFFFFF; 
  font-size: 22px;
  line-height: 60px;
  text-decoration: none;
  opacity: 0.9;
}


nav ul li ul:not(:first-child) li:hover { background: #000000; color: #FFFFFF; }

nav a:hover { 
    text-shadow: 4px 4px 6px #90724A;
    opacity: 1.0;
    transition:0.8s;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 240px;
  float: none;
  display: list-item;
  position: relative;
  border-bottom: 1px solid #90724A;
}

nav ul ul:not(:first-child) li {
    background-color: #000000; 
}


nav ul ul ul li {
  width: auto;
  top: -60px;
  left: 240px;
}

.search-row{
    height: 53px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    box-shadow: 0px 0px 5px black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background-color: #000000;
}
.search-row::before {
    position: absolute;
    width: 9px;
    height: 40px;
    display: block;
    content: " ";
    margin-left: 30px;
    margin-top: 6px;
}
.search-row input{
    width: 90%;
    border: 0;
    padding-left: 20px;
    font-size: 20px;
    font-family: 'El Messiri';
    color: #F0F0E1;
    background: transparent !important;
    margin-left: 20px;
    outline:0;
}

.search-row input:focus{
    background: transparent !important;
}

.search-row form{
    display: flex;
    width: 100%;
}

.search-row input::placeholder{
    color: #F0F0E1;
}


.search-row input[type="image"], #searchBtn{
    background: transparent;
    width: 41px;
    height: 41px;
    z-index: 1;
    margin: 5px 15px 0px 30px;
    cursor: pointer;
    border: none;
}




/************
SESSÃO PRINCIPAL DO SITE
**********/

section{
    width:100%;
    max-width: 1280px;
    margin: 0 auto;
    display:flex;
    flex-direction: row;
    min-height: 500px;
}

section.sem-fundo{
    background-color: transparent!important;
}

section .main-container{
    flex:5;
    padding-bottom: 70px;

}

section .main-container .faixa{
    background-color: rgb(144,116,74);
    background: -webkit-linear-gradient(270deg, rgba(144,116,74,1) 5%, rgba(153,117,65,1) 100%);
    height:40px;
    width: 100%;
}

.faixa2{
    background-color: rgb(144,116,74);
    background: -webkit-linear-gradient(270deg, rgba(144,116,74,1) 5%, rgba(153,117,65,1) 100%);
    min-height:4px;
    width: 100%;
}


.main-container .content{
    padding-left:35px;
    padding-right: 30px;
}

.main-container .content h2.home-title{
    padding-top: 25px;
    padding-bottom: 28px;
    font-size: 36px;
    font-weight: bolder;
    background-color: rgb(144,116,74);
    background: -webkit-linear-gradient(270deg, rgba(144,116,74,1) 5%, rgba(153,117,65,1) 100%);
    -webkit-text-fill-color: transparent;
    text-shadow: black 0.1em 0.1em 0.2em
}

.main-container .content h2.sem-fundo{
    color: snow!important;
    background-color: unset;
    background: unset;
    -webkit-text-fill-color: unset;
}

.bg-transparent-white{
    background-color: #FFFFFF;
}

.posts{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.col{
    width:33.33%;
}

.content-col{
    width: 320px;
    min-height: 470px;
    padding-bottom: 20px;
    margin-bottom: 33px;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 15px;
    background-color: #000000;
}

.content-col img{
    width:320px;
    height:199px;
    display:block;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
}

.content-col .faixa{
    height:auto!important;
    border-radius: 0!important;
}

.content-col .desc, .content-col .faixa span{    padding-left: 12px; padding-right: 10px; }

.faixa span{
    font-size: 14px;
    color:#F3F1EC;
    font-weight: 700;
}

.content-col h2{color:#F3F1EC; font-weight: 700; font-size: 20px; padding-top: 10px;}

div.promocional{color:#ffffff; font-size: 18px; border-left: 11px solid; padding-left:5px; font-weight: bolder;margin-top: 10px;display:block;}

.content-col p{
    color:#F3F1EC; text-align: left; font-size: 17px;
    padding-top: 20px;
}

.main-cta{
    width:230px;
    height:26px;
    display:block;
    color:#F3F1EC;
    float: right;
    margin-top: 30px;
}

.clearfix{clear:both;display:block;position: relative;}

a{text-decoration: none;}

span.main-cta span{
    position: relative;
    top: -11px;
    font-size: 16px;
    font-weight: bolder;
    text-shadow: 0px 0px 2px black;
    left: 15px;
}





    /*effects*/
    .content-col{       box-shadow: 0px 0px 6px rgba(0,0,0,0.5); transition: 1s;    }
    .content-col:hover {
        box-shadow: 0px 0px 7px black;
        transition: 1s;
    }

    #contentorPreloader{
        text-align: center;
    }

    #loadNextRegisters{
        color:white;
    }
/*CATEGORIAS MENU*/


section .categorias-container{
    flex:1;
    min-width: 222px;
    color:#F3F1EC;
    position: relative;
    height: max-content;
    padding-bottom: 90px;
    border-bottom-left-radius: 20px;
    background-color: #000000;
}

.categorias-container h2{
    font-size: 24px;
    padding: 10px;
    padding-left: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.categorias-container h2:before {
    content: "";
    height: 34px;
    width: 5px;
    background: #90744A;
    display: block;
    position: absolute;
    margin-left: -13px;
}

.categorias-container li{
    list-style: none;
    margin-left: 20px;
    background: white;
    color: black;
    width: 75%;
    font-size: 20px;
    margin-bottom: 15px;
    padding-left: 13px;
    border-left: 3px solid;
}

.categorias-container a.active li{
    color:black;
    font-weight: bold;
    border-color:#90724A;
    opacity: 0.8;
    transition:0.8s; 
}

.categorias-container a li:hover{
    color: #90724A;
    opacity: 1.0;
    text-shadow: 2px 2px 4px #ccc;
    transition:0.8s;
}

.categorias-container img{
    bottom: 30px;
    right: 20px;
    position: absolute;
}


/*produtos*/

h1,h2,h3,h4,h5,h6,p{display:block;width:100%;}

section .heading{
    padding-left: 35px;
    padding-top: 45px;
    padding-bottom: 30px;
    box-shadow:2px 5px 5px rgb(0 0 0 / 40%);
    background-color: #000000;
}

section .heading h1{

    font-size: 44px;
    margin-left: 30px;
    color: white;
    max-width: 552px;
    line-height: 50px;
    position: relative;

}

section .heading h1:before{
        width: 15px;
        height: 97%;
        content: "";
        display: block;
        position: absolute;
        background: #997541;
        margin-left: -35px;
}

section .heading span.after{
    color: white;
    float: right;
    margin-right: 30px;
    display: block;
    font-style: italic;
    font-weight: bold;
    margin-top: -30px;
    line-height: 0;

}

span.after span.hashtag{
    
    font-size: 100px;
    color: #997440;
    top: 7px;
    position: relative;

}

span.after span.category{
    font-size: 60px;
    color: #FFFFFF;
}

.produto-curso .conteudo{
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 25px;
}



.negative-margin-10{
    margin-top: -10px !important;
    padding-top: 20px;
}

.negative-margin-20{
    margin-top: -20px !important;
}


.produto-curso .left{
    width:40%;
}

.produto-curso .right img{
    max-width: 566px;
    width: 100%;
    box-shadow:4px 4px 7px rgb(0 0 0 / 35%)
}

.produto-curso .left h2{
    font-size: 30px;
    color:black;
}

.produto-curso .left strong{
    color:#D80000;
    font-size: 20px;
}

.produto-curso .darkred{
    color:#B20000;
}

.produto-curso .green{
    color:#18C501!important;
}

.green{
    color:#18C501!important;
}




.price-dashed{
    text-decoration:line-through;
}

.price-full{
    font-size: 36px;
}

.price-medium{
    font-size: 26px;
}


.produto-curso .conteudo{
    font-size: 20px;
    color:black;
    padding-bottom: 10px;
}

.produto-curso .conteudo p{
    color:black;
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}

.produto-curso .left p{
    color: black;
    font-size: 21px;
    text-align: left;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    line-height: 1.38;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}

.produto-curso a{
    color:#997541;
}

.videos-youtube, .videos_youtube{
    width: 100%;
    margin-top: 20px;
    height: 400px;
    margin-bottom: 20px;
}



.videos-interno{
    width: 100%;
    margin-top: 20px;
    height: auto;
    margin-bottom: 20px;
}



.quero-comprar{
    background: rgb(62,129,54);
    background: linear-gradient(5deg, rgba(62,129,54,1) 0%, rgba(23,199,2,1) 100%);
    color: white;
    padding: 20px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 50px;
    font-size: 25px;
    display: block;
    margin-bottom: 45px;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
span.quero-comprar::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    margin-left: -3px;
    margin-top: 10px;
}

.link-centro{margin:0 auto}

.apresentacao{
    width:100%;
    margin-top: 25px;
    margin-bottom: 30px;
}

.apresentacao input[type="checkbox"]{
    display:none;
}

.hide{
    display:none;
}

.w-100{width:100%}

.contentor-comprar{
    margin-bottom: 60px;
}

.arrow-down{
    padding: 40px;
    margin-left: -14px;
}

.open{
    border: 1px solid #18C603;
    padding: 15px;
    background: white;
    margin-top:-21px;
}

.apresentacao label{

    display: block;
    border: 1px solid #18C603;
    border-bottom: 2px solid #18C603;
    background: white;
    margin-bottom: 20px;
    font-size: 25px;
    color: #997541;
    font-weight: bold;
    cursor: pointer;
    padding-top: 5px;
    border-top-right-radius: 15px;
}



.apresentacao .w-100 div{
    margin-bottom: 20px;
}

.label-open{
    padding: 0px 0px 0px 44px;
}

.conteudo h3{
    font-size: 25px;
    color:black;
}

.conteudo h3.active{
    color:#997440;
    margin-top: 25px;
    font-weight: bold;
}

.conteudo h3.price{
    color:#18C501;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
}

.text-center{text-align: center;}

.iframe_btn_compra{
    height: 98px;width: 275px;outline:0;border:0;
}

.promocional-comprar{
    
    display: flex;
    background: black;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    border-left: 16px solid red;
    align-items: center;
    padding-top: 2px;
    margin-top: 15px;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom-right-radius: 15px
}

.promocional-comprar p{
    
    max-width: 518px;
    color: white!important;
    margin: 0;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 0px!important;
    line-height: 1.3em;

}

.contador-right{
    position: absolute;
    right: 0; top:0;
}

.red{color:#E90000}


a.align-center img{width:392px;margin:0 auto;display:block;margin-bottom: 33px;margin-top: 10px;}


.destaque{
    border-left: 8px solid #997541;
    padding-left: 20px;
    display: flex;
    line-height: 1.3;
    flex-direction: column;
    margin-bottom: 60px;
    margin-top: 20px;
}

.destaque .title{
    font-size: 20px;
    color: #99733F;
    font-weight: bold;
}

.destaque p.destaque-content{
    font-size: 17px;
    margin-bottom: 0;
    color: #99733F!important;
    margin:0;
    font-weight: bold;
}

p.destaque-content a{
    color:black;
}

.links_postagens{
	display: inherit;
	padding: 0px 0px 0px 0px;
}


table.tabelas-cursos {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

th, td {
	text-align: left;
	padding: 16px 6px;
	font-size: 14px;
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}

.foto_postagem3{
	width: 400px;
	height: auto;
}


.comment h3{
    
    font-size: 20px;
    font-weight: 600;
    background: black;
    color: white;
    padding: 20px;
    font-style: italic;
    border-left: 4px solid #997541;
    border-top-right-radius: 25px;
    margin-top: 20px;
    max-width: fit-content;

}

.comment form{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.comment input, .comment textarea{
    font-size: 16px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 0;
    border: 1px solid black;
    margin-top: 10px;
    font-family: "El Messiri", sans-serif;
}

.comment button{
    width: 200px;
    height: 45px;
    background-color: #90724A;
    color: white;
    border: 0;
    float: right;
    align-self: end;
    cursor: pointer;
    font-size: 19px;
    font-family: "El Messiri", sans-serif; transition:0.8s ease-in-out;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comment button:hover{background-color: black; transition:0.8s  ease-in-out;}

.comment .notif{clear:both;margin:0px 0px 7px 0px;font-size:14px;}

.comment-add-list{
    
    border-left: 2px solid rgba(0,0,0,1);
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 40px;

}

.comment-add-list h4{
    
    color: #997541;

}

.comment-add-list .green { 
    display: block;
}

.comment-add-list p{    
    font-style: italic;
}

.comment-add-list .respostas { color: #997541;display: block;font-weight: bold;}

.comment-add-list .resp{
    
    margin-left: 5%;
    border-left: 1px solid black;
    padding-left: 15px;
    margin-top: 15px;

}

.comment-add-list h4{
    color: #997541;
}

.comment-add-list p {
    font-size: 17px!important;
}

.comment{width:100%;}
.comment img{
    width: fit-content;
    margin-top: 10px;
    margin-left: 0px;
}
.comment input.palavra{
    width: 250px;
    margin-bottom: 20px;
}

/*footer*/

footer{
    border-top: 4px solid rgb(144,116,74);
}

footer .container{
    
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
    text-align: center;

}

footer h2{
    
    color: white;
    font-size: 50px;

}

footer h3{
    
    color: white;

}

footer form{
    
    margin-top: 10px;

}

footer input{
    
    height: 40px;
    padding-left: 20px;
    border: 0;
    width: 200px;

        /*estilizando*/
   
        font-family: "El Messiri", sans-serif;
        font-size: 16px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;

}


footer button{
    
    border: 0;
    height: 40px;
    background: #FFF;
    color: #000;
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'El Messiri', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    position: relative;

    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;

}


#saveNewsletter{
    color: #FFF;
}

.links-land-page{
    
    margin:0 auto;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 555px;

}

.links-land-page a{  padding-right: 7px!important;  padding-right: 0;
}

.social-media{
    margin-top: 35px;
}

.no-padding{padding:0!important}

footer a {
    color: wheat;
    padding-right: 20px;
    font-size: 18px;
}

.sub-footer {
    padding: 15px;
    background: #333;
}

/* RESPONSIVO */

    body{    overflow-x: hidden;        }
    main{    
        width: -webkit-fill-available;
        padding-left: 10px;
        padding-right: 10px;
    }

    .hiden-menu .sub{    background: white;
        padding-top: 3px;
        padding-bottom: 15px;
        padding-left: 25px;
        margin-top: 5px;
        display:none;
    }

    .sub .sub {
        padding-left: 30px;
        background: #ffffe0a1;
    }

    .hiden-menu input:checked ~ .sub {
        display: block!important;
    }


    .hiden-menu input{display:none;}


		#depoimentos1 {
			text-align: center;
			display:inherit;
		}

		#depoimentos2 {
			text-align: center;
			display:inherit;
		}

        .depoimentos-1{
			margin: auto;
			text-align: center;
            height:550px;
            width:330px;
            border: none;
            float: inherit;
            border-radius: 10px;
        }


        .depoimentos-2{
			text-align: center;
            height:1650px;
            width:100%;
            border: none;
            float: inherit;
        }




@media screen and (max-width:1270px){
    
    .categorias-container{display:none}
    ul.menu{display:none}

    header h1{font-size: 38px;} 
    header p{font-size: 22px;}

    header{
        position: relative;
        min-height: 320px;
    }

    header .container{
        height: auto;
        max-height: max-content;
        min-height: auto;
        position: relative;
    }

    header .content{
        
    position: relative;
    padding-top: 10px;

    }




    footer h2 img{display:block; margin:0 auto;} footer h2{font-size: 38px;} h3{font-size: 18px;} 
    footer input{ 
        display: block;
        width: 200px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    footer .container{    padding-left: 10px; padding-right: 10px;  }

    .main-container{
        width: -webkit-fill-available;
    }

    .main-container .col{    min-width: 330px;} .main-container .home-title{    text-align: center;}
    .main-container .posts{    justify-content: space-evenly;}

    section .heading h1{    
        font-size: 35px;
        width: -webkit-fill-available;
        padding-right: 10px;
        margin-bottom: 70px;
            } 

    section .heading h1:before{    width: 9px;}

    section .heading{
        padding-bottom: 20px;
    }
    section .heading span.after {
        color: white;
        float: right;
        margin-right: 20px;
        display: block;
        font-style: italic;
        font-weight: bold;
        line-height: 0;
        margin-bottom: 20px;
    }

    .contador-right{    position: relative;}

    .iframe_btn_compra{    
        position: relative;
        left: -20px;
    }

    a.align-center img{  width: -webkit-fill-available; max-width: 392px;}

    .comment form{margin-bottom: 35px;}

    .promocional-comprar{       padding-right: 10px; margin-left: 0;
        width: -webkit-fill-available;}

        .promocional-comprar p{font-size: 18px;}

    .apresentacao label{    font-size: 21px;}

    span.after span.hashtag{    font-size: 70px;}
    span.after span.category{font-size:40px}

    .conteudo .left {     width: 100%; } .conteudo .right img{ max-width: 100%;}

     span.quero-comprar {     font-size: 15px; }

     .comment h3{font-size: 18px!important;}

     .conteudo h3{font-size: 23px;}

     .mobile{display:block!important;   margin-left: 20px;
        margin-right: 15px;
        cursor: pointer;     
    }

        .mobile .border{
            width: 40px;
            height: 3px; display:block;
            background: #FFF;
            margin-top: 10px; box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
        }

        .mobile label{cursor:pointer}

        .toggle.login{
            position: relative;
            top: 10px;
        }

        input#mobile:checked ~ .hiden-menu{
            display:block!important;
        }

        header navbar li.active {
            color:white;
        }

        span.quero-comprar::after {
            content: "";
            width: 50px;
            height: 50px;
        }


        .produto-curso .conteudo p {
            color: #333;
            text-align: left;
            margin-bottom: 10px;
            font-weight: 600!important;
            font-size: 18px!important;
        } 

        .produto-curso .left p{
            font-weight: 600!important;
            color: #333!important;
            font-size: 18px!important;
        }

        .produto-curso .conteudo{
            padding-left: 25px;
        }

        .apresentacao label{
            font-size: 19px!important;
            line-height: 1.8em;
        }

        .apresentacao .hide p{
            font-size: 18px;
            color: #333;
            font-weight: 600;
            padding-left: 7px;
        }

        .promocional-comprar p{color:white!important}
}
 

input#mobile{display:none}

.clear-search a{
    font-size: 24px;
    color: #FFF;
    margin-top:-40px !important;
}


@media screen and (min-width:330px) and (max-width:1270px){

    header h1{font-size: 44px;} 
    header p{font-size: 24px}

    header{
        padding: 0 0 27px 0 !important;
    }

    #main-menu{
        top:253px;
        background-color: #000000;
        border-bottom: 3px solid #90724A; 
    }

    .show-in-mobile{
        display: inherit;
    } 

      #logo {
        margin-top:18px;
        display: block;
        padding: 0px;
        float: left;
        font-size: 20px;
        line-height: 60px;
        opacity: 1.0 !important;
      }

      #logo a img{
        margin-bottom:0px;
      }
      
      #logo-menu {
        display: none;
      }

      #responsive-main-menu-icon{
        text-align: right!important;
        cursor: pointer;
      }


      #responsive-main-menu-icon svg{
        width: 34px;
        height: 34px;
        margin-top: 30px;
    }
  
      nav { 
          margin: 0;
      }
  
      .toggle + a,
       .menu { display: none; }
  
      .toggle {
        display: block;
    
        padding: 0 20px;
        color: #FFF;
        font-size: 22px;
        line-height: 60px;
        text-decoration: none;
        border: none;
      }
  
      .toggle:hover { background-color: transparent; }
  
      [id^=drop]:checked + ul { display: block; }
      
      
      nav ul {
        float: left;
        width: 100%;
      }
  
      nav ul li {
        background-color: #000000;
        border-bottom: 1px solid #90724A;  
        display: block;
        width: 100%;
      }
  
      nav ul ul .toggle,
       nav ul ul a { padding: 0 40px; }
  
      nav ul ul ul a { padding: 0 80px; }
  
      nav a:hover,
       nav ul ul ul a { background-color: #000000; }
  
      nav ul li ul li .toggle,
       nav ul ul a { background-color: #000000; }
  
      nav ul ul {
        float: none;
        position: static;
      }
  
      nav ul ul li:hover > ul,
      nav ul li:hover > ul { display: none; }
  
      nav ul ul li {
        display: block;
        width: 100%;
      }
  
      nav ul ul ul li { 
        position: static;
      } 

      .negative-margin-20{
         margin-top: 0px !important;
      }   

}




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


    header h1{
        font-size: 38px;
        line-height: 1.0;
        margin-bottom: 12px;
    } 
    header p{
        font-size: 20px
    }


    #dados-compra{
        width: 100%;
    }

    .contentor-comprar{
        border: 1px solid #18C603;
        margin-bottom: 20px;
        border-bottom-right-radius: 15px;
        padding:0 15px 0 15px;
        background-color: white;
    }

    .promocional-comprar p{padding-top:20px}

	.links-land-page{	flex-direction:column!important;	}
	.links-land-page a { 	padding-bottom:25px!important;	}

	
	th, td {
		font-size: 11px !important;
	}
	
	
	.foto_postagem3{
		width: 100%;
	}
	
	
        .depoimentos-1{
			margin: auto;
            height:550px;
            width:100%;
        }
	
	
	    .depoimentos-2{
            height:1080px;
            width:100%;
        }


}




.mobile{display:none;}

input[type="checkbox"]:checked ~ .hide {
    display: block!important;
}

.iframe-fundo{
    width:100%;
    height:100%;
    position: fixed;
    z-index: -999999;
    top:0;
    left:0;
    border:0;
    outline:0;
}