* {
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: white;
}


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

/* classes uteis/animaçoes ---------------------------------------------------------------- */

.show2 {
    display: block !important;
}

.show {
    display: flex !important;
}

.hide {
    display: none !important;
}


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

/* elemento flex para separar a nav bar do conteudo---------------------------------------- */

.flex-container {
    display: flex;
    flex-flow: row;

}



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

/* navbar/menu----------------------------------------------------------------------------- */
#seta-menu {
    cursor: pointer;
    top: 45%;
    left: 1%;

    position: fixed;
}


#seta-menu:hover {
    transition: 0.1s;
    filter: brightness(88%) contrast(120%);
}

#seta-menu2 {
    cursor: pointer;
    top: 45%;
    left: 20%;


    position: fixed;
}

#seta-menu2:hover {
    transition: 0.1s;
    filter: brightness(88%) contrast(120%);

}

.menu-fantasma {
    display: none;
    flex: 18%;

}

.navbar {
    z-index: 1;
    width: 18%;
    position: fixed;
    display: none;
    height: 100vh;
    flex-flow: column;
    justify-content: center;
    background: rgb(197, 74, 74);


    /* border: 1px solid red; */
}

.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    text-align: center;
    padding: 20px;
    font-weight: bold;
    font-size: 20px;

    /* border: 1px solid yellow; */
}

.menu li:hover {
    cursor: pointer;
    background: rgb(170, 64, 64);
    transition: 0.2s;
}


.logo {
    filter: contrast(10%) brightness(300%);
    position: fixed;
    top: 8%;
    left: 8.2%;

}


/* dropdown */
#dropdown-content {
    position: absolute;
    background: rgb(170, 64, 64);
    width: 100%;

}

#dropdown-content2 {
    position: absolute;
    background: rgb(170, 64, 64);
    width: 100%;

}

#dropdown-content3 {
    position: absolute;
    background: rgb(170, 64, 64);
    width: 100%;

}

.menu div li:hover {
    cursor: pointer;
    background: rgba(107, 106, 106, 0.562);
    transition: 0.2s;
}


.menu li:hover {
    cursor: pointer;
    background: rgb(170, 64, 64);
    transition: 0.2s;
}


/* barra de pesquisa */

.pesquisa {
    left: 1.7%;
    top: 16%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: calc(0.5 * 44px);
    width: 14%;
    height: 34px;

    /* border: 1px solid blue; */
}

.pesquisa input {
    width: 80%;
    height: 34px;
    border-style: none;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 520;
    border-radius: 40px;
}

textarea:focus,
input:focus {
    outline: none;
}

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

/* main/conteudo da pagina----------------------------------------------------------------- */

.conteudo {
    flex: 82%;
    height: 100vh;



    /* border: solid blueviolet; */
}

/* header */

.header {
    text-align: center;
    height: 110px;

    /* border: 1px solid green; */
}

/* slides--------------------------------------------------------------------------------- */
.nav2{
    display: none;
}

.slider {
    margin-top: 20px;
    margin-bottom: 100px;
    width: 1000px;
    height: 410px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 2px 30px 11px rgba(0, 0, 0, 0.452);
}

.slides {
    width: 400%;
    height: 410px;
    display: flex;

}

.slide {
    transition: 2s;
}

.slides input {
    display: none;
}

.slide img {
    width: 1000px;
    height: 410px;
}

.manual-navigation {
    position: absolute;
    width: 1000px;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

.manual-btn {
    border: 2px solid white;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
}

.manual-btn:not(:last-child) {
    margin-right: 40px;
}

.manual-btn:hover {
    background-color: white;
}

#radio1:checked~.first {
    margin-left: 0;
}

#radio2:checked~.first {
    margin-left: -25%;
}

#radio3:checked~.first {
    margin-left: -50%;
}

#radio4:checked~.first {
    margin-left: -75%;
}

#radio5:checked~.first {
    margin-left: -100%;
}

.navigation div {
    border: 2px solid white;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;

}

.navigation {
    position: absolute;
    width: 1000px;
    margin-top: 370px;
    display: flex;
    justify-content: center;
}


.navigation div:not(:last-child) {
    margin-right: 40px;
}

#radio1:checked~.navigation .auto-btn1 {
    background-color: white;

}

#radio2:checked~.navigation .auto-btn2 {
    background-color: white;

}

#radio3:checked~.navigation .auto-btn3 {
    background-color: white;

}

#radio4:checked~.navigation .auto-btn4 {
    background-color: white;

}

#radio5:checked~.navigation .auto-btn5 {
    background-color: white;

}


/* main */

.main {
    display: flex;
    flex-flow: column;
    align-items: center;
    
}

.main ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;

}

.main ul li {
    display: flex;
    list-style: none;
    border-radius: 15px;
    height: 220px;
    width: 840px;
    margin-bottom: 50px;
    background: rgba(145, 144, 144, 0.295);
    /* box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.452); */
    cursor: pointer;

}

.main p {
    color: #6B6B6B;
}

.main h1 {
    font-size: 15px;
    color: #000000;
}

.main h2 {
    font-size: 12px;
    color: #505050;
}

.main h4 {
    font-size: 10px;
    color: #363636;
}

.containertext {
    padding-top: 2%;
    font-size: 15px;
    padding-left: 3.5%;
    flex-direction: column;
    width: 67%;
}

.main ul li:hover {

    box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.315);
    transition: 0.3s;

}

.main ul li img {
    width: 250px;
    height: 220px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;

}

.main button {

    padding: 5px 45px;
    cursor: pointer;
    background-color: rgb(197, 74, 74);
    border: none;
    border-radius: 70px;
    margin-top: 40px;
    margin-bottom: 55px;

}

.main button:hover {
    background: rgb(170, 64, 64);
    transition: 0.2s;
}

.main button p {
    font-size: 15px;
    font-weight: bold;
    color: white;
}

/* footer */

/* footer */

footer {
    background-color: #DFDEDE;
}

footer p {
    padding: 0;
    margin: 0;
    color: black;
    font-weight: bold;
}

footer a {
    text-decoration: none;
    color: #585858;

}

footer a:hover {
    color: #a61f21;
}

.container {
    display: flex;
    flex-direction: row;
    /* border: 1px solid black; */
    box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.582);

}

.contato {
    width: 26%;
    height: 200px;
    justify-content: center;
    align-items: center;
    /* background-color: aliceblue;
    border: 1px solid black; */
}

.paddingcontato {
    padding-top: 5%;
    padding-bottom: 15%;
    filter: brightness(0%);
}

.paddingcontato2 {
    padding-left: 2%;
}

.links {
    width: 18%;
    height: 200px;
    justify-content: center;
    text-align: center;
    /* background-color: aliceblue;
    border: 1px solid black; */
}

.paddinglinks {
    padding-top: 12%;
    padding-bottom: 9%;
}

.socialmedia {
    margin-top: 20px;
    display: flex;
    width: 20%;
    height: 200px;
    justify-content: flex-end;
    /* background-color: aliceblue;
    border: 1px solid black; */
}

.padright {
    padding-right: 2%;
}

.smicons {
    height: 5vh;
    width: 6vh;
    padding-left: 15%;
    padding-top: 5%;
}

.smlinks {
    height: 5vh;
    width: 6vh;
}

.smicons:hover {
    filter: invert(22%) sepia(23%) saturate(6656%) hue-rotate(338deg) brightness(87%) contrast(104%);
}


/* mudar scrollbar da pagina----------- */

::-webkit-scrollbar {
    background-color: #64646483;
    width: 10px;

}

::-webkit-scrollbar-thumb {

    background-color: rgb(170, 64, 64);
    border-radius: 5px;

}