.et_pb_section_4.et_pb_section{background-color:#210e08!important}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
margin-right: 0 !important;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
}
iframe {
display: block;
} body {
font-family: Arboria;
font-weight: 400;
}
strong {
font-weight: 700;
}
.error::-webkit-input-placeholder {
color: #FF0025;
}
p {
padding-bottom: 0 !important;
}
#page-container {
padding: 0 !important;
}
iframe {
display: block;
}
.mfp-figure {
background-color: #f1f1f1;
}
img.mfp-img {
padding: 0px !important;
}
.mfp-bottom-bar {
margin-top: 0px !important;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
top: -50px !important;
} .et_pb_section {
padding: 50px 0;
}
.et_pb_row {
max-width: 100%;
padding: 20px 0;
width: 75.9%;
}
.et_pb_column {
margin-right: 0px !important;
}
.et_pb_column_1_2 {
margin-right: 0% !important;
width: 50% !important;
} html::-webkit-scrollbar-track {
background: #ffffff;
}
html::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 20px;
border: 3px solid #95723f;
}
html::-webkit-scrollbar {
width: 12px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #95723f;
border-radius: 20px;
border: 3px solid #ffffff;
}
::-webkit-scrollbar {
width: 12px;
height: 15px;
} @font-face {
font-family: Arboria-Bold;
src: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/fonts/Arboria-Bold.otf);
}
@font-face {
font-family: Arboria-Medium;
src: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/fonts/Arboria-Medium.otf);
}
@font-face {
font-family: Arboria;
src: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/fonts/Arboria-Book.otf);
}
@font-face {
font-family: BonVivant-Bold;
src: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/fonts/BonVivantSerifBold.ttf);
}
@font-face {
font-family: BonVivant;
src: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/fonts/BonVivantSerif.ttf);
} #main-footer {
background-color: #161616;
}
#footer-info {
color: #fff;
font-size: 11px;
padding-bottom: 0px;
}
#main-footer .container {
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.clearfix:after {
display: none;
}
#footer-bottom {
padding: 30px 0px 30px 0px;
} #main-header {
background-color: transparent;
box-shadow: none;
padding: 0px 11.97vw;
}
.et_header_style_left #et-top-navigation {
background-color: transparent;
padding: 41px 0px 0px !important;
}
.container.et_menu_container {
display: flex;
justify-content: space-between;
max-width: 100%;
padding-right: 0px !important;
width: 100%;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
padding-bottom: 0px !important;
}
#top-menu {
display: flex;
flex-direction: row;
}
#top-menu li {
display: flex;
flex-direction: row;
padding-right: 30px;
}
#top-menu a,
#top-menu li.current-menu-item>a {
color: #fff;
font-family: BonVivant;
font-size: 13px;
letter-spacing: 1px;
}
#top-menu-nav>ul>li>a:hover {
opacity: 1;
}
#main-header #top-menu a:before {
background-color: #614400;
bottom: -20px;
content: '';
height: 4px;
position: absolute;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
transition: all 0.3s;
visibility: hidden;
}
#main-header #top-menu a:hover:before {
left: -8%;
transform: scaleX(1);
transition: all 0.3s;
visibility: visible;
width: 116%;
} #logo {
margin-top: 5px;
max-height: 43px;
}
#main-header.et-fixed-header {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.et_fixed_nav #main-header.et-fixed-header {
background-color: #b19158;
background-image: linear-gradient(rgba(177, 145, 88, .71), rgba(177, 145, 88, .71)), url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
#main-header.et-fixed-header #et-top-navigation {
padding: 20px 0px !important;
}
.et_header_style_left .logo_container {
position: relative !important;
width: 150px !important;
} #banner {
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/background_banner.webp);
padding: 2.5vw 0px 0px 0px !important;
}
.hero_content-wrap {
align-items: stretch;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0px 11.97vw;
}
.banner_logo {
margin-bottom: 2.2vw;
min-width: 140px;
width: 8.33vw;
}
.hero_content {
width: 35%;
padding-bottom: 6.9vw;
}
.hero_content img {
width: 15.88vw;
}
.button_primary {
-webkit-backdrop-filter: blur(8px);
align-items: center;
backdrop-filter: blur(8px);
background-color: #b19158;
border: 0.125rem solid #b19158;
border-radius: 0.4rem;
color: #fff;
display: flex;
flex: none;
font-size: .875em;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
line-height: 1;
padding: 0.83vw 1.66vw 1.04vw;
transition: border-color .4s cubic-bezier(.23, 1, .32, 1), color .24s cubic-bezier(.23, 1, .32, 1), background-color .24s ease-in-out;
}
.button_primary.is-outline-button {
background-color: #29120b;
transition-duration: .4s, .24s, .4s;
transition-timing-function: cubic-bezier(.23, 1, .32, 1), cubic-bezier(.23, 1, .32, 1), cubic-bezier(.23, 1, .32, 1);
}
.button_primary p {
font-size: 0.72vw;
}
.button_primary svg {
height: 18px;
}
.button_primary.is-outline-button svg {
height: 13px;
}
.buttons-wrap {
align-items: stretch;
display: flex;
flex-wrap: wrap;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.hero_product-wrap {
align-items: center;
background: rgb(23, 14, 11, 0);
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-bottom: 1.7vw;
padding: 0.83vw 9.1vw 0.83vw 0vw;
position: relative;
}
.hero_product-wrap::before {
background: rgb(23, 14, 11);
background: linear-gradient(90deg, rgba(23, 14, 11, 0) 0%, rgba(23, 14, 11, 0.664) 100%);
content: '';
display: block;
border-radius: 10px;
height: 127%;
position: absolute;
right: 0%;
top: 0;
width: 200%;
z-index: -1;
}
.bg-color-gradient-90 {
background-image: linear-gradient(#d8bd7a, #b19158 40%, #95723f 66%, #614400);
}
.hero_product-line {
bottom: 0%;
left: auto;
position: absolute;
right: 0%;
top: 0%;
width: 0.25rem;
}
.hero_label-text {
color: #fff;
font-family: BonVivant-Bold;
font-size: 0.83vw;
letter-spacing: 4px;
text-transform: uppercase;
}
.hero_title {
color: #fff;
font-family: BonVivant-Bold;
font-size: 2.5vw;
margin-bottom: 0.41vw;
text-transform: uppercase;
}
.banner_obras {
color: #fff;
font-family: BonVivant-Bold;
font-size: 0.83vw;
letter-spacing: 6px;
margin-bottom: 0.41vw;
text-transform: uppercase;
}
.hero_subtitle {
color: #d7bb7a;
font-family: BonVivant-Bold;
font-size: 1.09vw;
margin-bottom: 1vw;
margin-top: 7.81vw;
text-transform: uppercase;
letter-spacing: 1px;
}
.hero_product-title {
color: #d7bb7a;
font-family: BonVivant-Bold;
font-size: 4.53vw;
}
.hero-span {
font-size: 1.19vw;
text-transform: uppercase;
}
.hero-span_02 {
font-size: 2.18vw;
text-transform: uppercase;
}
.horizontal-text-divider {
background-color: #b19158;
height: 3px;
width: 6px;
}
.hero_label-wrap {
align-items: center;
display: flex;
gap: 10px;
margin-bottom: 1.3vw;
}
.text-size-medium {
color: #ffffff;
font-size: 0.83vw;
line-height: 1.25vw;
margin-bottom: 2.6vw;
letter-spacing: 0.07vw;
width: 92%;
}
.hero_product-subtitle {
border-bottom: 2px solid #d7bb7a;
color: #fff;
font-size: 2.03vw;
letter-spacing: 0.4vw;
padding-bottom: 0.625vw !important;
text-transform: uppercase;
font-weight: 900;
}
.lower_1 {
font-size: 0.93vw;
}
.lower_2 {
font-size: 1.66vw;
}
.hero_product-small {
color: #fff;
font-size: 0.83vw;
letter-spacing: 0.07vw;
margin-top: 0.625vw;
text-transform: uppercase;
}
.imagem_fachada {
width: 65%;
display: flex;
justify-content: flex-end;
align-items: center;
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/img_hero.webp);
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
.valor_titulo {
color: #fff;
font-family: BonVivant-Bold;
font-size: 2vw;
text-transform: uppercase;
letter-spacing: 4px;
border-bottom: 2px solid #d7bb7a;
padding-bottom: 0.4vw !important;
text-align: center;
width: 85%;
margin: auto;
}
.lower_3 {
font-size: 1.5vw;
}
.valor_subtitulo {
color: #d7bb7a;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
margin-top: 10px;
text-align: center;
}
.valor_texto {
color: #fff;
font-family: BonVivant-Bold;
font-size: 3.3vw;
text-transform: uppercase;
letter-spacing: 4px;
text-align: center;
}
.lower_4 {
font-size: 14px;
}
.lower_5 {
font-size: 1.5vw;
}
.bloco_valor {
padding: 1.82vw 2.34vw;
border: 1px solid #d7bb7a79;
display: inline-block;
}
.boxes_valores {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 1vw;
width: 15.67vw;
} #sobre {
border-top: 5px solid #95723f;
padding: 10.4vw 0vw !important;
}
.sobre_titulo {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b19158, #a7864f 30%, #dec480);
font-family: BonVivant-Bold;
font-size: 2.08vw;
line-height: 2.5vw;
margin-bottom: 1.6vw;
text-transform: uppercase;
}
.diferenciais_container .sobre_titulo,
#implantacao .sobre_titulo {
font-size: 1.66vw;
}
.sobre_subtitulo {
color: #3c2014;
font-family: BonVivant-Bold;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 1.5vw;
text-transform: uppercase;
}
.sobre_texto {
color: #809094;
font-size: 0.83vw;
line-height: 1.25vw;
}
.cta_titulo {
color: #b19158;
font-family: BonVivant-Bold;
font-size: 0.95vw;
}
.cta_subtitulo {
color: #fff;
font-size: 14px;
letter-spacing: 0.25px;
}
.sobre_cta {
align-items: center;
background-color: #3c2014;
display: flex;
flex-direction: row;
margin-top: 3.125vw;
position: relative;
width: 100%;
transition: .2s all;
}
.sobre_cta:hover {
filter: brightness(1.5);
}
.cta_icone {
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border: 1px solid #b19158;
border-radius: 50vw;
height: 2.39vw;
margin: 0.625vw;
width: 2.39vw;
}
.cta_content {
margin-left: 2vw;
width: calc(100% - 4vw);
}
.cta_line {
background-image: linear-gradient(#d8bd7a, #b19158 40%, #95723f 66%, #614400);
bottom: 0%;
left: 3.64vw;
position: absolute;
right: auto;
top: 0%;
width: 0.25rem;
}
.sobre_container .sobre_esq {
padding-left: 11.97vw;
width: 39.1%;
}
.sobre_container .sobre_dir {
width: 55%;
}
.sobre_container {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.sobre_container .sobre_dir img {
border-radius: 20px 0px 0px 20px;
}
.sobre_legenda {
bottom: 20px;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
padding-left: 25px;
position: absolute;
}
.sobre_legenda::before {
background: #b19158;
content: '';
display: block;
height: 4px;
left: -10px;
position: absolute;
top: calc(50% - 2px);
width: 25px;
}
.sobre_container .sobre_dir::before,
#galeria .swiper .et_pb_gallery_image::before,
.aba_img_container::before,
.imagem_implantacao::before {
background: rgba(0, 0, 0, .5);
border-radius: 5px;
box-sizing: border-box;
content: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/ico-zoom.svg);
height: 29px;
padding: 5px;
position: absolute;
right: 5px;
top: 5px;
transform: scale(.8);
transition: .2s ease all;
width: 29px;
z-index: 99;
}
.sobre_container .sobre_dir:hover::before,
#galeria .swiper .et_pb_gallery_image:hover::before,
.aba_img_container:hover::before,
.imagem_implantacao:hover::before {
background: rgba(0, 0, 0, .9);
transform: scale(.9);
transition: .2s ease all;
}
.diferenciais_container {
padding: 7.8vw 11.97vw 0;
}
.diferenciais_texto {
color: #333333;
font-family: BonVivant-Bold;
font-size: 1.25vw;
}
.box_diferenciais {
border: 1px solid #b19158;
border-radius: 5px;
margin-bottom: 1.5%;
padding: 2vw;
width: 19%;
}
.box_diferenciais:nth-child(n+11):nth-child(-n+15) {
margin-bottom: 0%;
}
.box_diferenciais img {
margin-bottom: 1.5vw;
width: 40px;
}
.organiza_diferenciais {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1%;
justify-content: space-between;
} #galeria {
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/background_banner.webp);
border-bottom: 5px solid #95723f;
overflow: hidden !important;
padding: 10.4vw 0vw 7vw !important;
}
.titulos_galeria {
padding: 0 11.97vw;
}
.galeria_subtitulo {
color: #fff;
font-family: BonVivant-Bold;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 1.5vw;
text-transform: uppercase;
}
.galeria_titulo {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b19158, #a7864f 30%, #dec480);
font-family: BonVivant-Bold;
font-size: 1.66vw;
line-height: 1.98vw;
margin-bottom: 1.6vw;
text-transform: uppercase;
}
.quebra_linha {
display: block;
} .swiperResidencial {
margin-top: 4vw;
}
#galeria .swiper {
margin-left: -10% !important;
overflow: visible !important;
padding-bottom: 50px;
padding-top: 50px;
width: 120%;
}
#galeria .swiper-slide {
background-position: center;
background-size: cover;
height: 21.8vw;
}
#galeria .et_pb_gallery_image img {
display: block;
height: 21.8vw;
object-fit: cover;
width: 100%;
}
#galeria .swiper-slide::before {
content: "";
display: block;
width: 50%;
height: 57%;
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 160%;
position: absolute;
top: -10px;
right: -10px;
z-index: -1;
}
#galeria .et_pb_gallery_caption {
align-items: center;
background: rgb(23, 14, 11);
background: linear-gradient(180deg, rgba(23, 14, 11, 0) 0%, rgba(23, 14, 11, 0.7595413165266106) 100%);
bottom: 0px;
color: #fff;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: 11px !important;
gap: 5px;
justify-content: flex-end;
letter-spacing: 1px;
margin: auto !important;
padding: 10px 15px !important;
position: absolute;
text-align: center;
width: 100%;
}
#galeria .swiper-button-prev {
bottom: 50px !important;
left: 36.8% !important;
top: auto !important;
}
#galeria .swiper-button-next {
bottom: 50px !important;
right: 36.8% !important;
top: auto !important;
}
.mfp-counter {
display: none;
}
.mfp-title {
font-size: 10px;
letter-spacing: 1.5px;
padding-right: 0px;
text-align: center;
text-transform: uppercase;
}
#galeria .swiper-button-prev:after,
#galeria .swiper-button-next:after {
color: #fff !important;
font-size: 16px !important;
}
#galeria .swiper-button-prev,
#galeria .swiper-button-next {
background: #b19158;
border-radius: 5px;
height: 38px !important;
width: 38px !important;
} .et_pb_tabs,
ul.et_pb_tabs_controls:after {
border: none !important;
}
.et_pb_tab {
padding: 0px;
}
.abas_plantas_residenciais .et_pb_tab_active {
background-color: #b19158 !important;
border: 1px solid #b19158 !important;
margin-right: 0%;
padding: 10px !important;
}
.abas_plantas_residenciais .et_pb_tab_active a {
color: #fff !important;
}
.abas_plantas_residenciais a span {
font-family: BonVivant-Bold;
font-size: 1.66vw;
margin-right: 7px;
}
.abas_plantas_residenciais .et_pb_tabs_controls {
background-color: #fff !important;
margin-bottom: 15px;
}
.abas_plantas_residenciais .et_pb_tabs_controls a {
color: #5c3c30;
display: flex;
font-weight: 400 !important;
justify-content: center;
letter-spacing: 1px;
text-align: center !important;
font-size: 0.83vw;
}
.abas_plantas_residenciais .et_pb_tabs_controls li {
border: 1px solid #b19158;
margin-right: 0%;
padding: 10px !important;
width: 50%;
}
.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
border-right: 1px solid #b19158 !important;
}
.et_pb_tabs_controls li:last-child {
margin-right: 0% !important;
}
.abas_plantas_residenciais .et_pb_all_tabs {
background-color: #eeeeee !important;
border: none;
}
.aba_container {
align-items: center;
align-items: stretch;
background-color: #fff;
display: flex;
flex-direction: row;
padding: 30px;
}
.aba_container.aba_container_single {
justify-content: center;
}
.aba_img {
width: 50%;
}
.aba_img_container br {
display: none;
}
.img_label {
left: -5px;
position: absolute;
top: 0px;
width: 140px !important;
}
.abas_plantas_residenciais .et_pb_tabs_controls a:before {
background-color: #b19158;
bottom: 0px;
content: "";
height: 3px;
left: calc(50% - 40px);
position: absolute;
width: 80px;
}
.abas_plantas_residenciais .et_pb_tabs_controls .et_pb_tab_active a:before {
background-color: #f2efe7;
bottom: -1px !important;
}
#residencial .et_parallax_bg_wrap {
height: 50%;
top: 50%;
}
.aba_conteudo {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-right: 20px;
width: 50%;
}
.aba_img_container {
align-items: center;
background-color: #fff;
border: 1px solid #bb9757;
display: flex;
height: 100%;
justify-content: center;
position: relative;
}
.aba_conteudo .abas_perspectivas {
align-items: flex-end;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 25px;
}
.aba_conteudo p:empty {
display: none;
}
.aba_conteudo p {
color: #000;
font-size: 0.83vw;
}
.aba_conteudo p span {
font-size: 0.98vw;
font-weight: 700;
}
.abas_perspectivas .perspectivas_imgs {
display: flex;
flex-direction: row;
gap: 3px;
}
.aba_conteudo .abas_perspectivas a {
display: block;
height: 135px;
}
.aba_conteudo .abas_perspectivas img {
height: 135px;
object-fit: cover;
}
.aba_conteudo ul {
list-style: none;
margin: 0;
padding: 0;
}
.aba_conteudo ul li::before {
color: #b19158;
content: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/seta.svg);
display: inline-block;
height: auto;
margin-right: 8px;
width: 6px;
}
.aba_conteudo ul li {
color: #333333;
font-size: 14px;
line-height: 26px;
}
.aba_conteudo .titulo_aba {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b19158, #a7864f 30%, #dec480);
font-family: BonVivant-Bold;
font-size: 1.66vw;
line-height: 1.98vw;
margin-bottom: 1.6vw;
text-transform: uppercase;
}
.aba_conteudo .titulo_aba span {
font-weight: 100;
}
.divisor_galeria {
background-image: -webkit-linear-gradient(left, #f0f0f000, #b19158, #f0f0f000);
background-image: -moz-linear-gradient(left, #f0f0f000, #b19158, #f0f0f000);
background-image: -ms-linear-gradient(left, #f0f0f000, #b19158, #f0f0f000);
background-image: -o-linear-gradient(left, #f0f0f000, #b19158, #f0f0f000);
border: 0;
height: 2px;
margin: 50px 0;
}
#plantas .swiper-button-prev:after,
#plantas .swiper-button-next:after {
color: #b19158 !important;
font-size: 28px !important;
}
.swiperPlanta120 img {
width: 90%;
}
.swiperPlanta120 .et_pb_gallery_image a {
align-items: center;
display: flex;
justify-content: center;
}
#plantas {
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/background_banner.webp);
padding: 8vw 0vw !important;
} #implantacao .et_parallax_bg_wrap {
height: 65%;
top: 35%;
}
#implantacao {
padding: 8vw 0vw !important;
}
#implantacao ol {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin: 0px;
padding: 0px;
}
#implantacao ol li {
color: #fff;
font-size: 0.75vw;
line-height: 0.85vw;
margin-bottom: 10px;
width: 18%;
}
#implantacao ol li .quebra_linha {
margin-left: 1.75vw;
}
#implantacao ol li .bullet {
background-image: linear-gradient(to right, #b19158, #a7864f 30%, #dec480);
border-radius: 25px;
color: #fff;
display: inline-block;
font-family: BonVivant-Bold;
font-size: 0.75vw;
height: 1.25vw;
line-height: 1.25vw;
margin: 0px;
margin-right: 0.5vw;
padding: 0px;
text-align: center;
width: 1.25vw;
}
.imagem_implantacao img {
width: 100%;
}
#implantacao .et_pb_tab_active {
background-color: rgba(177, 145, 88, .16) !important;
margin-right: 0%;
}
#implantacao .et_pb_tabs_controls {
background-color: #fff !important;
margin-bottom: 30px;
}
#implantacao .et_pb_tabs_controls a {
border: 1px solid #b19158 !important;
border-radius: 5px;
color: #b19158 !important;
font-family: BonVivant-Bold;
font-size: 1.04vw;
font-weight: 500;
letter-spacing: 0.8px;
padding: 10px !important;
text-align: center !important;
}
#implantacao .et_pb_tabs_controls a span {
font-weight: 700;
}
#implantacao .et_pb_tabs_controls li {
border-right: none;
margin-right: 0.5%;
width: 24.625%;
}
#implantacao .et_pb_tabs_controls li a {
padding: 0px;
}
#implantacao .et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
border-right: none !important;
}
#implantacao .et_pb_tabs_controls li:last-child {
margin-right: 0% !important;
}
#implantacao .et_pb_all_tabs {
background-color: transparent !important;
}
#implantacao .imagem_implantacao::before {
right: 20px;
top: 25px;
}
.imagem_implantacao {
background-color: #fff;
border: 1px solid #e4e6e7;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.lista_implantacao {
margin-top: 50px;
}
.bolotario_pin {
position: absolute;
}
.bolotario_pin-number {
background-color: #3c2014;
border-bottom: 2px solid #b19158 !important;
border-radius: 5px;
color: #fff;
display: inline-block;
font-family: BonVivant-Bold;
font-size: 0.75vw;
margin: 0px;
min-width: 26px;
padding: 5px !important;
text-align: center;
}
.bolotario_pin-text {
background-color: #3c2014;
border-bottom: 2px solid #b19158 !important;
border-radius: 0px 5px 5px 0px;
color: #fff;
display: none;
font-size: 0.75vw;
margin: 0px;
margin-left: -8px;
padding: 5px 5px 6px 12px !important;
position: relative;
text-align: center;
transition: .2s ease-in-out;
z-index: 10;
}
.bolotario_pin:hover .bolotario_pin-text {
display: inline-block;
}
.bolotario_pin.pin-02 {
bottom: 37%;
left: 73%;
right: auto;
top: auto;
}
.bolotario_pin.pin-03 {
bottom: 55%;
left: 76%;
right: auto;
top: auto;
}
.bolotario_pin.pin-11 {
bottom: 68%;
left: 63%;
right: auto;
top: auto;
}
.bolotario_pin.pin-04 {
bottom: 63%;
left: 76%;
right: auto;
top: auto;
}
.bolotario_pin.pin-09 {
bottom: 81.5%;
left: 64%;
right: auto;
top: auto;
}
.bolotario_pin.pin-08 {
bottom: 52%;
left: 9%;
right: auto;
top: auto;
}
.bolotario_pin.pin-07 {
bottom: 53.5%;
left: 56%;
right: auto;
top: auto;
}
.bolotario_pin.pin-05 {
bottom: 51%;
left: 67%;
right: auto;
top: auto;
}
.bolotario_pin.pin-06 {
bottom: 62%;
left: 68%;
right: auto;
top: auto;
}
.bolotario_pin.pin-01 {
bottom: 37%;
left: 58%;
right: auto;
top: auto;
}
.bolotario_pin.pin-08 {
bottom: 63%;
left: 55%;
right: auto;
top: auto;
}
.bolotario_pin.pin-09 {
bottom: 62%;
left: 49%;
right: auto;
top: auto;
}
.bolotario_pin.pin-10 {
bottom: 52%;
left: 50.5%;
right: auto;
top: auto;
}
.bolotario_pin.pin-11 {
bottom: 61%;
left: 40%;
right: auto;
top: auto;
}
.bolotario_pin.pin-12 {
bottom: 52%;
left: 40%;
right: auto;
top: auto;
}
.bolotario_pin.pin-13 {
bottom: 36%;
left: 39.5%;
right: auto;
top: auto;
}
.bolotario_pin.pin-14 {
bottom: 36%;
left: 42%;
right: auto;
top: auto;
}
.bolotario_pin.pin-15 {
bottom: 36%;
left: 46%;
right: auto;
top: auto;
}
.bolotario_pin.pin-16 {
bottom: 36%;
left: 35%;
right: auto;
top: auto;
}
.bolotario_pin.pin-17 {
bottom: 57%;
left: 27%;
right: auto;
top: auto;
}
.bolotario_pin.pin-18 {
bottom: 61%;
left: 13%;
right: auto;
top: auto;
}
.bolotario_pin.pin-19 {
bottom: 45%;
left: 9%;
right: auto;
top: auto;
}
.bolotario_pin.pin-20 {
bottom: 43%;
left: 17%;
right: auto;
top: auto;
}
.bolotario_pin.pin-21 {
bottom: 44%;
left: 22%;
right: auto;
top: auto;
}
.bolotario_pin.pin-22 {
bottom: 42%;
left: 28%;
right: auto;
top: auto;
}
.bolotario_pin.pin-23 {
bottom: 38%;
left: 21%;
right: auto;
top: auto;
}
.bolotario_pin.pin-21b {
bottom: 32%;
left: 17%;
right: auto;
top: auto;
}
.bolotario_pin.pin-24 {
bottom: 33%;
left: 8%;
right: auto;
top: auto;
}
.bolotario_pin.pin-25 {
bottom: 50%;
left: 46%;
right: auto;
top: auto;
}
.bolotario_pin.pin-26 {
bottom: 28%;
left: 23%;
right: auto;
top: auto;
}
.bolotario_pin.pin-27 {
bottom: 28%;
left: 60%;
right: auto;
top: auto;
}
.bolotario_pin.pin-28 {
bottom: 24%;
left: 35%;
right: auto;
top: auto;
}
.bolotario_pin.pin-29 {
bottom: 72%;
left: 36.5%;
right: auto;
top: auto;
}
.bolotario_pin.pin-30 {
bottom: 72%;
left: 62%;
right: auto;
top: auto;
}
.bolotario_pin.pin-26 {
bottom: 33%;
left: 20%;
right: auto;
top: auto;
}
.bolotario_pin.pin-27 {
bottom: 34.5%;
left: 58%;
right: auto;
top: auto;
}
.bolotario_pin.pin-28 {
bottom: 35%;
left: 34.5%;
right: auto;
top: auto;
}
.bolotario_pin.pin-29 {
bottom: 55%;
left: 37%;
right: auto;
top: auto;
}
.bolotario_pin.pin-30 {
bottom: 55%;
left: 49%;
right: auto;
top: auto;
}
.bolotario_pin.pin-31 {
bottom: 44%;
left: 50%;
right: auto;
top: auto;
}
.bolotario_pin.pin-32 {
bottom: 44%;
left: 58%;
right: auto;
top: auto;
}
.bolotario_pin.pin-26a {
bottom: 24%;
left: 23%;
right: auto;
top: auto;
}
.bolotario_pin.pin-27a {
bottom: 28%;
left: 60%;
right: auto;
top: auto;
}
.bolotario_pin.pin-28a {
bottom: 24%;
left: 35%;
right: auto;
top: auto;
}
.bolotario_pin.pin-26c {
bottom: 25%;
left: 20%;
right: auto;
top: auto;
}
.bolotario_pin.pin-28c {
bottom: 24%;
left: 34.5%;
right: auto;
top: auto;
}
.bolotario_pin.pin-27c {
bottom: 29%;
left: 58%;
right: auto;
top: auto;
}
.bolotario_pin.pin-29c {
bottom: 71%;
left: 37%;
right: auto;
top: auto;
}
.bolotario_pin.pin-30c {
bottom: 68%;
left: 63%;
right: auto;
top: auto;
}
.bolotario_pin.pin-31c {
bottom: 35%;
left: 46%;
right: auto;
top: auto;
} #localizacao iframe {
border-radius: 10px;
box-shadow: 0 -40px 64px -40px rgba(66, 75, 87, 0), 0 -24px 32px -20px rgba(66, 75, 87, .23);
}
#localizacao {
padding: 8vw 0vw !important;
}
.localizacao_titulo {
color: #384347;
font-family: BonVivant-Bold;
font-size: 1.66vw;
line-height: 2.5vw;
margin-bottom: 1.6vw;
text-transform: uppercase;
}
#gmap-holder {
position: relative;
}
.map-button {
align-items: center;
background-color: #b19158;
border-bottom: 0.125rem solid #614400;
border-radius: 0.25rem;
color: #e4e6e7;
cursor: pointer;
display: flex;
font-size: .875rem;
grid-column-gap: 1.5rem;
justify-content: space-between;
padding: 0.75rem 1.5rem;
text-decoration: none;
transition: all .35s;
}
.map-button:hover,
.button_primary:hover {
background-color: #95723f;
}
.svg-icon-4 {
flex: none;
height: 1rem;
width: 1rem;
}
.botoes_mapa {
bottom: auto;
display: flex;
grid-column-gap: 1rem;
left: auto;
margin-right: 2rem;
margin-top: 2rem;
position: absolute;
right: 0%;
top: 0%;
}
.opcoes_localizacao {
margin-top: 3vw;
}
.localizacao_content {
border-bottom: 1px solid #b19158;
margin-bottom: 1.5vw;
padding-bottom: 0.75rem;
width: 18.5%;
}
.organiza_localizacao {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.image-localizacao {
margin-bottom: 1vw;
position: relative;
width: 100%;
}
.img-localizacao {
border-radius: 10px 10px 0px 0px;
height: 10.4vw;
object-fit: cover;
width: 100%;
}
.legenda-localizacao {
align-items: center;
background: rgb(23, 14, 11);
background: linear-gradient(180deg, rgba(23, 14, 11, 0) 0%, rgba(23, 14, 11, 0.7595413165266106) 100%);
bottom: 2%;
color: #fff;
display: flex;
font-size: 14px;
gap: 5px;
left: 0%;
padding: 15px;
position: absolute;
right: 0%;
text-transform: uppercase;
top: auto;
}
.list-title {
color: #384347;
font-family: BonVivant-Bold;
font-size: 1.04vw;
}
.list-subtitle {
color: #b19158;
font-size: 14px;
}
.localizacao-tempo {
color: #95723f;
display: flex;
grid-column-gap: 0.5rem;
margin-top: 5px;
}
.svg-icon.is--svg-icon-small {
height: 0.75rem;
width: 0.75rem;
}
.localizacao-grid-content-block {
display: flex;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
} #ficha_tecnica {
padding: 8vw 0vw !important;
}
#ficha_tecnica .et_parallax_bg_wrap {
bottom: 41%;
height: 59%;
}
.ficha-titulo {
color: #b19158;
font-family: BonVivant-Bold;
font-size: 0.96vw;
letter-spacing: 1.2px;
margin-bottom: 5px;
text-transform: uppercase;
}
.ficha-texto {
color: #fffffff0;
font-size: 14px;
margin-bottom: 3px;
}
.organiza_ficha {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 18px;
}
.ficha-box {
width: 48%;
}
.areas_comuns {
margin-top: 50px;
}
#ficha_tecnica .sobre_titulo {
font-size: 0.96vw;
}
.box_area {
background-color: rgba(177, 145, 88, .15);
border: 1px solid #b19158;
border-radius: 5px;
color: #614400;
display: inline-block;
font-size: 14px;
letter-spacing: 1.25px;
margin-top: 0;
padding: 8px 15px !important;
text-align: center;
}
.organiza_areas {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
}
.linha_areas {
align-items: stretch;
display: flex;
}
.cod_img,
.cod_img .et_pb_code_inner {
height: 100%;
}
.cod_img .et_pb_code_inner {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.areas_img {
height: 70%;
position: relative;
width: 100%;
}
.areas_img img {
border-radius: 10px;
height: 100%;
object-fit: cover;
width: 100%;
}
.areas_img::before {
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 160%;
content: '';
display: block;
height: 50%;
position: absolute;
right: -30px;
top: -30px;
width: 70%;
z-index: -1;
} #contato,
#whatsapp {
background-color: #f4f5f7;
padding: 3.4vw 0 !important;
}
.organiza_contato {
align-items: stretch;
display: flex;
flex-direction: row;
}
.contato_esq {
align-items: flex-start;
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg), linear-gradient(146deg, #b19158, #d8bd7a);
background-position: 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 250%, auto;
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 5%;
padding-left: 11.97vw;
width: 46.5%;
}
.contato_dir {
padding-right: 11.97vw;
width: 48.5%;
}
.orientacao {
color: #47291c;
font-size: 14px;
margin-bottom: 20px;
}
.form_label {
color: #614400;
font-size: 14px;
margin-bottom: 5px;
display: block;
}
.control {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: #fff !important;
border: none !important;
border: 1px solid #d8d8d8 !important;
border-radius: 5px;
cursor: text;
font-size: 14px !important;
margin: 0 0 20px;
padding: 10px 16px !important;
transition: .2s ease all;
width: 100%;
font-family: Arboria;
}
.form_conjunto {
width: 48.5%;
}
.form_dupla {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 10px;
}
.campo_nome {
margin-bottom: 10px;
}
.form-exent-enviar {
background-color: #3c2014;
border: none;
border-bottom: 4px solid #b19158 !important;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: .875rem;
margin-top: 1rem;
padding: 20px;
text-align: center;
transition: background-color .24s ease-in-out;
width: 100%;
}
.form-exent-enviar:hover {
background-color: #b19158;
}
.contato_dir span {
color: #5c5b5b;
font-size: 13.5px;
margin-left: 10px;
}
.contato_dir form {
padding: 30px 0;
}
.contato_dir .obrigatorios {
color: #5c5b5b;
font-size: 13.5px;
margin-top: 10px;
}
.form_subtitulo {
color: #3c2014;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 30px;
text-transform: uppercase;
}
.form_titulo {
color: #3c2014;
font-family: BonVivant-Bold;
font-size: 2.08vw;
} .animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
#contato-status,
#whats-status,
#simule-status {
color: #ff4560;
float: left;
font-size: 13px;
line-height: 15px;
margin: 20px 0 20px 0;
text-align: center;
width: 100%;
}
#contato-status:empty,
#whats-status:empty,
#simule-status:empty {
margin: 0;
}
.showroom-cta {
align-items: center;
border-bottom: 1px solid #b19158;
border-top: 1px solid #b19158;
display: flex;
font-size: 1rem;
grid-column-gap: 1rem;
justify-content: space-between;
padding: 1.5rem;
}
.svg-icon-9.is--svg-icon-medium {
height: 1.25rem;
width: 1.25rem;
}
.showroom-cta-block.is-button {
background-color: #b19158;
border-radius: 2rem;
color: #fff;
padding: 0.5rem 2rem 0.7rem;
}
.showroom-cta-block {
color: #333333;
display: flex;
flex-direction: row;
gap: 15px;
}
.contato_localizacao {
margin-top: 4vw;
padding: 0 11.97vw;
} #video {
background-color: #000;
}
#video .et_parallax_bg_wrap {
opacity: 0.2;
}
#video .et_parallax_bg {
filter: blur(5px);
}
.video_subtitulo {
color: #fff;
font-family: BonVivant-bold;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 1.66vw;
}
.video_titulo {
color: #fff;
font-family: BonVivant-bold;
font-size: 2.08vw;
margin-bottom: 8px;
}
.video_texto {
font-size: 16px;
color: #b19158;
}
.quadrado_divisor {
width: 2rem;
height: 0.25rem;
margin-top: 1rem;
background-color: #b19158;
margin-bottom: 2.5vw;
}
.video_cta {
display: flex;
align-items: baseline;
flex-direction: row;
gap: 15px;
color: #b19158;
}
.video_esq,
.video_dir {
width: 50%;
}
.video_dir {
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-end;
gap: 20px;
}
.video-produto {
padding: 6vw 0;
display: flex;
flex-direction: row;
align-items: center;
}
.video-yt {
border: 1px solid #fff;
padding: 43px 43px 40px 43px;
border-radius: 50%;
cursor: pointer;
transition: .3s all ease-in-out;
}
.video-yt:hover {
background-color: #fff;
transform: scale(1.1);
}
.video-yt:hover img {
filter: invert(1);
transform: scale(1.1);
}
.btn_texto {
font-size: 14px;
color: #B5B5B5;
margin-right: 5px;
} #realizacao {
background-color: #ebedef;
padding: 5.2vw 0;
}
.texto-legal,
.realizacao_img p {
color: #384347;
font-size: 12px;
}
.realizacao_img {
align-items: center;
display: flex;
flex-direction: column;
gap: 30px;
justify-content: space-between;
}
.organiza_realizacao {
align-items: stretch;
display: flex;
gap: 50px;
justify-content: center;
margin-bottom: 5.2vw;
}
.code-icon {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.soccial-icons-wrapper {
grid-row-gap: 0.25rem;
align-items: center;
display: flex;
}
.footer__link-block {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
align-items: center;
display: flex;
}
.social-icon-component {
border-radius: 0.125rem;
justify-content: center;
align-items: center;
padding: 0.5rem;
transition: background-color .5s cubic-bezier(.23, 1, .32, 1);
display: flex;
}
.social-icon-component svg {
width: 20px;
height: 20px;
color: #849094;
}
.social-icon-component.is--social-face:hover {
background-color: #3b5998;
}
.social-icon-component.is--social-youtube:hover {
background-color: red;
}
.social-icon-component.is--social-insta:hover {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.social-icon-component:hover svg {
color: #fff;
} #politica-privacidade {
background-color: #3c2014;
}
#politica-privacidade .politica-privacidade {
color: #fff;
font-size: 12px !important;
text-align: center;
}
#politica-privacidade .politica-privacidade strong {
display: block;
margin: 10px auto 5px;
} .txt-confirmacao {
font-family: Arboria;
color: #000;
display: block;
font-size: 17px;
margin-bottom: 30px;
text-align: center;
}
.title-confirmacao {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b19158, #a7864f 30%, #dec480);
display: block;
font-size: 42px;
margin-bottom: 20px;
text-align: center;
font-family: BonVivant-Bold;
}
.btn-confirmacao {
font-family: Arboria;
background-color: #b19158;
border: 0.5px solid #b19158;
border-radius: 0.4rem;
color: #fff;
display: block;
font-size: 18px;
left: 50%;
letter-spacing: 1px;
margin-left: -118px;
padding: 15px 0;
position: absolute;
text-align: center;
transition: 0.2s;
width: 236px;
}
.btn-confirmacao:hover {
filter: brightness(1.25);
transition: 0.2s;
}
.confirmacao {
margin-bottom: 300px;
margin-top: 50px;
}   @media only screen and (max-width: 1660px) {
#galeria .swiper-button-prev {
left: 36.6% !important;
}
#galeria .swiper-button-next {
right: 36.68% !important;
}
}
@media only screen and (max-width: 1440px) {
.text-size-medium,
.sobre_texto {
font-size: 13px;
line-height: 20px;
}
.valor_titulo {
width: 100%;
}
.imagem_fachada {
background-size: 90%;
}
.boxes_valores {
width: 16.67vw;
}
.button_primary p {
font-size: 12px;
}
.cta_subtitulo {
font-size: 12px;
}
.cta_content {
margin-left: 1vw;
}
#galeria .swiper-button-prev {
left: 36.4% !important;
}
#galeria .swiper-button-next {
right: 36.48% !important;
}
.abas_plantas_residenciais .et_pb_tabs_controls a {
font-size: 13px;
}
.abas_plantas_residenciais a span {
font-size: 21px;
}
.aba_conteudo .titulo_aba,
.diferenciais_container .sobre_titulo,
#implantacao .sobre_titulo,
.galeria_titulo,
.localizacao_titulo {
font-size: 24px;
}
.aba_conteudo p {
font-size: 13px;
}
.aba_conteudo p span {
font-size: 15px;
}
.aba_conteudo ul li {
font-size: 13px;
line-height: 23px;
}
#implantacao .et_pb_tabs_controls a {
font-size: 18px;
}
#implantacao ol li {
font-size: 12px;
line-height: 20px;
}
#implantacao ol li .bullet {
font-size: 12px;
height: 18px;
line-height: 20px;
width: 18px;
}
#video iframe,
#localizacao iframe {
height: 600px;
}
.legenda-localizacao {
font-size: 12px;
padding: 10px;
}
.list-title {
font-size: 16px;
}
.list-subtitle {
font-size: 12px;
}
.ficha-titulo {
font-size: 15px;
}
.ficha-texto {
font-size: 12px;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 58%;
}
#ficha_tecnica .sobre_titulo {
font-size: 18px;
}
.box_area {
font-size: 12px;
}
.organiza_areas {
gap: 7px;
}
.form_titulo {
font-size: 32px;
}
}
@media only screen and (max-width: 1366px) {
.sobre_container .sobre_esq {
width: 40.1%;
}
#galeria .swiper-button-prev {
left: 36.3% !important;
}
#galeria .swiper-button-next {
right: 36.28% !important;
}
#galeria .et_pb_gallery_caption {
font-size: 10px !important;
letter-spacing: 0.5px;
padding: 10px 8px !important;
}
.aba_conteudo .abas_perspectivas a {
height: 110px;
}
.aba_conteudo .abas_perspectivas img {
height: 110px;
width: 200px;
}
.aba_conteudo ul li {
font-size: 12px;
line-height: 22px;
}
#video iframe,
#localizacao iframe {
height: 550px;
}
}
@media only screen and (max-width: 1280px) {
.et_pb_row {
width: 83.9%;
}
.hero_content-wrap,
.titulos_galeria,
.contato_localizacao {
padding: 0px 7.97vw;
}
.sobre_container .sobre_esq,
.contato_esq {
padding-left: 7.97vw;
}
.contato_dir {
padding-right: 7.97vw;
}
.diferenciais_container {
padding: 7.8vw 7.97vw 0;
}
.hero_content {
width: 42.5%;
}
.text-size-medium {
font-size: 12px;
line-height: 18px;
}
#galeria .swiper-button-prev {
left: 36.2% !important;
}
#galeria .swiper-button-next {
right: 36.18% !important;
}
#video iframe,
#localizacao iframe {
height: 500px;
}
}
@media only screen and (max-width: 1080px) {
.cta_subtitulo {
font-size: 11px;
}
#galeria .swiper-button-prev {
left: 35.8% !important;
}
#galeria .swiper-button-next {
right: 35.88% !important;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 56%;
}
}   @media only screen and (max-width: 980px) {
#top-menu-nav,
#logo {
display: none;
}
.et_header_style_left #et-top-navigation {
padding: 10px 0px 0px !important;
}
.container.et_menu_container {
justify-content: flex-end;
}
#main-header .menu-item:after {
content: none;
}
.mobile_menu_bar:before {
background-color: #47291c;
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/grafismo.svg);
background-size: 146%;
background-position: center;
color: #fff;
font-size: 40px;
padding: 12px 5px 5px;
}
#et-top-navigation {
float: right;
}
#main-header.et-fixed-header {
background-color: #fff;
}
.et_mobile_menu li a {
border-bottom: 0;
color: #fff;
font-family: BonVivant-Bold;
font-size: 16px;
letter-spacing: 1px;
line-height: 46px;
}
.menu-item-15 a {
display: none !important;
}
.menu-item-15 ul a {
display: block !important;
}
.container {
max-width: 100%;
width: 100%;
}
#main-content .container {
width: 90%;
}
.et_fullwidth_nav #main-header .container {
padding-left: 0px;
padding-right: 0px;
}
#main-header {
background-color: transparent;
}
.et_header_style_left #et-top-navigation {
padding: 6% 0px !important;
}
.et_mobile_menu {
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: #47291c;
background-image: url(//www.iconicosasco.com.br/wp-content/themes/iconicosasco/assets/images/background_banner.webp);
border-top: 0;
box-shadow: none;
box-sizing: border-box;
display: none;
height: 100vh;
left: 0;
opacity: 1;
padding: 20% 10%;
position: fixed;
text-align: center;
top: 0;
visibility: visible;
width: 100%;
z-index: 9999991;
}
.mobile_menu_bar {
position: fixed;
right: 0;
top: 13px;
z-index: 9999992;
}
#et_mobile_nav_menu .opened .mobile_menu_bar:before {
content: "\4d";
}
.detalhe_header {
width: 220px;
z-index: 9;
}
.et_mobile_menu li li {
padding-left: 0%;
}
#main-header .et_mobile_menu li ul {
padding: 0;
}
#main-header .et_mobile_menu li .sub-menu {
display: none !important;
}
.et_mobile_menu .menu-item-has-children>a {
background-color: transparent !important;
}
.et_pb_row {
width: 90%;
}
.hero_content-wrap,
.titulos_galeria,
.contato_localizacao {
padding: 0px 5%;
}
.contato_esq {
padding-left: 5%;
}
.contato_dir {
padding-right: 5%;
}
.diferenciais_container {
padding: 7.8vw 5% 0;
}
#banner {
padding: 80px 0px 0px 0px !important;
}
.hero_content-wrap {
flex-direction: column;
}
.hero_content {
width: 100%;
}
.hero-span {
font-size: 24px;
}
.hero-span_02 {
font-size: 28px;
}
.hero_content img {
width: 230px;
}
.hero_content {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.hero_product-wrap::before {
display: none;
}
.hero_product-wrap {
background: #170e0b;
width: 50%;
}
.banner_logo {
margin-bottom: 30px;
width: 160px;
}
.hero_header {
display: flex;
flex-direction: column;
align-items: center;
}
.hero_label-text {
text-align: center;
font-size: 16px;
}
.hero_title {
font-size: 48px;
margin-bottom: 10px;
text-align: center;
}
.hero_label-wrap {
margin-bottom: 25px;
}
.hero_subtitle {
font-size: 24px;
margin-bottom: 30px;
}
.text-size-medium {
width: 80%;
margin-left: 10%;
text-align: center;
font-size: 14px;
line-height: 21px;
margin-bottom: 40px;
}
.hero_product-title {
font-size: 48px;
}
.hero_product-subtitle {
font-size: 24px;
padding-bottom: 10px !important;
}
.lower_1 {
font-size: 14px;
}
.lower_2 {
font-size: 20px;
}
.banner_obras {
font-size: 16px;
margin-bottom: 15px;
}
.hero_product-small {
font-size: 12px;
margin-top: 10px;
}
.hero_product-wrap {
margin-bottom: 60px;
padding: 16px;
}
.button_primary p {
font-size: 14px;
}
.button_primary {
padding: 13px;
}
.hero_product-line {
top: auto;
width: 100%;
height: 4px;
}
.imagem_fachada {
width: 100%;
padding-bottom: 480px;
background-position: bottom center;
background-size: 500px;
}
.boxes_valores {
width: 100%;
flex-direction: row;
gap: 30px;
justify-content: center;
}
.bloco_valor {
padding: 25px 35px;
}
.valor_titulo {
font-size: 28px;
padding-bottom: 10px !important;
}
.lower_3 {
font-size: 18px;
}
.valor_texto {
font-size: 52px;
}
.lower_5 {
font-size: 24px;
}
.sobre_container {
flex-direction: column;
}
.sobre_container .sobre_esq,
.sobre_container .sobre_dir {
width: 100%;
padding: 0 5%;
position: relative;
}
.sobre_container .sobre_dir img {
border-radius: 20px;
}
.sobre_container .sobre_dir::before {
right: 54px;
top: 17px
}
.sobre_titulo {
font-size: 40px;
line-height: 48px;
margin-bottom: 0px;
}
.sobre_texto {
font-size: 16px;
line-height: 24px;
}
.cta_titulo {
font-size: 18PX;
}
.cta_subtitulo {
font-size: 14px;
}
.sobre_cta {
margin-top: 40px;
}
.cta_icone {
height: 43px;
margin: 10px;
width: 43px;
}
.cta_line {
left: 60px;
width: 4px;
}
.cta_content {
margin-left: 20px;
width: calc(100% - 80px);
}
.sobre_container .sobre_esq {
margin-bottom: 50px;
}
.box_diferenciais {
margin-bottom: 2.5%;
padding: 20px;
width: 32%;
}
.box_diferenciais:nth-child(n+11):nth-child(-n+12) {
margin-bottom: 2.5%;
}
.box_diferenciais:nth-child(n+13):nth-child(-n+15) {
margin-bottom: 0%;
}
.diferenciais_texto {
font-size: 18px;
}
.galeria_titulo,
.aba_conteudo .titulo_aba,
.sobre_titulo,
#implantacao .sobre_titulo,
.localizacao_titulo,
.diferenciais_container .sobre_titulo {
font-size: 32px;
line-height: 38px;
}
#galeria .et_pb_gallery_image img,
#galeria .swiper-slide {
height: 33.8vw;
}
#galeria .swiper-button-prev {
left: 21.5% !important;
}
#galeria .swiper-button-next {
right: 21.5% !important;
}
#galeria .swiper {
margin-left: -25% !important;
width: 150%;
}
.abas_plantas_residenciais a span {
font-size: 24px;
}
.abas_plantas_residenciais .et_pb_tabs_controls a {
font-size: 16px;
}
.abas_plantas_residenciais .et_pb_tabs_controls li {
width: 100%;
}
.aba_container {
flex-direction: column-reverse;
padding: 20px;
}
.aba_img {
width: 100%;
margin-bottom: 40px;
}
.aba_conteudo {
padding-right: 0px;
width: 100%;
}
.aba_conteudo ul li {
font-size: 14px;
line-height: 24px;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
font-size: 56px !important;
}
#implantacao .et_pb_tabs_controls li {
margin-right: 1%;
width: 49.5%;
margin-bottom: 1%;
border-bottom: none;
}
#implantacao .et_pb_tabs_controls li:nth-child(2n) {
margin-right: 0%;
}
#implantacao ul {
display: flex;
flex-wrap: wrap;
}
#implantacao .et_pb_tabs_controls a {
display: block;
}
.bolotario_pin-number {
font-size: 12px;
min-width: 20px;
padding: 4px !important;
}
#implantacao ol li {
font-size: 14px;
line-height: 24px;
width: 48%;
}
#implantacao .et_parallax_bg_wrap {
top: 43%;
}
#implantacao ol li .bullet {
font-size: 14px;
height: 22px;
line-height: 22px;
width: 22px;
margin-right: 10px;
}
.video-produto {
padding: 0px 0;
flex-direction: column;
align-items: center;
}
.video_esq,
.video_dir {
width: 100%;
}
.video_subtitulo {
margin-bottom: 20px;
text-align: center;
}
.video_titulo {
font-size: 40px;
text-align: center;
}
.quadrado_divisor {
margin-bottom: 2.5vw;
margin: 20px auto;
}
.video_cta {
display: none;
}
.video_dir {
align-items: center;
margin-top: 20px;
}
#video iframe,
#localizacao iframe {
height: 400px;
}
.botoes_mapa {
display: none;
}
.localizacao_content {
margin-bottom: 20px;
padding-bottom: 10px;
width: 48.5%;
}
.list-title {
font-size: 18px;
}
.img-localizacao {
height: 24.4vw;
}
.localizacao-tempo {
margin-top: 10px;
}
.list-subtitle {
font-size: 14px;
}
.svg-icon.is--svg-icon-small {
height: 15px;
width: 15px;
}
#localizacao,
#ficha_tecnica {
padding: 40px 0vw !important;
}
.cod_img {
display: none;
}
.linha_areas,
.organiza_ficha {
flex-direction: column;
}
.ficha-titulo {
font-size: 18px;
}
.ficha-texto {
font-size: 14px;
}
.ficha-box {
width: 100%;
text-align: center;
}
#ficha_tecnica .sobre_titulo {
font-size: 24px;
text-align: center;
margin-bottom: 20px;
}
.areas_comuns {
margin-top: 80px;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 73%;
}
.organiza_contato {
flex-direction: column;
}
#contato,
#whatsapp {
padding: 0px 0 70px !important;
}
.contato_esq {
width: 100%;
padding: 120px 5%;
align-items: center;
}
.form_titulo {
font-size: 40px;
text-align: center;
}
.contato_dir {
width: 100%;
padding: 40px 5%;
}
.showroom-cta {
flex-direction: column;
gap: 20px;
}
.organiza_realizacao {
margin-bottom: 80px;
}
#footer-bottom {
padding: 30px 0px 90px 0px;
}
.et_fixed_nav #main-header.et-fixed-header {
background-color:transparent;
background-image: none;
}
}
@media only screen and (max-width: 780px) {
#ficha_tecnica .et_parallax_bg_wrap {
height: 69%;
}
}
@media only screen and (max-width: 600px) {
.hero_label-text {
font-size: 2.66vw;
}
.hero_title,
.hero_product-title {
font-size: 8vw;
}
.hero-span {
font-size: 5vw;
}
.hero-span_02 {
font-size: 5.2vw;
}
.hero_subtitle,
.hero_product-subtitle {
font-size: 4vw;
}
.lower_2 {
font-size: 3.2vw;
}
.galeria_titulo,
.aba_conteudo .titulo_aba,
.sobre_titulo,
#implantacao .sobre_titulo,
.localizacao_titulo,
.diferenciais_container .sobre_titulo {
font-size: 5.35vw;
line-height: 6.35vw;
}
.sobre_texto {
font-size: 14px;
line-height: 22px;
}
.sobre_container .sobre_dir::before {
right: 9%;
}
.box_diferenciais img {
margin-bottom: 10px;
}
.box_diferenciais {
margin-bottom: 4.5%;
width: 48%;
}
.box_diferenciais:nth-child(n+13):nth-child(-n+14),
.box_diferenciais:nth-child(n+11):nth-child(-n+12) {
margin-bottom: 4.5%;
}
.box_diferenciais:nth-child(n+15) {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.box_diferenciais:nth-child(n+15) img {
width: 50px;
}
.box_diferenciais:nth-child(n+15) .diferenciais_texto {
font-size: 20px;
}
#galeria .quebra_linha,
#plantas .quebra_linha,
#implantacao .quebra_linha,
#localizacao .quebra_linha {
display: inline-block;
}
#galeria .et_pb_gallery_image img,
#galeria .swiper-slide {
height: 260px;
}
#galeria .swiper-button-prev,
#galeria .swiper-button-next {
height: 30px !important;
width: 30px !important;
}
#galeria .swiper-button-prev {
left: 8.2% !important;
}
#galeria .swiper-button-next {
right: 8.2% !important;
}
.aba_conteudo ul li {
font-size: 13px;
line-height: 22px;
}
.aba_conteudo .abas_perspectivas a {
height: 100px;
}
.aba_conteudo .abas_perspectivas img {
height: 100px;
width: 150px;
}
.bolotario_pin-number {
font-size: 9px;
min-width: 16px;
padding: 2px !important;
}
.video_titulo {
font-size: 6.6vw;
}
#video iframe,
#localizacao iframe {
height: 300px;
}
.localizacao_content {
width: 100%;
}
.img-localizacao {
height: 47vw;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 66%;
}
#galeria .swiper {
width: 230%;
margin-left: -65% !important;
}
.form_titulo {
font-size: 7.66vw;
}
.form_subtitulo {
font-size: 12px;
}
.form_conjunto {
width: 100%;
margin-bottom: 15px;
}
.form_dupla {
flex-direction: column;
margin-bottom: 0px;
}
.showroom-cta-block {
font-size: 12px;
}
.showroom-cta-block.is-button {
padding: 13px 20px;
}
.showroom-cta {
padding: 30px 10px;
}
.svg-icon-9.is--svg-icon-medium {
height: 15px;
width: 15px;
}
.organiza_realizacao {
flex-direction: column;
}
.boxes_valores {
flex-direction: column;
align-items: center;
}
.bloco_valor {
width: 300px;
}
.imagem_fachada {
background-size: 100%;
padding-bottom: 94.11vw;
}
}
@media only screen and (max-width: 500px) {
.hero_product-wrap {
width: 80%;
}
.cta_icone {
display: none;
}
.cta_line {
left: 0px;
}
.cta_content {
margin-left: 0px;
width: 100%;
padding: 10px 10px 10px 20px;
}
.cta_subtitulo {
font-size: 12px;
}
.cta_titulo {
font-size: 16px;
margin-bottom: 5px;
}
.abas_plantas_residenciais a span {
font-size: 22px;
}
.abas_plantas_residenciais .et_pb_tabs_controls a {
font-size: 14px;
padding: 5px;
}
#implantacao .et_pb_tabs_controls a {
font-size: 16px;
}
#implantacao ol li {
font-size: 13px;
line-height: 19px;
width: 100%;
}
#implantacao ol li .bullet {
font-size: 11px;
height: 19px;
line-height: 21px;
width: 19px;
}
#implantacao .et_parallax_bg_wrap {
top: 32%;
}
#implantacao .et_parallax_bg_wrap {
top: 35%;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 66%;
}
.box_area {
font-size: 10px;
}
#galeria .swiper-button-prev {
left: 7.5% !important;
}
#galeria .swiper-button-next {
right: 7.6% !important;
}
}
@media only screen and (max-width: 490px) {
#ficha_tecnica .et_parallax_bg_wrap {
height: 65%;
}
#galeria .swiper-button-prev {
left: 6.9% !important;
}
#galeria .swiper-button-next {
right: 6.9% !important;
}
#galeria .et_pb_gallery_image img,
#galeria .swiper-slide {
height: 200px;
}
}
@media only screen and (max-width: 390px) {
#ficha_tecnica .et_parallax_bg_wrap {
height: 63%;
}
#galeria .swiper-button-prev {
left: 6.2% !important;
}
#galeria .swiper-button-next {
right: 6.2% !important;
}
#galeria .et_pb_gallery_image img,
#galeria .swiper-slide {
height: 180px;
}
.valor_titulo {
font-size: 26px;
}
.lower_3 {
font-size: 16px;
}
.valor_texto {
font-size: 48px;
}
.lower_5 {
font-size: 22px;
}
.bloco_valor {
width: 250px;
}
}
@media only screen and (max-width: 350px) {
.button_primary p {
font-size: 13px;
}
.button_primary {
padding: 10px;
}
.box_diferenciais {
padding: 20px 10px;
}
.diferenciais_texto {
font-size: 16px;
}
.aba_conteudo ul li {
font-size: 12px;
line-height: 20px;
}
.aba_conteudo .abas_perspectivas img {
width: 100px;
}
#ficha_tecnica .et_parallax_bg_wrap {
height: 64%;
}
#galeria .swiper-button-prev {
left: 5.2% !important;
}
#galeria .swiper-button-next {
right: 5.2% !important;
}
#galeria .et_pb_gallery_image img,
#galeria .swiper-slide {
height: 160px;
}
} .hero_product-wrap {
align-items: center;
background: rgb(23, 14, 11, 0);
box-sizing: border-box;
display: flex;
flex-direction: row;
margin-bottom: 1.7vw;
padding: 0.83vw 1vw 0.83vw 0vw;
position: relative;
gap: 20px;
}
.metragem{
width: 100%;
}
.hero_product-title {
color: #d7bb7a;
font-family: BonVivant-Bold;
font-size: 3.53vw;
line-height: 2.53vw;
margin-top: 20px;
text-align: center;
}
.hero_product-subtitle {
border-bottom: 1px solid #d7bb7a;
color: #fff;
font-size: 2.03vw;
line-height: 2.03vw;
letter-spacing: 2px;
padding-bottom: 10px !important;
text-transform: uppercase;
font-weight: 900;
text-align: center;
}
.lower_3 {
font-size: .55vw;
line-height: .5vw;
text-align: center;
margin-top: 5px;
display: block;
font-weight: 400;
letter-spacing: 1.5px;
opacity: .75;
}
.hero_product-small {
color: #fff;
font-size: 0.6vw;
letter-spacing: 0.07vw;
margin-top: 0.625vw;
text-transform: uppercase;
text-align: center;
}
.valor{
font-weight: 800;
font-size: 1.3vw;
}
.valor sup{
font-size: 10px;
}
.button_primary {
width: 46%;
}
@media only screen and (max-width: 1800px) {
.lower_3 {
margin-bottom: 5px;
}	
}
@media only screen and (max-width: 1600px) {
.hero_content-wrap {
padding: 0px 0 0 11.97vw;
}
}
@media only screen and (max-width: 1280px) {
.hero_content-wrap {
padding: 0px 0 0 11.97vw;
}
}
@media only screen and (max-width: 980px) {
.hero_content-wrap{
padding: 0px 5%;
}
.hero_product-wrap {
padding: 0;
width: 80%;
justify-content: center;
}
.button_primary {
width: 48%;
}
.hero_product-wrap {
flex-direction: row;
margin-bottom: 1.7vw;
padding: 0;
gap: 20px;
}
.hero_product-title {
font-size: 10.53vw;
line-height: 4.53vw;
margin-top: 20px;
text-align: center;
}
.hero-span_02 {
font-size: 39px;
}
.hero_product-subtitle {
font-size: 5.03vw;
line-height: 6.03vw;
letter-spacing: 2px;
padding-bottom: 10px !important;
text-align: center;
}
.lower_1 {
font-size: 14px;
}
.lower_2 {
font-size: 20px;
}
.lower_3 {
margin-bottom: 5px;
font-size: 1.55vw;
line-height: .5vw;
text-align: center;
margin-top: 5px;
display: block;
font-weight: 400;
letter-spacing: 1.5px;
opacity: .75;
}
.hero_product-small {
font-size: 1.5vw;
line-height: 3.5vw;
letter-spacing: 0.07vw;
margin-top: 0.625vw;
text-transform: uppercase;
text-align: center;
display: flex;
flex-direction: column;
}
.valor {
font-weight: 800;
font-size: 6.3vw;
}
.buttons-wrap {
align-items: stretch;
display: flex;
flex-wrap: wrap;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 80%;
justify-content: center;
}
.button_primary {
width: 48%;
}
}
@media only screen and (max-width: 560px) {
.button_primary {
width: 100%;
}
.hero_product-wrap {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
}
.lower_3 {
font-size: 2.55vw;
line-height: .5vw;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1.5px;
opacity: .75;
}
.hero_product-small {
color: #fff;
font-size: 2.5vw;
line-height: 5.5vw;
letter-spacing: 0.07vw;
margin-top: 0.625vw;
text-transform: uppercase;
text-align: center;
display: flex;
flex-direction: column;
}
.hero_product-subtitle {
line-height: 8.03vw;
} 
.hero_product-title {
font-size: 16.53vw;
}
.hero_content {
margin-bottom: 0;
}
}