.button_container{width:96px;float:left;cursor:pointer;transition:opacity 0.25s ease;margin:0 0 0;position:absolute;top:85px;left:24px;z-index:999999999}.button_container .button_toggle{width:96px;float:left;background:#e94e1b;border-radius:80px;margin:0 0 0;padding:20px 20px 20px 18px}.button_container .button_line{width:15px;height:17px;float:left;margin:0 0 0}.button_container .button_text{float:right;font-size:13px;font-weight:700;color:#fff;letter-spacing:normal;line-height:1.24;margin:0 0 0;font-family:"Lexend",serif}.button_container.active .button_text{color:#fff}.button_container.active .button_line .top{width:100%;background:#fff;transform:rotate(45deg) translate(5px,5px)}.button_container.active .button_line .middle{opacity:0;display:none;background:#fff}.button_container.active .button_line .bottom{width:100%;background:#fff;transform:rotate(-45deg) translate(-3px,3px)}.button_container .button_line span{width:100%;height:3px;float:left;background:#fff;border-radius:18px;transition:all 400ms cubic-bezier(.84,.06,.52,1.8);cursor:pointer;margin:0 0 0;position:relative}.button_container .button_line span:nth-of-type(2){width:10px;margin:4px 0 4px}.overlay{width:100%;height:0%;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s,height 0.35s;overflow:hidden;position:fixed;top:0;left:0;z-index:99999999}.overlay:after{content:"";width:60%;float:right;background:no-repeat right bottom / 80%;opacity:.1;margin:0 0 0;padding:0 0 60%;position:absolute;right:0;bottom:0;z-index:-9}.overlay.open{opacity:1;visibility:visible;height:100%}.overlay.open li{animation:fadeInRight 0.5s ease forwards;animation-delay:0.35s}.overlay.open li:nth-of-type(2){animation-delay:0.4s}.overlay.open li:nth-of-type(3){animation-delay:0.45s}.overlay.open li:nth-of-type(4){animation-delay:0.5s}.overlay.open li:nth-of-type(5){animation-delay:0.55s}.overlay.open li:nth-of-type(6){animation-delay:0.6s}.overlay.open li:nth-of-type(7){animation-delay:0.65s}.overlay.open li:nth-of-type(8){animation-delay:0.7s}.overlay.open li:nth-of-type(9){animation-delay:0.75s}.overlay.open li:nth-of-type(10){animation-delay:0.8s}.overlay.open li:nth-of-type(11){animation-delay:0.85s}.overlay.open li:nth-of-type(12){animation-delay:0.9s}.overlay.open li:nth-of-type(13){animation-delay:0.95s}.overlay.open li:nth-of-type(14){animation-delay:1s}.overlay.open li:nth-of-type(15){animation-delay:1.25s}.overlay.open li:nth-of-type(16){animation-delay:1.5s}.overlay nav{width:46%;float:right;transform:translateY(-50%);margin:0 0 0;position:relative;top:50%;right:4%;z-index:9}.overlay ul li{opacity:0}.overlay-back{width:42%;height:100%;float:left;background:url(/wp-content/themes/suttondental/images/dental-implants-thumb.png) no-repeat center / 85.3%;margin:0 0 0;position:absolute;top:0;left:0;background-size:85.3%!important}.overlay-back:after{content:"";width:41.8%;float:right;background:url(/wp-content/themes/suttondental/images/implants-logo-shape.svg) no-repeat center / 100%;margin:0 0 0;padding:0 0 62%;position:absolute;top:33.1%;right:.4%}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}@media screen and (max-width:480px){.button_container{width:94px;position:fixed;top:16px;left:5%}.button_container .button_toggle{width:94px;padding:16px 20px 16px 18px}.button_container .button_text{font-size:11px;line-height:1.5}.overlay{width:100%;text-align:center;margin:0 0 0}.overlay:after{width:150%;margin:0 0 0;padding:0 0 150%}.overlay-back{width:100%;display:none;margin:0 0 0}.overlay nav{width:100%;margin:0 0 0;right:0}}@media screen and (min-width:481px) and (max-width:600px){.button_container{width:94px;position:fixed;top:16px;left:5%}.button_container .button_toggle{width:94px;padding:16px 20px 16px 18px}.button_container .button_text{font-size:11px;line-height:1.5}.overlay{width:100%;text-align:center;margin:0 0 0}.overlay:after{width:150%;margin:0 0 0;padding:0 0 150%}.overlay-back{width:100%;display:none;margin:0 0 0}.overlay nav{width:100%;margin:0 0 0;right:0}}@media screen and (min-width:601px) and (max-width:767px){.button_container{width:94px;position:fixed;top:16px;left:5%}.button_container .button_toggle{width:94px;padding:16px 20px 16px 18px}.button_container .button_text{font-size:11px;line-height:1.5}.overlay{width:100%;text-align:center;margin:0 0 0}.overlay:after{width:150%;margin:0 0 0;padding:0 0 150%}.overlay-back{width:100%;display:none;margin:0 0 0}.overlay nav{width:100%;margin:0 0 0;right:0}}@media screen and (min-width:768px) and (max-width:900px){.button_container{width:51px;top:49px;left:3%}.button_container .button_text{display:none}.button_container .button_toggle{width:51px;padding:20px 18px 20px 18px}.overlay-back:after{top:53%;right:-1.6%;transform:translateY(-50%)}}@media screen and (min-width:901px) and (max-width:1024px){.button_container{width:51px;top:61px;left:3%}.button_container .button_text{display:none}.button_container .button_toggle{width:51px;padding:20px 18px 20px 18px}.overlay-back:after{top:40%;right:0%}}@media screen and (min-width:1025px) and (max-width:1240px){.button_container{width:51px;top:73px;left:3%}.button_container .button_text{display:none}.button_container .button_toggle{width:51px;padding:20px 18px 20px 18px}.overlay-back:after{top:35.1%;right:-1.6%}}@media screen and (min-width:1241px) and (max-width:1340px){.button_container{width:51px;left:3%}.button_container .button_text{display:none}.button_container .button_toggle{width:51px;padding:20px 18px 20px 18px}}