body,html{height:100%;width:100%;padding:0;margin:0;background-color:#f1f1f1!important;overflow-x:hidden;color:#3e3f45;font-family:Lato,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif}*{margin:0;padding:0;box-sizing:border-box;border:0}a,a:hover{text-decoration:none!important}:focus{outline:0!important;box-shadow:none!important}p{font-size:14px!important;line-height:20px;font-weight:400}h1{color:#60a5b7}.white-bg{background-color:#fff}.button_container{position:absolute;top:25px;right:10px;height:27px;width:30px;cursor:pointer;z-index:100;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:1001}.button_container:hover{opacity:.8}.button_container.active .top{-webkit-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#fff}.button_container.active .middle{opacity:0;background:#fff}.button_container.active .bottom{-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff;-moz-transform:translateY(-11px) translateX(0) rotate(-45deg);-ms-transform:translateY(-11px) translateX(0) rotate(-45deg);-o-transform:translateY(-11px) translateX(0) rotate(-45deg)}.button_container span{background:#fff;border:none;height:3px;width:80%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}.button_container span:nth-of-type(2){top:11px}.button_container span:nth-of-type(3){top:22px}.overlay{position:fixed;background:#60a5b7;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;-webkit-transition:opacity .35s,visibility .35s,height .35s;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;z-index:1000}.overlay.open{opacity:.95;visibility:visible;height:100%}.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}.overlay.open li:nth-of-type(n){-webkit-animation-delay:.4s;animation-delay:.4s}.overlay nav{position:relative;height:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;font-family:Lato,sans-serif;font-weight:400;text-align:center}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.overlay ul li{display:block;height:15%;position:relative;opacity:0}.overlay ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;padding:10px 0}.overlay ul li a:active:after,.overlay ul li a:focus:after,.overlay ul li a:hover:after{width:100%}.overlay ul li a:after{content:"";position:absolute;bottom:0;left:50%;width:0%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2px;background:#fff;-webkit-transition:.35s;transition:.35s}@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}@media (min-width:992px){.button_container{display:none!important}}.menu-custom{background-color:#60a5b7;position:relative;min-height:80px}#menu-menu .menu-item{padding:0 10px;color:#fff}#menu-menu .menu-item a{color:#fff;font-weight:300;font-size:13px}#menu-menu .menu-item a:hover{font-weight:400}#menu-menu .current_page_item a{font-weight:400}#menu-menu .menu-item a:hover{color:#fff}.navbar{padding:0!important}.navbar .navbar-brand{padding:0}.logo_{position:absolute;top:0}@media (max-width:991.98px){.logo_{max-width:220px}}.btn-custom{color:#fff;border-radius:32px;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;-o-border-radius:32px;font-weight:400!important;letter-spacing:.5px;padding:10px 20px 13px 20px;font-size:12px;display:inline-block}.btn-custom.btn-default{color:#60a5b7;background:0 0;border:2px solid #60a5b7}.btn-custom.btn-default:hover{color:#fff;background:#60a5b7;border:2px solid #60a5b7}.btn-custom.btn-white{color:#fff;background:0 0;border:2px solid #fff}.btn-custom.btn-white:hover{color:#60a5b7;background:#fff;border:2px solid #fff}.banner{background:url(../img/banner-topo-araujo-odontologia-estetica-maceio-alagoas.webp) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:350px}.banner h2{color:#fff;margin-top:180px;font-weight:300}.banner span{font-weight:700;border-bottom:3px solid #60a5b7}.clinic-tile{background:url(../img/clinic-bg.webp) no-repeat left center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:620px}.clinic-tile .container{height:620px}.clinic-tile h2{color:#60a5b7}.intern{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.intern h2{color:#60a5b7}@media (max-width:991.98px){.clinic-tile{background:#fff;height:auto}.clinic-tile .container{height:auto}.intern{padding-top:40px;background:#fff!important;height:auto!important}.intern .container{height:auto!important}}@media (min-width:992px){.intern{min-height:620px}.intern .container{height:620px}}