/*!
Theme Name: Scene Vila Mariana 2
Theme URI: http://underscores.me/
Author: Young Studio
Author URI: https://youngstudio.com.br
Description: Tema desenvolvido para scenevilamariana.com.br
Version: 1.0.0
Text Domain: scene-vila-mariana
*/

/********************************************************************
 * Generic
 */
/* Variables */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap');

@font-face {
    font-family: 'Montserrat';
    src: url('../scenevilamariana/assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../scenevilamariana/assets/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../scenevilamariana/assets/fonts/Montserrat.woff2') format('woff2'),
        url('../scenevilamariana/assets/fonts/Montserrat.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Authentic';
    src: url('../scenevilamariana/assets/fonts/Authentic-Signature.woff2') format('woff2'),
        url('../scenevilamariana/assets/fonts/Authentic-Signature.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Losta Masta';
    src: url('../scenevilamariana/assets/fonts/LostaMasta-Regular.woff2') format('woff2'),
        url('../scenevilamariana/assets/fonts/LostaMasta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Variables */
:root {
	--bege: #D0CCB3;
	--bege2: #DBD3BA;
	--marrom: #60424B;
}

/* Reset */
html {font-size:100%; }
body {font-family:'Montserrat', sans-serif; overflow:initial !important; padding-right:0 !important; }
img, svg {max-width:100%; }
@media (max-width:1300px) {
}
@media (max-width:575px) {
	html {overflow-x:hidden; font-size:80%; }
}

/* WOW */
.wow {visibility:hidden; }

/* Bootstrap */
.form-check {display:flex; }
.form-check .form-check-input[type=checkbox] {width:26px; min-width:26px; height:26px; border:3px solid var(--marrom); background-color:transparent; }
.form-check .form-check-input:checked[type=checkbox] {background-color:var(--marrom); }
.form-check .form-check-label {font-size:0.875rem; color:var(--marrom); font-weight:400; padding-left:10px; }

/* Bootstrap - modal */
.modal .wpcf7-text,
.modal .wpcf7-email {width:100%; height:40px; padding-left:10px; color:var(--marrom); border:2px solid var(--marrom); }
.modal .wpcf7-submit {width:100%; height:40px; font-family:'Montserrat'; font-size:1rem; font-weight:700; color:#fff; background-color:var(--marrom); border:0; }
.modal .wpcf7 label {width:100%; margin-bottom:15px; }
.modal .wpcf7 p {position:relative; }
.modal .wpcf7 .wpcf7-form-control-wrap {width:100%; display:block; }
.modal .wpcf7 .wpcf7-not-valid-tip {position:absolute; top:10px; left:20px; }
.modal .wpcf7 .wpcf7-spinner {position:absolute; bottom:10px; left:50%; margin-left:-12px; }

/* CF7 */
.wpcf7-not-valid-tip {width:100%; position:absolute; left:10px; bottom:-19px; font-size:1rem; font-weight:600; }
.wpcf7 label {font-size:1.5rem; }

/* section header */
header.section-header {position:relative; }
header.section-header .title {font-family:'Montserrat'; color:#EAB84A; font-size:12.8125rem; }
@media (max-width:1300px) {
	header.section-header .title {font-size:9.25rem; }
}
@media (max-width:990px) {
	header.section-header .title {font-size:6.25rem; }
}

/* Fancybox */
.fancybox-bg {background-color:#fff; }
.fancybox-stage .fancybox-slide--iframe .fancybox-content {height:100% !important; }

/* Swiper */
.swiper-container {overflow:hidden; position:relative; }
.swiper-button-prev:after,
.swiper-button-next:after {font-size:0; }
.swiper-button-prev,
.swiper-button-next {width:auto; height:auto; }
.swiper-button-prev img,
.swiper-button-next img {width:93px; }
.swiper-slide {background-size:cover; background-position:center; }
@media (max-width:1200px) {
	.swiper-button-prev img,
	.swiper-button-next img {width:70px; }
}
@media (max-width:768px) {
	.swiper-button-prev img,
	.swiper-button-next img {width:50px; }
}
@media (max-width:575px) {
	.swiper-button-prev img,
	.swiper-button-next img {width:30px; }
}


/********************************************************************
 * Header
 */

header.site-header {width:100%; position:sticky; background-color:#FFFFFF; left:0; top:-100px; transition:.2s top; padding:10px 0; z-index:10000; }
header.site-header.show {top:0px; }
header.site-header .nav-link {text-transform:uppercase; color:#575f54; font-size:1.125rem; font-family:'Montserrat'; font-weight:600; }
header.site-header .nav-item {opacity:0; }
header.site-header a {text-decoration:none; }
@media (min-width:1200px) {
	header.site-header .container {max-width:1352px; }
}
@media (max-width:1200px) {
	header.site-header {position:fixed; }
}

/********************************************************************
 * Footer
 */

footer.site-footer {background-color:#4F4F4F; background-size:cover; background-position:center; padding-bottom:79px; padding-top:80px; overflow-x:hidden; font-size:0.875rem; }
footer.site-footer section.contatos,
footer.site-footer section.contatos a {color:#FFF; text-decoration:none; font-family:'Montserrat'; font-size:0.875rem; }
footer.site-footer section.contatos .title {color:#fff; font-size:0.875rem; }
footer.site-footer section.contatos address {margin:0; }
footer.site-footer section.contatos ul.list-contatos li {color:#FFF; font-size:14px; position:relative; padding-left:30px; font-weight:400; margin-bottom:10px; }
footer.site-footer section.contatos ul.list-contatos .icon {position:absolute; top:50%; transform:translateY(-50%); left:0; }
footer.site-footer section.contatos > .container {max-width:1200px;}
footer.site-footer section.contatos .realizacao {max-width:370px; padding-left:60px;}
/*footer.site-footer section.contatos .logo-scene {padding-top:30px;}*/
@media (max-width:990px) {
	footer.site-footer section.contatos .realizacao {padding-left:0;}
	footer.site-footer section.contatos > .container > div {padding:0 5px;}
}
@media (max-width:768px) {
	footer.site-footer section.contatos > .container > div {padding:0 20px;}
}

/********************************************************************
 * Home
 */

/* Home - Banner */
main.home .section-header {padding:40px 0 20px; margin-bottom:40px; }
main.home section.banner {background-color:#c2c4a6; }
main.home section.banner svg {margin:auto; display:block; }
main.home section.banner svg tspan,
main.home section.banner svg [fill="url(#pattern-banner-0)"],
main.home section.banner svg [fill="url(#pattern-banner-1)"],
main.home section.banner svg [fill="url(#pattern-banner-2)"],
main.home section.banner svg [fill="url(#pattern-banner-3)"],
main.home section.banner svg [fill="url(#pattern-banner-4)"],
main.home section.banner svg [fill="url(#pattern-banner-5)"],
main.home section.banner svg [fill="url(#pattern-banner-6)"],
main.home section.banner svg [fill="url(#pattern-banner-7)"] {opacity:0; }
main.home section.beneficios-destaques {background-color:#FFFFFF; }
main.home section.beneficios-destaques .container > div > .col:nth-of-type(1) {flex-basis:calc(414/1344 * 100%); }
main.home section.beneficios-destaques .container > div > .col:nth-of-type(2) {flex-basis:calc(516/1344 * 100%); }
main.home section.beneficios-destaques .container > div > .col:nth-of-type(3) {flex-basis:calc(414/1344 * 100%); }
main.home section.galeria {padding-bottom:60px; }
main.home section.galeria .section-header .title-wrapper {margin-right:24px; font-size:50px; color:#FF814D; font-weight:700;}
main.home section.diferenciais .section-header .description-wrapper,
main.home section.galeria .section-header .description-wrapper {width:100%; max-width:620px; color:#3A3A3A; font-size:22px; font-weight:400; font-family:'Montserrat'; line-height:26px;}
main.home section.galeria .swiper-slide {max-width:1170px; background-repeat:no-repeat; }
main.home section.galeria .swiper-slide a {position:relative; display:block; }
main.home section.galeria .swiper-slide a .caption {position:absolute; bottom:28px; right:22px; background-color:rgba(206, 201, 177, 0.8); color:#78674e; font-size:1.125rem; padding:7px 22px; font-family:'Montserrat'; font-weight:700; }
main.home section.galeria .swiper-slide.swiper-slide-next,
main.home section.galeria .swiper-slide.swiper-slide-prev {opacity:0.5; }
main.home section.galeria .swiper-container.g {padding-bottom:60px; }
main.home section.galeria .swiper-container.g .swiper-pagination {bottom:0; }
main.home section.galeria .swiper-container.g .swiper-pagination-bullet {width:16px; height:16px; opacity:1; border-radius:0; border:1px solid; }
main.home section.galeria .swiper-container.g .swiper-pagination-bullet-active {background-color:transparent !important; }
main.home section.galeria .swiper-container.p {padding:20px 0; margin-top:30px; }
main.home section.galeria .swiper-container.p .swiper-slide .gradiente {background-color:#3A4138; height:100%; width:100%; position:absolute; top:0; left:0; opacity:0.6;}
main.home section.galeria .swiper-container.p .swiper-slide.swiper-slide-thumb-active {opacity:1; }
main.home section.galeria .swiper-container.p .swiper-slide.swiper-slide-thumb-active .gradiente {opacity:0; }
main.home section.galeria .swiper-container.p .swiper-slide.swiper-slide-next,
main.home section.galeria .swiper-container.p .swiper-slide.swiper-slide-prev {opacity:inherit; }
main.home section.galeria.implantacao .section-header .description-wrapper {max-width:660px;}
main.home section.galeria.plantas .swiper-slide a .caption,
main.home section.galeria.implantacao .swiper-slide a .caption {display:none; }
main.home section.galeria.plantas .swiper-slide.swiper-slide-next,
main.home section.galeria.plantas .swiper-slide.swiper-slide-prev,
main.home section.galeria.implantacao .swiper-slide.swiper-slide-next,
main.home section.galeria.implantacao .swiper-slide.swiper-slide-prev {opacity:0; }
main.home section.galeria.imagens .swiper-container.g,
main.home section.galeria.localizacao .swiper-container.g {padding-bottom:0; }
main.home section.galeria.imagens .swiper-container.g .swiper-pagination,
main.home section.galeria.localizacao .swiper-container.g .swiper-pagination {display:none; }
main.home section.galeria.imagens {background-color:#4F4F4F; }
main.home section.galeria.imagens .swiper-container.p {background-color:#FFFFFF; }
main.home section.galeria.implantacao {background-color:#FFFFFF; }
main.home section.galeria.implantacao .swiper-container.g .swiper-pagination-bullet {background-color:#fff; border-color:#fff; }
main.home section.galeria.implantacao .swiper-container.p {display:none; }
main.home section.galeria.plantas {background-color:#FFFFFF; }
main.home section.galeria.plantas .swiper-container.p {display:none; }
main.home section.galeria.plantas .section-header .description-wrapper {color:#575f54; max-width:870px;}
main.home section.galeria.plantas .swiper-slide {background-size:contain; }
main.home section.galeria.plantas .swiper-container.g .swiper-pagination-bullet {background-color:#575F54; border-color:#575F54; }
main.home section.galeria.localizacao {background-color:#4B4B4B; }
main.home section.galeria.localizacao .section-header .description-wrapper {max-width:830px; color:#FFFFFF;}
main.home section.galeria.localizacao .swiper-container.p {background-color:#FFFFFF; }
main.home section.galeria.videos {background-color:#4B4B4B; }
main.home section.galeria.videos .swiper-slide-prev,
main.home section.galeria.videos .swiper-slide-next {opacity:0;}
main.home section.galeria.imagens .section-header .description-wrapper {color:#FFFFFF;}
main.home section.tour-360 {background-color:#4B4B4B; }
main.home section.tour-360 .bg {background-repeat:no-repeat; background-position:center; margin:0; }
main.home section.tour-360 .preview {width:100%; }
main.home section.quem-somos {background-color:#4F4F4F; color:#fff; padding-bottom:100px; }
main.home section.quem-somos .description .col:nth-of-type(1) {max-width:585px; padding-top:60px; }
main.home section.quem-somos .description .col:nth-of-type(1) .content {max-width:330px; margin-left:240px; padding-top:55px; font-family:'Montserrat'; font-size:18px; font-weight:400; }
main.home section.quem-somos .description .col:nth-of-type(1) .content h1 {font-size:44px; font-weight:700; color:#FF814C; margin-bottom:20px;}
main.home section.quem-somos .description .col:nth-of-type(1) .content img {margin-bottom:30px;}
main.home section.quem-somos .description .col:nth-of-type(2) {padding-top:60px; padding-left:74px; }
main.home section.quem-somos .mvv {margin-top:50px; }
main.home section.quem-somos .mvv h3 {font-family:'Montserrat'; font-size:30px; font-weight:700; color:#FF814D;}
main.home section.quem-somos .mvv p {font-family:'Montserrat'; font-size:16px; font-weight:400; }
main.home section.charlie-vantagens {background-color:#5A6253; color:#fff; padding-bottom:100px; overflow:hidden;}
main.home section.charlie-vantagens .description .col:nth-of-type(1) {max-width:585px; padding-top:20px; }
main.home section.charlie-vantagens .description .col:nth-of-type(1) .content {max-width:330px; margin-left:240px; padding-top:55px; font-family:'Montserrat'; font-size:1.375rem; font-weight:700; }
main.home section.charlie-vantagens .description .col:nth-of-type(2) {padding:250px 74px 0;}
main.home section.charlie-vantagens .description .col:nth-of-type(2) h5 {margin-bottom:20px; padding:0 20px; text-align:center;}
main.home section.charlie-vantagens .description .col:nth-of-type(2) ul li {margin-bottom:10px;}
main.home section.charlie-vantagens .msg-lucro {margin-top:70px; max-width:950px;}
main.home section.charlie-vantagens .msg-lucro h1 {font-family:'Montserrat'; font-size:2.625rem; font-weight:700; color:#C8A94F; text-align:center;}
@media (max-width:1200px) {
	main.home section.banner {margin-top:76px; }
	main.home section.galeria .section-header .title-wrapper {margin-right:40px; }
	main.home section.galeria .section-header .description-wrapper {}
	main.home section.quem-somos .description .col:nth-of-type(1) {max-width:100%; padding-top:40px; }
	main.home section.quem-somos .description .col:nth-of-type(1) .content {max-width:100%; margin-left:0; padding:55px 20px 0; }
	main.home section.quem-somos .description .col:nth-of-type(2) {padding-top:40px; padding-left:0; }
	main.home section.charlie-vantagens .description .col:nth-of-type(1) {max-width:100%; padding-top:40px; }
	main.home section.charlie-vantagens .description .col:nth-of-type(1) .content {max-width:100%; margin-left:0; padding:55px 20px 0; }
	main.home section.charlie-vantagens .description .col:nth-of-type(2) {padding:40px 0 0;}
}
@media (max-width:990px) {
	main.home section.galeria .section-header .title-wrapper {width:100%; margin-right:0; text-align:center; font-size:xx-large;}
	main.home section.diferenciais .section-header .description-wrapper,
	main.home section.galeria .section-header .description-wrapper {width:100%; padding:0 20px 40px; text-align:center; margin:auto; }
}
@media (max-width:575px) {
	main.home section.banner {margin-top:65px; }
}


/* Home - Diferenciais */
main.home section.diferenciais {color:#fff; background-image:url('assets/img/fundo-diferenciais.jpg'); background-size:contain; font-size:20px; font-family:'Montserrat'; }
main.home section.diferenciais .title {font-size:3.75rem; font-weight:700; margin-bottom:40px; padding-left:180px; }
main.home section.diferenciais ul li {display:flex; align-items:center; margin:0 0 20px; }
main.home section.diferenciais ul li img {max-width:50px; margin-right:20px; }
main.home section.diferenciais .d-flex .col:nth-of-type(1) {max-width:866px; }
main.home section.diferenciais .d-flex .col:nth-of-type(2) {width:calc(100% - 866px); padding:149px 0; background-image:url('assets/img/fundo-diferenciais.jpg'); background-size:cover;}
main.home section.diferenciais .d-flex .col:nth-of-type(2) .swiper-container {padding:0 180px; }
main.home section.diferenciais .swiper-slide {opacity:0; }
main.home section.diferenciais .swiper-slide.swiper-slide-active {opacity:1; }
main.home section.diferenciais .swiper-button-next img,
main.home section.diferenciais .swiper-button-prev img {width:20px; height:30px; }
@media (max-width:1600px) {
	main.home section.diferenciais .d-flex .col:nth-of-type(2) {padding:32px 0; }
	main.home section.diferenciais .d-flex .col:nth-of-type(2) .swiper-container {padding:0 70px; }
}
@media (max-width:1200px) {
	main.home section.diferenciais .section-header .title-wrapper {margin-right:40px; }
	main.home section.diferenciais .d-flex .col:nth-of-type(2) {width:100%; margin:auto; }
	main.home section.diferenciais .title {padding-left:0; text-align:center; }
}
@media (max-width:990px) {
	main.home section.diferenciais .section-header .description-wrapper {width:100%; padding:0 20px 40px; text-align:center; margin:auto; }
}
@media (max-width:575px) {
	main.home section.diferenciais ul li {flex-direction:column; text-align:center; }
	main.home section.diferenciais .swiper-button-prev,
	main.home section.diferenciais .swiper-button-next {top:30px; }
	main.home section.diferenciais .d-flex .col:nth-of-type(2) .swiper-container {padding:0 40px; }
}

/* Home - Fale conosco */
main.home section.fale-conosco { padding-top:102px; padding-bottom:119px; }
main.home section.fale-conosco h1 {font-size:80px; color:#505050; font-weight:700; text-align:center; line-height:1;}
main.home section.fale-conosco h2 {font-size:25px; color:#3E3E3E; text-align:center; margin-bottom:102px;}
main.home section.fale-conosco .wpcf7-form {font-size:2rem; font-weight:500; color:var(--marrom); position:relative; }
main.home section.fale-conosco .wpcf7-form .wpcf7-text,
main.home section.fale-conosco .wpcf7-form .wpcf7-email,
main.home section.fale-conosco .wpcf7-form .wpcf7-select,
main.home section.fale-conosco .wpcf7-form .wpcf7-textarea {width:100%; font-size:1.5rem; background-color:transparent; padding-left:10px; }
main.home section.fale-conosco .wpcf7-form .wpcf7-text,
main.home section.fale-conosco .wpcf7-form .wpcf7-email,
main.home section.fale-conosco .wpcf7-form .wpcf7-select {height:80px; border:0; border-bottom:3px solid #444444; }
main.home section.fale-conosco .wpcf7-form .wpcf7-select,
main.home section.fale-conosco .wpcf7-form .wpcf7-text::placeholder,
main.home section.fale-conosco .wpcf7-form .wpcf7-email::placeholder {color:var(--marrom); font-size:1.5rem; font-weight:400; }
main.home section.fale-conosco .wpcf7-form .wpcf7-textarea {max-width:545px; height:199px; border:3px solid #464646; }
main.home section.fale-conosco .wpcf7-form .wpcf7-submit {width:176px; height:40px; font-family:'Montserrat'; font-size:1.25rem; font-weight:700; color:#fff; background-color:#FF814D; border-radius:6px; border:0; text-transform:uppercase; letter-spacing:1px; }
main.home section.fale-conosco .wpcf7-form .wpcf7-spinner {position:absolute; top:0; right:0; }
main.home section.fale-conosco .wpcf7-form .wpcf7-response-output {width:100%; position:absolute; bottom:-70px; left:0; font-size:1.25rem; color:red; margin:0; text-align:center; }
main.home section.fale-conosco .wpcf7-form [name="mensagem"]+.form-check {display:none; }
@media (min-width:1400px) {
	main.home section.fale-conosco .container {max-width:1447px; }
}
@media (max-width:1200px) {
	main.home section.fale-conosco .wpcf7-form .wpcf7-text,
	main.home section.fale-conosco .wpcf7-form .wpcf7-email,
	main.home section.fale-conosco .wpcf7-form .wpcf7-text::placeholder,
	main.home section.fale-conosco .wpcf7-form .wpcf7-email::placeholder {font-size:1.5rem; }
}
@media (max-width:990px) {
	main.home section.fale-conosco header.section-header .wrapper .title {font-size:6.25rem; }
	main.home section.fale-conosco .wpcf7-form .wpcf7-textarea {max-width:100%; }
	main.home section.fale-conosco .wpcf7-form [name="mensagem"]+.form-check {display:block; }
	main.home section.fale-conosco .wpcf7-form [name="newsletter"]+.form-check {display:none; }
	main.home section.fale-conosco h1 {font-size:xx-large;}
}
@media (max-width:768px) {
	main.home section.fale-conosco h2 {margin-bottom:22px;}
}

/* Home - Charlie */
main.home section.charlie {background-color:#5A6253; padding:30px 0;}
main.home section.charlie a,
main.home section.charlie a:hover {text-decoration:none;}
main.home section.charlie .container {max-width:700px;}
main.home section.charlie img {max-width:244px;}
main.home section.charlie p {font-family:'Montserrat'; font-size:1.3rem; font-weight:700; color:#FFFEFF; margin-bottom:0;}
main.home section.charlie h1 {font-family:'Roboto', sans-serif; font-size:1.5rem; font-weight:500; color:#FFFEFF; margin-bottom:0; background-color:#C8A94F; padding:5px 50px 5px 120px; left:-120px; position:relative;}
main.home section.charlie span {background-color:#6E7A6E; height:2px; width:100%; left:420px; top:18px; position:absolute; max-width:360px;}
@media (max-width:768px) {
	main.home section.charlie p {text-align:center;}
	main.home section.charlie h1 {left:0; padding:5px 50px 5px 50px}
	main.home section.charlie span {display:none;}
}

/*Obrigado*/
main.obrigado {background-color:#d7d2b9; padding:70px 0 70px;}
main.obrigado svg {overflow:inherit;}
main.obrigado .container {text-align:center;}
main.obrigado h1 {color:var(--marrom); font-size:2.075rem; font-weight:900; font-family:'Montserrat'; margin-top:60px;}
main.obrigado p {color:var(--marrom); font-size:1.575rem; font-weight:700; font-family:'Montserrat'; margin-top:20px;}

/* Popup */
#popup-cadastro .wpcf7 .wpcf7-not-valid-tip {color:#cfcfcf; top:38px; }
[href="#popup-cadastro"] {position:fixed; bottom:100px; right:20px; }