:root{ --amarelo: rgb(255, 203, 8); --amarelo_dark: rgb(207, 165, 15); --azul: rgb(57, 94, 110); --azul_dark: rgb(38, 63, 74); --azul_light: rgb(83, 155, 186); --cinza_light: rgba(0,0,0,.1); --fundo_escudo:rgb(37,39,36); --fundo_escudo2:rgba(37,39,36,0.1); --gold:rgba(216,160,21, 1); --goldold: rgb(200, 153, 101); /* --fundo_footer: rgb(45,52,62); */ --fundo_footer: rgba(0, 0, 0, 0.1); --cartao_verde: rgba(18, 83, 13, 1); --cartao_azul: rgba(26, 31, 83, 1); --base1: rgb(36, 129, 197); --base2: rgb(142, 198, 66); } /* GENERIC-DEFAULT */ body {scroll-behavior: smooth;} .vw-100 {width: 100vw;} .w-100 {width: 100%;} .h-100 {height: 100%;} .w-95{width: 95%!important;} .w-48 {width: 48%;} .w-33 {width: 30%;} .y-100 {height: 100%;} .full-100{height: 100%; width: 100%;} .d-flex {display: flex;} .flex_wrap {flex-wrap: wrap;} .flex_jus_cen {justify-content: center;} .flex_alg_cen {align-items: center;} .flex_just_sta {justify-content: start;} .flex_just_end {justify-content: end!important;} .container-box {margin-top: 30px!important; margin-bottom: 30px!important;} .disp-inl-blo{display: inline-block;} .disp-blo{display: block;} .show{display: block;} .hide{display: none;} body{overflow-x: hidden; font-size: 16px;} .tac {text-align: center;} .textup {text-transform: uppercase!important;} .fundo_escuro{background-color: var(--fundo_escudo);} .margin_minus{margin-top: -43px;} .mt-30 {margin-top: 30px;} .mt-100 {margin-top: 100px;} .mt-90 {margin-top: 90px;} .mb-40 {margin-bottom: 40px;} .m-0 {margin: 0;} .blue {color: var(--azul);} .bor-rad-down-15{ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .gold_old {color: var(--goldold);} .font_cartao_azul{color: var(--cartao_azul);} .font_cartao_verde{color: var(--cartao_verde);} .fa-facebook-f:hover {color: rgb(23, 115, 234)!important;} .fa-instagram:hover {color: rgb(247, 66, 190)!important;} #footer #portaldolojista{ text-decoration: none; color: #96a9c3!important; transition: all ease 0.15s; } #footer #portaldolojista:hover {color: white!important; font-weight: bold; font-size: 1.7rem;} /* CABECALHO */ /*#header{border-color: white!important; background-color: var(--fundo_escudo)!important;}*/ /*#header h1.logo{background-color: white; border-color: var(--fundo_escudo)!important;}*/ #header .nav-main-collapse {background-color: white;} #header nav ul.nav-main li a {color: var(--azul);} #header nav ul.nav-main li a:hover{color: var(--amarelo)!important;} #header nav ul.nav-main li.active > a:hover{color: var(--amarelo)!important;} #header .fa-search{color: var(--amarelo);} #header form button{background-color: var(--amarelo);} #header form button .fa-search{color: var(--amarelo_dark)!important;} #header form button:hover{background-color: var(--amarelo_dark);} #header form button:hover .fa-search{color: var(--amarelo)!important;} #header #usa {position: absolute; right: calc(0px - 40px); top: -7px; width: 40px;} #header #usa img {width: 100%;} #header a.btn-responsive-nav {right: 80px;top: 18px;} #header a.btn, #header a.btn-responsive-nav, #header a.btn-inverse {background-color: transparent; padding: 0; border: none;} #header .logo img {height: 73px; width: 100px;} @media screen and (max-width:1099px) { html.no-page-top body > .body { padding-top: 0px; } } @media screen and (max-width:1000px) { html.no-page-top body > .body { padding-top: 100px; } #header{position: fixed;} .margin_minus{margin-top: -26px;} #header .nav-main ul.dropdown-menu {display: block!important;} #header nav ul.nav-main ul.dropdown-menu li > a {color: var(--azul);} } @media (min-width: 992px){ header .sizeadjust { width: 97vw; } } /* BANNER SECUNDÁRIO */ .banner_secundario {background-repeat: no-repeat; background-position: center; background-size: cover; height: 420px; margin-bottom: 50px;} .banner_secundario .titulo_banner {width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); display: flex; justify-content: center; align-items: center; flex-direction: column;} .banner_secundario .titulo_banner h1 {color: white; font-weight: 600; text-align: center;} .banner_secundario .titulo_banner h2 {color: white; font-weight: 400; text-align: center;} /* Página HOME */ #banner .box_banner .banner {min-height: 200px; height: 27vw;} #banner .box_banner .banner ul{padding: 0;} #banner .box_banner .banner ul.swiper-wrapper li.banner_img{width: 100%!important;} #banner .box_banner .banner ul.swiper-wrapper li img{width: 100%; height: 100%;} .home-top {margin-bottom: 20px;} #index section {padding: 20px 150px;} #index #cards3 {height: 350px;display: flex; margin-top: 35px;} #index #cards3 .w-50{width: 50%;} #index #cards3 ul, #index #cards3 ul li{margin: 0; padding: 0; list-style: none;} #index #cards3 .home-lojas {margin: 0 30px; width: 50%;} #index #cards3 .fundo {border-radius: 15px; background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: flex-end;} #index #cards3 .inf {background-color: rgba(0, 0, 0, .6);} #index #cards3 .home-novidade {width: 50%; position: relative; max-width: 41.66vw; height: 16.14vw; min-width: 350px;} #index #cards3 .home-novidade::before {position: absolute; content:'Novidades';top: -33px; left: 20px; font-size: 3rem; color:var(--goldold);} #index #cards3 .home-novidade li a {background-size: 100% 100%; display: flex; align-items: flex-end; text-decoration: none;} #index #cards3 .home-novidade ul li .inf {display: flex; min-height: 30%; align-items: center; justify-content: space-between; padding: 7px 15px;} #index #cards3 .home-novidade ul li .inf p.chamada {color: rgb(200, 153, 101); margin: 0; text-align: center; width: 20%;} #index #cards3 .home-novidade ul li .inf p {color: white;} #index #cards3 .home-novidade ul li .inf .texto p.titulo {font-size: 1.9rem; margin: 0;} #index #cards3 .home-novidade ul li .inf .texto p.texto {font-size: 1.2rem; margin: 0;} #index #cards3 .cards2 {display: flex; width: 50%; height: 16.14vw;} #index #cards3 .home-lojas {position: relative;} #index #cards3 .home-lojas::before {position: absolute; content:'Lojas';top: -33px; left: 20px; font-size: 3rem; color:var(--goldold);} #index #cards3 .home-lojas ul li a {background-size: 100% 100%; display: flex; align-items: flex-end; text-decoration: none;} #index #cards3 .home-lojas ul li .inf {display: flex; min-height: 30%; align-items: center; justify-content: space-between; padding: 7px 15px;} #index #cards3 .home-lojas ul li .inf p.chamada {color: rgb(200, 153, 101); margin: 0; text-align: center; width: 20%;} #index #cards3 .home-lojas ul li .inf p {color: white;} #index #cards3 .home-lojas ul li .inf .texto p.titulo {font-size: 1.9rem; margin: 0;} #index #cards3 .home-lojas ul li .inf .texto p.texto {font-size: 1.2rem; margin: 0;} #index #cards3 .home-alimentacao::before {position: absolute; content:'Restaurantes';top: -33px; left: 20px; font-size: 3rem; color:var(--goldold);} #index #cards3 .home-alimentacao {width: 50%; position: relative;} #index #cards3 .home-alimentacao ul li a {background-size: 100% 100%; display: flex; align-items: flex-end; text-decoration: none;} #index #cards3 .home-alimentacao ul li .inf {display: flex; min-height: 30%; align-items: center; justify-content: space-between; padding: 7px 15px;} #index #cards3 .home-alimentacao ul li .inf p.chamada {color: rgb(200, 153, 101); margin: 0; text-align: center; width: 20%;} #index #cards3 .home-alimentacao ul li .inf p {color: white;} #index #cards3 .home-alimentacao ul li .inf .texto p.titulo {font-size: 1.9rem; margin: 0;} #index #cards3 .home-alimentacao ul li .inf .texto p.texto {font-size: 1.2rem; margin: 0;} #index #home-cinema {min-height: 371px;} /* #index #home-cinema h2{text-align: center; box-shadow: inset 0px 8px 6px -6px rgba(0, 0, 0, .3), inset 0px -8px 6px -6px rgba(0, 0, 0, .3);} */ #index #home-cinema h2{text-align: center; box-shadow: inset 4px 1px 9px rgba(0, 0, 0, .1); padding: 15px 0; color: rgb(200, 153, 101); font-weight: 400;} #index #home-cinema .swiper-container{height: 371px;} #index #home-cinema ul, #index #home-cinema ul li{margin: 0; padding: 0; list-style: none;} #index #home-cinema ul li a {background-size: 100% 100%; display: flex; align-items: flex-end; text-decoration: none;} #index #home-cinema .fundo {border-radius: 15px; background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: flex-end;} #index #home-cinema .inf {background-color: rgba(0, 0, 0, .8);} #index #home-cinema ul li .inf {display: flex; flex-direction: column; min-height: 40%; align-items: center; justify-content: space-between; padding: 15px} #index #home-cinema ul li .inf p.chamada {color: rgb(200, 153, 101); margin: 0; text-align: center;} #index #home-cinema ul li .inf p {color: white;} #index #home-cinema ul li .inf .texto p.titulo {font-size: 1.9rem; margin: 0; text-align: center;} #index #home-cinema ul li .inf .texto p.texto {font-size: 1.2rem; margin: 0; text-align: center;} @media screen and (max-width:1920px) { .home-top {margin-top: 60px;} } @media screen and (max-width:1350px) { .home-top {margin-top: 66px;} #index section {padding: 20px 12vw;} #index #cards3 {display: flex; flex-wrap: wrap; height: initial;} /* #index #cards3 .home-novidade {width: 100%; height: 350px; } */ /* #index #cards3 .home-novidade {width: 100%; max-width: 59.25vw; height: 22.96vw; } */ #index #cards3 .home-novidade {width: 100%; height: 29.45vw; max-width: initial; max-height: initial;} #index #cards3 .cards2 {display: flex; width: 100%; margin-top: 50px; height: 29.45vw;} #index #cards3 .home-lojas {margin: 0; margin-right: 5px; height: 29.45vw;} #index #cards3 .home-alimentacao {margin-left: 5px; height: 29.45vw;} } @media screen and (max-width:990px) { .home-top {margin-top: 109px;} } @media screen and (max-width:540px) { #index #cards3 .cards2{height: 650px;} #index #cards3 .home-lojas {width: 100%; height: 100%;} #index #cards3 .home-alimentacao {width: 100%; height: 100%;} #index #cards3 .cards2 {display: flex; flex-direction: column;} #index #cards3 .home-lojas {margin: 0; margin-bottom: 5px; } #index #cards3 .home-alimentacao {margin: 0; margin-top: 5px;} } .redes .lista_redes{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .redes .facebook, .redes .instagram,.redes .tiktok, .redes .youtube { background-size: cover; background-repeat: no-repeat; background-position: center; width: 350px; height: 370px; border-radius: 15px; margin: 15px; } .redes a { font-size: 6rem; width: 100%; height: 100%; color: white; background-color: rgba(0,0,0,0.15); border-radius: 15px; text-decoration: none; display: flex; justify-content: center; align-items: center; } .redes .facebook { background-image: url('../images/rede1.jpg');} .redes .instagram { background-image: url('../images/rede2.jpg');} .redes .tiktok { background-image: url('../images/rede3.jpg');} .redes .youtube { background-image: url('../images/rede4.jpg');} .redes .facebook:hover a {color: rgb(81, 136, 255); background-color: rgba(0,0,0,0.5)} .redes .instagram:hover a {color: rgb(255, 106, 131); background-color: rgba(0,0,0,0.5)} .redes .tiktok:hover a {color: rgb(37, 240, 255); background-color: rgba(0,0,0,0.5)} .redes .youtube:hover a {color: rgb(226, 0, 38); background-color: rgba(0,0,0,0.5)} #index .mapa {background-color: rgba(0,0,0, 0.2);} #index .mapa iframe{width: 100%; height: 20vw; min-height: 350px; border-radius: 15px;} #index footer {margin-top: 0;} /* PÁGINA CINEMA */ #cinema ul, #cinema ul li {margin: 0; padding: 0; list-style: none;} #cinema ul a {text-decoration: none;} #cinema .lista_filmes {display: flex; flex-wrap: wrap; justify-content: center;} /* #cinema .lista_filmes .filme_item {background-color: var(--fundo_escudo); border: 1px solid #ccc; box-shadow: 4px 4px 11px rgba(0, 0, 0, .2); margin: 15px; max-width: 248px; border-radius: 15px; transition: all 2s;} */ #cinema .lista_filmes .filme_item {background-color: rgba(255, 255, 255, .1); border: 1px solid #ccc; box-shadow: 4px 4px 11px rgba(0, 0, 0, .2); margin: 15px; max-width: 248px; border-radius: 15px; transition: all 2s;} #cinema .lista_filmes .filme_item:hover {transform: scale(1.1);} #cinema .lista_filmes .filme_item .cartaz {position: relative;} #cinema .lista_filmes .filme_item .cartaz img{position: relative; border-top-right-radius: 15px; border-top-left-radius: 15px; width: 100%; height: 363px;} /* #cinema .lista_filmes .filme_item .cartaz .censura{position: absolute; top: 0; right: 0; padding: 7px; background-color: var(--base1); color: white; font-weight: bold;} */ #cinema .lista_filmes .filme_item .cartaz .censura{position: absolute; top: 0; right: 0; padding: 7px; background-color: var(--base1); color: white; font-weight: bold; border-top-right-radius: 8px; border-bottom-left-radius: 15px;} #cinema .lista_filmes .filme_item .desc {position: relative; margin: 10px; padding: 2px 5px; text-align: center;} #cinema .lista_filmes .filme_item .desc .titulo_filme {font-size: 1.8rem; color: var(--goldold);} #cinema .lista_filmes .filme_item .desc ul {margin-top: 10px;} /* #cinema .lista_filmes .filme_item .desc li {color: white; text-align: center; width: 100%;} */ #cinema .lista_filmes .filme_item .desc li {color: var(--azul_dark); text-align: center; width: 100%;} /* PÁGINA CINEMA -> FILME INDIVIDUAL */ #cinema ul.lista_datas {display: flex; background-color: white; justify-content: center;} #cinema ul.lista_datas li {margin: 20px; border-radius: 15px; padding: 10px; border: 1px solid #ccc; width: 70px; height: 70px;} #cinema ul.lista_datas li p{text-align: center; font-weight: bold; margin: 0;} #cinema ul.lista_datas li:hover {background-color: var(--base1); color: white;} #cinema ul.lista_datas li:hover p {color: white;} #cinema ul.lista_datas .active {background-color: var(--base1);} #cinema ul.lista_datas .active p {color: white;} #cinema .filme_escolhido {padding: 20px 150px;} #cinema .filme_escolhido .filme_item {display: flex; justify-content: center; flex-direction: row;} #cinema .filme_escolhido .filme_item .cartaz, #cinema .filme_escolhido .filme_item .desc{margin: 15px;} #cinema .filme_escolhido .filme_item .cartaz img{border-radius: 15px; height: 363px; width: 248px;} #cinema .filme_escolhido .filme_item .desc span.sala{font-size: 1.9rem; font-weight: bold;} #cinema .filme_escolhido .filme_item .desc .secao_horarios {margin: 30px 20px;} #cinema .filme_escolhido .filme_item .desc .secao_horarios li {margin: 12px;} #cinema .filme_escolhido .filme_item .desc .secao_horarios li a {color: var(--base1); font-weight: bold; background-color: white;} #cinema .filme_escolhido .filme_item .desc .secao_horarios li:hover a{background-color: var(--base2); color: white;} #cinema .filme_escolhido .filme_item .desc .lingua, #cinema .filme_escolhido .filme_item .desc .video{padding: 5px; border: 1px solid #ccc; margin: 0 10px;} #cinema .filme_escolhido .filme_item .desc .horarios{padding: 10px; margin: 0 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);} #cinema ul.secoes {display: none; min-width: 200px}; @media screen and (max-width: 1400px) { #cinema .filme_escolhido {padding: 0;} } @media screen and (max-width: 850px) { #cinema .filme_escolhido .filme_item {flex-direction: column; justify-content: center; align-items: center;} #cinema .filme_escolhido .filme_item .desc .secao_horarios {justify-content: center; align-items: center;} } .bor{border: 1px solid;} .banner_secundaria {width:100%;padding:14vh 0;position:relative;background-size:cover;background-position:center;margin-bottom:50px;} .banner_secundaria:after {content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.45);top:0;left:0;} .banner_secundaria h1 {position:relative;z-index:9;padding:0 60px;color:#fff; font-size: 98px;line-height: 120px;letter-spacing: 13px;} /* Página - Loja/Alimentação */ #loja .banner_secundaria{height: 390px; margin-bottom: 60px;} #loja ul{list-style: none; padding: 0;} #loja .col_loja {display: flex; margin: 0 auto; width: fit-content;} @media screen and(max-width:1300px) { #loja .col_loja {align-items: center; justify-content: center; flex-direction: column;} #loja .loja_left, #loja .loja_right{float: none;} } #loja .loja_left {width: 21vw; padding-left: 40px; min-width: 280px;} #loja .loja_left i{border: none;background-color: transparent;} #loja .loja_left input[type=text], #loja .loja_left input[type=text]:focus-visible{padding: 20px 5px; border: none; background-color: transparent; outline:none} #loja .loja_left input[type=text], #loja .loja_left input[type=text]::placeholder, #loja .loja_left .search:hover i, #loja .loja_left .search:focus i{color: var(--azul);} #loja .loja_left .search {background-color: white; border: 1px solid var(--cinza_light); font-size: 1.6rem; margin: 0; padding: 15px 5px; border-radius: 15px;} #loja .lista_ramo li {line-height: 16px!important; font-size: 1.2rem;} #loja .lista_ramo li:hover {font-weight: bold;} #loja .loja_right:before {border-radius: 50px; height: 90%; width: 2px; background-color: var(--cinza_light); display: block; position: absolute; left: 0; top: calc(1% / 5); content:"";} #loja .loja_right {position: relative;} #loja .loja_right ul {padding-left: 40px; min-width: 59vw;display: flex; flex-wrap: wrap;} @media screen and (max-width:600px){ #loja .loja_right ul {padding: 0 10px; min-width: 100vw; max-width: 100vw; justify-content: center;} #loja .col_loja {flex-wrap: wrap; justify-content: center} #loja .loja_left * {text-align: center;} #loja .lista_ramo li {line-height: 19px!important; font-size: 1.7rem;} #loja .loja_left {padding-left: 0;} } #loja .loja_item { margin: 10px; position: relative; margin: 10px; position: relative; box-shadow: 4px 4px 11px; background: white; border-radius: 15px; padding-bottom: 7px; max-width: 350px; width: 18.2vw; min-width: 250px; } #loja .loja_item img{ min-width: 250px; min-height: 250px; width: 18.2vw; height: 18.2vw; border-top-left-radius: 15px; border-top-right-radius: 15px; } #loja .loja_item * {color: var(--azul); font-size: 1.3rem;} #loja .loja_item .inf {margin-top: 7px; padding: 0 5px;} #loja .loja_item .inf p {margin: 0; margin-bottom: 5px; word-break: break-all; padding: 0 10px;} #loja .loja_item .inf a:hover, #loja .loja_item .inf a:hover i{color: var(--goldold);} #loja .loja_item .inf .texto {width: 100%;} #loja .loja_item .inf p.titulo{font-size: 1.6rem; font-weight: bold; margin-bottom: 6px; text-align: center; word-break: break-all;} /* #loja .loja_item::after {width: 80%; height: 1px; background-color: var(--cinza_light); display: block; position: absolute; left: 10%; bottom: -20px; content:"";} */ #loja .loja_item h3 {margin: 0; font-size: 1.6rem;} #loja .loja_item a {text-decoration: none;} .loja_lista {max-width: 77vw;} .loja_lista .esquerda {float: left; width: 50%; margin-right: 2%;} .loja_lista .centro {float: left; width: 20%; margin-right: 2%; padding: 0; text-align: right;} .loja_lista .direita {float: left; width: 20%; text-align: right;} #loja .loja_ramo{font-style: oblique; margin-bottom: 10px;} #loja .button_mais {background-color: var(--amarelo); color: white; padding: 5px 10px; font-size: 1.23rem; border-radius: 10px; text-transform: uppercase;} #loja .button_mais:hover {background-color: var(--amarelo_dark);} #loja .loja_unidade li {display: flex; justify-content: center; align-items: flex-start; width: 100vw;} #loja .loja_img {border-radius: 15px;} #loja .info_loja, #loja .loja_img {max-width: 580px; width: 100%; margin: 0 10px;} #loja .info_loja {padding-right: 20px; width: 100%; word-break: break-all;} #loja .info_loja p{font-size: 2rem; color: rgb(61, 60, 60);} #loja .info_loja a{text-decoration: none; color: inherit;} #loja .info_loja a:hover{color: var(--azul_light);} #loja .nada{color: var(--azul_dark); margin: 30px;} /* Página - Facilidades */ #facilidades .servico_lista {margin: 0; padding: 0; list-style: none;} #facilidades .servico_lista li {position: relative; padding: 20px 10px; border: 1px solid rgb(237, 237, 237); margin: 5px 0; background: rgba(255,255,255,0.85);} #facilidades .servico_lista li:first-child {border-top-left-radius: 15px; border-top-right-radius: 15px;} #facilidades .servico_lista li:last-child {border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} #facilidades .servico_lista li h3{margin: 0 auto; text-align: center; font-size: 2rem; color: var(--azul_dark);} #facilidades .servico_lista li p{display: none;} #facilidades .servico_lista li p{margin: 25px 0 0; border-top: 1px solid; width: 90%; margin: 0 auto; min-width: 350px; padding-left: 20px; padding-top: 10px; margin-top: 20px;} @media screen and (max-width: 500px) { #facilidades .serv_img{display: none;} } /* Página - Contato */ #contato.centralizar {margin: 0 auto; display: block; width: 100vw; padding: 0 10vw;} #contato h2 {margin-left: 15px} #contato p {font-size: 18px; margin: 0 15px 30px;} #contato form {width: 100%; display: flex; flex-wrap: wrap;} #contato input[type="text"], #contato input[type="tel"], #contato input[type="email"], #contato select, #contato textarea {background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 7px; font-size: 18px; font-weight: 500; line-height: 50px; color: #555; font-style: normal; text-transform: none; padding: 0 15px; width: calc(48% - 30px); min-width: 220px;} #contato input, #contato select {height: 50px; margin: 0 15px 30px;} #contato .mensagem {width: 100%;} #contato .mensagem textarea {width: 94%; height: 200px; resize: none; margin: 0 15px 30px;} #contato .mensagem input {width: 94%; margin: 0 15px 30px;} @media screen and (max-width: 630px) { #contato form {justify-content: center; align-items:center;} #contato input[type="text"], #contato input[type="tel"], #contato input[type="email"], #contato select, #contato textarea, #contato .mensagem textarea, #contato .mensagem input{width: 100%;margin: 10px 0;} } #contato input[type="submit"] {max-width:200px; padding: 0 30px; margin-top: 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease; position: relative; font-family: 'Barlow Semi Condensed',sans-serif; font-weight: 600; line-height: 50px; color: #fff; font-style: normal; text-transform: uppercase; background: var(--azul); border-radius: 7px; cursor: pointer; text-align: center; width: 220px; border-color: transparent;} #contato input[type="submit"]:hover {color: #555; background: var(--amarelo);} #contato #captcha {display: flex; flex-direction: column; justify-content: center; align-items: center;} #contato #captcha input{max-width:200px;} /* Página - Comercial */ #comercial.centralizar {margin: 0 auto; display: block; width: 100vw; padding: 0 10vw;} #comercial h2 {margin-left: 15px} #comercial p {font-size: 18px; margin: 0 15px 30px;} #comercial form {width: 100%; display: flex; flex-wrap: wrap;} #comercial input[type="text"], #comercial input[type="tel"], #comercial input[type="email"], #comercial select, #comercial textarea {background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 7px; font-size: 18px; font-weight: 500; line-height: 50px; color: #555; font-style: normal; text-transform: none; padding: 0 15px; width: calc(48% - 30px); min-width: 220px;} #comercial input, #comercial select {height: 50px; margin: 0 15px 30px;} #comercial textarea {width: 94%; height: 200px; resize: none; margin: 0 15px 30px;} .cap-sub {display: flex; flex-direction: column; align-items:center; justify-content: center; width: 100%;} #comercial input[type="submit"] {max-width:200px; margin-top: 30px; padding: 0 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease; position: relative; font-family: 'Barlow Semi Condensed',sans-serif; font-weight: 600; line-height: 50px; color: #fff; font-style: normal; text-transform: uppercase; background: var(--azul); border-radius: 7px; cursor: pointer; text-align: center; width: 220px; border-color: transparent;} #comercial input[type="submit"]:hover {color: #555; background: var(--amarelo);} #comercial #captcha {display: flex; flex-direction: column; justify-content: center; align-items: center;} #comercial #captcha input{max-width:200px;} @media screen and (max-width: 630px) { #comercial form {justify-content: center; align-items:center;} #comercial input[type="text"], #comercial input[type="tel"], #comercial input[type="email"], #comercial select, #comercial textarea{width: 100%;margin: 10px 0;} } /* Página - Shopping */ #oshopping {font-size: 16px; padding: 0 20vw;} #oshopping p, #oshopping h3{padding: 0; margin: 0; color: var(--azul_dark);} #oshopping h3, #oshopping a{color: var(--azul); font-weight: 600;} #oshopping h3 {margin: 20px 0;} #oshopping .info{display: flex;} #oshopping .banner_secundario{height: 40vw; width: 100vw; position: relative; left: -20vw;} #oshopping .info ul{list-style: none; margin: 0; padding:0;} #oshopping .info p{font-size: 15px;} #oshopping .info .destaque{font-size: 16px; font-weight: bold; color: var(--azul); margin: 10px 0 0 0;} #oshopping .info .carroussel{width: 39.69vw;height: 26.67vw; border-radius: 15px; box-shadow: 7px 6px 4px rgb(193 193 193);} #oshopping .swiper-slide div {width: 100%; height: 100%;} #oshopping .carroussel_img {width: 100%; height: 100%;} #oshopping .swiper-button-prev, #oshopping .swiper-button-next {opacity: 0.79; width: max(2.60vw, 37px); height: max(2.60vw, 37px);} /* #oshopping .info .ficha {width: 60.31vw;} */ #oshopping .info .ficha {width: 26vw;} #oshopping .cards {display: flex; margin: 20px 0; flex-wrap: wrap;} #oshopping .card_info {text-align: center; margin: 10px; border-radius: 15px;border: 1px solid var(--cinza_light); flex:1; padding: 10px 10px 10px 20px; display: flex; flex-direction: column; justify-content: space-around;} #oshopping .card_info i {font-size: 4rem; color: var(--base1); margin-bottom: 10px;} #oshopping .card_info p {text-align: center;} #oshopping .titulo {font-weight: 600; font-size: 1.8rem;} #oshopping .subtitulo {font-size: 1.7rem;} #oshopping .contato {font-size: 1.6rem;} #oshopping .email {font-size: 1.6rem;} #oshopping .map{ width: 100%; height: 600px; border: 0;} @media screen and (max-width:800px) { #oshopping .info{flex-direction: column-reverse;} #oshopping .info .carroussel, #oshopping .info .ficha {width: 100%; min-height: 175px;} } @media screen and (max-width:600px) { #oshopping .info ul li {text-align: center;} } /* Página - CURSOS */ #cursos .thumb-info {text-decoration: none; flex:1; width:100%;} #cursos .thumb-texto p{text-align: left; padding: 10px; margin: 0;} #cursos .portfolio-list .portfolio-item{min-width: 360px; min-height: 240px; margin-bottom: 20px; display:flex;flex-direction:column;} #cursos .thumb-info .thumb-info-title {background-color: transparent;} #cursos .thumb-info .thumb-info-title .thumb-info-inner {font-weight: 400;} #cursos .thumb-info .thumb-info-action {display: none;} #cursos .thumb-info:hover .thumb-info-action {top: 0; width: 100%; height: 100%; color: white; background-color: rgba(0, 0, 0, .8); justify-content: center; align-items: center; display: flex;} #cursos .thumb-info-action .thumb-info-action-right {border-radius: 15px;} #cursos .thumb-info-action .bt_inscrever {text-align: center; padding: 5px 0;} #cursos .thumb-info-action .encerradas {text-align: center; padding: 5px 0;} #cursos .portfolio-list .thumb-info .thumb-info-titulo {padding-top:12px; font-size: 2.5rem; display: block;} #cursos .thumb-texto {padding: 0 15px;} #cursos #div_formulario {max-width: 90%; width: 800px; margin: 2% auto; padding: 2%; display: none; border: 1px solid transparent;} #cursos #div_formulario .titulo_curso {background-color: #F7F9FC; padding: 15px; margin-bottom: 20px;} #cursos #div_formulario .titulo_curso h3 {padding-bottom: 0px; margin-bottom: 10px;} #cursos #div_formulario h3 {padding-bottom: 10px; font-size: 24px; text-transform: uppercase; font-weight: 500; margin-bottom: 20px;} #cursos #div_formulario .btcurso {display: block; margin: 0 auto;} #cursos .carosselcursos {margin-bottom: 40px;} /* Página - Novidade */ #novidade .thumb-info-title{height: 100%;} #novidade .thumb-info-inner{color: var(--goldold);} #novidade .novidade_lista{display: flex; flex-wrap: wrap;} #novidade .novidade_lista li{width: 31%; margin: 5px; min-width: 340px;} #novidade .novidade_lista .thumb-info-image {position: relative;} #novidade .novidade_lista .noticiadata{position: absolute; top: 0px; right: 0px; background-color: rgba(0,0,0,.8); color: white; padding: 5px; border-bottom-left-radius: 15px; font-size: 1.3rem;} #novidade .lista_mais .thumb-info-image {position: relative;} #novidade .lista_mais .noticiadata{position: absolute; top: 0px; right: 0px; background-color: rgba(0,0,0,.8); color: white; padding: 10px; border-bottom-left-radius: 15px; font-size: 1.3rem;} #novidade ul.portfolio-list .portfolio-item {height: calc(100% - 35px);} #novidade ul.portfolio-list .portfolio-item a {height: 100%; box-shadow: 4px 5px 6px rgba(0, 0, 0, .2);} /* #novidade .img-responsive {height: auto; width: 363px;} */ #novidade .img-responsive {height: auto; width: auto;} /* #novidade .novidade_info img{width: 100%; max-width: 600px; border-radius: 30px; margin: 0 auto; display: block;} */ #novidade .novidade_info img{max-width: 600px; border-radius: 30px; margin: 0 auto; display: block;} #novidade .novidade_info h2{margin:0;} #novidade .novidade_info p.taj{font-size: 1.5rem;} #novidade .novidade_info .to-right{float: right;} #novidade .novidade_info .plus{display: flex; justify-content: center; align-items: center; font-size: 2rem; margin-bottom: 10px;} #novidade .novidade_info .plus-menu a{padding: 0; border: 0; font-size: 2rem; margin: 0 5px; color: var(--base2); font-weight: bold;} #novidade .novidade_info .plus-menu a i{font-size: 2.5rem;} #novidade .mais_titulo {margin-top: 15px;} #novidade .mais_noticias {display: flex;} #novidade .mais_noticias ul {list-style: none;} /* #novidade .mais_noticias ul li{float: none!important; height: 575px; padding: 0;} */ #novidade .mais_noticias ul li{float: none!important; max-height: 575px; padding: 0;} #novidade .mais_noticias ul li a, #novidade .mais_noticias ul li div{height: 100%;} #novidade .mais_noticias ul li a {border-radius: 30px;} #novidade .mais_noticias img{border-top-left-radius: 30px; border-top-right-radius: 30px;} .lista_mais {display: flex; flex-wrap: wrap;} .lista_mais li{margin: 15px; flex: 1; min-width: 17vw; max-width: 350px;} #novidade #novidade_busca .row {margin-bottom: 30px;} #novidade #novidade_busca .row {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #novidade #novidade_busca h4 {color: var(--azul_dark);} #novidade #novidade_busca .col-md-4 {float: none; min-width: 250px;} @media screen and (max-width:1200px) { .lista_mais li{min-width: 280px;} } @media screen and (max-width:715px) { h2.titulo_pagina{text-align: center;} #novidade .novidade_lista, #svsocial .novidade_lista{justify-content: center; align-items: center; width: 100%;} #novidade .novidade_lista li, #svsocial .novidade_lista li{width: 74%; min-width: auto;} } /* Página - Trabalhe Conosco */ #trabalheconosco {font-size: 16px; padding: 0 20vw;} #trabalheconosco p, #trabalheconosco h2{padding: 0; margin: 30px 0; color: var(--azul_dark);} #trabalheconosco p {text-align: center;} .mb-0x {margin-bottom: 10px!important;} .mt-0x {margin-top: 10px!important;} #trabalheconosco a.button {padding: 20px 30px; background-color: var(--azul); color: white; text-decoration: none; font-weight: 600; margin: 0 auto; display: block; width: fit-content;} #trabalheconosco a.button:hover{background-color: var(--azul_light);} #trabalheconosco .col-md-6 {margin: 0 auto; float: none;} #trabalheconosco label.anexo {display: none;} #trabalheconosco input[type=submit] {margin: 0 auto; background-color: var(--base2); color: white; display: block;} /* FOOTER */ .flex_just_end {justify-content: end;} footer#footer {padding: 30px 0 30px;} footer .row {margin: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 0 10%;} /* footer .row > div{flex: 1; min-width: 330px; text-align: center;} */ footer .row > div {text-align: center;} footer p, footer li {margin:0; font-size: 1.5rem;} footer ul {list-style: none;padding: 0;} footer .footer_contato{margin-top: 1rem;} footer .footer_social {display: flex; flex-direction: column;} footer .footer_social .icons{display: flex; align-items: center; justify-content: center;} footer .footer_social i {margin: 0 10px;} footer .footer_social h4:nth-of-type(2) {margin-top: 35px;} footer .footer_social i{border-radius: 50px; font-size: 3rem;} footer .footer_social .fa-facebook-f:hover {color: rgb(23, 115, 234);} footer .footer_social .fa-instagram:hover {color: rgb(247, 66, 190);} footer .footer_social .fa-tiktok:hover {color: rgb(0, 0, 0);} footer .footer_social .fa-linkedin:hover {color: rgb(19, 94, 191);} footer .footer_social .fa-youtube:hover {color: rgb(255, 29, 29);} footer .footer_social .fa-twitter:hover {color: rgb(80,171,241);} #footer .row .aplicativos a img{border-radius: 25px; width: 150px;} #footer .footer_social h4{font-size: 2rem;} footer b {color: white;} @media screen and (max-width:1240px) {footer .row > div{margin: 20px 0;}} @media screen and (max-width:1100px) { #footer .row > div{width: 100%;} }