html, body { margin: 0;padding: 0;color: #343233;font-family: 'Montserrat', sans-serif; }
img { max-width: 100%;height: auto; }
p { margin-bottom: 10px;line-height: 1.2;font-size: 15px; }

.border-right-white { border-right: solid 1px #fff; }

.banner { padding: 40px 0 40px;background-color: #405ca7;background-size: cover;background-position: center;background-repeat: no-repeat; }

.banner .logo { margin-bottom: 28px;padding: 0 40px; }

.intro .title { font-size: 80px; font-weight: 700;line-height: 1;text-shadow: 0 0 5px rgba(0,0,0,.5); }
.intro .text { font-size: 35px; font-weight: 400;line-height: 1;text-shadow: 0 0 5px rgba(0,0,0,.5); }

.options { background-color: #f58634; }
.spot-option { padding: 60px 0; }
.spot-option .title { font-size: 54px; font-weight: 900; line-height: 1; display: flex; justify-content: center;align-items: center;flex-direction: column;}
.spot-option .title span { font-size: 70px;display: block; }
.spot-option .button a{ background-color: #47c756;color: #fff; padding: 8px 32px;border-radius: 20px; display: inline-block;font-size: 26px;font-weight: 700;transition: .2s ease-out; margin: 5px 0; }
.spot-option .button a:hover { text-decoration: none;transform: scale(1.08); }
.spot-option .text { font-size: 24px;font-weight: 300; }

.footer {padding: 50px 0 20px;}
.footer .foo-title { font-size: 20px;font-weight: 900;margin-bottom: 4px; }
.footer .foo-widget { margin-bottom: 28px; }
.footer .foo-widget .icon-whatsapp { width: 20px; height: 20px;border-radius: 50%;overflow: hidden; margin-left:5px;vertical-align: top;}
.footer .foo-widget.logo { padding: 28px 0; }
.footer a { transition: .2s ease-out;color: inherit;display: inline-block;position: relative; }
.footer a:hover { text-decoration: none;opacity: .6; }
.footer ul { padding: 0;margin: 0; }
.footer ul li { list-style: none;position: relative; }
.footer ul li a { font-size: 12px; }

ul.menu-institucional { padding: 10px 0 0 25px;margin-bottom: 1rem; }
ul.menu-institucional li { margin: 8px 0; }
ul.menu-institucional li a:before { content: '>';position: absolute;left: -15px;top: -1px;}
ul.social { padding: 0 0 0 10px; }
ul.social li { display: inline-block;margin-right: 8px; }
ul.social li a:hover { opacity: .75; }
ul.app li { margin: 10px 0; }
ul.app li a:hover { opacity: .75; }

.seals { padding: 40px 0; }
.seals a { max-width: 160px;display: inline-block; }

.copyright { opacity: .5;padding: 10px 0;font-size: 14px; }

.whatsapp-sticky { position: fixed;bottom: 30px;right: 20px; border-radius: 50%; width: 60px; height: 60px; overflow: hidden;transition: .2s ease-out; }
.whatsapp-sticky:hover { transform: scale(1.07); }

@media all and (min-width: 768px){
	.banner { background-image:url('../img/banner-bg-wr-embalagens.png'); }
}

@media all and (max-width: 767px){
	html{overflow-x: hidden;}
	.banner { background-image:url('../img/banner-bg-wr-embalagens--mobile.png'); }
}

@media all and (max-width: 768px){
	.border-right-white { border-right: none; border-bottom: solid 1px #fff; }

	.footer { text-align: center;padding: 40px 0 0; }
	.seals { padding: 0 0 20px; }
}

@media all and (max-width: 575px){
	.intro .title { font-size: 55px; }
	.intro .text { font-size: 28px; }

	.spot-option .title { font-size: 40px; } 
	.spot-option .title span { font-size: 52px; } 
	.spot-option .text { font-size: 20px; } 
	.spot-option .button a { font-size: 20px; } 

}

/* Data-effects */
[data-effects] { opacity: 0; -webkit-transition: .4s ease; -o-transition: .4s ease; transition: .4s ease; }
[data-effects="show"] { opacity: 0; }
[data-effects="bottom"] { -webkit-transform: translate3d(0px, 20px, 0); transform: translate3d(0px, 20px, 0); }
[data-effects="top"] { -webkit-transform: translate3d(0px, -20px, 0); transform: translate3d(0px, -20px, 0); }
[data-effects="left"] { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
[data-effects="right"] { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);  }
[data-effects="zoom"] { -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); }
[data-effects="lazyload"] { opacity: 0; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
[data-effects].animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
[data-effects="zoom"].animate { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
[data-effects].delay1 { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
[data-effects].delay2 { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
[data-effects].delay3 { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
