/* PRINCIPAL */ article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F9F9F9 } article #principal_7 { margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#B2F356; border:0px } article #principal_1 #principal_1_site { width:100%; height:auto; float:left; z-index:99 } article #principal_1 #principal_1_site #meio_conteudo { width:100%; height:auto; float:left; font-size:15px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif } article #principal_7 #principal_7_site { width:100%; height: auto; float: left } article #principal_7 #principal_7_site #principal-7 h1 { margin:0px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; text-align: center; color:#FFFFFF } article #principal_7 #principal_7_site #principal-7 h2 { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; margin:5px 0 0 0 } .div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#FFFFFF; padding:10px 0 12px 0; color:#5DE937; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:10px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap } .fotos-mostra-div { float: left; background-repeat: no-repeat; background-size: cover; background-position: center center; border: 1px solid #FFFFFF; aspect-ratio: 16/9; } .fotos-mostra-div:hover { transition: 0.3s ease-in-out; box-shadow: inset 0 0 0 300px rgba(51,174,226,.5); outline: 10px solid #B2F356; outline-offset: -10px; } @media only screen and (min-width: 1251px){ :root { --largura-menu: 550px; } article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:calc(100% - var(--largura-menu)); height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 50%; height: auto; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(50% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 50%; height: auto; float: right; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(50% - 150px); height: right; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } /* FRASES */ article #principal_1 #principal_1_site #principal-2 { width:calc(100% - (var(--largura-menu) + 200px)); height: auto; float: left; padding:0 100px 0 100px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* FRASES */ article #principal_1 #principal_1_site #principal-6 { width:calc(100% - var(--largura-menu)); height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 0 0 0; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* DIFERENCIAIS */ article #principal_1 #principal_1_site #principal-3 { width:calc(100% - (var(--largura-menu) + 200px)); height: auto; float: left; padding:0 100px 50px 100px } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 4) - 40px); height: 100px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } /* FOTOS */ article #principal_1 #principal_1_site #principal-5 { width:calc(100% - var(--largura-menu)); height: auto; float: left } .fotos-servicos { width: calc((100% / 4) - 1px); height: 250px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer} /* VIDEOS */ article #principal_1 #principal_1_site #principal-4 { width:calc(100% - (var(--largura-menu) + 200px)); height: auto; float: left; padding:0 100px 0 100px; background-color: #333333 } .video-servicos { width: 100%; height: 450px; float: left; margin-top: 50px } /* WHATSAPP */ article #principal_7 { width:100%; height: auto; float: left; padding:50px 0 50px 0; } article #principal_7 #principal_7_site #principal-7 { width:calc(100% - (var(--largura-menu) + 200px)); height: auto; float: left; padding:0 100px 0 100px } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:calc(100% - var(--largura-menu)); height: auto; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 2) - 2px); } } @media only screen and (min-width: 961px) and (max-width: 1250px){ /* DESTAQUES */ article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:100%; height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 50%; height: auto; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(50% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 50%; height: auto; float: right; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(50% - 150px); height: right; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } /* FRASES */ article #principal_1 #principal_1_site #principal-2 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* FRASES */ article #principal_1 #principal_1_site #principal-6 { width:100%; height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 0 0 0; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* DIFERENCIAIS */ article #principal_1 #principal_1_site #principal-3 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 50px 50px } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 4) - 40px); height: 100px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } /* FOTOS */ article #principal_1 #principal_1_site #principal-5 { width:100%; height: auto; float: left } .fotos-servicos { width: calc((100% / 4) - 1px); height: 250px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer } /* VIDEOS */ article #principal_1 #principal_1_site #principal-4 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px; background-color: #333333 } .video-servicos { width: 100%; height: 450px; float: left; margin-top: 50px } /* WHATSAPP */ article #principal_7 { width:100%; height: auto; float: left; padding:50px 0 50px 0; } article #principal_7 #principal_7_site #principal-7 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 2) - 2px); } } @media only screen and (min-width: 769px) and (max-width: 960px){ /* DESTAQUES */ article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-2 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:100%; height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 50%; height: auto; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(50% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 50%; height: auto; float: right; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(50% - 150px); height: right; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } article #principal_1 #principal_1_site #principal-3 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* FRASES */ article #principal_1 #principal_1_site #principal-6 { width:100%; height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 0 0 0; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 0 30px 0; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 4) - 40px); height: 140px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } article #principal_7 { width:100%; height: auto; float: left; padding:50px 0 50px 0; } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } article #principal_1 #principal_1_site #principal-4 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px; background-color: #333333 } .video-servicos { width: 100%; height: 400px; float: left; margin-top: 50px } article #principal_1 #principal_1_site #principal-5 { width:100%; height: auto; float: left } .fotos-servicos { width: calc((100% / 4) - 1px); height: 250px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer} /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 2) - 2px); } } @media only screen and (min-width: 621px) and (max-width: 768px){ /* DESTAQUES */ article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-2 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:30px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:100%; height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(100% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(100% - 150px); height: left; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } article #principal_1 #principal_1_site #principal-3 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOURS */ article #principal_1 #principal_1_site #principal-6 { width:100%; height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 30px 0 30px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 30px 30px 30px; font-size:22px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 3) - 40px); height: 140px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } article #principal_7 { width:100%; height: auto; float: left; padding:50px 0 50px 0; } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } article #principal_1 #principal_1_site #principal-4 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px; background-color: #333333 } .video-servicos { width: 100%; height: 350px; float: left; margin-top: 50px } article #principal_1 #principal_1_site #principal-5 { width:100%; height: auto; float: left } .fotos-servicos { width: calc((100% / 3) - 1px); height: 250px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer} /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 2) - 2px); } } @media only screen and (min-width: 481px) and (max-width: 620px){ /* DESTAQUES */ article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-2 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:100%; height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(100% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(100% - 150px); height: left; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } article #principal_1 #principal_1_site #principal-3 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOURS */ article #principal_1 #principal_1_site #principal-6 { width:100%; height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 30px 0 30px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 30px 30px 30px; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 2) - 40px); height: 140px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } article #principal_7 { width:calc(100% - 100px); height: auto; float: left; padding:50px 50px 50px 50px; } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } article #principal_1 #principal_1_site #principal-4 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px; background-color: #333333 } .video-servicos { width: 100%; height: 270px; float: left; margin-top: 50px } article #principal_1 #principal_1_site #principal-5 { width:100%; height: auto; float: left } .fotos-servicos { width: calc((100% / 3) - 1px); height: 250px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer} /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 1) - 2px); } } @media only screen and (min-width: 0px) and (max-width: 480px){ /* DESTAQUES */ article #principal_1 { width:100%; height: auto; float: left; padding:75px 0 0 0; } article #principal_1 #principal_1_site { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-2 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px } article #principal_1 #principal_1_site #principal-2 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-2 h2 { margin:20px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOPICOS */ article #principal_1 #principal_1_site #principal-8 { width:100%; height: auto; float: left; padding:50px 0 0 0 } .topicos-fotos-1 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-1 { width: calc(100% - 150px); height: auto; float: left; padding: 75px } .topicos-fotos-2 { width: 100%; height: 400px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover } .topicos-descricao-2 { width: calc(100% - 150px); height: left; float: left; padding: 75px } .topicos-descricao-titulo { width: 100%; height: auto; float: left; margin:0px; font-size:30px; line-height:35px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: left; color:#333333 } .topicos-descricao-mostra { width: 100%; height: auto; float: left; margin:10px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: left; color:#666666 } .topicos-descricao-botao { width: 100%; height: auto; float: left; text-align: left } article #principal_1 #principal_1_site #principal-3 { width:100%; height: auto; float: left } article #principal_1 #principal_1_site #principal-3 h1 { margin:0px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-3 h2 { margin:20px 0 0 0; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } /* TOURS */ article #principal_1 #principal_1_site #principal-6 { width:100%; height: auto; float: left; padding:0 } article #principal_1 #principal_1_site #principal-6 h1 { margin:75px 30px 0 30px; font-size:25px; line-height:30px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-6 h2 { margin:0 30px 30px 30px; font-size:20px; line-height:25px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .div-diferenciais { width:calc((100% / 2) - 40px); height: 140px; float: left; margin: 30px 20px 0 20px } .icone-diferenciais { width: auto; height: 50px; margin: 0 0 5px 0 } .texto-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:400; margin: 0 0 5px 0 } .descricao-diferenciais { font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:300 } article #principal_7 { width:calc(100% - 50px); height: auto; float: left; padding:50px 25px 50px 25px; } article #principal_7 #principal_7_site #principal-7 h1 { font-size:35px; line-height:35px } article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; font-weight:300 } article #principal_1 #principal_1_site #principal-4 { width:calc(100% - 100px); height: auto; float: left; padding:0 50px 0 50px; background-color: #333333 } .video-servicos { width: 100%; height: 210px; float: left; margin-top: 50px } article #principal_1 #principal_1_site #principal-5 { width:100%; height: auto; float: left } .fotos-servicos { width: calc((100% / 2) - 1px); height: 200px; float: left; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; cursor: pointer} /* MAPAS */ article #principal_1 #principal_1_site #principal-9 { width:100%; height: 500px; float: left } article #principal_1 #principal_1_site #principal-9 h1 { margin:0px; font-size:30px; line-height:38px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:400; text-align: center; color:#333333 } article #principal_1 #principal_1_site #principal-9 h2 { margin:5px 0 30px 0; font-size:25px; line-height:32px; font-family:"Space Grotesk", Arial, Helvetica, sans-serif; font-weight:300; text-align: center; color:#666666 } .fotos-mostra-div { width: calc((100% / 1) - 2px); } }