@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700);
@import url(https://use.typekit.net/pvo2hea.css);
body {font-family: 'Open Sans',sans-serif;padding: 0;font-size: 16px;color: var(--main-navy);}
:root {
  --main-red: #f93500;
  --main-turquoise: #3BD0EA;
  --main-blue: #01718f;
  --light-blue: #8cdfe6;
  --main-navy: rgb(0,58,68);
  --transparent-navy: rgba(0, 58, 68, .5);
  --light-shadow: 0 9px 6px -7px rgb(0,58,68);
  --heavy-shadow: 0px 9px 16px -2px #777;
  --inset-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  --light-bg: rgba(207,246,255,1.00);
  --milan-secondary-blue: #90d5d5;
}
/*******	Classes 	*******/
h1, h2, h3, h4, h5:not(h5.footer-card-title), h6 {font-family: brandon-grotesque, sans-serif;font-weight: 400;font-style: normal;}
a {text-decoration: none !important;}
a[href^="tel:"] {
  white-space: nowrap;
}
h2 {font-weight: 300 !important;}
ul{list-style: disc outside;}
.light-blue {color: var(--light-blue) !important;}
a.light-blue:hover {text-decoration: none !important;}
.main-blue {color: var(--main-blue);}
.blue-bg {background-color: var(--main-blue) !important;}
.navy {color: var(--main-navy) !important;}
.light-shadow {box-shadow: var(--light-shadow);}
.inset-shadow{box-shadow: var(--inset-shadow);}
.milan-btn{
  display: block; color: #fff; padding: 10px 20px; width: 270px;font-size: .9rem; line-height: 1.5rem !important;
  text-align: center; box-shadow: var(--light-shadow); border: none; transition: all 200ms ease-in-out;
}
.fw-500 { font-weight: 500 !important; }
.fw-800 { font-weight: 800 !important; }
.milan-btn:hover {box-shadow: 0 10px 6px -6px rgba(0,58,68,.7); border: none; color: #fff !important;}
.cta-btn {border: none;	transition: all 150ms ease-in-out;}
.cta-btn:focus {outline: none;}
.navy-bg{background-color: var(--main-navy);}
.text-all-bg {background: rgba(255, 255, 255, .6);padding: 15px;}
.text-all-bg p:last-child {margin-bottom: 0;}
.subhead-tag {background: var(--main-blue); color: #fff; padding: 10px; text-align: center;}
.navy-bg-btn{background: var(--main-navy);}
.navy-bg-btn:hover{background: var(--main-blue);}
.red-bg-btn{background: var(--main-red);color: #fff;}
.red-bg-btn:hover{color: #fff; background: var(--main-turquoise);}
.light-btn {background: var(--main-turquoise);color: #fff;}
.light-btn:hover {background: var(--main-red); color: #fff;}
.navy-btn { color: var(--main-navy) !important; border: 1.5px solid var(--main-navy);}
.navy-btn:hover {background: var(--main-navy);}
.full-section {width: 100% !important;padding: 50px 0;line-height: 1.7rem;}
.transparent-bg {background: rgba(255, 255, 255, .7);}
.light-blue-bg {background-color: #F2FAFD;}
.anchor-blue a {color: var(--main-blue); cursor: pointer;}
.background {background-size: cover;background-repeat: no-repeat;}
.ocean-bg {background-image: url(https://milanlaser.com/images/bg-plain-ocean.jpg);	background-position: bottom center;}
.section-divider {background:url(https://milanlaser.com/images/section-divider.png); background-size:cover;}
.locations-banner {background-image: url(https://milanlaser.com/images/alllocationsbanner-bkg.png); background-color: var(--main-navy); background-size: contain; background-position: center; background-repeat: no-repeat;}
.arranimate > span {
  background: url(https://milanlaser.com/images/chevron-right-solid_v1.png); margin-bottom: 3px;
  margin-left: 20px; width: 8px; height: 10px; display: inline-block; opacity: 1; position: relative;
}
.arranimate > span::before, .arranimate > span::after {
  content: ""; width: 8px;height: 10px;position: absolute;
  background: url(https://milanlaser.com/images/chevron-right-solid_v1.png);
}
.arranimate > span::before {opacity: .8; margin-left: -10px;}
.arranimate > span:after {opacity: .6;margin-left: -16px;}
.arranimate:hover span{animation: animate-arrow-1 1s ease-in-out infinite;}
.arranimate:hover span::before {animation: animate-arrow-2 1s ease-in-out .1s infinite;}
.arranimate:hover span::after {animation: animate-arrow-3 1s ease-in-out .2s infinite;}
@keyframes animate-arrow-1{0%{transform:translateX(-40px);opacity:0}100%,70%{transform:translateX(0);opacity:1}}
@keyframes animate-arrow-2{0%{transform:translateX(-20px);opacity:0}100%,70%{transform:translateX(0);opacity:.5}}
@keyframes animate-arrow-3{0%{transform:translateX(-10px);opacity:0}100%,70%{transform:translateX(0);opacity:.3}}
/*******************************/
header{background: var(--main-navy); width: 100%; z-index: 1000; position: fixed; top: 0;}
header nav{position: relative;}
nav .menu-wrapper {
  position: relative; display: inline-block; margin-bottom: 0; padding-left: 0;
}
nav .menu-wrapper .menu-item {position: relative; display: inline-block;}
nav .menu-wrapper .menu-item:hover .menu-link > a,
nav .menu-wrapper .menu-item:hover .menu-link > .caret-icon {color: var(--main-turquoise);}
nav .menu-wrapper .menu-item .menu-link a{
  color: #fff; font-weight: 700; font-size: 14px;font-family: "Roboto", sans-serif; padding: 25px 10px;
}
nav .menu-wrapper .menu-item .caret-icon { color: #fff; padding: 5px 0px 5px 5px; cursor: pointer; float: right;}
nav .menu-wrapper .list-wrapper .menu-list .caret-icon.fa-caret-right {position: absolute; right: 0; top: 0;}
nav .menu-wrapper .list-wrapper {
  position: absolute;top: 67px;left: 0;transition: all 0.4s ease-in-out;
  overflow: hidden; transform-origin: top center;display: block;border: none !important;
  background-color: transparent;padding: 0;margin: 0;width: 100%;
}
nav .menu-wrapper .list-wrapper .menu-list {
  background: var(--main-navy);transition: all 0.4s ease-in-out;padding-left: 0 !important;
}
nav .menu-wrapper .list-wrapper .menu-list li > a {color: #fff;font-size: 14px; display: block; padding: 12px 15px;}
nav .menu-wrapper .list-wrapper li {display: block; border-bottom: 1px solid rgba(120, 120, 120, 0.2); position: relative;}
nav .menu-wrapper .list-wrapper li a {display: inline-block;}
nav .menu-wrapper .list-wrapper li a:hover {color: var(--main-turquoise);}
header nav .navbar-toggler {margin: 16px 0; padding-left: 10px;}
header nav .navbar-toggler:focus {outline-color: var(--main-turquoise);}
header nav .cta-btns {padding: 22px 0;}
header nav .header-tel a {color: #fff; transition: all .2s ease-in-out;}
header nav .header-tel a:hover {color: var(--main-turquoise);}
header nav .header-tel a i{color: var(--main-turquoise);}
.menu-item .list-wrapper .menu-list li > .sub-menu-wrapper {overflow: hidden;}
.menu-item .list-wrapper .menu-list > li > .sub-menu-wrapper > ul.sub-menu {
    background-color: var(--main-navy);color: #fff;transition: all 0.2s ease-in-out;
    margin-top: -500px;border-left: 1px solid #fff;border-right: 1px solid rgba(120, 120, 120, 0.2);
}
.submenu-slidedown {margin-top: 5px !important;}
#hero {
  background-image: url(https://milanlaser.com/images/home-hero-lg.jpg); max-height: 1000px; min-height: 750px; background-position: center; margin-top: 68px;
}
.hero {margin-top: 62px;}
#hero #logo {margin-top: 90px;}
#hero #logo img{max-width: 200px;}
#hero .slogan {font-size: 1.5rem; color: var(--main-blue); font-weight: 600; line-height: 3rem;}
#hero .address > div {color: var(--main-blue);}
#hero .card {
  color: var(--main-navy); background: rgba(255, 255, 255, .7); width: 400px;
  border: 2px solid var(--main-navy); border-radius: 0 !important; transition: all 150ms ease-in-out;
}
#hero .card .card-body {padding: .5rem 1rem;}
#hero .card-body > .cta-footer {background: var(--main-navy);transition: all 150ms ease-in-out;}
#hero .card:last-child {border: 2px solid var(--main-blue);	color: var(--main-blue);}
#hero .card:last-child .cta-footer {background: var(--main-blue);}
#hero .card:hover {border-color: var(--main-red);}
#hero .card:hover .cta-footer {background: var(--main-red);}
.top_badge {right: 0px;top: -2px; max-width: 150px;	z-index: 350;}
.top_badge img:hover {opacity: .8}
.divider {
	background: url(https://www.milanlaser.com/images/section-divider.png);
    background-size: contain;text-align: center;padding: 15px; margin: auto;
}
/***** Ticker *********/
.has-ticker {padding-top: 24px;}
.has-ticker header {padding-top: 24px !important;}
.ticker .row { height: 24px; background-color: #007592;}
.ticker {background-color: var(--main-blue); z-index: 2000; position: fixed; top: 0; width: 100%; overflow: hidden;}
.ticker .slide-slow {width:100%; overflow:hidden;color: #fff;}
.ticker .slide-slow > #ticker_msg {margin-bottom: 0;animation: slide-left 25s linear -2s infinite;padding-top:5px; font-size: 13px;}
/******* Home Page Special bar *****/
.special_bar {top: -70px;left: 0;text-align: center; animation: slideDown .4s ease-out 1.3s forwards normal;opacity: 1;}
.special_bar a { margin-top: 1px;}
.special_bar > a > .bar {
  position: relative; padding: 8px 20px 10px 10px; background: var(--main-red); margin-left: -8px; z-index: 1; display: inline-block; min-width: 300px;
}
.special_bar > a > .bell {
  position:relative;color:#fff;padding:8px 20px 10px 20px;vertical-align: baseline;background: var(--main-red);z-index: 2;display: inline-block;
}
.special_bar > a > .bell > i {position: absolute; animation: ring 300ms linear 0s infinite normal forwards;top: 12px;left: 15px;}
@keyframes alert {
  0% {transform: translateY(-50px) rotate(-90deg) scale(0.5);opacity: 0;}
  100% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;}
}
@keyframes ring {0%, 100% {transform: rotate(0);}25% {transform: rotate(-8deg);}75% {transform: rotate(8deg);}}
.location-slider .location-wrapper img {max-height: 300px;} 
/***** Fluid Typography ******/
.section-divider h1, .section-divider .h1 {
	font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.7;
}
.section-divider h3, .section-divider .h3 {font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));}
.section-divider h3 .fignum-lg {font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));}
.section-divider h4 {font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));}
#hero .card-body .card-text {font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));}
#hero .card-body span, #hero .card-body > .cta-footer {font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));}
.contact-hero h2 {font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));}
/***** End -  Fluid Typography ******/
.consent-msg{line-height: 1.1rem; font-size: 12px;}
.form-row > .form-group > label {font-size: 14px; margin-bottom: 0;}
/* ****		Contact Us Page: 	****/
.contact-hero .ribbon {
  position: relative; margin-right: -35px; margin-left: -35px; background: rgba(30,174,219,.9);
  border-radius: 5px; color: #fff; box-shadow: 3px 6px 8px -4px #888; padding: 15px;
}
.contact-hero .ribbon:after, .ribbon:before {
  content: ""; position: absolute; border: 7px solid #1eaedb; border-bottom-color: transparent; bottom: -11px;
}
.contact-hero .ribbon:before {left: 0;border-left-color: transparent;}
.contact-hero .ribbon:after {right: 0;border-right-color: transparent;}
/******* Contact Us Page - Social Media Section *********/
.social_h3 {margin-bottom: 8px;padding: 5px 15px;display: inline-block;border-radius: 4px;color: #fff;}
#fb > a > p {font-size: 1.6rem;padding: 30px 20px;line-height: 2.5rem;}
#fb_tw{min-height: 500px;margin-bottom: 20px;}
/******  Before After Pages 	******/
.ba-container .ba-slider {position: relative; overflow: hidden;}
.ba-container .ba-slider img {width: 100%; display: block; border: 6px solid var(--main-blue);}
.ba-container .ba-slider .resize {position: absolute;top: 0;left: 0;height: 100%;width: 50%;overflow: hidden;}
.ba-container .ba-slider .handle {position: absolute;left: 50%;top: 0;bottom: 0;width: 4px;margin-left: -2px;background: var(--main-blue);cursor: ew-resize;}
.ba-container .ba-slider .handle:after {
  position: absolute; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; content:'';
  text-align: center; background: var(--main-blue); background-image: url("https://milanlaser.com/testjc/images/arrows.png");
  background-repeat: no-repeat; background-position: center; background-size: 70%; border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 50%; transition: all 0.3s ease-in-out;
}
.draggable:after {width: 50px; height: 50px;}
/**** Sign Up Pop Up Modal *****/
.overlay {width: 100vw;height: 100vh;background: rgba(175,175,175,.5);position: fixed;top: 0;left: 0;z-index: 199;}
.popup_msg #x, .signup_form #x {position: absolute;cursor: pointer;top: 0;right: 4px;z-index: 99;font-size: 1.3em;}
.popup_msg{background:var(--main-blue);color:#fff}
.popup_msg, .signup_form {
  width: 95%;position: fixed;top: 55%;left: 50%;box-shadow: 0 0 20px 10px rgba(0,0,0,.3); box-sizing: border-box;
  transform: translate(-50%,-50%);overflow: hidden;background: #e8f6fb;border: 10px solid #fff;padding: 15px;display: none;
}
/* Consultation Form*/
#consult-form {background: var(--main-blue);}
#consult-form form {background: #F5FAFD;}
#consult-form > div p.light-blue {font-size: .9rem; line-height: 1.3rem;}
label.mailchimp {font-size: .75rem; line-height: 1rem;}
form #self_schedule:disabled, .contact-hero #finalButton:disabled {background: var(--main-red); opacity: .6; border: none; cursor: no-drop;}
form .red-bg-btn:disabled {background: var(--main-red); opacity: .6; border: none; cursor: no-drop;}
form #send_q:disabled {background-color: var(--main-turquoise); color: #fff; opacity: .6; cursor: no-drop;}
form i.fa-asterisk {color: var(--main-red);font-size: .5rem;}
form #msg_area {margin-top: -200px; opacity: .5; transition: all .6s ease-in-out 150ms;}
form .invalid-feedback {min-height: 30px;}
form .loader-wrapper {color: var(--main-turquoise); position: relative;}
form .loader,.loader:before,.loader:after {
  background: var(--main-turquoise);animation: load1 1s infinite ease-in-out;width: .5em; height: 1.5em;
}
form .loader {
  color: var(--main-turquoise); text-indent: -9999em; top: 7px; position: absolute;
  font-size: 5px;transform: translateZ(0); animation-delay: -0.16s;
}
#consult-form form .loader {top: 10px;}
form .loader:before,.loader:after {position: absolute;top: 0;content: '';}
form .loader:before {left: -1em;animation-delay: -0.32s;}
form .loader:after {left: 1em;}
/*Start - Quiz Page*/
.quiz-box .question-wrapper {
    position: relative;	perspective: 1500px;perspective-origin: bottom;
    z-index: 1;	overflow: hidden;width: 100%;flex: 0 0 auto;transition: all ease-in .5s;
}
.quiz-box .question > h4 > span {color: var(--main-blue);}
/*	Options Container 	*/
.quiz-box .options-container {
    transform-origin: bottom;transition: all .5s ease-in-out .1s;height: 260px;
	list-style: none;
}
.quiz-box .options-container .option {
	cursor: pointer; border-radius: 0; margin-bottom: 2px; padding-top: .8rem;
	padding-bottom: .8rem; border-top-width: 1px; line-height: 1.3rem;
}
.quiz-box .options-container .option.active {background-color: var(--main-blue); color: #fff;}
.quiz-box .fold-up {transform: rotateX(75deg) translateY(-100%);}
/*	Answers Container 	*/
.quiz-box .answers-container {
    position: absolute; transform-origin: top;transform: translateY(100px);
    transition: all .5s ease-in-out .1s;height: 260px; overflow: scroll;
}
.quiz-box .answers-container > .answer {display: none;}
.quiz-box .answers-container > .answer.active {	display: block;}
.quiz-box .answers-container > .answer > h4 {color: var(--main-blue);}
.quiz-box .answers-container .show-options-btn {
    color: var(--main-blue);cursor: pointer;margin-left: 8px;font-size: 12px;
}
/*	Next & Prev Buttons 	*/
.quiz-box .quiz-btns .navy-bg-btn{min-width: 120px;}
.quiz-box .quiz-btns {height: 40px;}
/*End - Quiz Page*/
@keyframes load1 {
	0%,80%,100% {box-shadow: 0 0;height: 1.5em;}
	40% {box-shadow: 0 -1em;height: 2em;}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
	.text-sm-bg {background: rgba(255, 255, 255, .6); padding: 20px;}
	.text-sm-bg p:last-child {margin-bottom: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.text-md-bg {background: rgba(255, 255, 255, .6); padding: 20px;}
	.text-md-bg p:last-child {margin-bottom: 0;}
	.special_bar {text-align: left}
	.milan-btn {width: 235px}
}
@media(min-width: 992px) {
  nav .menu-wrapper {display: inline-block !important;}
  nav .menu-wrapper > .menu-item {margin-right: -5px;}
  nav .menu-wrapper .menu-item .menu-link {
    position: relative;z-index: 1000;background-color: var(--main-navy); padding: 22px 10px; 
  }
  nav .menu-wrapper .list-wrapper {height: 0; overflow: visible; min-width: 200px;}
  nav .menu-wrapper .list-wrapper .menu-list {
    transform: translateY(-180%); margin-top: 1px !important; min-width: 200px;
  }
  nav .menu-item:hover .list-wrapper {height: auto;}
  nav .menu-item:hover .menu-list {transform: translateY(0%);}
  .menu-item .list-wrapper .menu-list > li > .sub-menu-wrapper {
      position: absolute;top: -700px;min-width: 175px;
  }
  .menu-item .list-wrapper .menu-list > li > .sub-menu-wrapper > ul.sub-menu {
      transform: translateX(-100%);border-left: 2px solid rgba(120, 120, 120, 0.5);
  }
  .menu-item .list-wrapper .menu-list > li:hover > .sub-menu-wrapper {top: -8px; left: 100%}
  .menu-item .list-wrapper .menu-list > li:hover > .sub-menu-wrapper > ul.sub-menu {
      margin-top: 0px;transform: translateX(0);
  }
  .menu-item .list-wrapper .menu-list > li:hover > .caret-icon {color: var(--main-turquoise);}
}
@media(min-width: 1200px) {
	.text-xl-bg-none {background: transparent !important; padding: 0 !important;}
	.text-xl-bg {background: rgba(255, 255, 255, .6); padding: 20px;}
	.text-xl-bg p:last-child{margin-bottom: 0;}
}
@media only screen and (max-width: 1600px) {#hero .card {width: 380px;}}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #hero .card {width: 350px;}
  header .cta-btns .header-tel {display: none !important;}
  .subhead-tag {font-size: 1.6rem;}
  .text-lg-bg {background: rgba(255, 255, 255, .6); padding: 20px;}
  .text-lg-bg p:last-child{margin-bottom: 0;}
}
@media only screen and (max-width: 991px) {
  h1 span.smaller {font-size: 1.8rem;}
  header nav .cta-btns {padding: 19px 0; margin-right: 15px;}
  header nav .menu-wrapper {
    position: absolute; width: 100%; top: 63px; left: 0px; display: none; padding-bottom: 5px; height: 90vh; overflow-y: scroll;
  }
  nav .menu-wrapper > .menu-item {display: block; padding: 0;border-bottom: 1px solid rgba(120, 120, 120, 0.2);  background: var(--main-navy);}
  nav .menu-wrapper > .menu-item:last-child {padding-bottom: 5px;}
  nav .menu-wrapper .list-wrapper {position: static; padding: 0;}
  nav .menu-wrapper .list-wrapper li:first-child {border-top: 1px solid rgba(120, 120, 120, 0.2);}
  nav .menu-wrapper .menu-list {
    margin-top: -400px; margin-left: 25px; margin-right: 54px; box-shadow: none !important;
	border-left: 2px solid #fff; border-right: 1px solid rgba(120, 120, 120, 0.2);
  }
  nav .menu-wrapper .menu-list.up-down {margin-top: 0px !important;}
  nav .menu-wrapper .menu-item .menu-link a {padding: 12px 12px 12px 25px; display: block;}
  nav .menu-wrapper .menu-item .caret-icon {
	position: absolute; right: 10px; top: 10px;
    padding: 5px 15px; background-color: var(--main-turquoise); border-radius: 2px;
  }
  nav .menu-wrapper .menu-item:hover .menu-link > .caret-icon {color: #fff; z-index: 10;}
  .special_bar > a > .bar {padding: 8px 20px 10px 10px; margin-left: -8px; animation: none;}
  #hero {margin-top: 62px;}
  #hero .card {width: 320px;}
  #hero .slogan {font-size: 1.4rem;line-height: 2.4rem;}
  #hero .address {font-size: 1rem}
  #hero .address i {font-size: 1.2rem}
  .subhead-sm, .subhead-tag {font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (991 - 300)));}
  #fb > a > p {font-size: 1.2rem;padding: 10px 20px;}
	.social_h3 {font-size: 1.4rem;}
  form #submit-btns button {max-width: 320px;}
}
@keyframes slideDown{0%{top: -70px;}80%{top: 10px;}100%{top: 0px;}}
@media (max-width: 576px) {
  h1 {font-size: 1.9rem; line-height: 2.5rem;}
  h1 span.smaller {font-size: 1.5rem;}
  h2.subhead-sm {font-weight: 600 !important; line-height: 2rem;}
  #hero {background-image: url(https://milanlaser.com/images/home-hero-sm.jpg); background-position: top; min-height: 650px;}
  #hero #logo {margin-top: 70px;}
  #hero #logo img {max-width: 170px;}
  #hero .slogan {font-size: 1rem;line-height: 1.4rem;}
  nav .menu-wrapper .menu-item .menu-link a {padding: 8px 12px;}
  nav .menu-wrapper .list-wrapper .menu-list li > a {padding: 8px 15px;}
  nav .menu-wrapper .menu-item .caret-icon {top: 8px;}
  .special_bar > a {font-size: 14px;}
  .special_bar > a > .bar {margin-left: 0;padding: 6px 15px;}
  #hero .address > div {font-size: .9rem;line-height: 1.8rem;}
  #hero .address i {display: none;}
  #hero .card {width: 100%; line-height: 1.3rem;}
/*  .consult-h2 {font-size: 1.5rem;}*/
  .text-bg {background: rgba(255, 255, 255, .6); padding: 15px;}
  .text-bg-mobile-none {background: transparent; padding: 15px;}
  .quiz-box .answers-container > .answer {box-shadow: none !important;}
  .quiz-box .answers-container .show-options-btn {margin-left: 0px;}
  .quiz-box .options-container .option {font-size: 14px;}
  .quiz-box .options-container .option > a > img {max-width: 70px;}
  .quiz-box .question-wrapper:last-child .list-group-item {padding: 0 !important; min-height: 70px;}
  .quiz-box .question-wrapper:last-child .list-group-item figcaption {display: inline;}
}
@media (max-width: 360px) {
  #hero #logo {margin-top: 63px;}
  #hero #logo img {max-width: 150px;}
  #hero .slogan {font-size: .8rem;}
  h1 {font-size: 1.7rem; line-height: 2.2rem;}
	.popup_msg, .signup_form{padding: 10px;}
}
@media (min-width: 1600px) {#hero {background-image: url(https://milanlaser.com/images/home-hero-xl.jpg); min-height: 850px;}}
/***************************** Footer Starts *****************************************/
footer {font-size: 10px;background-color: var(--main-navy);font-weight: 400;}
footer h2 {font-size: .9rem;font-weight: 600 !important;margin-top: 0 !important;letter-spacing:.05em;line-height:1.8em;}
footer a:hover {opacity: .7;}
.cards-wrapper {max-height: 425px;}
.footer-card {margin-bottom: .8em;padding-left: 10px;}
.footer-card > h5 {margin-bottom: 4px;font-size: 1.5em;font-weight: 600;letter-spacing: .05em;}
.footer-card > h5 > a {color: #fff !important;}
.footer-card > h5 > a:visited {color: #fff !important;}
.footer-card-body {display: none;}
.footer-card-body > a {display: block;color: var(--main-turquoise) !important;margin: 4px 0;}
.footer-social {width: 100%;margin: 0 20px;max-width: 180px;}
.footer-logo img {max-width: 150px;}
.footer-social-icons {max-width: 175px;}
.footer-social-icons > a > img {width: 45px;}
.footer-links {Letter-spacing: .05em; max-width: 90%;}
.footer-links p {margin-bottom: 8px;color: var(--main-turquoise);}
.fineprint {font-size: .9em;}
.footer-links a, .footer-links a:hover {color: #fff !important;}
@media (min-width: 401px) {.footer-links {font-size: 1em;}}
@media (min-width: 576px) {
  .text-all-bg {padding: 20px;}
  footer h2 {font-size: 1rem;}
  .cards-wrapper {max-height: 745px;}
  .footer-card-body {display: block;}
  .footer-card > h5, .footer-card-body {font-size: 1.2em;}
  .footer-social {width: 40%;}
  .footer-logo img {max-width: 170px;}
  .popup_msg, .signup_form {width: 450px;}
}
@media (min-width: 992px) {
  .cards-wrapper {max-height: 445px;}
  .footer-card > h5, .footer-card-body {font-size: 1.1em;}
}
/********    CSS for Header Search Buttons ******/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	  header .cta-btns .header-tel {display: inline-block!important;}
	}
	@media only screen and (min-width: 992px) and (max-width: 1200px) {
	  header .cta-btns .header-tel a:last-child {display: none !important;}
      nav .menu-wrapper .menu-item .menu-link {padding: 22px 5px}
      nav .menu-wrapper .menu-item .menu-link a {padding: 25px 5px}
	}
/***************************** Footer Ends *****************************************/

.embeddedServiceHelpButton .helpButton .uiButton{background-color:var(--main-red) !important;font-family:Verdana,sans-serif!important; border-radius: 0 !important;}.embeddedServiceHelpButton .helpButton .uiButton:focus{outline:1px solid var(--main-red) !important}.embeddedServiceSidebarMinimizedDefaultUI,.embeddedServiceSidebarMinimizedDefaultUI.helpButton{background-color:var(--main-red) !important;border-color:var(--main-red) !important}#helpButtonSpan span{text-transform:capitalize!important}.embeddedServiceSidebarMinimizedDefaultUI .minimizedText{font-size:.7em!important;font-weight:400!important}.embeddedServiceSidebarMinimizedDefaultUI{width:150px!important;min-width:8em!important}.embeddedServiceSidebarMinimizedDefaultUI .minimizedText{text-transform:capitalize!important}.embeddedServiceHelpButton .helpButton{bottom: 3px !important;}
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled { display: none !important; }