/*Projeto Onepage by Criabox - lacampesina.net.br - 06/2023*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300&display=swap');
html {scroll-behavior:smooth;}
body {width:100%;height:100%;margin:0;border:0;padding:0;text-align:center;background:#fff url(../imagens/bg.jpg) center center repeat;font-family: 'Archivo', sans-serif;}
img {border:0;}
a, a:link, a:visited, a:hover, a:active {text-decoration:none;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.italic{font-style:italic;}
.bold{font-weight:600;}
.scrolltop{display:none;position:fixed;bottom:20px;right:20px;z-index:2;visibility:visible;opacity:0.5;cursor:pointer;}
#back{display: block;position:fixed;bottom:20px;left:20px;z-index:2;visibility:visible;opacity:0.5;cursor: pointer;}

#top{display:block;position:fixed;width:32px;height:auto;z-index:999;cursor:pointer;transition-duration:1s;right:40px;opacity:0.5;}
.visible{visibility:visible;opacity:0.9;bottom:20px;}
.hidden{visibility:hidden;opacity:0.1;bottom:40px;}

@media screen and (max-width: 1200px) {
    #top{width:30px;right:20px;}
    .visible{bottom:20px;}
    .hidden{bottom:40px;}
}

h1{margin:0;padding:0;font-size:1.875em;color:#000;font-weight:300;line-height:1.6;}
h1 a{color:#000;}
h1 a:link{color:#000;}
h1 a:hover{opacity:0.5;}
h1 a:active{color:#000;}

h2{font-size:1.300em;color:#000;text-transform:none; font-weight:300; margin:0;padding:10px 0;line-height:1.2;}

p{font-size:1.125em;color:#000;text-transform:none; margin:0;padding:0;font-weight:300;line-height:1.6;} 
p a{color:#000;}
p a:link{color:#000;}
p a:hover{opacity:0.5;}
p a:active{color:#000;}
@media screen and (max-width: 1200px) {
    h1{font-size:1.5em;}
    p{font-size:1em;}
}

/*logo*/
#logo{display:block;position:fixed; width: 220px; max-width:220px;height:auto;top:0;margin:0 auto;padding:0;transition-duration:1s;box-sizing: border-box;visibility:visible; opacity:1.0;background:none;z-index:100;}
#logo a:hover{transition-duration:0.2s;}

.logo1{width:220px;}
.logo2{width:130px !important;}

.imgtitle{display:flex;position:relative; width: 320px; max-width:100%;height:auto;top:0;margin:0 auto;padding:0;box-sizing: border-box;visibility:visible; opacity:1.0;background:none;}

@media screen and (max-width: 1200px) {
    #logo{max-width:180px;height:auto;padding:0 0 0 20px;}
    .logo1{width:180px;}
    .logo2{width:140px !important;}
    .imgtitle{max-width:60%;}
}


/*header*/
#header{display:-webkit-flex;display:flex;position:fixed;flex-direction:row;align-items:center;justify-content:center;top:0;width:100%;max-width:100%;height:60px;margin:0 auto;padding:0;z-index:10;background:rgba(0,0,0,.8);overflow:visible; z-index: 100;}
.header_left{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:flex-start; width:220px;height:80px;margin:0;padding:0;float:left;}
.header_right{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:flex-end; width:880px;height:80px;margin:0;padding:0;float:right;}

.header_txt01{font-size:0.9em;color:#fff;text-transform:uppercase; margin:0 0 0 20px; padding:0;cursor:pointer;} 
.header_txt01 a{color:#fff;}
.header_txt01 a:link{color:#fff;}
.header_txt01 a:hover{opacity:0.6;}
.header_txt01 a:active{color:#fff;}

.iconheader{width:16px;height:auto;margin:0;padding:0 10px 0 0; vertical-align:-2px;}
.iconheader2{width:24px;height:auto;margin:0;padding:0 10px; vertical-align:0;}

@media screen and (max-width: 1200px) {
    #header{ width: auto; height:auto; background: none;justify-content:flex-start}
    .header_left{width:auto;}
    .header_right{display:none;}
}

/*nav mobile*/
#mobile{display:none;}

@media screen and (max-width:1200px) {
#mobile{display:inline-block;position:absolute;width:100%;max-width:100%;height:auto; top:0;margin:0 auto;padding:0;box-sizing:border-box;background:none;z-index:90;}
}

ul2{display:-webkit-flex;display:flex;position:fixed;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;height:auto;margin:0;padding:0;visibility:visible;list-style:none;z-index:999;}
ul2 li2{display:-webkit-flex;display:flex;position:relative;margin:0 auto;padding:0;width:100%;max-width:100%;height:60px;text-transform:uppercase;font-size:1.000em;color:#fff;box-sizing:border-box;list-style:none;}
ul2 li2 a{display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;color:#fff;background:rgba(0,0,0,.9);width:100%;margin:0;padding:0 20px;border-bottom:1px solid #333;box-sizing:border-box;float:right;text-align:right;}
ul2 li2 a:link{color:#fff;}
ul2 li2 a:hover{color:#fff;transition-duration:0.2s;}
ul2 li2 a:active{color:#fff;}

li2 ul2 {position:absolute;top:60px;right:0;display:none;background:none;}
li2 ul2 a{margin:0;padding:0 20px;width:100%;max-width:100%;height:auto;}
li2 ul2 a:hover{margin:0;padding:0 20px;}

li2:hover ul2 {display:-webkit-flex;display:flex;flex-direction:column;font-size:0.850em;}

.imgmobile{display:inline-block;position:relative;width:36px;max-width:100%;height:auto;margin:auto 0;padding:0;box-sizing:border-box;}
.imgmobile2{display:inline-block;position:relative;width:120px;max-width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;}
.imgmobile3{display:inline-block;position:relative;width:160px;max-width:100%;height:auto;margin:0;padding:0 10px 0 0;box-sizing:border-box; float: right;}
.imgmobile4{display:inline-block;position:relative;width:24px;height:auto;margin:0;padding:0 10px 0 0;vertical-align: middle;box-sizing:border-box; opacity:1;box-sizing: content-box;}

/*content*/
#content{display:inline-block;justify-content:center;position:relative;width:100%;max-width:100%;height:100%;margin:0;padding:0;box-sizing: content-box;background:url(../imagens/img.jpg) center center no-repeat fixed;background-size:cover;}
@media screen and (max-width:1200px) {
    #content{background:url(../imagens/img.jpg) top center repeat fixed;background-size:500px;}
    }

#box10{display:inline-block;position:relative;width:100%;max-width:100%;height:600px;margin:0;padding:0;box-sizing: content-box;background: transparent;}
#box11{display:inline-block;position:relative;width:100%;max-width:100%;height:220px;margin:0;padding:0;box-sizing: content-box;background: transparent;}

#boxtitle{display:-webkit-flex;display:flex;position:relative;flex-direction: column ;align-items:center;justify-content:center;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0 0 40px 0;overflow:hidden;}

#box30{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;top:0;width:100%;max-width:100%;height:auto;margin:0 auto;padding:80px 0;overflow:hidden; background-color:#fff;}
#box30_content{width:1200px;}
#box30_left{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-end;justify-content:flex-start; width:48%;height:auto;margin:0;padding:0;float:left; text-align: right;}
#box30_right{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start; width:48%;height:auto;margin:0;padding:0;float:right; text-align: left;}

#box40{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;top:0;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0 0 120px 0;overflow:hidden; background-color:#fff;}

@media screen and (max-width: 1200px) {
    #box10{height:240px;}
    #box11{height:120px;}
    #box30{flex-direction:column;padding:60px 0}
    #box30_content{width:92%;}
    #box30_left{align-items:center;width:100%;padding:0 0 40px 0;float:none; text-align:center;}
    #box30_right{align-items:center;width:100%;float:none; text-align:center;}
    #boxtitle{padding:0 0 40px 0;}
    }

/*fotos*/
#boxfotos{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-content:center;justify-content:center; flex-wrap:wrap; top:0;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0 0 60px 0;background:#fff;overflow:hidden; border-bottom: 1px solid #e6e6e6;}

.imgfotos{display:-webkit-flex;display:flex;position:relative;flex-direction:column;align-content:center;justify-content:center;width:180px; max-width:100%;height:auto;margin:0 10px 10px 10px;padding:3px;border:1px solid #999; overflow:hidden;}

@media screen and (max-width: 1200px) {
    .imgfotos{width:100%; max-width: 90%; margin:5px;}
}

/*mapa*/
#boxmap{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center;top:0;width:100%;max-width:100%;height:360px;margin:0 auto;padding:0;background:#fff;overflow:hidden; border-bottom: 1px solid #e6e6e6;}


/*left*/
#left{display:-webkit-flex;display:flex;position:fixed;flex-direction:column;align-items:flex-start;justify-content:center;width:auto; height:auto; top:50%; transform:translateY(-50%);z-index:980;}

.social{display:-webkit-flex;display:flex;position:relative;width:32px;height:auto; margin:4px auto; left:10px;}
.social a {}
.social a:link {}
.social a:hover{transform:translateX(6px);transition-duration:0.2s;}
.social a:active {}

/*form*/
.txtform1{font-size:0.750em;color:#ff3333; font-style: oblique;}
.imgcontato{display:inline-block;position:relative;width:20px;height:auto;margin:0 auto;padding:0 10px 0 0;vertical-align:middle;box-sizing:content-box;}

.formdate{display:inline-block;position:relative;width:500px;max-width:100%;height:42px;margin:5px;padding:10px;font-size:1em;color:#000;text-align:left; background-color:#fff;border:solid 1px #C2C1C1;box-sizing:border-box;}
.formmsg{display:inline-block;position:relative;width:500px;max-width:100%;height:120px;margin:10px 5px;padding:10px;font-size:1em;color:#000;text-align:left; background-color:#fff;border:solid 1px #C2C1C1;box-sizing:border-box;}
.formcapctha{width:auto;height:auto;margin:10px 5px;padding:0;}

.formimgcaptcha{display:inline-block;position:relative;width:230px;max-width:100%;height:auto;margin:20px 0 0 0;padding:0;border:solid 1px #e1e1e1;}
.formdatecaptcha{display:inline-block;position:relative;width:210px;max-width:100%;height:40px;margin:5px 0;padding:5px 10px;font-size:1em;color:#000;text-align:left;background-color:#f2f2f2;border:solid 1px #e1e1e1;}

.formbutton{display:inline-block;position:relative;width:auto;height:auto;margin:20px 0;padding:10px 20px;cursor:pointer;text-transform:none;font-size:1.000em;color:#fff;border-radius:5px;text-align:center;border:0;box-sizing:border-box;}
input.formbutton{background:#333;padding:10px 20px;transition-duration:0.3s;}
input.formbutton:hover{background:#000;padding:10px 20px;transition-duration:0.3s;}


@media screen and (max-width: 1200px) {
.formdate{width:96%;margin:5px 0;}
.formmsg{width:96%;margin:5px 0;}
}

/*footer*/
#footer{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center;top:0;width:100%;max-width:100%;height:80px;margin:0 auto;padding:0;z-index:10;background:rgba(0,0,0,.3);overflow: hidden;}
.footer_left{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:flex-start; width:550px;height:80px;margin:0;padding:0;float:left;}
.footer_right{display:-webkit-flex;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:flex-end; width:550px;height:80px;margin:0;padding:0;float:right;}
.fontfooter{font-size:1.000em;color:#fff;text-transform:none; margin:0;padding:0;font-weight:300;line-height:1.4;}

@media screen and (max-width: 1200px) {
    #footer{flex-direction:column;padding:20px 0}
    .footer_left{justify-content:center;width:100%;margin:0 auto;float:none;}
    .footer_right{justify-content:center;width:100%;margin:0 auto;float:none;}
    }


/*criabox*/
.by{width:92px;max-width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;overflow: visible; opacity:0.5;}