/*
COR1: #544242
COR2: #b1a296
COR3: #a54939
*/

body, body * { font-family: 'Open Sans', sans-serif; }

img { max-width: 100%; }

h1, h2, h3, h4, h5 {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.logo, .logo * {
  -o-transition:1s;
  -ms-transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}

body::-webkit-scrollbar { width: .75rem; }
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
body::-webkit-scrollbar-thumb { background-color: #bbb; outline: 1px solid slategrey; }

.card { font-size: .95rem; font-weight: 300; color: #555; text-align: justify; }
p.main { font-size: 1.1rem;  }

.button { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
.button.main { background: #544242; color: #fff; }
.button.alt { background: #b1a296; color: #544242; }
.button.disabled, .button[disabled] { opacity: .5 }

.clear, .spacer05, .spacer1, .spacer2, .spacer3, .spacer4, .spacer5 { display: block;clear:both; }
.clear { padding-top: .5px; }
.spacer05 { padding-top: .5rem; }
.spacer1 { padding-top: 1rem; }
.spacer2 { padding-top: 2rem; }
.spacer3 { padding-top: 3rem; }
.spacer4 { padding-top: 4rem; }
.spacer5 { padding-top: 5rem; }

.loop { 
	-webkit-animation-duration: 1s;
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.loop2 { 
	-webkit-animation-duration: 2s;
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.bounce2 { 
	-webkit-animation-name: bounce2; 
	animation-name: bounce2; 
	display: block;
}

@-webkit-keyframes bounce2 { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-.5rem);} 
	60% {-webkit-transform: translateY(-.25rem);} 
} 

@keyframes bounce2 { 
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-.5rem);} 
	60% {transform: translateY(-.25rem);} 
}
.bounce3 { 
	-webkit-animation-name: bounce3; 
	animation-name: bounce3; 
	display: block;
}

@-webkit-keyframes bounce3 { 
	0%, 20%, 30%, 50%, 65%, 80%, 100% {-webkit-transform: translateY(0);} 
	45% {-webkit-transform: translateY(-.25rem);} 
	60% {-webkit-transform: translateY(-.15rem);} 
} 

@keyframes bounce3 { 
	0%, 20%, 30%, 50%, 65%, 80%, 100% {transform: translateY(0);} 
	45% {transform: translateY(-.25rem);} 
	60% {transform: translateY(-.15rem);} 
}

#top-bar-anchor { position: absolute; top: 10vh; }
.sticky-container.top { position: fixed; top: 0; width: 100%; left: 0; z-index: 10; border-top: .35rem solid #fff; }

.top-bar { background: #544242; position: fixed; top: 0; left: 0;  z-index: 10; width: 100%;  padding: 0; box-shadow: 0 0 2rem rgba(0,0,0,0.2);  }
.top-bar.bottom { background: #fff; top: auto; bottom: 3.9rem; opacity: .45; width: 5.25rem; border-radius: 0 3rem 3rem 0; }
.top-bar .menu { background: transparent; padding: 0 }
.top-bar.bottom .menu { padding: .7rem 0.5rem }
.top-bar .menu li { padding: 0 }
.top-bar .menu li.logo-holder { padding: 0 }
.top-bar.bottom .menu { display: inline-block; }
.top-bar:hover { opacity: 1; }
.top-bar.active { opacity: 1;  width: 100%; border-radius: 0; }
.top-bar.active .menu { display: flex; }
 
.top-bar .grid-container { position: relative; }

.top-bar .menu.main-menu li { justify-content: space-between; }
.top-bar.bottom .menu.main-menu li { display: none }
.top-bar.active .menu.main-menu li, .top-bar .menu.main-menu li:first-child { display: inline-block }
.top-bar .menu.main-menu .logo { display: block; padding: 0; opacity: 1; background: #fff !important; box-shadow: 0 0 2rem rgba(0,0,0,0.1); height: auto; max-width: 19.5rem; margin-top: -.35rem }
.top-bar.bottom .menu.main-menu .logo { margin-top: 0 }
.top-bar .menu.main-menu .logo-holder { margin-right: 1rem; height: 3.85rem; }
.top-bar .menu.main-menu .logo-holder .logo { padding: 1rem; }
.top-bar.bottom .menu.main-menu .logo { box-shadow: none; }
.top-bar .menu.main-menu .logo-holder .logo img { max-height: 19.5vh; height: auto; }
.is-stuck .top-bar .menu.main-menu .logo-holder .logo  { padding: .5rem; margin-top:0 }
.is-stuck .top-bar .menu.main-menu .logo-holder .logo img { max-width: 100%; height: 3.5125rem; }
.top-bar.bottom .menu.main-menu .logo img { height: 3.125rem; border-radius: .5rem}
.top-bar .menu.main-menu > li > a { height: 3.75rem; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: .9rem; line-height: 1.5; padding: 1.25rem 1rem; }
.top-bar .menu.main-menu > li > a:hover { background: rgba(255,255,255,.1) }
.top-bar .menu.main-menu > li > a.is-active { border-bottom: .25rem solid #a54939; background: rgba(255,255,255,.05) }
.top-bar .menu.main-menu.bottom > li > a { color: #231f20; }
.top-bar .menu.main-menu.bottom > li .menu > li { margin: 0 0 .5rem 0  }
.top-bar .menu.main-menu.bottom > li .menu > li > a { color: #fff; font-weight: 700; padding: 1rem 0 .25rem 0  }
.top-bar .menu.main-menu.bottom > li .menu > li > span { color: #ccc; font-weight: 400; }

.top-bar .menu > li.top-phone { padding: 0; }
.top-bar .menu > li.top-phone.smaller { transform: scale(.85) }
.top-bar .menu > li.top-phone a { padding: 0; margin:0; color: #fff !important; height: auto; width: auto; }
.top-bar .menu > li.top-phone > .phone-holder { position: relative; height: 3.8125rem; background: #a54939; color: #fff; font-size: 1.2rem; line-height: 1; font-weight: 700; text-shadow: 2px 2px 0.5rem rgba(0,0,0,0.3); box-shadow: 0 0 1rem rgba(0,0,0,0.1); position: relative; padding: 0; }
.top-bar .menu > li.top-phone > .phone-holder .number { padding: 0 1rem; margin: .2rem 0 0 0; }
.top-bar .menu > li.top-phone > .phone-holder:hover { background: rgba(220,220,220,0.25); }
.top-bar .menu > li.top-phone > .phone-holder i { margin: 0; left: 0; top: 0; height: 100%; line-height: 3.8125rem; width: 3.5rem; text-align: center; font-size: 1.35em; background: rgba(255,255,255,0.1); }
.top-bar .menu > li.top-phone > .phone-holder .open-time { font-size:.55rem; text-transform: uppercase; text-align: right; font-weight: 400;letter-spacing: .75px; margin: .1rem 0 0 0; }

.mega-menu .dropdown-pane { width: 100%; margin: 0 auto !important; left: 0% !important; right: 0% !important; background-color: rgba(50,50,50,0.95); border: 0; margin: 0; }
.mega-menu .menu { background: none; }
.mega-menu > a::after { display: inline-block; width: 0; height: 0; border: inset 5px; content: ''; border-top-width: 0; border-top-style: solid; border-color: transparent transparent #777 transparent; margin-left: 10px; margin-top: 0; }

.hero-bg { position: relative; height: 92vh; background: #231f20 url('../img/taua/bg.jpg') center center no-repeat; background-size: cover; }
.content { position: relative; z-index: 1; padding: 1rem 0 5rem 0; }

.google-maps-img { position: relative; }
.google-maps-img:hover:before { content:'ver no Google'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(50,50,50,.3); display: flex; align-items: center; justify-content: center; vertical-align: middle; text-align: center; color: #fff; font-size: 2rem; font-weight: 700; text-shadow: 2px 2px 1rem rgba(0,0,0,0.3) }

.hero { position: relative; height: 70vh; max-width: 80%; }
.hero-bg .hero { height: 92vh; max-width: 100%; }
.hero h1, .hero p { color: #fff; text-shadow: 2px 2px .5rem rgba(0,0,0,0.3); }
.hero h1 { font-weight: 700; }
.hero p { font-weight: 600; font-size: 1.2rem; }

.hero-bar { position: relative; background: transparent; color: #544242; box-shadow: 0 -.75rem 1rem rgba(0,0,0,0.2); padding: .5rem 0; }
.hero-bar:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #b1a296; border-top: .5rem solid rgba(0,0,0,0.15); opacity: 1; box-shadow: 0 -2rem 4.5rem rgba(0,0,0,0.2) }
.hero-bar .title { position: relative; text-transform: uppercase; font-weight: 800; max-width: 100%; letter-spacing: .5px; font-size: 2rem; line-height: 1.3; margin: 0; padding: 1.5rem 0; color: #fff; text-shadow: 2px 2px .5rem rgba(0,0,0,0.4); }
.hero-bar .cell { position: relative; }
.hero-bar .floater-left { position: absolute; bottom: 100%; max-width: 35rem; width: 100%; left: 0; margin-bottom: .5rem }
.hero-bar .floater-left img { max-height: 15rem; }

.hero-bg .hero .hero-bar { position: absolute; bottom: 2.5rem; max-width: 80%; padding-right: 2.5rem; }
.hero-bar:before { left: auto; right: 0; width: 300%; }

.hero .floater-left { position: absolute; bottom: 10rem; max-width: 35rem; width: 100%; left: 0; margin-bottom: .5rem }
.hero .floater-right { position: absolute; bottom: 0; max-width: 25rem; width: 100%; right: 0;  text-align: right }
.hero .floater-right img { max-height: 18rem;  }


#contact-anchor { margin-top: -70vh; }
.contact-form { display: block; margin-top: -75vh; }
.contact-form .title { display: block; background: #544242; color: #fff; box-shadow: 0 0 2rem rgba(0,0,0,0.3); padding: 1.05rem 1.35rem; font-size: 1.15rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin: 0; cursor: pointer;     text-align: center; }
.contact-form .title.alt { background: #a54939; }
.contact-form form { display: block; background: #fff;  padding: 1.5rem; box-shadow: 0 0 2rem rgba(0,0,0,0.1); height: 75vh; max-height: 26.125rem; }
@media only screen and (max-height: 36.125rem) { 
	.contact-form form { max-height: 100%; height: 65vh; overflow-y: auto; }
}
.contact-form form::-webkit-scrollbar { width: .75rem; }
.contact-form form::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.contact-form form::-webkit-scrollbar-thumb { background-color: #bbb; outline: 1px solid slategrey; }
.contact-form form .button { text-shadow: 1px 1px 0.5rem rgba(0,0,0,0.3); }
.contact-form .callout.alert-callout { font-size: .9rem; padding: .5rem; background: #f4f4f4; color: #999; border: 0; margin: 0 0 1.25rem 0; border-bottom: .25rem solid rgba(0,0,0,0.1); line-height: 1.4; letter-spacing: .5px; }
.contact-form .callout.alert-callout.success { background: #66c18c; color: #fff; }
.contact-form .callout.alert-callout.error { background: #bb5454; color: #fff; }
.contact-form [type='text'], .contact-form [type='email'] { height: 2.2375rem; font-size: .9em; margin: 0 0 .65rem 0; border-color: #ddd; }
.contact-form textarea { font-size: .9em; margin: 0 0 .75rem 0; border-color: #ddd; }
.contact-form .accordion { box-shadow: 0 0 2rem rgba(0,0,0,0.1); border: 0; border-radius: 4px; }
.contact-form .accordion form { box-shadow: none; }
.contact-form .accordion-item { padding: 0; border: 0; }
.contact-form .accordion-content { padding: 0; border: 0; }
.contact-form .accordion-title { font-size: 1rem; padding: .85rem 1.5rem; opacity: .7; border: 0 !important; }
.contact-form .accordion-item.is-active .accordion-title, .contact-form .accordion-item:hover .accordion-title { opacity: 1; padding: 1.25rem 1.5rem; }
.contact-form .accordion-item:first-child > :first-child { border-radius: 0 0; }

.left-column { padding-right: 4rem }
.right-column { padding-left: 4rem }

.card { border-radius: 0; box-shadow: 0 0 2rem rgba(0,0,0,0.15); }
.card .card-divider { display: block; background: #544242; color: #fff; padding: 1.25rem; font-size: 1rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin: 0; }
.card .card-section .title { display: block; color: #544242; font-size: 1.35rem; text-transform: uppercase; font-weight: 800; letter-spacing: 0; }
.card .img { position: relative; height: 0; padding-top: 55%; }
.card.single .img { position: relative; height: 0; padding-top: 45%; }
.card .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.row-title { display: block; color: #544242; font-size: 2.35rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; }
.row-title.small { font-size: 1.85rem; }
.row-title.smaller { font-size: 1.55rem; }

table .progress { margin: 0; }

.large-icon { font-size: 3rem; color: #b1a296; width: 2.5rem; text-align: center;  }
.text-smaller { font-size: .8em; }

#vendas i { margin: 0 0 1rem 0; }
#vendas p { margin: 0 0 .55rem 0 }
#vendas p strong { display: block; line-height: 1.2 }
#vendas .button { background:#544242; }

.feats i { margin: 0 0 0 0; line-height: 1; margin: 0 }
.feats p { margin: 0 0 0 0; line-height: 1 }
.feats strong { display: block; line-height: 1.2; font-size: 1.6rem; color:#544242; letter-spacing: -1px; }
.feats .button { background:#544242; }

.footer { padding: 5rem 0 4rem 0; border-top: 1px solid #ddd; }
.footer .img { display: inline-block; max-width: 19.5rem; margin: 0 0 2rem 0; }
.footer .img img { max-height: 19.5rem; }
.footer .title { display: block; text-align: center; font-size: 2rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color:#544242; }

input.jpl, .jpl { display: none !important; }

.fancybox-content { background: transparent; padding: 0; }

.whatsapp-floater { position: fixed; bottom: 4.5rem; left: 0; background: #128c7e; color: #fff; z-index: 10; border-radius: 0 3rem 3rem 0; }
.whatsapp-floater a { display: block; padding: 1rem 1.25rem; color: #fff; font-size: 2.5rem; line-height: 1; }


@media only screen and (min-width: 1024px) { 
	.top-bar { height: 3.8125rem; }
}
@media only screen and (max-width: 1199.9px) { 
	html { font-size: 15px; }
	.hero-bg, .hero-bg .hero, .hero { max-height: 42rem }
}
@media only screen and (max-width: 1023.9px) { 
	html { font-size: 14px; }
	.left-column { padding: 0 }
	.right-column { padding: 0 }
	#contact-anchor { margin-top: 0; }
	#main-top-bar { position: relative; z-index: 1; }
	#main-menu .menu { display: block; width: 100%; top: 3.8125rem; position: absolute; left: 0; padding: 1rem; }
	#main-menu .menu:before { content: ''; width: 100%; height: 100%; top: 0; position: absolute; left: 0; background: #544242; opacity: .9 }
	#main-menu .menu li { position: relative; z-index: 1; display: block; width: 100%; text-align: center; }
	#main-menu .top-bar .menu.main-menu > li > a { color: #fff; }
	.top-bar .menu > li.top-phone > .phone-holder {  height: 2.8125rem; line-height: 1;     letter-spacing: 0; }
	.top-bar .menu > li.top-phone > .phone-holder i { line-height: 2.8125rem; width: 2.5rem; }
	.top-bar .menu > li.top-phone > .phone-holder .number { padding: 0 .5rem; }
	#contact-anchor { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; }
	#contact-anchor .contact-form.cta .title { font-size: 1rem; text-align: center; cursor: pointer; box-shadow: 0 -.5rem 2.5rem rgba(0,0,0,0.2); }
	.top-bar.bottom { bottom: 4.1rem; }
	.contact-container {  }
	.hero-bar:before { background: #544242; }
	.hero-bg, .hero-bg .hero, .hero { max-height: 36rem }
	.featherlight .featherlight-content { background: transparent; }

	.top-bar .menu.main-menu .logo-holder .logo img {  max-height: 6rem; height: auto; }

	.top-bar .menu.main-menu .logo-holder .logo { padding: 1rem .5rem; }

	.contact-form { margin-top: auto !important; }

	.footer { padding: 5rem 0 8rem 0; }

	.whatsapp-floater { right: 0; left: auto; bottom: 4.1rem; border-radius: 3rem 0 0 3rem; }

}
@media only screen and (max-width: 639.9px) { 
	html { font-size: 12px; }
	.top-bar .menu.main-menu .logo { max-width: 10rem; }
	.hero-bar .title { font-size: 1.7rem }
	.row-title { font-size: 1.95rem }

	.hero-bg, .hero-bg .hero, .hero { max-height: 32rem }
	.hero-bar .floater-left { position: absolute; bottom: 100%; max-width: 75%; left: 0; }

	#sobre .card { margin-bottom: 3rem }

	.feats .item { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem; }
	.feats .item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
	#vendas .item { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem; }
	#vendas .item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

	#realizacao img { max-width: 80%; width: 15rem; }
}

#loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff url(../img/loading.gif) center center no-repeat; background-size: 6rem; z-index: 99999; }
form { position: relative; }
form .loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9) url(../img/loading.gif) center center no-repeat; background-size: 3rem; z-index: 99999; }