@import url("https://use.typekit.net/mfs0dmj.css");

/* ---------------------------------- */
/* FONTS/ BODY */
/* ---------------------------------- */

body{ -webkit-font-smoothing: antialiased; background-color: white; position: inherit !important }
body a, p, h1, h1 span, h2, h3, h4, h5, span{font-family: aktiv-grotesk-condensed, sans-serif; text-decoration: none }
body p, span{font-family: brother-1816, sans-serif; }

/* ---------------------------------- */
/* LOADING COLOR */
/* ---------------------------------- */

.loader-path { stroke: #179ad2 !important }

/* ---------------------------------- */
/* HEADER HOME */
/* ---------------------------------- */

header#header-home{ position: absolute; z-index: 9; width: 100% }

header#header-home .navbar-toggler{ color: white !important; text-shadow: none !important; box-shadow: none !important }
header#header-home .navbar-toggler svg{ fill: #fff }

header#header-home .navbar{ background: transparent;  }
header#header-home .navbar-nav li:hover .dropdown-menu { display: block }
header#header-home .navbar-nav .nav-link{ padding-right: 1.2rem; padding-left: 1.2rem; }

header .menu-area { width: 100%; text-align: center; margin-top: 30px; }

header#header-home .info-area { position: absolute; width: 100%; top: 0; left: 0;}
header#header-home .info-area .telefone { color: #000; font-weight:700; font-size: 21px; padding: 10px 15px; float: left; font-family: serenity, sans-serif; margin-right: 10px;}
header#header-home .info-area .traduzir-site { padding: 0 15px; float: left; border-left: 2px solid #fff; position: relative; top: 20px;}
header#header-home .info-area .traduzir-site a{ margin: 0 5px; font-weight: 800; font-style: italic; font-size: 16px; display: inline-block; color: #fff;}
header#header-home .info-area .account-center svg{ width: 26px; height: 29px; margin-top: 2px; margin-left: 11px; float: right; fill: #299cd0 !important; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out }
header#header-home .info-area .account-center:hover svg{ fill: #fff !important }
header#header-home .info-area .social-item{ padding: 10px 15px; float: right;}
header#header-home .info-area .social-item figure{ width: 32px; float: left; cursor: pointer; text-align: center; padding: 5px; margin: 2px; border-radius: 50%; height: 32px }
header#header-home .info-area .social-item figure svg{ fill: #e9c170; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out }
header#header-home .info-area .social-item figure:hover svg{ fill: #000 !important }

header#header-home nav #menu-menu { text-align: center; width: 100%; display: block; margin-top: 30px;}
header#header-home nav #menu-menu .menu-item { display: inline-block;}
header#header-home nav #menu-menu .nav-item a { color: #0000004a; border-radius: 0; font-weight: 900; font-size: 18px; letter-spacing: 1px;text-transform:uppercase}
header#header-home nav #menu-menu .nav-link.active, header#header-home nav #menu-menu .show > .nav-link, header#header-home nav #menu-menu li:hover .dropdown-toggle{ background: #fff }
header#header-home nav #menu-menu .dropdown-menu{ background: #fff; margin: 0; border: 0; border-radius: 0 }
header#header-home nav #menu-menu .dropdown-menu .nav-item a{color:#000 !important}
header#header-home nav #menu-menu .dropdown-item { text-align: left; padding: 10px 20px; font-size: 14px !important; font-weight: 400 !important;}
header#header-home nav #menu-menu .dropdown-item:focus, header#header-home nav #menu-menu .dropdown-item:hover{ background-color: rgba(255, 255, 255, 0.07) }
header#header-home .logo{ margin: 20px auto 0 }


/* ---------------------------------- */
/* HEADER INTERNAS */
/* ---------------------------------- */



header#header-interna{ position: relative; z-index: 9; width: 100% }

header#header-interna .navbar-toggler{ color: white !important; text-shadow: none !important; box-shadow: none !important }
header#header-interna .navbar-toggler svg{ fill: #fff }

header#header-interna .navbar{ background: transparent;  }
header#header-interna .navbar-nav li:hover .dropdown-menu { display: block }
header#header-interna .navbar-nav .nav-link{ padding-right: 1.2rem; padding-left: 1.2rem; }

header#header-interna .menu-area { width: 100%; text-align: center;margin-bottom:200px}

header#header-interna .info-area { position: absolute; width: 100%; top: 0; left: 0;padding:20px 50px}
header#header-interna .info-area .telefone { color: #000; font-weight:700; font-size: 21px; padding: 10px 15px; float: left; font-family: serenity, sans-serif; margin-right: 10px;}
header#header-interna .info-area .traduzir-site { padding: 0 15px; float: left; border-left: 2px solid #fff; position: relative; top: 20px;}
header#header-interna .info-area .traduzir-site a{ margin: 0 5px; font-weight: 800; font-style: italic; font-size: 16px; display: inline-block; color: #fff;}
header#header-interna .info-area .account-center svg{ width: 26px; height: 29px; margin-top: 2px; margin-left: 11px; float: right; fill: #299cd0 !important; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out }
header#header-interna .info-area .account-center:hover svg{ fill: #fff !important }
header#header-interna .info-area .social-item{ padding: 10px 15px; float: right;}
header#header-interna .info-area .social-item figure{ width: 32px; float: left; cursor: pointer; text-align: center; padding: 5px; margin: 2px; border-radius: 50%; height: 32px }
header#header-interna .info-area .social-item figure svg{ fill: #e9c170; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out }
header#header-interna .info-area .social-item figure:hover svg{ fill: #000 !important }

header#header-interna nav #menu-menu { text-align: center; width: 100%; display: block; margin-top: 30px;}
header#header-interna nav #menu-menu .menu-item { display: inline-block;}
header#header-interna nav #menu-menu .nav-item a {  color: #0000004a; border-radius: 0; font-weight: 900; font-size: 18px; letter-spacing: 1px;text-transform:uppercase;}
header#header-interna nav #menu-menu .nav-link.active, header#header-interna nav #menu-menu .show > .nav-link, header#header-interna nav #menu-menu li:hover .dropdown-toggle{ background: #fff}
header#header-interna nav #menu-menu .dropdown-menu{ background: #fff; margin: 0; border: 0; border-radius: 0 }
header#header-interna nav #menu-menu .dropdown-item { text-align: left; padding: 10px 20px; font-size: 14px !important; font-weight: 400 !important; }
header#header-interna nav #menu-menu .dropdown-menu .nav-item a{color:#000 !important}
header#header-interna nav #menu-menu .dropdown-item:focus, header#header-interna nav #menu-menu .dropdown-item:hover{ background-color: rgba(255, 255, 255, 0.07) }
header#header-interna .logo{ margin: 20px auto 0 }


header#header-interna #banner-interna { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: -1; background: url(./img/bg-internas.jpg) no-repeat bottom center; background-position: top center !important; }

/* ---------------------------------- */
/* DESTAQUE HOME */
/* ---------------------------------- */

#destaques .bg-background .area-blender{ mix-blend-mode: multiply; background: #0b5172; position: absolute; top: 0; left: 0; width: 100%; height: 77px; display: block; z-index: -1 }
#destaques .bg-background{background: url(./img/bg-overlay.png.webp) repeat-x center right; background-size: 100%;position:absolute;width:200%;height:100%;top:0;z-index:2;animation:destaqueslide 12s infinite linear;overflow:visible}

#destaques{ min-height: 950px; background: url(./img/bg-destaques-1.jpg.webp) no-repeat center left; background-size: 100%; position: relative; padding-top: 500px; text-align: center; height: 100vh;}
#destaques .logo { z-index: 9; position: relative; }
#destaques .text-effect{ position: relative; }
#destaques h1 {display:none}
#destaques p { font-size: 15px; padding: 50px 0; font-family: "avenir", sans-serif }
#destaques .btn{ position: relative; z-index: 10; background: url(./img/bg-btn.jpg.webp) no-repeat center ; background-size: cover; border-radius: 0px; font-size: 20px; font-weight: 200; color: #fff; padding: 10px 30px; margin: 0; margin-top: 300px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;text-shadow:1px 1px 0px #000}
#destaques .btn strong{font-weight:600;letter-spacing:1px}
#destaques .btn:hover{color: #000;text-shadow:1px 1px 0px #fff}
#destaques #bg-home { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; opacity: 1; z-index: -1; transform: translate(-50%, -50%) }

@keyframes destaqueslide {
  0% {
    left:-100%;
  }
  100% {
    left:0%;
  }
}

/* ---------------------------------- */
/* TEAM */
/* ---------------------------------- */

#team {background: url(./img/bg-team.jpg.webp) no-repeat center top; background-size: cover; padding: 210px 0 100px; position: relative; }
#team .bg-team{width:100%;height:400px;background: url(./img/overlay-team.png.webp) no-repeat center top; background-size: 80%;position:absolute;top:5%;left:0}
#team .area-team {position: relative; z-index: 1;}

#team p{ color: #000; font-size: 18px; line-height: 2em; margin: 40px 140px 40px; font-weight: 400;}
#team p strong{font-weight: 800;}

#team figure { display: inline-block; background: #fff;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position: relative; margin: 0 7px; width: 130px;border-radius:50%;border:3px solid #65b5c0}
#team figure img{ max-width: 100%; height: auto;border-radius:50%}
#team figure:hover {transform:scale(1.1)}

#team .btn { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; color: #fff;font-size: 20px; padding: 12px 50px; position: relative; border-radius: 0; font-weight: 200; text-decoration: none; background: url(./img/bg-btn.jpg.webp) no-repeat center right; background-size: cover;text-shadow:1px 1px 0px #000}
#team .btn:hover {color: #000;text-shadow:1px 1px 0px #fff}

/* ---------------------------------- */
/* SERVICES */
/* ---------------------------------- */

#services{ position: relative; padding: 150px 0;}
#services h2{font-size:40px;position:relative}
#services h2:before{content:"";background:#000;width:40%;height:2px;position:absolute;bottom:7px;left:30%}
#services h2 strong{color:#66cccc}
#services h2 big{color:#e9c170;font-size:40px;font-weight:900}
#services h3{font-weight:900;margin-top:40px;font-size:30px;border-bottom:solid 2px #000;padding-bottom:20px;width:70%;margin-left:15%}
#services p{padding:10px 65px}
#services .btn{ -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; color: #fff;font-size: 20px; padding: 8px 50px; position: relative; border-radius: 0; font-weight: 200; text-decoration: none; background: url(./img/bg-btn.jpg.webp) no-repeat center right; background-size: cover;text-shadow:1px 1px 0px #000;opacity:0}
#services .btn:hover{color:#000;text-shadow:1px 1px 0px #fff}
#services .our-services{position:relative;top:30px;opacity:0.5;transition:0.3s}
#services .our-services:hover{opacity:1;top:0}
#services .our-services:hover .btn{opacity:1;}

/* ---------------------------------- */
/* CAUSES */
/* ---------------------------------- */

#causes{ padding: 150px 0 130px; position: relative; z-index: 2; background: #b7b7b7;}
#causes .bg-causes{width:100%;height:500px;background: url(./img/overlay-causes.png.webp) no-repeat right top; background-size: 90%;position:absolute;top:10%;right:0}
#causes img{ max-width: 60%; height: auto; margin: 0; position: relative; border-radius: 30px;}
#causes h3 { font-weight: 500; margin-bottom: 0; margin-top: 0; font-size: 40px; line-height: 1em; color: #000;}
#causes p{ color: #fff; font-weight: 300; font-size: 15px; margin: 25px 0;}
#causes .btn { background: url(./img/bg-btn.jpg.webp) no-repeat center top; background-size: 100%;text-shadow:1px 1px 0px #000; border: none; border-radius: 0px; font-size: 18px; font-weight: 200; position: relative; color: #fff; margin-top: 30px; line-height: 15px; padding: 15px 40px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;letter-spacing:1px}
#causes .btn:hover{color: #000;text-shadow:1px 1px 0px #fff}

/* ---------------------------------- */
/* TESTIMONIAL */
/* ---------------------------------- */

#testimonial{ padding: 0;position: relative;margin-top:-50px;z-index:10}
#testimonial h2{ color: #003333;letter-spacing:1px;font-size:30px;position:relative;top:50%;transform:translateY(-50%);margin-top:25px}
#testimonial h2 strong{color:#66cccc}
#testimonial #slider-testimonial p{ color: #000; font-size: 15px;font-weight:600}
#testimonial #slider-testimonial h3{ color: #fff; font-size: 18px; display: inline-block; font-weight: 800; z-index: 1; position: relative;text-transform:uppercase;letter-spacing:2px}
#testimonial #slider-testimonial .bx-wrapper{ background: none; box-shadow: none; border: 0; margin-bottom: 0;background:#e9c170;padding:50px}
#testimonial #slider-testimonial .bx-pager{ padding: 0;bottom:20px;text-align:right;right:80px}
#testimonial #slider-testimonial .bx-pager-link{ border-radius: 0; background: #ffffff59; width: 15px; height: 8px;}
#testimonial #slider-testimonial .bx-pager-link.active{ background: #fff;}

/* ---------------------------------- */
/* CALL TO ACTION */
/* ---------------------------------- */

#call-to-action{ padding: 100px 0; background: #282828; position: relative;}
#call-to-action:before{content:"";background:#000;width:1px;height:80%;top:10%;position:absolute;left:50%}
#call-to-action h3{color:#fff;font-size:50px;font-weight:900;line-height:0.8;border-bottom:solid 2px #fff;padding-bottom:20px;width:80%;margin-left:10%;transition:0.3s}
#call-to-action h3 strong{font-size:30px;font-weight:200;letter-spacing:10px;color:#ffffffa3;position:relative;left:5px}
#call-to-action p{color:#ffffffa3;font-weight:200;padding:10px 70px 10px;transition:0.3s;min-height:116px}
#call-to-action .btn{background:#cccccc;color:#000;border-radius:0;padding:10px 40px;transition:0.3s;}
#call-to-action .call:hover h3{border-color:#7dcfca}
#call-to-action .call:hover p{color:#fff}
#call-to-action .call:hover .btn{background: url(./img/bg-btn.jpg.webp) no-repeat center right; background-size: cover;}
#call-to-action .concierge p{position:relative;transform:translateY(25%);}

/* ---------------------------------- */
/* HOMETOWN */
/* ---------------------------------- */

#hometown{ position: relative; z-index: 12; margin-top: 0; background: #7dcfca; padding: 0 0 100px;}
#hometown .bg-mag{width:100%;height:500px;background: url(./img/overlay-mag.png.webp) no-repeat left bottom; background-size: 90%;position:absolute;bottom:0;left:0}
#hometown h3{ color: #fff; font-size: 45px; font-weight: 900; line-height: 1em; margin-top: 40px;letter-spacing:2px;position:relative}
#hometown h3:before{content:"";background:#000;width:80%;height:2px;position:absolute;bottom:7px;left:10%}
#hometown h3 strong{ font-size: 40px; color: #000;font-weight:200}
#hometown li{ list-style: none }
#hometown p { color: #000;font-size: 15px;padding:15px 45px}
#hometown figure img{ position: relative; top: 0; height: auto; margin-top: 0; width: 50%;;margin-top:-50px}
#hometown .btn{background: url(./img/bg-btn.jpg.webp) no-repeat center top; background-size: cover;border-radius: 0; font-size: 19px;font-weight: 200; position: relative; color: #fff; padding: 10px 60px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;text-shadow:1px 1px 0px #000}
#hometown .btn:hover{color:#000;text-shadow:1px 1px 0px #fff}

/* ---------------------------------- */
/* FOOTER */
/* ---------------------------------- */

#footer{ height: auto; padding: 100px 0 0; position: relative; z-index: 6; background: #1d1d1d; background-size: cover; overflow: hidden;}
#footer a{ text-decoration: none; }
#footer p { color: #fff; font-size: 16px; line-height: 1.3em; margin-bottom: 20px; font-weight: 300; }
#footer .locale a p {margin-top:-30px;color: #ffcc66;font-size: 18px; font-weight: 600;line-height:1.5}
#footer .locale a p strong{ color: #fff; font-size: 25px; font-weight: 600;}

#footer .logo-dw img{ max-width: 80%; }

#footer .nav { margin-top: 50px;}
#footer .nav li{ text-align: left; display: block; margin: 10px 20px;}
#footer .nav li a{ padding: 0; color: #ffffff45; font-weight: 200;text-transform:uppercase;font-family: brother-1816, sans-serif;transition:0.3s}
#footer .nav li a:hover{color:#fff}
#footer .btn-quote { color: #fff; font-weight: 600; border: 1px solid #f9c349; border-radius: 0; padding: 10px 35px; display: inline-block; margin-top: 90px; }

#footer .redes-sociais{border-left:5px solid #ffffff29}
#footer .redes-sociais figure {  -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;margin:0px 10px;}
#footer .redes-sociais a{color: #fff ;}

#footer .assinatura { padding: 0px 10px 50px 10px; margin-top:0px;}
#footer .assinatura img{ float: right;}

/* ---------------------------------- */
/* INTERNAS */
/* ---------------------------------- */

.internas header{ position: relative; }
.internas img{ max-width: 100%; height: auto }
.internas h4{ font-weight: 200; line-height: 1.3em; margin-bottom: 30px }
.internas #area-site-internas { padding: 100px 0; }
.internas .btn-secondary { color: #fff; outline: none; background-color: #6c757d; border-color: #6c757d; display: table-caption; margin: 10px 0 20px; border-radius: 0; }


/* ---------------------------------- */
/* SIDEBAR */
/* ---------------------------------- */

.sidebar.locations-contact .item-location{ display: block; margin-top: 20px }
.sidebar p{ margin-bottom: 5px }
.sidebar h3{ background: #4c4c4c; padding: 5px 10px 5px 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: white; display: inline-block; }