/* ==============={ FORM LAYOUT ELEMENTS }=============== */ fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; } legend { font-size: 1.2em; font-weight: bold; } textarea { min-height: 75px; } select { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; } input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px; } input[type="submit"] { font-size: 1.2em; padding: 5px; } /* ==============={ TABLE }=============== */ table { border-collapse: collapse; } /* ==============={ MISC }=============== */ .clear { clear: both; } .error { color: Red; } /* ==============={ Styles for validation helpers }=============== */ .field-validation-error { color: #ff0000; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } /* ==============={ Styles for File Management }=============== */ #DeleteSelectedFiles { background: none; border: 0; color: #2b94ff; cursor: pointer; } ul.FileManLinks li { display: inline; } ul.FileManLinks li a { text-decoration: underline; } p.FileManCwd { color: Gray; font-size: 1.2em; text-align: center; } ul.FileManOps li { display: inline; } ul.FileManip { margin-left: 150px; } ul.FileManip li { display: inline; padding: 0 3px; } #HelpOutput { border: 1px solid grey; margin-bottom: 20px; color: #2b94ff; } #FileManipSelectAllFiles { margin-left: 100px; } /* ==============={ Styles for Pagination }=============== */ #PaginationDisplay { } #PaginationDisplay a { } #PaginationDisplay .selected { } a:link { color: #2b235c; } a:visited { color: #2b235c; } a:hover { color: #e88a17; text-decoration: none; } a:active { color: #2b235c; } a img { outline: none; border: none; } a { outline: none; } /* tableContain DIV Construct */ #tableContain { } #firstRowTR { float: left; width: 100%; } #firstRowTR div { width: 25%; float: left; text-align: center; } #firstRowTR div.firstRowTRTD { width: 50%; } .tableContainDiv { width: 100%; float: left; clear: both; padding: 15px 0; } .tableContainDiv img { max-width: 20px; height: auto; } .firstTDText { width: 50%; float: left; text-align: center; } .firstTDText span { position: relative; top: -15px; } .firstTDText span.plusIcon { top: 0; } .otherTDText { width: 25%; float: left; text-align: center; } .otherTDText span { position: relative; top: -10px; } .bookIVVcard { text-align: center; width: 100%; float: left; background: linear-gradient(to bottom, #2c255f 0%, #191436 100%); color: #fff; } .bookIVVcard .org { font-weight: bold; font-size: 18px; color: #fff; display: block; } .bookIVVcard .adr { float: none; display: inline-block; text-align: center; font-size: 13px; letter-spacing: 1px; font-style: normal; } .bookIVVcard span { } .bookIVVcard a:link { color: #fff; } .bookIVVcard iframe { width: 50%; float: right; } .bookIVVcard #vcardLeft { float: left; width: 44%; margin: 0 2.5%; position: relative; top: 50%; transform: translateY(19%); } .bookIVVcard .hours { font-weight: bold; color: #fff; font-size: 15px; padding-top: 15px; display: block; } .bookIVVcard .hours p { font-size: 13px; font-weight: normal; margin: 3px 0; } .bookIVVcard .tel { font-weight: bold; letter-spacing: 1px; color: #fea330; } .bookIVVcard img { max-width: 80%; height: auto; margin: 0 auto; padding-bottom: 20px; } @media only screen and (max-width: 880px) { .bookIVVcard .org { font-size: 15px; } } @media only screen and (max-width: 730px) { .bookIVVcard iframe { width: 100%; float: right; clear: both; margin-top: 15px; } .bookIVVcard #vcardLeft { width: 95%; top: 0; transform: translateY(0%); } .bookIVVcard img { padding-top: 30px; } } @media only screen and (max-width: 550px) { #firstRowTR div.firstRowTRTD { width: 33% !important; } .firstTDText { width: 33% !important; } #firstRowTR div { width: 33% !important; } .otherTDText { width: 33% !important; } .firstTDText span { display: block; clear: both; top: 0; width: 100% !important; } } /* FriendRewards Table Styling */ #tableContain { max-width: 990px; margin: 0 auto; width: 100%; /*overflow-x:scroll;*/ display:inline-block; } #FriendRewards h1 { text-align: center; } .friendRewardsTop { text-align: center; margin-bottom: 30px; } .friendRewardsTop table { margin: 25px auto 55px; width: 990px; overflow: scroll; } .friendRewardsTop table img { display: inline-block; position: relative; top: 20px; } #firstRowTR { background: #40c9d3; border-top: 8px solid #40c9d3; border-bottom: 8px solid #40c9d3; color: #2b235c; font-weight: bold; } .firstTDText { font-size: 14px; color: #424242; } .otherTDText { color: #40c9d3; font-size: 20px; font-weight: 900; position: relative; top: 20px; } /* Additional Ingredients Styles JLB */ #IngredientsStream #secPageTitle { font-size: 80px; } .ingredientsContainer { display: block; clear: both; width: 100%; float: left; margin: 30px 0; } .ingredientBlock { display: block; height: 250px; position: relative; float: left; margin: 0; padding: 0; width: calc(100% / 5 - 2px); text-align: center; border: 1px solid #ebebeb; transition: all 0.2s ease; } .ingredientBlock:hover { background: url(/Content/images/hoverBGIMG.png) bottom left no-repeat #2c255f; transition: all 0.15s ease; } .ingredientBlock:hover .ingredientName { color: #01b7c4; } .ingredientBlock:hover .ingredientDescription { color: #fff; } /*.ingredientBlockInner {position:relative; top:50%; transform:translateY(-50%);}*/ .ingredientName { color: #2c255f; position: absolute; top: 10%; text-transform: uppercase; font-size: 22px; font-weight: 900; display: block; width: 95%; margin: 0 2.5%; letter-spacing: 1px; } .ingredientDescription { font-size: 14px; position: absolute; top: 40%; line-height: 2em; display: block; width: 95%; margin: 0 2.5%; } .ingredientLearnMore { height: 22px; position: absolute; bottom: 10%; margin-top: 10px; width: 100%; text-align: center; } .ingredientLearnMore a { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #01b7c4; text-decoration: none; } .ingredientLearnMore a:hover { text-decoration: underline; } #IngredientsStream #secPageLeft { background: #2c255f; } #IngredientsStream #secPageRight { border-bottom: 10px solid #2c255f; background: url(/Content/images/IVIngredientsBanner.jpg) center center no-repeat; } @media only screen and (max-width: 1550px) { #IngredientsStream #secPageLeft #secPageTitle { font-size: 70px; line-height: 1em; } .ingredientBlock { width: calc(100% / 4 - 2px); } } @media only screen and (max-width: 1350px) { #IngredientsStream #secPageLeft #secPageTitle { font-size: 53px; line-height: 1em; } } @media only screen and (max-width: 1250px) { .ingredientBlock { width: calc(100% / 3 - 2px); } } @media only screen and (max-width: 1050px) { #IngredientsStream #secPageLeft #secPageTitle { font-size: 46px; line-height: 1em; } } @media only screen and (max-width: 950px) { .ingredientBlock { width: calc(100% / 2 - 2px); } #IngredientsStream #secPageLeft #secPageTitle { font-size: 43px; line-height: 1em; } } @media only screen and (max-width: 850px) { #IngredientsStream #secPageLeft #secPageTitle { font-size: 36px; line-height: 1em; } } @media only screen and (max-width: 770px) { #IngredientsStream #secPageLeft #secPageTitle { font-size: 33px; line-height: 1em; } } @media only screen and (max-width: 640px) { .ingredientBlock { width: calc(100% / 1 - 2px); } #IngredientsStream #secPageLeft #secPageTitle { margin: 15px 0 18px; } } /* ============================================{ Custom site styles - SBM }================================================*/ /* html { scroll-behavior: smooth; } */ body { background: #fff; margin: 0; padding: 0; font-family: "Open Sans", sans-serif; overflow-x: hidden; } #contactSocWrap { float: right; height: 66px; } #headerAddrInfo { float: right; margin: 11px 10px 0 0; width: 160px; position: relative; height: 55px; } #headerNav { float: right; margin: 16px 8px 0 0; } #topHeaderBG { background: #fff; height: 66px; width: 100%; position: fixed; top: 0; z-index: 104; } #Home #topHeaderBG { background: url(/Content/images/headerBar.png) top center no-repeat; position: absolute; } #secLogo { display: block; width: 140px; height: 48px; float: left; margin: 10px 0 0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #secLogo:hover { opacity: 0.7; } #Home #secLogo { display: none; } #topNav { float: right; margin: 0; padding: 0; } #topNav li { float: left; list-style: none; border: 1px solid #d1d1d1; margin-left: -1px; } #topNav a { position: relative; display: block; margin: 0; outline: none; color: #362c74; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 11px; width: 150px; } #topNav a:hover, #topNav a:focus { outline: none; } #square-booking { position: relative; width: 100%; float: left; overflow: hidden; } .ftSectionAddr a { color: #fff; text-decoration: none; display: block; text-align: right; margin: 4px 0px 0 0; } /* For Captions Under Images */ .contentImgDiv { border-radius: 5px; margin: 10px 0 10px 10px; overflow: hidden; position: relative; box-sizing: border-box; } .contentImg { display: block; float: left; max-width: 100%; } .contentImgCaption { background: #2b235c; color: #fff; display: block; float: left; font-size: 13px; font-style: italic; height: auto; line-height: 1.3; margin: 0; padding: 8px 0; position: relative; width: 100%; text-align: center; box-sizing: border-box; } @media only screen and (min-width: 641px) { .spinEffect a { line-height: 30px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .spinEffect a span { position: relative; display: block; padding: 0; text-align: center; width: 100%; background: #fff; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .spinEffect a span::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #028c93; content: attr(data-hover); color: #fff; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .spinEffect a:hover span, .spinEffect a:focus span { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } .spinEffect a:hover span::before, .spinEffect a:focus span::before { background: #00b7c4; color: #fff; } } #topNav li ul { background: #00b7c4; margin: 0 0 0 -1px; padding: 0; max-height: 0px; overflow: hidden; position: absolute; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #topNav li ul li { border: none; float: none; } #topNav li ul li a { color: #fff; text-align: center; text-transform: none; height: 28px; line-height: 28px; width: 151px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topNav li ul li a:hover { background: #2c225f; } @media screen and (min-width: 641px) { #topNav li:hover ul { max-height: 570px; } } #topNav li ul#shotULDD li a { width: 225px; padding-left: 40px; padding-right: 12px; text-align: left; } #topNav li ul#ivULDD li a, #topNav li ul#locationsULDD li a { width: 154px; padding-left: 50px; padding-right: 12px; text-align: left; } #topNav li ul#advantageULDD li a { width: 167px; padding-left: 35px; padding-right: 12px; text-align: left; } #topNav li ul#aboutULDD li a { width: 153px; padding-left: 0px; padding-right: 0px; text-align: center; } #topNav li ul#bookULDD li a { width: 200px; } @media only screen and (max-width: 1500px) { #Home #topNav a { width: 130px; } #Home #topNav li ul#shotULDD li a { padding-left: 31px; } #Home #topNav li ul#ivULDD li a, #topNav li ul#locationsULDD li a { padding-left: 41px; } #Home #topNav li ul#advantageULDD li a { padding-left: 25px; } } /*Changed from 1300 to 1350 02/08/18 AW*/ @media only screen and (max-width: 1550px) { #topNav a, #Home #topNav a { width: 100px; } #topNav li ul#shotULDD li a, #Home #topNav li ul#shotULDD li a { width: 223px; padding-left: 23px; padding-right: 0px; } #topNav li ul#ivULDD li a, #Home #topNav li ul#ivULDD li a, #topNav li ul#locationsULDD li a { width: 152px; padding-left: 33px; padding-right: 0px; } #topNav li ul#advantageULDD li a, #Home #topNav li ul#advantageULDD li a { width: 176px; padding-left: 19px; padding-right: 0px; } #topNav li ul#aboutULDD li a { padding-left: 6px; } } @media only screen and (max-width: 1200px) { #Home #headerAddrInfo { width: auto; margin-top: 5px; right: 245px; position: absolute; } #Home #headerNav { margin-top: 29px; } #Home #phoneNum { font-size: 15px; } #Home #addressTop { margin: 5px 12px 0 0; } #hoursTop { background: none; bottom: auto; color: #362e71; font-size: 14px; height: auto; letter-spacing: 1px; margin-left: auto; padding: 0; position: relative; width: auto; } } /*Changed from 990 to 1100 02/08/18 AW*/ @media only screen and (max-width: 1200px) { #headerAddrInfo { width: auto; margin-top: 5px; right: 245px; position: absolute; } #headerNav { margin-top: 29px; } #phoneNum { font-size: 15px; } #addressTop { margin: 5px 12px 0 0; } } @media only screen and (max-width: 1050px) { } /*Changed from 900 to 1000 02/08/18 AW*/ @media only screen and (max-width: 1000px) { #Home #headerAddrInfo { right: 150px; } #topNav li ul#aboutULDD li a { padding-left: 0px; width: 134px; } #treatmentShotsWrap .TreatmentShotListBox { width: 32%; } #treatmentShotsWrap .TreatmentShotIcon { width: 140px; height: 140px; } #treatmentShotsWrap .TreatmentShotIcon img { width: 115px; } #treatmentShotsWrap .TreatmentShotHeadline { font-size: 1.2em; } } @media only screen and (max-width: 850px) { #treatmentShotsWrap .TreatmentShotListBox { width: 30%; } #treatmentShotsWrap .TreatmentShotHeadline { font-size: 1em; line-height: 1em; padding: 0 5px; } } @media only screen and (max-width: 640px) { #treatmentShotsWrap .TreatmentShotListBox { width: calc(50% - 1px); min-height: 150px; max-height: 150px; margin: 0; border-bottom: 1px solid #b0b0b0; } #treatmentShotsWrap .TreatmentShotHeadline { } #treatmentShotsWrap .TreatmentShotListBox:nth-child(odd) { border-right: 1px solid #b0b0b0; } #treatmentShotsWrap .TreatmentShotListBox:last-child { margin-bottom: 3px; width: 100%; border-bottom: none; border-right: none; } #treatmentShotsWrap .TreatmentShotIcon { margin-top: 15px; width: 70px; height: 70px; } #treatmentShotsWrap .TreatmentShotIcon img { width: 50px; } .TreatmentShotIcon .mobile-icon { display: none !important; } } @media only screen and (max-width: 550px) { .contentImgDiv { float: none !important; clear: both; margin: 0 auto; } #mainContentArea { display: block; clear: both; } } @media only screen and (max-width: 480px) { #treatmentShotsWrap .TreatmentShotListBox { min-height: 65px; max-height: 65px; } #treatmentShotsWrap .TreatmentShotIcon { margin-top: 0; width: 25px; height: 18px; background: transparent !important; } #treatmentShotsWrap .TreatmentShotListBox:last-child { width: 100%; } #treatmentShotsWrap .TreatmentShotIcon img { width: 100%; margin-top: 0; } .TreatmentShotIcon .desktop-icon { display: none !important; } .TreatmentShotIcon .mobile-icon { display: block !important; } #treatmentShotsWrap .TreatmentShotHeadline { margin-top: 5px; font-size: 13px; font-weight: 600; } } @media only screen and (max-width: 350px) { #treatmentShotsWrap .TreatmentShotHeadline { font-size: 12px; } } /* Image Grid (table replacement) styling */ .row { /* max-width:1050px;*/ margin: 0 auto; width: 95%; } .col { text-align: center; display: inline-block; width: 24%; margin: 0; } @media only screen and (max-width: 1100px) { .col { width: 33%; float: left; } } @media only screen and (max-width: 850px) { .col { width: 50%; float: left; } } @media only screen and (max-width: 560px) { .col { width: 100%; float: left; } } #menuTL { display: none; height: 57px; position: absolute; right: 9px; top: 4px; width: 59px; } #nav-toggle { float: left; width: 100%; cursor: pointer; } .contain { background: #2b235c; border-radius: 9px; display: block; height: 57px; position: relative; } #menuTL.clicked .contain { background: #e88a17; } #nav-toggle .menuX, #nav-toggle .menuX::before, #nav-toggle .menuX::after { background: #fff; border-radius: 3px; content: ""; display: block; height: 4px; left: 15px; position: absolute; top: 27px; width: 29px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } #nav-toggle .menuX:before { left: 0; top: -9px; } #nav-toggle .menuX::after { top: 9px; left: 0px; } #nav-toggle.active .menuX { background: transparent; } #nav-toggle.active .menuX::before { top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #b55700; } #nav-toggle.active .menuX::after { top: 10px; -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); background: #b55700; } #nav-toggle #textMenu, #nav-toggle #textClose { color: #fff; font-size: 12px; left: 12%; letter-spacing: 1px; margin-top: 0; position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } #nav-toggle #textMenu { opacity: 1; } #nav-toggle #textClose { letter-spacing: 1px; opacity: 0; } #nav-toggle:hover #textMenu, #nav-toggle:active #textMenu { color: #fdfffc; } .clicked #nav-toggle #textMenu { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .clicked #nav-toggle #textClose { opacity: 1; color: #fff2ad; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .ppEventsWrap { float: left; width: 100%; } .ppEventType { width: 130px; margin-right: 10px; display: inline-block; float: left; } .ppEvent { background: #00b7c4; height: 100px; width: 100px; border-radius: 50%; display: block; text-align: center; overflow: hidden; margin: 0 auto; } .ppEvent img { width: 90px; margin-top: 3px; } .ppEventTitle { width: 100%; text-align: center; display: block; margin-top: 10px; line-height: 15px; color: #00b7c4; font-size: 13px; font-weight: 600; } @media only screen and (max-width: 990px) { .ppEventType { margin: 9px 0; width: 33%; } } #backgroundImgContact { width: 100%; position: relative; text-align: center; top: 0; padding-top: 66px; background: url(/Content/images/contactHydrationWellnessExperts.jpg) right top/1920px auto no-repeat; } #backgroundImgContact img { width: 85%; max-width: 425px; display: block; margin: 0 auto; } .Book .main-content { display: block; float: left; width: 100%; margin: 25px 0 0; } #backgroundImg { width: 100%; position: relative; text-align: center; top: 0; overflow: hidden; } #backgroundImg img { max-width: 2000px; width: 100%; } .homepageIVCatRotatorWrap { width: 100%; position: absolute; clear: both; } @media only screen and (min-width: 2000px) { #backgroundImg { height: 820px; } } @media only screen and (max-width: 2000px) { #backgroundImg { height: 811px; } } /*-9*/ @media only screen and (max-width: 1980px) { #backgroundImg { height: 802px; } } /*-9*/ @media only screen and (max-width: 1960px) { #backgroundImg { height: 793px; } } /*-9*/ @media only screen and (max-width: 1940px) { #backgroundImg { height: 784px; } } /*-9*/ @media only screen and (max-width: 1920px) { #backgroundImg { height: 775px; } } /*-9*/ @media only screen and (max-width: 1900px) { #backgroundImg { height: 767px; } } /*-8*/ @media only screen and (max-width: 1880px) { #backgroundImg { height: 759px; } } /*-8*/ @media only screen and (max-width: 1860px) { #backgroundImg { height: 751px; } } /*-8*/ @media only screen and (max-width: 1840px) { #backgroundImg { height: 743px; } } /*-8*/ @media only screen and (max-width: 1820px) { #backgroundImg { height: 735px; } } /*-8*/ @media only screen and (max-width: 1800px) { #backgroundImg { height: 727px; } } /*-8*/ @media only screen and (max-width: 1780px) { #backgroundImg { height: 719px; } } /*-8*/ @media only screen and (max-width: 1760px) { #backgroundImg { height: 711px; } } /*-8*/ @media only screen and (max-width: 1740px) { #backgroundImg { height: 703px; } } /*-8*/ @media only screen and (max-width: 1720px) { #backgroundImg { height: 695px; } } /*-8*/ @media only screen and (max-width: 1700px) { #backgroundImg { height: 686px; } } /*-9*/ @media only screen and (max-width: 1680px) { #backgroundImg { height: 677px; } } /*-9*/ @media only screen and (max-width: 1660px) { #backgroundImg { height: 668px; } } /*-9*/ @media only screen and (max-width: 1640px) { #backgroundImg { height: 660px; } } /*-8*/ @media only screen and (max-width: 1620px) { #backgroundImg { height: 652px; } } /*-8*/ @media only screen and (max-width: 1600px) { #backgroundImg { height: 644px; } } /*-8*/ @media only screen and (max-width: 1580px) { #backgroundImg { height: 636px; } } /*-8*/ @media only screen and (max-width: 1560px) { #backgroundImg { height: 628px; } } /*-8*/ @media only screen and (max-width: 1540px) { #backgroundImg { height: 619px; } } /*-9*/ @media only screen and (max-width: 1520px) { #backgroundImg { height: 611px; } } /*-8*/ @media only screen and (max-width: 1500px) { #backgroundImg { height: 603px; } } /*-8*/ @media only screen and (max-width: 1480px) { #backgroundImg { height: 595px; } } /*-8*/ @media only screen and (max-width: 1460px) { #backgroundImg { height: 587px; } } /*-8*/ @media only screen and (max-width: 1440px) { #backgroundImg { height: 579px; } } /*-8*/ @media only screen and (max-width: 1420px) { #backgroundImg { height: 570px; } } /*-9*/ @media only screen and (max-width: 1400px) { #backgroundImg { height: 562px; } } /*-8*/ @media only screen and (max-width: 1380px) { #backgroundImg { height: 554px; } } /*-8*/ @media only screen and (max-width: 1360px) { #backgroundImg { height: 546px; } } /*-8*/ @media only screen and (max-width: 1340px) { #backgroundImg { height: 538px; } } /*-8*/ @media only screen and (max-width: 1320px) { #backgroundImg { height: 529px; } } /*-9*/ @media only screen and (max-width: 1300px) { #backgroundImg { height: 521px; } } /*-8*/ @media only screen and (max-width: 1280px) { #backgroundImg { height: 513px; } } /*-8*/ @media only screen and (max-width: 1260px) { #backgroundImg { height: 505px; } } /*-8*/ @media only screen and (max-width: 1240px) { #backgroundImg { height: 497px; } } /*-8*/ @media only screen and (max-width: 1220px) { #backgroundImg { height: 488px; } } /*-9*/ @media only screen and (max-width: 1200px) { #backgroundImg { height: 480px; } } /*-8*/ @media only screen and (max-width: 1180px) { #backgroundImg { height: 472px; } } /*-8*/ @media only screen and (max-width: 1160px) { #backgroundImg { height: 464px; } } /*-8*/ @media only screen and (max-width: 1140px) { #backgroundImg { height: 456px; } } /*-8*/ @media only screen and (max-width: 1120px) { #backgroundImg { height: 448px; } } /*-8*/ @media only screen and (max-width: 1100px) { #backgroundImg { height: 440px; } } /*-8*/ @media only screen and (max-width: 1080px) { #backgroundImg { height: 432px; } } /*-8*/ @media only screen and (max-width: 1060px) { #backgroundImg { height: 424px; } } /*-8*/ @media only screen and (max-width: 1040px) { #backgroundImg { height: 416px; } } /*-8*/ @media only screen and (max-width: 1020px) { #backgroundImg { height: 408px; } } /*-8*/ @media only screen and (max-width: 1000px) { #backgroundImg { height: 400px; } } /*-8*/ @media only screen and (max-width: 980px) { #backgroundImg { height: 392px; } } /*-8*/ @media only screen and (max-width: 960px) { #backgroundImg { height: 384px; } } /*-8*/ @media only screen and (max-width: 940px) { #backgroundImg { height: 376px; } } /*-8*/ @media only screen and (max-width: 920px) { #backgroundImg { height: 368px; } } /*-8*/ @media only screen and (max-width: 900px) { #backgroundImg { height: 360px; } } /*-8*/ @media only screen and (max-width: 880px) { #backgroundImg { height: 351px; } } /*-9*/ @media only screen and (max-width: 860px) { #backgroundImg { height: 343px; } } /*-8*/ @media only screen and (max-width: 840px) { #backgroundImg { height: 334px; } } /*-9*/ @media only screen and (max-width: 820px) { #backgroundImg { height: 326px; } } /*-8*/ @media only screen and (max-width: 800px) { #backgroundImg { height: 318px; } } /*-8*/ @media only screen and (max-width: 780px) { #backgroundImg { height: 310px; } } /*-8*/ @media only screen and (max-width: 760px) { #backgroundImg { height: 301px; } } /*-9*/ @media only screen and (max-width: 740px) { #backgroundImg { height: 293px; overflow: hidden; } } /*-8*/ @media only screen and (max-width: 720px) { #backgroundImg { height: 285px; } } /*-8*/ @media only screen and (max-width: 700px) { #backgroundImg { height: 277px; } } /*-8*/ @media only screen and (max-width: 680px) { #backgroundImg { height: 269px; } } /*-8*/ @media only screen and (max-width: 660px) { #backgroundImg { height: 261px; } } /*-8*/ @media only screen and (max-width: 640px) { #backgroundImg { height: 244px; } } /*-17*/ @media only screen and (max-width: 620px) { #backgroundImg { height: 234px; } } /*-10*/ @media only screen and (max-width: 600px) { #backgroundImg { height: 225px; } } /*-9*/ @media only screen and (max-width: 580px) { #backgroundImg { height: 217px; } } /*-9*/ @media only screen and (max-width: 560px) { #backgroundImg { height: 209px; } } /*-9*/ @media only screen and (max-width: 540px) { #backgroundImg { height: 200px; } } /*-9*/ @media only screen and (max-width: 520px) { #backgroundImg { height: 192px; } } /*-8*/ @media only screen and (max-width: 500px) { #backgroundImg { height: 184px; } } /*-8*/ @media only screen and (max-width: 480px) { #backgroundImg { height: 177px; } } /*-7*/ @media only screen and (max-width: 460px) { #backgroundImg { height: 170px; } } /*-7*/ @media only screen and (max-width: 440px) { #backgroundImg { height: 164px; } } /*-6*/ @media only screen and (max-width: 420px) { #backgroundImg { height: 154px; } } /*-10*/ @media only screen and (max-width: 400px) { #backgroundImg { height: 148px; } } /*-6*/ @media only screen and (max-width: 380px) { #backgroundImg { height: 142px; } } /*-6*/ @media only screen and (max-width: 360px) { #backgroundImg { height: 134px; } } /*-8*/ @media only screen and (max-width: 340px) { #backgroundImg { height: 128px; } } /*-8*/ @media only screen and (max-width: 320px) { #backgroundImg { height: 120px; } } /*-8*/ #hydrationWellnessImg { position: absolute; bottom: 0; left: 0; width: 48%; max-width: 952px; margin-left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #hydrationWellnessImg img { width: 100%; max-width: 952px; } #performanceWellnessImg { position: absolute; bottom: 0; left: 0; width: 48%; max-width: 952px; margin-left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #performanceWellnessImg img { width: 100%; max-width: 952px; } #rescueWellnessImg { position: absolute; bottom: 0; left: 0; width: 48%; max-width: 952px; margin-left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #rescueWellnessImg img { width: 100%; max-width: 952px; } #reliefWellnessImg { position: absolute; bottom: 0; left: 0; width: 48%; max-width: 952px; margin-left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #reliefWellnessImg img { width: 100%; max-width: 952px; } .homeBGCatImage { opacity: 1; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease; } .homepageIVCatRotatorWrap { opacity: 0; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease; } .homepageIVCatRotatorWrap.active { z-index: 2; opacity: 1; } .homepageIVCatRotatorWrap.active #hydrationWellnessImg, .homepageIVCatRotatorWrap.active #performanceWellnessImg, .homepageIVCatRotatorWrap.active #rescueWellnessImg, .homepageIVCatRotatorWrap.active #reliefWellnessImg { margin-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 1s; transition-delay: 1s; } .IVinfoTextWrap { float: left; width: 74%; margin-left: -3.5%; } .IVcatInfoWrap { position: absolute; margin: 16% 0 0 5%; } .IVinfoIcon { float: left; width: 23%; text-align: left; } #hydrationWellnessImg .IVinfoIcon img { width: 100%; max-width: 193px; } .IVinfoCatType { color: #fff; float: left; /*font-size: 124px;*/ font-size: 6.5vw; font-weight: 800; height: 124px; line-height: 115px; text-align: left; width: 100%; } .IVinfoSmallDesc { color: #2b235c; float: left; /*font-size: 23px;*/ font-size: 1.2vw; font-weight: 600; letter-spacing: 2px; margin-top: -8px; padding-left: 7px; text-align: left; width: 96%; } #performanceWellnessImg .IVinfoSmallDesc, #rescueWellnessImg .IVinfoSmallDesc { font-size: 1.1vw; letter-spacing: 1px; } @media only screen and (max-width: 1000px) { #performanceWellnessImg .IVinfoSmallDesc, #rescueWellnessImg .IVinfoSmallDesc { font-size: 1vw; letter-spacing: 1px; } } @media only screen and (max-width: 950px) { #performanceWellnessImg .IVinfoSmallDesc, #rescueWellnessImg .IVinfoSmallDesc { font-size: 0.9vw; } } @media only screen and (max-width: 900px) { #performanceWellnessImg .IVinfoSmallDesc, #rescueWellnessImg .IVinfoSmallDesc { letter-spacing: 0px; } } .IVinfoBigDesc { color: #2b235c; float: left; /*font-size: 38px;*/ font-size: 2vw; font-weight: 700; margin-top: -10px; padding-left: 5px; text-align: left; width: 96%; } @media only screen and (max-width: 1750px) { .IVinfoCatType { margin-top: -7px; } } @media only screen and (max-width: 1650px) { .IVinfoCatType { margin-top: -12px; } .IVinfoSmallDesc { margin-top: -14px; } } @media only screen and (max-width: 1550px) { .IVinfoCatType { margin-top: -13px; } } @media only screen and (max-width: 1450px) { .IVinfoCatType { margin-top: -14px; } .IVinfoSmallDesc { margin-top: -21px; } } @media only screen and (max-width: 1350px) { .IVinfoCatType { margin-top: -18px; } } @media only screen and (max-width: 1250px) { .IVinfoCatType { margin-top: -21px; } .IVinfoSmallDesc { margin-top: -26px; } } @media only screen and (max-width: 1150px) { .IVinfoCatType { margin-top: -25px; } .IVinfoSmallDesc { margin-top: -29px; } .IVinfoBigDesc { margin-top: -16px; } } @media only screen and (max-width: 1050px) { .IVinfoCatType { margin-top: -30px; } .IVinfoSmallDesc { margin-top: -31px; } .IVcatInfoWrap { margin-top: 12%; } } @media only screen and (max-width: 950px) { .IVinfoCatType { margin-top: -31px; } .IVinfoSmallDesc { font-size: 1.4vw; margin-top: -40px; padding-left: 4px; } .IVinfoBigDesc { margin-top: -25px; padding-left: 3px; } } @media only screen and (max-width: 850px) { .IVinfoCatType { margin-top: -39px; } .IVinfoSmallDesc { font-size: 1.4vw; margin-top: -40px; padding-left: 4px; } .IVinfoBigDesc { margin-top: -25px; padding-left: 3px; } .IVcatInfoWrap { margin-top: 10%; } } @media only screen and (max-width: 750px) { .IVinfoCatType { margin-top: -24px; } .IVinfoSmallDesc { display: none; } .IVinfoBigDesc { display: none; } } @media only screen and (max-width: 650px) { .IVinfoCatType { margin-top: -27px; } } @media only screen and (max-width: 550px) { .IVinfoCatType { margin-top: -31px; } } @media only screen and (max-width: 450px) { .IVinfoCatType { margin-top: -35px; } } @media only screen and (max-width: 350px) { .IVinfoCatType { margin-top: -39px; } } @media only screen and (max-width: 320px) { .IVinfoCatType { margin-top: -42px; } } #logo { position: absolute; top: 32px; left: 3%; width: 26%; text-align: left; z-index: 5; } #logo img { width: 100%; max-width: 483px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #logo:hover img { opacity: 0.7; } @media only screen and (max-width: 990px) { #logo { width: 23%; top: 2%; } #topNav a { width: 80px; font-size: 10px; } #Home #topNav a { width: 80px; font-size: 10px; } } @media only screen and (max-width: 805px) { #topNav a#aboutHomeLink, #topNav a#contactHomeLink { width: 73px; } } @media only screen and (max-width: 725px) { #topNav a#contactHomeLink { display: none; } #topHeaderBG #secLogo { width: 118px; } #topHeaderBG #secLogo img { height: auto; } } #phoneNum { font-weight: 700; font-size: 16px; color: #362e71; letter-spacing: 2px; text-align: right; float: right; width: auto; text-decoration: none; } #addressTop { font-size: 11px; color: #269fa8; letter-spacing: 0.5px; float: right; text-align: right; width: auto; } #addrTop { float: right; margin-right: 2px; margin-left: 7px; margin-top: -2px; } #mapPointer { float: right; } #contactSocialWrap { height: 57px; float: right; width: 233px; margin-top: 9px; } #hoursTop { background: url(/Content/images/hoursBG.png) no-repeat; bottom: -37px; right: -254px; color: #fff; font-size: 14px; height: 29px; letter-spacing: 1px; margin-left: 5px; padding: 8px 8px 0 15px; position: absolute; width: auto; } #hoursTop * { margin: 0; } @media only screen and (max-width: 1200px) { #phoneNum { letter-spacing: 1px; } #Home #hoursTop { margin: 2px 12px 0 0; float: right; right: 0; background: none; bottom: auto; color: #362e71; font-size: 12px; height: auto; letter-spacing: 0.5px; margin-left: auto; padding: 0; position: relative; width: auto; } } /*Changed from 990 to 1100 02/08/18 AW*/ @media only screen and (max-width: 1200px) { #addressTop { display: none; } #hoursTop { margin: 3px 11px 0 0; float: right; right: auto; color: #269fa8; bottom: auto; background: none; font-size: 12px; height: auto; letter-spacing: 0.5px; margin-left: auto; padding: 0; position: relative; width: auto; } #Home #hoursTop { margin: 3px 11px 0 0; float: right; color: #269fa8; bottom: auto; background: none; font-size: 12px; height: auto; letter-spacing: 0.5px; margin-left: auto; padding: 0; position: relative; width: auto; } } @media only screen and (max-width: 640px) { #hoursTop { display: none; } } #instagramBtn { background: #517fa4; height: 57px; width: 57px; float: right; display: block; margin: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #instaIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #instagramBtn:hover #instaIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #instagramBtn:hover { background: #00b7c4; } #facebookBtn { background: #3c5a99; height: 57px; width: 57px; float: right; display: block; margin: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #FBIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #facebookBtn:hover #FBIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #facebookBtn:hover { background: #00b7c4; } #googlePlusBtn { background: #0b0529; height: 57px; width: 57px; float: right; display: block; margin: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #googlePlusIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #googlePlusBtn:hover #googlePlusIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #googlePlusBtn:hover { background: #00b7c4; } #yelpBtn { background: #0157be; height: 57px; width: 57px; float: right; display: block; margin: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #yelpIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #yelpBtn:hover #yelpIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #yelpBtn:hover { background: #00b7c4; } #treatmentScroller { height: 257px; background: #fff; width: 95%; position: relative; text-align: center; margin: 2px auto 0; z-index: 3; } @media only screen and (max-width: 1700px) { #treatmentScroller { width: 94%; } } @media only screen and (max-width: 1450px) { #treatmentScroller { width: 93%; } } @media only screen and (max-width: 1200px) { #treatmentScroller { width: 92%; } } @media only screen and (max-width: 1100px) { #treatmentScroller { width: 91%; } } @media only screen and (max-width: 1000px) { #treatmentScroller { width: 90%; } } #teatmentHeader { background: url(/Content/images/IVTreatmentsTitle.png) no-repeat; height: 59px; width: 315px; position: absolute; z-index: 1px; margin-top: -60px; left: -72px; display: block; } #teatmentHeader:hover { background: url(/Content/images/IVTreatmentsTitleO.png) no-repeat; } .treatmentBox { border-left: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; margin: 0; height: 250px; width: 100%; display: inline-block; } .treatmentBox .effectHoverTreatment { position: relative; float: left; overflow: hidden; margin: 0; height: 250px; width: 100%; text-align: center; cursor: pointer; } .treatmentBox .effectHoverTreatment img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; } .colorOverlayHover { display: block; width: 100%; height: 250px; position: absolute; background: #17096d; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .IVTreatmentPrice { color: #e88a17; font-size: 29px; font-weight: 700; letter-spacing: 1px; position: absolute; right: 4%; text-decoration: none; top: 12px; opacity: 0; } .treatmentBox:hover .IVTreatmentPrice { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .treatmentTitleImg { position: absolute; top: 0; left: 4%; width: 92%; margin-top: 190px; z-index: 2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .treatmentBox:hover .colorOverlayHover { opacity: 0.8; } .treatmentBox:hover .treatmentTitleImg { margin-top: 100px; } .treatmentTitleImg img { float: left; margin: 0; } .treatmentDescriptionWrapper { display: block; overflow: hidden; height: 100%; width: 92%; margin-left: 3%; position: absolute; top: 158px; } #partyPrepTreatment .treatmentDescriptionWrapper, #vitaminCTreatment .treatmentDescriptionWrapper, #hangoverTreatment .treatmentDescriptionWrapper, #athletePrepTreatment .treatmentDescriptionWrapper { top: 145px; } #partyPrepTreatment.treatmentBox:hover .treatmentTitleImg, #vitaminCTreatment.treatmentBox:hover .treatmentTitleImg, #hangoverTreatment.treatmentBox:hover .treatmentTitleImg, #athletePrepTreatment.treatmentBox:hover .treatmentTitleImg { margin-top: 87px; } .treatmentDescription { display: block; border-top: 5px solid #fff; color: #fff; font-size: 12px; letter-spacing: 0.5px; line-height: 14px; margin-left: -100%; padding-top: 8px; position: absolute; text-align: left; width: 100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .treatmentBox:hover .treatmentDescription { margin-left: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #GlutathioneTreatment { background: url("/Content/images/ivScroller/gluth.jpg") top center no-repeat; } #brainBoost { background: url("/Content/images/ivScroller/BrainBoost.jpg") top center no-repeat; } #hydrationBoostTreatment { background: url(/Content/images/IVTreatments-hydrationBoost.jpg) top center no-repeat; } #energyRechargeTreatment { background: url(/Content/images/IVTreatments-energyRecharge.jpg) top center no-repeat; } #athletePrepTreatment { background: url(/Content/images/IVTreatments-athletePrep.jpg) top center no-repeat; } #hangoverTreatment { background: url(/Content/images/IVTreatments-hangover.jpg) top center no-repeat; } #vitaminCTreatment { background: url(/Content/images/ivScroller/VitaminC.jpg) top center no-repeat; } #antiAgingTreatment { background: url(/Content/images/IVTreatments-antiAging.jpg) top center no-repeat; } #bedroomTreatment { background: url(/Content/images/IVTreatments-bedroom.jpg) top center no-repeat; } #coldFluTreatment { background: url(/Content/images/ivScroller/ColdNFlu.jpg) top center no-repeat; } #fitnessRecoveryTreatment { background: url(/Content/images/IVTreatments-fitnessRecovery.jpg) top center no-repeat; } #immuneBoostTreatment { background: url(/Content/images/ivScroller/Immune.jpg) top center no-repeat; } #jetLagTreatment { background: url(/Content/images/IVTreatments-jetLag.jpg) top center no-repeat; } #migraineTreatment { background: url(/Content/images/IVTreatments-migraine.jpg) top center no-repeat; } #partyPrepTreatment { background: url(/Content/images/IVTreatments-partyPrep.jpg) top center no-repeat; } #sleepTreatment { background: url(/Content/images/IVTreatments-sleep.jpg) top center no-repeat; } #stressTreatment { background: url(/Content/images/IVTreatments-stress.jpg) top center no-repeat; } #pmsBoostTreatment { background: url(/Content/images/IVTreatments-PMSBoost.jpg) top center no-repeat; } #postSurgeryBoostTreatment { background: url(/Content/images/ivScroller/postSurgery.jpg) top center no-repeat; } #newPortBeachWrap { background: url(/Content/images/newPortBeachBG.jpg) top center no-repeat #735136; width: 94%; padding: 0 3% 36px 3%; } #npbHeader { color: #2b235c; font-size: 62px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; float: left; width: 100%; margin-top: 36px; margin-bottom: 36px; } #npbSubHeader { font-size: 16px; font-style: italic; letter-spacing: 2px; text-transform: none; font-weight: 400; float: left; width: 99%; margin: -13px 0 0 3px; } #npbText { color: #fff; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; line-height: 22px; width: 100%; } #npbText h2 { color: #2b235c; font-weight: 700; font-size: 17px; text-transform: uppercase; padding: 0; margin: 20px 0 5px 0; } #npbText p { margin: 5px 0; width: 80%; } #npb75 { float: left; font-size: 124px; font-weight: 700; height: 136px; letter-spacing: -6px; line-height: normal; margin: -37px 16px 0 0; } #npb75Text { } #npb75TextWrapper { width: 65%; } @media only screen and (max-width: 1400px) { #npbHeader { font-size: 55px; } #npbText { font-size: 13px; line-height: 19px; } } @media only screen and (max-width: 1200px) { #npbHeader { font-size: 48px; } } .ContactStreamBodyClass #mainContentArea { margin-bottom: 20px; display: block; float: left; } #NADShotTherapy #secPageLeft, #NADShotTherapy #secPageRight { margin-bottom: 0; } #NADShotTherapy #mainContentArea, #NADIVTherapy #mainContentArea { margin-top: 0; } #NADShotTherapy #mainContentArea, #VitaminDShotTherapy #mainContentArea, #B12Shots #mainContentArea { background: #f3f3f3; float: left; padding: 50px 3% 0 3%; margin-top: 0; } #NADIVTherapy #secPageLeft, #NADIVTherapy #secPageRight, #B12Shots #secPageLeft, #B12Shots #secPageRight, #VitaminDShotTherapy #secPageLeft, #VitaminDShotTherapy #secPageRight { margin-bottom: 0; } #NADIVTherapy #mainContentArea { background: #f3f3f3; float: left; padding: 50px 3% 0 3%; margin-top: 0; } .mainContentArea.grayBGNew { background: #f3f3f3; float: left; width: 94%; padding-bottom: 0; } .nadFAQ { background: #2b235c; color: #fff; } @media only screen and (max-width: 1250px) { .nadFAQ { width: 96% !important; } .faqanswer { width: auto !important; } } .normalContent.nadFAQ { padding-bottom: 15px !important; } .normalContent.nadFAQ h2 { color: #fff; padding-top: 15px; } .nadFAQ h5 { font-size: 24px; clear: both; float: left; width: 100%; margin-top: 50px; } .ol_Head { display: inline-block; } #VitaminDShotTherapy .newContain_Full table { width: 50%; margin-bottom: 66px; } #VitaminDShotTherapy .newContain_Full table tr td { font-weight: bold; } @media screen and (max-width: 1500px) { #VitaminDShotTherapy .newContain_Full table { width: 100%; } } @media screen and (max-width: 700px) { #VitaminDShotTherapy .newContain_Full table tr { display: flex; flex-wrap: wrap; } #VitaminDShotTherapy .newContain_Full table tr td { width: 100%; display: flex; padding-left: 2em; } } .newContain_Full ol li span.secondaryOL { clear: both; display: block; position: relative; left: 60px; top: -5px; max-width: calc(100% - 60px); } .newContain_Full ol { list-style: none; counter-reset: item; margin-left: 0; padding-left: 0; } .newContain_Full ol li { counter-increment: item; margin-bottom: 5px; display: inline-block; } .newContain_Full ol li span { display: inline-block; } .newContain_Full ol li:before { margin-right: 10px; content: counter(item); background: #2b235c; border-radius: 100%; color: white; padding: 11px 20px; text-align: center; display: inline-block; font-size: 22px; font-weight: bold; position: relative; top: 17px; } .vitaminBenefitsUL { list-style-type: none; color: #2b235c; font-weight: bold; margin: 0; padding: 0; } .vitaminBenefitsUL li { width: 45%; margin: 7px 0; margin-right: 5%; display: flex; gap: 5px; float: left; } @media screen and (max-width: 1000px) { .vitaminBenefitsUL li { float: unset; width: 100%; } } .vitaminBenefitsUL li img { position: relative; top: 12px; margin-right: 5px; } #VitaminDShotTherapy .newContain_Full ol { margin-top: 2em; } #VitaminDShotTherapy .newContain_Full ol li { display: flex; align-items: center; } #VitaminDShotTherapy .newContain_Full ol li:before { margin-right: 10px; content: counter(item); background: #2b235c; border-radius: 100%; color: white; padding: 11px 20px; text-align: center; display: inline-block; font-size: 22px; font-weight: bold; position: relative; top: -12px; } #VitaminDShotTherapy .newContain_Full ol li div { display: inline-block; } .normalContent.grayBGNew ol li span.secondaryOL { clear: both; display: block; position: relative; left: 60px; top: -5px; max-width: calc(100% - 60px); } .normalContent.grayBGNew ol { list-style: none; counter-reset: item; margin-left: 0; padding-left: 0; } .normalContent.grayBGNew ol li { counter-increment: item; margin-bottom: 5px; display: inline-block; } .normalContent.grayBGNew ol li span { display: inline-block; } .normalContent.grayBGNew ol li:before { margin-right: 5px; content: counter(item); background: #2b235c; border-radius: 100%; color: white; padding: 2px 8px; text-align: center; display: inline-block; font-size: 14px; font-weight: bold; position: relative; top: 0px; } .faqanswer { display: none; padding: 12px 20px 40px 30px; clear: both; float: left; width: 100%; } .faqanswer p { font-size: 13px; line-height: 17px; } .faqanswer a { color: #e88a17; text-decoration: none; transition: 0.3s all ease; } .faqanswer a:hover { color: white; } .togglefaq:active { color: #fff; } .togglefaq:link { color: #fff; } .togglefaq:hover { background: #36315a; transition: all 0.25s ease; } .togglefaq { text-decoration: none; font-weight: bold; color: #fff; font-size: 16px; padding: 20px 10px; line-height: 20px; float: left; width: calc(100% - 20px); display: block; margin: 4px 0; background: #201a45; transition: all 0.25s ease; } .icon-plus { display: grid; place-items: center; color: #5ec4cd; margin-right: 20px; font-size: 20px; float: left; width: 23.5px; height: 25px; font-weight: bold; } .icon-plus:before { content: "+"; font-style: normal; font-size: 30px; font-weight: bold; transition: all 0.25s ease; } .icon-minus { display: grid; place-items: center; color: #5ec4cd; margin-right: 20px; font-size: 20px; width: 23.5px; height: 25px; float: left; } .icon-minus:before { content: "-"; font-style: normal; font-size: 30px; font-weight: bold; transition: all 0.25s ease; } .benefitsUL { color: #2b235c; font-weight: bold; margin: 0 0 0 15px; padding: 0; } .benefitsUL li { width: 45%; float: left; margin: 7px 0; } .factorsUL { list-style-type: none; color: #2b235c; font-weight: bold; margin: 0; padding: 0; } .factorsUL li { width: 45%; float: left; margin: 7px 0; } .factorsUL li img { position: relative; top: 12px; margin-right: 5px; } .newContain_Left { float: left; width: 48%; } @media only screen and (max-width: 1250px) { .newContain_Left { width: 100%; } .normalContent .newContain_Right { width: 100%; clear: both; text-align: center; float: left; margin-top: 50px; } .mainContentArea.grayBGNew { width: 96%; } } .ol_Head { display: block; color: #2b235c; font-weight: bold; font-size: 14px; } .normalContent h2 { color: #01aebb; } .newContain_Left h2 { color: #01aebb; } .newContain_Right { float: right; width: 48%; overflow-x: hidden; } .nadTopContent.mainContentArea { background: #f3f3f3; margin-top: 0 !important; float: left; } #mainContentArea { width: 94%; padding: 0 3%; margin-top: 0; font-weight: 400; font-size: 14px; letter-spacing: 0.5px; position: relative; clear: both; } #NADShotTherapy .mainContentArea, #VitaminDShotTherapy .mainContentArea, #B12Shots .mainContentArea { margin-top: 66px; } #NADIVTherapy .mainContentArea { margin-top: 0; } .ivTreatmentBenefits { display: none; } #NADIVTherapy .ivTreatmentBenefits { display: block; background: #2b235c; color: #fff; clear: both; text-align: center; padding: 20px 0; } #NADIVTherapy .ivTreatmentBenefits h2 { margin-bottom: 0; } #NADIVTherapy .ivTreatmentBenefits p { margin-top: 5px; } .nadTable { font-size: 13px; box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.47); -webkit-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.47); -moz-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.47); } .nadTable tr:nth-child(odd) { background: #ccc; } .nadTable tr:nth-child(even) { background: #fff; } .nadTable td { padding: 7px; } .nadTable td:nth-child(1) { font-weight: bold; } .nadTable tr:nth-child(1) { font-weight: bold; } .mainContentArea { width: 94%; padding: 0 3% 50px; margin-top: 0; font-weight: 400; font-size: 14px; letter-spacing: 0.5px; position: relative; clear: both; float: left; } @media only screen and (max-width: 639px) { /*#mainContentArea img{display:none;}*/ #mainContentArea #treatmentScroller img { display: block; } #mainContentArea .drImgBox img { display: inline-block; } #mainContentArea .treatmentColoumnType img { display: block; } #mainContentArea .ShotInjectionIcon img { display: inline-block; } #mainContentArea .TreatmentShotIcon img { display: inline-block; } #mainContentArea .ppEvent img { display: inline-block; } } @media only screen and (max-width: 500px) { #mainContentArea .ppEvent img { display: inline-block; width: 60px; } .ppEvent { width: 70px; height: 70px; } .ppEventType { height: 109px; } } #mainContentArea ul#contactPageTreatmentList { float: left; margin: 10px 0 0; max-width: 474px; width: 100%; } #mainContentArea ul#contactPageTreatmentList li { float: left; width: 207px; } @media only screen and (max-width: 540px) { #mainContentArea ul#contactPageTreatmentList { float: left; margin: 10px 0 0; max-width: 100%; width: 100%; } #mainContentArea ul#contactPageTreatmentList li { float: left; width: 39%; font-size: 11px; min-height: 20px; } } .ContactStreamBodyClass #mainContentArea p.mobileBtnAlign { display: inline-block; float: none; margin: 0; padding: 0; width: auto; } @media only screen and (max-width: 1540px) { .ContactStreamBodyClass #mainContentArea p.mobileBtnAlign { width: 100%; float: left; display: block; margin: -6px 0 6px; } } /* Mobile IV Button (Homepage) */ #mobileIVBtn { max-width: 943px; height: auto; display: block; bottom: 106px; position: absolute; right: 14px; z-index: 3; } #mobileIVBtn img { display: block; width: 100%; } #mobileIVBtn img.mobileIVHover { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mobileIVBtn .mobileIVNowOffering { position: absolute; top: 0; left: 0; display: block; width: 46.34%; margin: 4.35% 2.92% 0; } #mobileIVBtn:hover img.mobileIVHover { opacity: 1; } #mobileIVBtn.sticky { -webkit-transform: translateX(80%); -ms-transform: translateX(80%); transform: translateX(80%); -webkit-transition: 0.3s ease; transition: 0.3s ease; } #mobileIVBtn.sticky:hover { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mobileIVBtn.sticky .mobileIVNowOffering { z-index: 1; -webkit-transform: scale(0.35) translateY(182%); -ms-transform: scale(0.35) translateY(182%); transform: scale(0.35) translateY(182%); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #mobileIVBtn.sticky:hover .mobileIVNowOffering { -webkit-transform: none; -ms-transform: none; transform: none; display: none !important; } #customTempHide.hidden { display: none; } #customTempHide2.hidden { display: none; } #mobileIVBtn.sticky:before { content: ""; display: block; position: absolute; width: 50%; padding-top: 19.9%; margin: 2.55% 0 0 2%; background: #1a1538; z-index: 1; } #mobileIVBtn.sticky:hover:before { opacity: 0; } @media only screen and (max-width: 1550px) { #mobileIVBtn { width: 50%; } } /* Mobile IV Button2 (Homepage) */ #mobileIVBtn2 { max-width: 202px; width: 202px; height: 63px; text-decoration: none; padding-top: 7px; display: block; bottom: 4%; position: absolute; color: #fff; right: 0; z-index: 3; background: #e88a17; -webkit-border-top-left-radius: 5px; color: #fff; transition: all 0.2s ease; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/ } #mobileIVBtn2:hover { background: #000; transition: all 0.2s ease; } #mobileIVBtn2 span { display: block; text-align: center; margin: 0 auto; } #mobileIVBtn2 img { display: block; width: auto; margin: 0 auto; } #mobileIVBtn2 img.mobileIVHover { } #mobileIVBtn2 .mobileIVNowOffering { bottom: 0; top: auto; left: 0; display: block; } #mobileIVBtn2.sticky { -webkit-transform: translateX(80%); -ms-transform: translateX(80%); transform: translateX(80%); -webkit-transition: 0.3s ease; transition: 0.3s ease; } #mobileIVBtn2.sticky .mobileIVNowOffering { z-index: 1; -webkit-transform: scale(0.35) translateY(182%); -ms-transform: scale(0.35) translateY(182%); transform: scale(0.35) translateY(182%); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #customTempHide.hidden { display: none; } #customTempHide2.hidden { display: none; } #customTempHide2Hover { opacity: 0; transition: all 0.2s ease; } #customTempHide2Hover:hover { opacity: 1; transition: all 0.2s ease; } #mobileIVBtn3 { max-width: 100%; text-align: center; width: 100%; height: 38px; text-decoration: none; padding-top: 7px; display: block; bottom: 0%; position: fixed; color: #fff; right: 0; z-index: 30000; background: #e88a17; -webkit-border-top-left-radius: 5px; color: #fff; transition: all 0.2s ease; } #mobileIVBtn3:hover { background: #000; transition: all 0.2s ease; } #mobileIVBtn3 span { display: inline-block; text-align: center; position: relative; top: 4px; margin: 0 auto; vertical-align: top; font-size: 17px; letter-spacing: 1px; padding-right: 10px; } #mobileIVBtn3 img { display: block; width: auto; margin: 0 auto; position: relative; top: -4px; } #mobileIVBtn3 img.mobileIVHover { } #mobileIVBtn3 .mobileIVNowOffering { bottom: 0; top: auto; left: 0; display: block; } #customTempHide3.hidden { display: none; } #customTempHide3Hover { opacity: 0; transition: all 0.2s ease; } #customTempHide3Hover:hover { opacity: 1; transition: all 0.2s ease; } #mobileIVBtn3 { display: none; } @media only screen and (max-width: 1000px) { #mobileIVBtn2 { display: none; } #mobileIVBtn3 { display: block; } .PagesHomeEntry #footer { padding-bottom: 60px; } } @media only screen and (max-width: 1150px) { .ContactStreamBodyClass #mainContentArea p.mobileBtnAlign { width: 100%; float: left; display: block; margin: -6px 0 6px; } } #ContactStreamBodyID #mobileIVBtn { position: relative; width: 100%; } #ContactStreamBodyID #mobileIVBtn img { width: 100%; } #ContactStreamBodyID #mobileIVBtn img.mobileIVHover { top: 0; } @media only screen and (max-width: 740px) { #mobileIVBtn { bottom: auto; top: 100%; width: 96%; } #mobileIVBtn2 { bottom: auto; top: 100%; width: 96%; } #mobileNavLine { display: none; } #treatmentScroller { margin-top: 0px; } #mobileIVBtn #customTempHide { display: none; } #mobileIVBtn2 #customTempHide2 { display: none; } } @media only screen and (max-width: 640px) { #mobileIVBtn { top: 135%; } #mainContentArea #mobileIVBtn img { display: block; } } @media only screen and (max-width: 580px) { #mobileIVBtn { top: 140%; width: 98%; left: 1%; margin: 0; } } @media only screen and (max-width: 500px) { #mobileIVBtn { top: 145%; } .ContactStreamBodyClass #mainContentArea p.mobileBtnAlign { margin: 0px 0 0px; } } @media only screen and (max-width: 400px) { #mobileIVBtn { top: 155%; } } @media only screen and (max-width: 350px) { #mobileIVBtn { top: 160%; } } #ContactStreamBodyID #mainContentArea { margin-top: 0; } #Home #mainContentArea { margin-top: 0; } #mainContentArea h1 { font-weight: 700; letter-spacing: 1px; color: #2b235c; font-size: 25px; line-height: 25px; } /*#Home #mainContentArea h1{color:#00b7c4; font-size:18px;}*/ #IVTreatmentsStream #mainContentArea h1 { background: #00b7c4; color: #fff; font-size: 3vw; margin: 0 0 0 -3%; padding: 20px 0; text-align: center; width: 106%; line-height: normal; } @media screen and (max-width: 640px) { #IVTreatmentsStream #mainContentArea h1 { display: none; } } #ShotInjectionsStream #mainContentArea h1 { background: #2c2457; color: #fff; font-size: 2.5vw; margin: 110px 0 0 -3%; padding: 20px 0; text-align: center; width: 106%; line-height: normal; } #PackagePricing #mainContentArea h1 { text-align: center; margin-bottom: 35px; } #mainContentArea h2 { font-weight: 700; letter-spacing: 1px; color: #00b7c4; font-size: 18px; } #mainContentArea h2.contactH2Fix { float: left; width: 100%; } #mainContentArea h3 { color: #e88a17; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; } #mainContentArea h4 { } #mainContentArea h5 { color: #2b235c; font-weight: 700; font-size: 14px; } #mainContentArea h5.contactHeader { font-size: 18px; font-weight: 400; color: #222; line-height: 55px; text-transform: uppercase; letter-spacing: 1px; } .h5w100p { width: 100%; float: left; } #Home #mainContentArea h5.contactHeader.homeOnly { font-size: 14px; font-weight: 400; color: #222; text-transform: uppercase; letter-spacing: 1px; display: block; } @media screen and (max-width: 740px) { #Home #mainContentArea h5.contactHeader.homeOnly { display: none; } } #mainContentArea h5.contactHeader.homeOnly { display: none; } #mainContentArea h5.contactHeader img { float: left; margin-right: 10px; } #mainContentArea h5.contactHeader a { text-decoration: underline; font-weight: 700; color: #2b235c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainContentArea h5.contactHeader a:hover { color: #00b7c4; } .ContactStreamBodyClass #mainContentArea p { display: block; float: left; margin: 6px 0; padding: 0; width: 100%; } #mainContentArea ul { padding: 0; } #mainContentArea ul li { list-style: none; background: url(/Content/images/dropULIcon.jpg) left no-repeat; padding-left: 30px; font-weight: 600; color: #2b235c; margin-bottom: 11px; } #treatmentsContentArea { float: left; width: 100%; margin-bottom: 30px; } .treatmentColumn { float: left; width: 25%; } .treatmentColoumnType { overflow: hidden; float: left; width: 96%; height: 54px; line-height: 54px; font-weight: bold; font-size: 20px; color: #e88a17; letter-spacing: 1px; text-transform: uppercase; position: relative; } .treatmentColoumnType a { color: #e88a17; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .treatmentColoumnType a:hover { color: #00b9c5; } .treatmentColoumnType img { float: left; margin: 9px 11px 0 0; } .specialImg img { width: 105%; max-width: 473px; margin-left: -5%; } @media only screen and (max-width: 1300px) { #mainContentArea h5.contactHeader { font-size: 14px; } } @media only screen and (max-width: 1400px) { .treatmentColoumnType { font-size: 16px; } .specialImg img { margin-top: 20px; } } @media only screen and (max-width: 1100px) { .specialImg { display: none; } .treatmentColumn { width: 33%; } } #mainContentArea ul#advantagesLinkList { width: 66%; } #mainContentArea ul#advantagesLinkList li { padding: 0; background: none; border-radius: 6px; overflow: hidden; float: left; line-height: 50px; margin: 0.5% 1% 0.5% 0; width: 49%; } #mainContentArea ul#advantagesLinkList li a { padding-left: 60px; background: url(/Content/images/advantageListIcon.png) no-repeat scroll left center #2b235c; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; font-size: 1vw; padding-right: 17px; text-decoration: none; } #mainContentArea ul#advantagesLinkList li a:hover { background: url(/Content/images/advantageListIcon.png) no-repeat scroll left center #e88a17; } @media only screen and (max-width: 1000px) { #AdvantagesStreamBodyID #mainContentArea img { display: none; } #mainContentArea ul#advantagesLinkList { width: 100%; } #mainContentArea ul#advantagesLinkList li { width: 47%; } #mainContentArea ul#advantagesLinkList li a { font-size: 1.5vw; } } @media only screen and (max-width: 639px) { #mainContentArea ul#advantagesLinkList { width: 100%; } #mainContentArea ul#advantagesLinkList li { width: 100%; } #mainContentArea ul#advantagesLinkList li a { font-size: 3vw; width: 83%; padding-left: 17%; } .treatmentColoumnType a { line-height: 12px; margin-top: 14px; position: absolute; } } #nsWarning { background: #aa0000; padding: 20px 3%; width: 94%; text-align: center; color: #fff; position: fixed; bottom: 0; z-index: 10; } #footer { background: url(/Content/images/footerBG.jpg) repeat-x; height: 250px; width: 100%; } #footerWrapper { width: 980px; padding: 0 10px; margin: 0 auto; } #footerTop { float: left; width: 100%; height: 86px; margin-top: 22px; } .ftSection { width: 227px; height: 86px; float: left; } .ftSectionAddr { width: 372px; height: 86px; float: left; } .ftBorderRight { border-right: 1px solid #3c2d7e; } #footerLogo { float: left; margin: 9px 0 0 0px; } #copyInfo { color: #fff; float: left; margin: 31px 0 0 25px; background: url(/Content/images/copySymbol.png) left no-repeat; height: 27px; padding-left: 31px; font-size: 9px; line-height: 11px; } #contactFooter { background: #1a1137; border: 1px solid #3c2d7e; color: #fff; display: block; font-size: 16px; font-weight: 700; letter-spacing: 2px; margin: 26px 0 0 29px; padding: 5px 0; text-align: center; text-decoration: none; width: 183px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #contactFooter:hover { background: #fff; color: #00b7c4; } #footerPhone { color: #00b7c4; float: right; font-size: 22px; font-weight: 700; letter-spacing: 1px; margin: 27px 0px 0 0; } #footerPhone a { color: #00b7c4; text-decoration: none; } #footerPhone a:hover { color: #ffffff; text-decoration: none; } #footerAddress { float: right; color: #fff; font-size: 10px; line-height: 10px; margin: 28px 21px 0 0; } #footerHours { color: #fea330; float: right; font-size: 11px; letter-spacing: 1px; margin-right: 0px; text-align: right; width: auto; } #footerHours p { display: inline-block; margin: 0; } #footerMapPointer { float: left; margin: 11px 8px 0 0; } .adr { float: left; letter-spacing: 0.5px; line-height: 13px; font-size: 11px; text-align: right; } .ftSectionInsta { border-left: 1px solid #3c2d7e; float: right; height: 86px; margin-right: 2px; width: 142px; } #footerInstagram { background: #517fa4; height: 57px; width: 57px; float: right; display: block; margin: -10px 0px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footerInstaIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footerInstagram:hover #footerInstaIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #footerInstagram:hover { background: #00b7c4; } #footerFacebook { background: #3c5a99; height: 57px; width: 57px; float: right; display: block; margin: -10px 8px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footerFBIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footerFacebook:hover #footerFBIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #footerFacebook:hover { background: #00b7c4; } #footerGoogle { background: #0b0529; height: 57px; width: 57px; float: right; display: block; margin: 10px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footerGoogleIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footerGoogle:hover #footerGoogleIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #footerGoogle:hover { background: #00b7c4; } #footerYelp { background: #0157be; height: 57px; width: 57px; float: right; display: block; margin: 10px 8px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footerYelpIcon { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footerYelp:hover #footerYelpIcon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #footerYelp:hover { background: #00b7c4; } abbr { border: none; } #footerBottom { float: left; width: 100%; margin-top: 16px; } #footerLocationWrap { float: left; width: 826px; height: 40px; } #serviceAreaTitle { float: left; border-right: 1px solid #3c2d7e; color: #00b7c4; font-size: 10px; font-weight: 700; line-height: 12px; width: 137px; height: 40px; margin-right: 14px; } .cityList { float: left; line-height: 12px; margin: 0; padding: 0; } .cityList li { color: #fff; font-size: 10px; list-style: none; } #cl1 { width: 140px; } #cl2 { width: 147px; } #cl3 { width: 141px; } #cl4 { width: 140px; } #cl5 { width: 178px; } #cl6 { width: 80px; } #footerMiddle { float: left; width: 100%; margin-top: 30px; } #footerNavigation { float: left; width: 100%; margin: 10px 0; padding: 0; } #footerNavigation li { list-style: none; float: left; /*width:19.6%;width:16.2%;width:13.88%;*/ width: 12.1%; margin: 0 0.2%; background: #fff; } #footerNavigation li a { text-decoration: none; width: 100%; text-align: center; display: block; float: left; line-height: 30px; height: 30px; font-size: 11px; letter-spacing: 1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footerNavigation li a:hover { background: #00b7c4; color: #fff; } .owl-prev { background: url(/Content/images/treatmentScrollerLeftArrow.png) no-repeat #00b7c4; position: absolute; left: -40px; top: 0; height: 250px; width: 37px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-next { background: url(/Content/images/treatmentScrollerRightArrow.png) no-repeat #00b7c4; position: absolute; right: -40px; top: 0; height: 250px; width: 37px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-prev:hover { background: url(/Content/images/treatmentScrollerLeftArrow.png) no-repeat #2b235c; } .owl-next:hover { background: url(/Content/images/treatmentScrollerRightArrow.png) no-repeat #2b235c; } .owl-pagination { display: none; } #aboutUsImgBanner { float: left; width: 100%; margin-bottom: 30px; } #aboutUsImgBanner img { width: 100%; } #privatePartiesImgBanner { float: left; width: 100%; margin-bottom: 30px; } #privatePartiesImgBanner img { width: 100%; } #genImgBanner { float: left; width: 100%; margin-bottom: 30px; position: relative; } #genImgBanner img { width: 100%; } #genImgBanner #bannerText { position: absolute; top: 50%; left: 1em; color: #fff; font-size: 6vw; line-height: 6vw; -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .drBox { float: left; width: 100%; margin: 0px 0 18px 0; padding-top: 24px; border-top: 1px solid #ccc; } .drImgBox { float: left; margin-right: 20px; } #mainContentArea .drInfoBox h3 { font-size: 25px; margin-top: 0; } #Home .contactHeaderHome { display: block; color: #222; font-size: 18px; font-weight: 400; letter-spacing: 1px; line-height: 55px; text-transform: uppercase; } #contactPageMessage { color: #2b235c; font-size: 1.1vw; left: 3%; position: absolute; top: 14%; } @media only screen and (max-width: 1000px) { #contactPageMessage { line-height: 115%; text-align: left; top: 5%; width: 50%; font-size: 2vw; } } @media only screen and (max-width: 639px) { #contactPageMessage { line-height: 115%; top: auto; bottom: 2%; width: 63%; font-size: 2.5vw; left: 5%; } } .contactHeaderHome { display: none; } .formFieldRow { width: 100%; margin-bottom: 6px; } #contactFormInstructions { float: left; margin-left: 5%; position: relative; width: 83%; z-index: 2; } #contactFormInstructions img { max-width: 906px; width: 100%; } #contactFormWrap { position: absolute; bottom: 5px; left: 0; width: 54%; height: 64%; } #backgroundImg #contactBlueAngleBG { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 946px; } #backgroundImgContact #contactBlueAngleBG { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 946px; } #ContactForm { z-index: 1; background: rgba(11, 148, 157, 0.42); display: block; padding: 14px 17px 23px 23px; width: 85%; margin: 10px auto 0; max-width: 385px; } #formInner { float: left; width: 100%; } .hpHide { display: none; margin: -999em 0 0 -999em; } #ContactForm label { color: #fff; display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-align: left; text-transform: uppercase; float: left; width: 25%; line-height: 28px; } #ContactForm label .extra + abbr { display: none; text-decoration: none; border: none; } #ContactForm input[type="text"], #ContactForm input[type="tel"], #ContactForm input[type="date"], #ContactForm input[type="time"], #ContactForm input[type="datetime"], #ContactForm input[type="datetime-local"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm select, #ContactForm textarea { background: #8ddce0; border: medium none; border-radius: 5px; color: #444; font-family: "Open Sans", sans-serif; font-size: 12px; letter-spacing: 0.01em; padding: 5px 1% 6px 2%; width: 97%; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: content-box; } #ContactForm input:focus, #ContactForm textarea:focus, #recaptcha_response_field { background: #fff; } #ContactForm label.error { display: inline; color: #fed93f; margin-left: 5px; } #ContactForm input.error, #ContactForm textarea.error, #recaptcha_response_field.error { color: #fff; background: #aa0000; } #ContactFormCaptcha { margin-top: 0px; } #SendButton { text-align: right; } #SendButton input { text-transform: uppercase; cursor: pointer; background: #2b235c; border: 1px solid #19133f; font-family: "Open Sans", sans-serif; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 2px; margin: 10px 0 0 0px; padding: 5px 0; text-align: center; text-decoration: none; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #SendButton input:hover { color: #00b7c4; background: #fff; border-color: #239ca3; } #schedule-tracking { text-align: center; } #schedule-tracking #SendButton { margin: 0 auto; text-align: center; } #schedule-tracking #SendButton button { max-width: 300px; text-transform: uppercase; cursor: pointer; background: #2b235c; border: 1px solid #19133f; font-family: "Open Sans", sans-serif; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 2px; margin: 10px auto 0 auto; padding: 5px 0; text-align: center; text-decoration: none; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #schedule-tracking #SendButton button:hover { color: #00b7c4; background: #fff; border-color: #239ca3; } .ContactStreamBodyClass #mainContentArea, .ContactStreamBodyClass #mainContentArea h1 { text-align: left; } .contactPositioner { float: left; } .ContactLocation iframe { display: block; border: 5px solid #00b7c4; margin: 0 auto; width: 82%; width: calc(85% - 10px); max-width: 415px; } .ContactLocation { background: #2c255f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMjU1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTE0MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2c255f 0%, #191436 100%); background: -webkit-linear-gradient(top, #2c255f 0%, #191436 100%); background: linear-gradient(to bottom, #2c255f 0%, #191436 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c255f', endColorstr='#191436',GradientType=0 ); float: right; width: 500px; color: white; font-size: 12px; text-align: left; padding: 65px 0 0; height: 711px; } .ContactLocation .vcard .fn.org { font-style: italic; display: block; line-height: 1.4; letter-spacing: 0.06em; } .ContactLocation .adr { font-style: normal; float: none; display: block; text-align: left; line-height: 1.4; letter-spacing: 0.04em; font-size: inherit; font-weight: 600; } .ContactLocation .adr a { color: #e88a17; text-decoration: none; } .ContactLocation .adr a:hover { color: #ffffff; text-decoration: none; } .ContactLocation .vcard .street-address { display: block; } .ContactLocation .hours { letter-spacing: 0.04em; color: #fea330; display: block; line-height: 1.8; } .ContactLocation .hours p { margin: 0; display: inline-block; } .ContactLocation .vcard { padding: 20px 7.5% 31px; } .ContactLocation .tel { line-height: 1.1; font-size: 19px; color: #fea330; letter-spacing: 0.04em; } .ContactForm { float: right; width: 500px; background: rgba(0, 183, 196, 0.6); padding: 68px 0 0; height: 708px; } .group:after { content: ""; display: table; clear: both; } .formFieldRow:after { content: ""; display: table; clear: both; } #ContactForm .input { float: left; width: 75%; } #ContactForm .wideLabel label { width: 60%; } #ContactForm .wideLabel .input { width: 40%; } #ContactForm .radio .input label { width: 50%; text-transform: none; letter-spacing: 0.1em; white-space: nowrap; } #ContactForm .radio .input input { margin: 0; display: inline-block; vertical-align: middle; } #ContactForm .radio .input input[type="radio"] { position: absolute; opacity: 0; visibility: hidden; } #ContactForm .radio .input i { display: inline-block; vertical-align: middle; height: 16px; width: 16px; background: #8ddce0; border-radius: 3px; position: relative; } #ContactForm .radio .input i:before { content: ""; display: block; width: 8px; height: 4px; border-bottom: 2px solid #2c2c2c; border-left: 2px solid #2c2c2c; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-1px) rotate(-45deg); -ms-transform: translateY(-1px) rotate(-45deg); transform: translateY(-1px) rotate(-45deg); opacity: 0; } #ContactForm .radio .input input[type="radio"]:checked + i:before { opacity: 1; } #ContactForm .radio .input span { display: inline-block; vertical-align: middle; } .ContactForm textarea { min-height: 80px; } @media only screen and (max-width: 1600px) { #backgroundImgContact { background-size: auto 100%; } .ContactLocation { width: 400px; } .ContactForm { width: 400px; padding-top: 63px; height: 713px; } #ContactForm { margin: 40px auto 0; width: 75%; } #ContactForm label { font-size: 11px; } #ContactForm label .extra { display: none; } #ContactForm label .extra + abbr { display: inline; } #ContactForm .radio .input label { letter-spacing: 0; } } @media only screen and (max-width: 1350px) { /*#ContactForm .wideLabel.time label {line-height: .9;padding: 2px 0 1px;}*/ #backgroundImgContact .ContactForm img { width: 75%; } .ContactLocation, .ContactForm { height: 520px; width: 350px; padding-top: 30px; } .ContactLocation .vcard { padding: 20px 7.5% 26px; font-size: 11px; max-width: 425px; margin: 0 auto; } .ContactLocation iframe { height: 270px; } #ContactForm { margin: 17px auto 0; } #ContactForm label { width: 30%; line-height: 21px; } #ContactForm .input { width: 70%; } .ContactForm textarea { min-height: 40px; } #ContactForm input[type="text"], #ContactForm input[type="tel"], #ContactForm input[type="date"], #ContactForm input[type="time"], #ContactForm input[type="datetime"], #ContactForm input[type="datetime-local"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm select, #ContactForm textarea { padding: 2px 1% 2px 2%; border-radius: 3px; } #ContactForm .radio .input label { font-size: 9px; } } @media only screen and (max-width: 1150px) { .contactPositioner { float: none; } .ContactLocation, .ContactForm { height: 600px; width: 50%; padding-top: 60px; } #ContactForm { margin: 30px auto 0; height: 324px; } .ContactLocation iframe { height: 373px; } #ContactForm .radio .input label { font-size: 11px; } } @media only screen and (max-width: 1000px) { #backgroundImgContact { padding-top: 0; } } @media only screen and (max-width: 850px) { #ContactForm .radio .input label { font-size: 9px; } } @media only screen and (max-width: 700px) { #backgroundImgContact { background-size: auto 700px; } .ContactLocation { height: 400px; width: 100%; float: none; height: auto; padding-bottom: 26px; } .ContactLocation iframe { height: 300px; } .ContactForm { height: auto; width: 100%; float: none; padding: 20px 0; } #ContactForm { margin: 20px auto 0; padding: 7px 12px 23px 12px; width: 80%; height: auto; } .formFieldRow.email, .formFieldRow.phone { width: 98%; margin: 10px 1% 0; } #ContactForm .formFieldRow.email .input, #ContactForm .formFieldRow.phone .input { width: 70%; float: left; } #ContactForm .formFieldRow.email label, #ContactForm .formFieldRow.phone label { width: 30%; } #ContactForm input[type="text"], #ContactForm input[type="tel"], #ContactForm input[type="date"], #ContactForm input[type="time"], #ContactForm input[type="datetime"], #ContactForm input[type="datetime-local"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm select, #ContactForm textarea { padding: 6px 1% 6px 2%; } .formFieldRow { margin: 10px 1% 0; width: 98%; } #ContactForm label { line-height: 31px; } #ContactForm .radio .input label { font-size: 11px; } } @media (max-width: 400px) { #backgroundImgContact { background-position: top 0 right -90px; } #ContactForm { width: 85%; } #ContactForm .radio .input label { font-size: 9px; } } @media only screen and (max-width: 999px) { #backgroundImgContact { top: 0; margin-top: 66px; } /*#footerInstaIcon{margin:0;} #footerInstagram{width:35px; height:35px; background:none;}*/ #footerWrapper { width: 640px; padding: 0 10px; } .ftBorderRight.ftSection { border: none; height: auto; width: 205px; float: left; } .ftSection { float: right; height: auto; } #footerLogo { margin-top: -5px; } #footerAddress { margin-top: 0; margin-right: 0; } #hideIfSmall { display: none; } #footerHours { float: right; font-size: 11px; margin-right: 19px; margin-top: 4px; text-align: right; width: auto; white-space: nowrap; margin-right: 0; } .ftSectionAddr { width: 285px; height: auto; } .ftSectionAddr a[href="/ContactWellnessSpa"] { display: none; } .ftSectionAddr #footerPhone a[href="/ContactWellnessSpa"] { display: inline-block; } #copyInfo { margin: 0; } #footerMiddle { margin-top: 25px; } .ftBorderRight.ftSection.contactFooterBox { margin-top: 73px; position: absolute; width: 209px; } #contactFooter { float: right; margin: 0 -13px 0 0; } #footerPhone { margin-top: 13px; } #treatmentScroller { width: 87%; } #npbHeader { font-size: 42px; margin-top: 55px; } #npbText { line-height: 15px; } #npbText p { width: 100%; } #mainContentArea h5.contactHeader { line-height: 24px; height: 55px; } .treatmentColoumnType img { } .treatmentColumn { width: 50%; } .last-column { columns: 2; width: 100%; clear: both; } .last-coumn .treatmentColoumnType { width: 50%; } .formFieldRow.fiftySnap { width: 42%; margin-right: 1%; } #contactFormInstructions { margin-top: -5px; } #footerBottom { margin-top: 4px; } #serviceAreaTitle { width: 100%; border-right: none; border-bottom: 1px solid #3c2d7e; height: 15px; } #footerLocationWrap { margin-top: 4px; width: 100%; } #cl1, #cl2, #cl3, #cl4 { width: 16.5%; } #cl5 { width: 20%; } #cl6 { width: 13%; } } @media only screen and (max-width: 750px) { .formFieldRow.fiftySnap { margin-right: 2%; width: 46%; } .formFieldRow.phoneGone { display: none; } #teatmentHeader { background-size: 73% auto; left: -62px; margin-top: -42px; } #teatmentHeader:hover { background-size: 73% auto; } } #NADIVTherapy #secPageLeft { height: 312px; padding-top: 65px; } @media only screen and (max-width: 640px) { #NADIVTherapy #secPageLeft { height: auto; padding-top: 0; } } #phoneMobile { color: #00b7c4; display: block; float: right; font-size: 6vw; font-weight: 700; letter-spacing: 3px; line-height: 33px; text-decoration: none; } #backgroundImg #addressMobile img { margin: 6px; max-width: 9px; } #addressMobile { float: right; text-decoration: none; } #footerMapPointer { width: 9px; } #addressFooterTxt { color: #fff; text-decoration: none; font-size: 12px; letter-spacing: 1px; } .spaceBreak { float: left; width: 100%; } #footerInstagramLink { background: #517fa4; height: 57px; width: 57px; float: right; display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footerInstagramImg { float: left; width: 35px; height: 35px; margin: 11px 0 0 11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #footerInstagramLink:hover #footerInstagramImg { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #footerInstagramLink:hover { background: #00b7c4; } #secPageLeft { height: 378px; width: 50%; float: left; margin-top: 65px; margin-bottom: 30px; position: relative; z-index: 100; } #secPageRight { height: 378px; width: 50%; float: right; box-sizing: border-box; border-bottom: 10px solid; margin-top: 65px; margin-bottom: 30px; } #secPageIconWrap { float: left; width: 125px; margin: 82px 0 0 2%; } img.secondaryIcon { max-width: 125px; width: 100%; } #secPageTitle { float: left; font-size: 83px; margin: 82px 0 0 10px; line-height: 69px; font-weight: 800; width: 70%; text-transform: uppercase; color: #fff; } #FriendRewards #secPageTitle { font-size: 68px; } #AthleteIV #secPageTitle { font-size: 76px; } #WeightLossShots #secPageTitle { font-size: 70px; } #PostSurgeryBoost #secPageTitle { font-size: 76px; } /* #AntiAgingTreatments #secPageTitle, */ #PMSBoost #secPageTitle, #HairSkinIV #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #JuvedermFillers #secPageTitle, #HangoverPrevent #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 133px; } #Fillers #secPageTitle { margin-top: 109px; } #PackagePricing #secPageTitle { margin-top: 103px; } #AddBoosts #secPageTitle { margin-top: 107px; font-size: 75px; } #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 100px; } #SimilarTreatmentsList { float: none; bottom: 10px; position: absolute; width: 96%; margin: 10px 0 0 3%; } #shotSimilarTreatmentsList { float: left; width: 100%; } .simTreatsTitleGroup { color: #fff; float: left; font-size: 12px; letter-spacing: 1px; margin-bottom: 9px; text-transform: uppercase; width: 100%; } @media only screen and (max-width: 800px) { .simTreatsTitleGroup { font-size: 11px; } .simTreatsTitleGroup img { width: 22%; } } #simTreatsGrpHydrate { border-bottom: 1px solid #6cdbe2; float: left; padding-bottom: 2px; width: 98%; } #simTreatsGrpPerform { border-bottom: 1px solid #f55f39; float: left; padding-bottom: 2px; width: 98%; } #simTreatsGrpRescue { border-bottom: 1px solid #f7ae54; float: left; padding-bottom: 2px; width: 98%; } #simTreatsGrpRelief { border-bottom: 1px solid #b0369c; float: left; padding-bottom: 2px; width: 98%; } #simTreatsGrpRelief img { max-width: 70px; } #simTreatsGrpHydrate img { max-width: 97px; } #simTreatsGrpRescue img { max-width: 83px; } #simTreatsGrpPerform img { max-width: 105px; } #Fillers .SSTLLink { font-size: 14px; } .SSTLLink { background: #fff; display: block; float: left; font-size: 12px; height: 40px; letter-spacing: 1px; line-height: 13px; margin-right: 1%; padding-top: 13px; text-align: center; text-decoration: none; text-transform: uppercase; width: 12.5%; margin-bottom: 1%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .SSTLLink:hover { background: #e88a17; color: #fff; } .RelatedEntryLink { display: block; float: left; margin-right: 1%; width: 31.7%; margin-bottom: 5px; } .RelatedEntryLink a { background: #fff; display: block; font-size: 12px; height: 28px; letter-spacing: 1px; line-height: 13px; padding: 14px 4% 0 4%; text-align: center; text-decoration: none; text-transform: uppercase; width: 92%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .RelatedEntryLink a:hover { background: #e88a17; color: #fff; } .ActiveRelatedEntry a:hover { cursor: default; } #VitaminCBoost .RelatedEntryLink, #coldFluids .RelatedEntryLink, #PackagePricing .RelatedEntryLink, #AddBoosts .RelatedEntryLink, #WellnessSpa .RelatedEntryLink { width: 32%; } #VitaminCBoost .RelatedEntryLink, #coldFluids .RelatedEntryLink, #WellnessSpa .RelatedEntryLink, #PackagePricing .RelatedEntryLink, #AddBoosts .RelatedEntryLink { width: 32%; } @media only screen and (max-width: 1300px) { .RelatedEntryLink { width: 48%; margin-bottom: 1%; } #VitaminCBoost .RelatedEntryLink, #coldFluids .RelatedEntryLink, #WellnessSpa .RelatedEntryLink, #PackagePricing .RelatedEntryLink, #AddBoosts .RelatedEntryLink { width: 48%; } #VitaminCBoost .RelatedEntryLink a, #coldFluids .RelatedEntryLink a, #WellnessSpa .RelatedEntryLink a, #PackagePricing .RelatedEntryLink a, #AddBoosts .RelatedEntryLink a { padding-top: 13px; height: 25px; } } #AntiAgingTreatments .ActiveRelatedEntry a, #StressRelief .ActiveRelatedEntry a, #SleepAid .ActiveRelatedEntry a, #PMSBoost .ActiveRelatedEntry a, #MigraineHeadaches .ActiveRelatedEntry a { color: #a52991; background: #500842; } #WellnessSpa .ActiveRelatedEntry a, #coldFluids .ActiveRelatedEntry a, #VitaminCBoost .ActiveRelatedEntry a, #PackagePricing .ActiveRelatedEntry a, #AddBoosts .ActiveRelatedEntry a { color: #31cdd6; background: #007d84; } #AlthleticRehydrate .ActiveRelatedEntry a, #BedroomBoost .ActiveRelatedEntry a, #HangoverPrevent .ActiveRelatedEntry a, #EnergyBooster .ActiveRelatedEntry a, #FitnessHydrate .ActiveRelatedEntry a { color: #f74f25; background: #8e1e02; } #HangoverCure .ActiveRelatedEntry a, #PostSurgeryBoost .ActiveRelatedEntry a, #JetLagIntravenous .ActiveRelatedEntry a, #ImmuneHealth .ActiveRelatedEntry a { color: #f2982b; background: #a55c03; } #BestWeightLossShot #shotLinkSuperSkinnyMe, #WeightLossShots #shotLinkSkinnyMe, #B12Shots #shotLinkB12Mega, #AntioxidantShots #shotLinkAntioxidant, #EnergyShots #shotLinkGoodMood, #FluShots #shotLinkFluShots, #Botox #shotLinkBotox, #JuvedermFillers #shotLinkFillers, #StressShots #shotLinkAntiStress, #Glutathione #BuildOwnBoost, #SuperLeanMe #SuperLeanMe, #NADShotTherapy #NadPlusInject, #BuildYourOwnBoost #BuildOwnBoost, #Fillers #navLinkFillers, #VitaminDShotTherapy #VitaminD { background: #007d84; color: #31cdd6; } #shotLinkFluShots.SSTLLink, #shotLinkFillers.SSTLLink { height: 33px; padding-top: 20px; } #shotLinkBotox.SSTLLink, #navLinkFillers.SSTLLink { padding-top: 10px; height: 33px; } #navLinkFillers.SSTLLink { line-height: 20px; } @media only screen and (max-width: 1800px) { #WeightLossShots #secPageTitle { font-size: 60px; } } @media only screen and (max-width: 1600px) { #AntioxidantShots #secPageTitle, #PostSurgeryBoost #secPageTitle, #EnergyShots #secPageTitle, #coldFluids #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle, #PackagePricing #secPageTitle { font-size: 69px; } #WeightLossShots #secPageTitle, #AddBoosts #secPageTitle { font-size: 60px; } } @media only screen and (max-width: 1500px) { #PostSurgeryBoost #secPageTitle, #AthleteIV #secPageTitle { font-size: 62px; } } @media only screen and (max-width: 1460px) { #StressShots #secPageTitle, #WellnessSpa #secPageTitle, #HangoverCure #secPageTitle { font-size: 69px; } } @media only screen and (max-width: 1380px) { #BestWeightLossShot #secPageTitle, #HangoverCure #secPageTitle { font-size: 69px; } .SSTLLink { font-size: 11px; width: 16%; margin-right: 0.5%; } #AntioxidantShots #secPageTitle, #PostSurgeryBoost #secPageTitle { font-size: 62px; } } @media only screen and (max-width: 1380px) { #secPageTitle { font-size: 69px; } #EnergyShots #secPageTitle, #coldFluids #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle { font-size: 62px; line-height: 58px; margin-top: 105px; } } @media only screen and (max-width: 1300px) { .SSTLLink { font-size: 11px; margin-bottom: 0.5%; margin-right: 0.5%; width: 32%; } #secPageTitle, #AntioxidantShots #secPageTitle, #EnergyShots #secPageTitle, #coldFluids #secPageTitle, #PostSurgeryBoost #secPageTitle, #BestWeightLossShot #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle, #WeightLossShots #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #Fillers #secPageTitle, #JuvedermFillers #secPageTitle, #WeightLossShots #secPageTitle, #HangoverCure #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle { margin-top: 13%; font-size: 4.5vw; line-height: 50px; } #secPageIconWrap { margin-top: 7%; width: 18%; } #SimilarTreatmentsList { position: absolute; bottom: 12px; margin-top: auto; } #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #JuvedermFillers #secPageTitle, #HairSkinIV #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 83px; } } @media only screen and (max-width: 800px) { .SSTLLink { width: 48%; } } @media only screen and (max-width: 1100px) { #secPageTitle, #AntioxidantShots #secPageTitle, #EnergyShots #secPageTitle, #PostSurgeryBoost #secPageTitle, #coldFluids #secPageTitle, #BestWeightLossShot #secPageTitle, #WeightLossShots #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #FluShots #secPageTitle, #Fillers #secPageTitle, #JuvedermFillers #secPageTitle, #JuvedermFillers #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle, #WeightLossShots #secPageTitle, #HangoverCure #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle { line-height: 40px; } #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #HairSkinIV #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 81px; } } @media only screen and (max-width: 900px) { #secPageTitle, #AntioxidantShots #secPageTitle, #PostSurgeryBoost #secPageTitle, #EnergyShots #secPageTitle, #coldFluids #secPageTitle, #BestWeightLossShot #secPageTitle, #WeightLossShots #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #Fillers #secPageTitle, #JuvedermFillers #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle, #WeightLossShots #secPageTitle, #HangoverCure #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle { line-height: 36px; } #FluShots #secPageTitle, #Botox #secPageTitle, #JuvedermFillers #secPageTitle, #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #HairSkinIV #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 66px; } } @media only screen and (max-width: 780px) { #secPageTitle, #AntioxidantShots #secPageTitle, #EnergyShots #secPageTitle, #coldFluids #secPageTitle, #FluShots #secPageTitle, #Botox #secPageTitle, #Filler #secPageTitle, #JuvedermFillers #secPageTitle, #BestWeightLossShot #secPageTitle, #WeightLossShots #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #ElectrolyteReplacement #secPageTitle, #AthleteIV #secPageTitle, #WeightLossShots #secPageTitle, #HangoverCure #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle { line-height: 28px; } #FluShots #secPageTitle, #Botox #secPageTitle, #JuvedermFillers #secPageTitle, #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #HairSkinIV #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { margin-top: 56px; } } #FitnessHydrate #secPageLeft, #AlthleticRehydrate #secPageLeft, #HangoverPrevent #secPageLeft, #EnergyBooster #secPageLeft, #BedroomBoost #secPageLeft { background: #e0390b; } #WellnessSpa #secPageLeft, #coldFluids #secPageLeft, #PackagePricing #secPageLeft, #AddBoosts #secPageLeft, #VitaminCBoost #secPageLeft, #PackagePricing #secPageLeft, #AddBoosts #secPageLeft, #GlutathioneIVTherapy #secPageLeft, #FriendRewards #secPageLeft { background: #40c9d3; } #JetLagIntravenous #secPageLeft, #HangoverCure #secPageLeft, #PostSurgeryBoost #secPageLeft, #ImmuneHealth #secPageLeft, #NADIVTherapy #secPageLeft, #AthleticRehydrate #secPageLeft, #BrainBoost #secPageLeft { background: #e88a17; } #AntiAgingTreatments #secPageLeft, #SleepAid #secPageLeft, #MigraineHeadaches #secPageLeft, #PMSBoost #secPageLeft, #StressRelief #secPageLeft { background: #8c0c78; } /* New Content Display Section */ #mainContentArea .newContentDisplay { background: url(/Content/images/newContentBlockBG.png) left center no-repeat #f5f5f5; width: 100%; max-width: 743px; margin: 0 auto; display: inline-block; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #mainContentArea .newContentDisplay ul li { background: none; padding: 9px 0; text-align: center; } #mainContentArea .newContentDisplay ul li span { color: #010101; font-size: 19px; font-weight: 600; } .topHeader_NCD { background: #191252; color: #fff; text-align: center; padding: 3px 0; width: 100%; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mainContentArea .topHeader_NCD h2 { color: #fff; font-size: 31px; margin: 8px 0; } .firstColumn_NCD { width: 33.333%; float: left; } .secondColumn_NCD { width: 33.333%; float: left; } .thirdColumn_NCD { width: 33.333%; float: left; } .bottomLink_NCD { width: 100%; text-align: center; clear: both; padding: 5px 0 15px; } .bottomLink_NCD a { color: #43cbd0; text-decoration: underline; font-weight: bold; font-size: 21px; } .bottomLink_NCD a:hover { color: #000; } @media only screen and (max-width: 780px) { .bottomLink_NCD a { font-size: 15px; } } @media only screen and (max-width: 640px) { #mainContentArea .topHeader_NCD h2 { font-size: 22px; } #mainContentArea .newContentDisplay ul li span { font-size: 15px; } #secPageRight { background-position: top center !important; } /*#ImmuneHealth #secPageRight {background-position:top center !important;}*/ } @media only screen and (max-width: 550px) { .firstColumn_NCD, .secondColumn_NCD, .thirdColumn_NCD { width: 100%; font-size: 18px; } #mainContentArea .firstColumn_NCD li, #mainContentArea .secondColumn_NCD li, #mainContentArea .thirdColumn_NCD li { padding: 0; margin: 0; } } /*IVs*/ #FriendRewards #secPageRight { background: url(/Content/images/friends.jpg) center center no-repeat; border-color: #40c9d3; } #WellnessSpa #secPageRight { background: url(/Content/images/treatmentBGhydrationWellness.jpg) center center no-repeat; border-color: #40c9d3; } #coldFluids #secPageRight { background: url(/Content/images/coldandflubanner.jpg) center center no-repeat; border-color: #40c9d3; } #MigraineHeadaches #secPageRight { background: url(/Content/images/treatmentBGmigraineRelief.jpg) center center no-repeat; border-color: #8c0c78; } #AlthleticRehydrate #secPageRight { background: url(/Content/images/treatmentBGathletePrep.jpg) center center no-repeat; border-color: #e0390b; } #FitnessHydrate #secPageRight { background: url(/Content/images/treatmentBGfitnessRecovery.jpg) center center no-repeat; border-color: #e0390b; } #ImmuneHealth #secPageRight { background: url(/Content/images/immunebanner.jpg) center center no-repeat; border-color: #e88a17; } #JetLagIntravenous #secPageRight { background: url(/Content/images/treatmentBGjetLagRelief.jpg) top center no-repeat; border-color: #e88a17; } #HangoverCure #secPageRight { background: url(/Content/images/treatmentBGhangoverRescue.jpg) center center no-repeat; border-color: #e88a17; } #ALAbenefits #secPageRight { background: url(/Content/images/Treatments-Alpha.jpg) center center no-repeat; border-color: #2c255f; } #HangoverPrevent #secPageRight { background: url(/Content/images/treatmentBGpartyPrep.jpg) top center no-repeat; border-color: #e0390b; } #VitaminCBoost #secPageRight { background: url(/Content/images/treatmentBGvitaminCBoost_New.jpg) center center no-repeat; border-color: #40c9d3; } #Workplace #secPageRight { background: url(/Content/images/treatmentBGworkplace.jpg) center center no-repeat; border-color: #2c255f; } #EnergyBooster #secPageRight { background: url(/Content/images/treatmentBGenergyRecharge.jpg) center center no-repeat; border-color: #e0390b; } #AntiAgingTreatments #secPageRight { background: url(/Content/images/treatmentBGantiAging.jpg) center center no-repeat; border-color: #8c0c78; } #SleepAid #secPageRight { background: url(/Content/images/treatmentBGsoothingSleep.jpg) center center no-repeat; border-color: #8c0c78; } #StressRelief #secPageRight { background: url(/Content/images/treatmentBGstressRelief.jpg) center center no-repeat; border-color: #8c0c78; } #LibidoBoost #secPageRight, #BedroomBoost #secPageRight { background: url(/Content/images/treatmentBGbedroomBoost.jpg) center center no-repeat; border-color: #2c255f; } #BrainBoost #secPageRight { background: url(/Content/images/treatmentBrainBoost.jpg) center center no-repeat; border-color: #e88a17; } #GlutathioneIVTherapy #secPageRight { background: url(/Content/images/glutathione_iv_therapy.jpg) center center no-repeat; border-color: #40c9d3; } #SuperLeanMe #secPageRight { background: url(/Content/images/SuperLean-Banner.jpg) center center no-repeat; border-color: #40c9d3; } #PMSBoost #secPageRight { background: url(/Content/images/treatmentBGPMSBoost.jpg) center center no-repeat; border-color: #8c0c78; } #PostSurgeryBoost #secPageRight { background: url(/Content/images/postop.jpg) center center no-repeat; border-color: #e88a17; } #PackagePricing #secPageRight { background: url(/Content/images/membershipbanner.jpg) center center no-repeat; border-color: #40c9d3; } #FriendRewards #secPageRight { background: url(/Content/images/friends.jpg) center center no-repeat; border-color: #40c9d3; } #AddBoosts #secPageRight { background: url(/Content/images/treatmentAddons.jpg) center center no-repeat; border-color: #40c9d3; } #BenefitsofIVHydrationTherapy #secPageRight { background: url(/Content/images/totalHealthAdvantages.jpg) center center no-repeat; border-color: #2c255f; } #IVTherapyForCancer #secPageRight { background: url(/Content/images/IvTreatment-CancerRecovery.jpg) center center no-repeat; border-color: #2c255f; } #DigestiveHealth #secPageRight { background: url(/Content/images/IvTreatments-DigestiveHealth.jpg) center center no-repeat; border-color: #2c255f; } .newNadContain { display: none; } #NADIVTherapy .newNadContain, #NADShotTherapy .newNadContain, #B12Shots .newNadContain, #VitaminDShotTherapy .newNadContain { display: block; } /*Shots*/ .ShotsTreatmentStreamClass #secPageLeft { background: #00b7c4; } #BestWeightLossShot #secPageRight { background: url(/Content/images/treatmentBGSuperSkinnyMe.jpg) center center no-repeat; border-color: #00b7c4; } #WeightLossShots #secPageRight { background: url(/Content/images/treatmentBGSkinnyMe.jpg) center center no-repeat; border-color: #00b7c4; } #B12Shots #secPageRight { background: url(/Content/images/treatmentBGB12MegaBoost.jpg) center center no-repeat; border-color: #00b7c4; } #AntioxidantShots #secPageRight { background: url(/Content/images/treatmentBGAntioxidantRecharge.jpg) center center no-repeat; border-color: #00b7c4; } #EnergyShots #secPageRight { background: url(/Content/images/treatmentBGGoodMood.jpg) center center no-repeat; border-color: #00b7c4; } #NADShotTherapy #secPageRight { background: url(/Content/images/NAD_IV_Banner.jpg) center center no-repeat; border-color: #00b7c4; } #AthleticRehydrate #secPageRight { background: url(/Content/images/NAD_IV_Banner.jpg) center center no-repeat; border-color: #e88a17; } #NADIVTherapy #secPageRight { background: url(/Content/images/NAD_IV_Banner.jpg) center center no-repeat; border-color: #e88a17; } #VitaminDShotTherapy #secPageRight { background: url(/Content/images/VitaminD_Banner.jpg) center center no-repeat; border-color: #00b7c4; } #StressShots #secPageRight { background: url(/Content/images/treatmentBGStressDefense.jpg) center center no-repeat; border-color: #00b7c4; } #Botox #secPageRight { background: url(/Content/images/treatmentBGBotox.jpg) center center no-repeat; border-color: #00b7c4; } #JuvedermFillers #secPageRight { background: url(/Content/images/treatmentBGFiller.jpg) center center no-repeat; border-color: #00b7c4; } #FluShots #secPageRight { background: url(/Content/images/treatmentBGFluShots.jpg) center center no-repeat; border-color: #00b7c4; } #BuildYourOwnBoost #secPageRight { background: url(/Content/images/treatmentBYOBoost.jpg) center center no-repeat; border-color: #00b7c4; } /*General*/ .AdvantagesStreamClass #secPageLeft { background: #2c255f; } #HairSkinIV #secPageRight { background: url(/Content/images/pageBGHairSkin.jpg) center center no-repeat; border-color: #2c255f; } #CyclingIV #secPageRight { background: url(/Content/images/pageBGBikingCycling.jpg) center center no-repeat; border-color: #2c255f; } #MarathonIV #secPageRight { background: url(/Content/images/pageBGMarathonHydration.jpg) center center no-repeat; border-color: #2c255f; } #WeightLossIV #secPageRight { background: url(/Content/images/pageBGWeightLossIV.jpg) center center no-repeat; border-color: #2c255f; } #DetoxClinic #secPageRight { background: url(/Content/images/pageBGDetoxCleanse.jpg) center center no-repeat; border-color: #2c255f; } #ElectrolyteReplacement #secPageRight { background: url(/Content/images/pageBGElectrolyteReplacement.jpg) center center no-repeat; border-color: #2c255f; } #Fibromyalgia #secPageRight { background: url(/Content/images/pageBGFibromyalgia.jpg) center center no-repeat; border-color: #2c255f; } #HangoverCures #secPageRight { background: url(/Content/images/pageBGHangoverCure.jpg) center center no-repeat; border-color: #2c255f; } #HangoverPrevention #secPageRight { background: url(/Content/images/pageBGHangoverPrevention.jpg) center center no-repeat; border-color: #2c255f; } #AthleteIV #secPageRight { background: url(/Content/images/pageBGHydrationForAthletes.jpg) center center no-repeat; border-color: #2c255f; } #RehydrateSickness #secPageRight { background: url(/Content/images/pageBGHydrationWhenSick.jpg) center center no-repeat; border-color: #2c255f; } #IVTherapyforSkin #secPageRight { background: url(/Content/images/pageBGHydrationForSkin.jpg) center center no-repeat; border-color: #2c255f; } #HealthyBrainFunction #secPageRight { background: url(/Content/images/pageBGBrainFuel.jpg) center center no-repeat; border-color: #2c255f; } #FatigueRelief #secPageRight { background: url(/Content/images/pageBGFatigueRelief.jpg) center center no-repeat; border-color: #2c255f; } #VitaminDeficiency #secPageRight { background: url(/Content/images/pageBGVitaminDeficiency.jpg) center center no-repeat; border-color: #2c255f; } #ChronicInfections #secPageRight { background: url(/Content/images/pageBGChronicInfections.jpg) center center no-repeat; border-color: #2c255f; } #IVTherapyForDepression #secPageRight { background: url(/Content/images/pageBGDepression.jpg) center center no-repeat; border-color: #2c255f; } #Glutathione #secPageRight { background: url("/Content/images/Glutathione-banner.jpg") center center no-repeat; border-color: #2c255f; } #treatmentShotsWrap { width: 100%; float: left; text-align: center; margin: 25px 0; } @media screen and (max-width: 640px) { #treatmentShotsWrap { width: 100vw; margin: 0 calc(-50vw + 50%); display: flex; flex-wrap: wrap; max-height: 605px; overflow: hidden; background: #fff; transition: all 0.5s ease; } #treatmentShotsWrap.active { max-height: 2000px; } } @media screen and (max-width: 480px) { #treatmentShotsWrap { max-height: 265px; } } #treatmentShotsWrapShots { width: 100%; float: left; text-align: center; margin: 25px 0; } .ShotInjectionListBox { display: inline-block; margin: 1% 0.5%; text-decoration: none; width: 20%; } .ShotInjectionIcon { background: #00b7c4; border-radius: 50%; display: block; height: 100px; margin: 0 auto; padding: 3%; text-align: center; width: 100px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ShotInjectionIcon img { margin-top: 11px; width: 75px; } .ShotInjectionListBox .TreatmentShotHeadline { font-size: 0.9vw; color: #2c2457; } .ShotInjectionListBox:hover .ShotInjectionIcon { background: #e88a17; } .ShotInjectionListBox:hover .TreatmentShotHeadline { color: #00b7c4; } /* FAQ Page - MJS */ .questionList { border-bottom: 1px solid #00b7c4; margin: 2em 0; list-style: none; } .questionList li { font-weight: 600; color: #2b235c; margin-bottom: 11px; font-size: 1.125em; } .questionList li a { text-decoration: none; } .answerTitle { margin-bottom: 0; position: relative; } .answerTitle a + a { color: #e88a17; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; transition: color 400ms; } .answerTitle a:target + a { font-size: 16px; color: #2c255f; } .answerContent { margin: 0 0 2em 0; } .answerAnchor { position: absolute; top: -80px; } #mainContentArea ul.questionList li a { background: url(/Content/images/advantageListIcon.png) no-repeat scroll left center #2b235c; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; font-size: 1vw; text-decoration: none; padding: 20px 17px 20px 60px; } #mainContentArea ul.questionList li a:hover { background: url(/Content/images/advantageListIcon.png) no-repeat scroll left center #e88a17; } #mainContentArea ul.questionList li { padding: 0; background: none; border-radius: 6px; overflow: hidden; line-height: 1.1; margin: 0.5% 1% 0.5% 0; width: 49%; } #mainContentArea ul.questionList li:nth-child(2n-1) { float: left; clear: left; } #mainContentArea ul.questionList li:nth-child(2n) { float: right; clear: right; } #mainContentArea ul.advantagesLinkList { width: 66%; } .gcButton { width: 266px; height: 45px; display: inline-block; background-color: #e88a17; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 45px; position: relative; } .gcButton:after { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/Content/images/gcBtn.png); background-position: top center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .gcButton:hover { background: #2b235c; } .gcButton:hover:after { background-position: top -46px left 50%; } @media (max-width: 1200px) { #mainContentArea ul.questionList li a { font-size: 16px; } } @media (max-width: 640px) { #mainContentArea { margin-top: 0; } #mainContentArea ul.questionList li { float: none !important; width: 100%; } } @media only screen and (min-width: 980px) { .ShotInjectionListBox:hover .tshText { border-bottom: 10px solid #00b7c4; } } @media only screen and (max-width: 980px) { #footerNavigation li a { font-size: 9px; } } @media only screen and (max-width: 780px) { .ShotInjectionListBox { width: 31%; } } @media only screen and (max-width: 480px) { .ShotInjectionIcon { width: 70px; height: 70px; } .ShotInjectionIcon img { width: 50px; margin-top: 9px; } } .TreatmentShotListBox { display: inline-block; margin: 1% 0.5%; text-decoration: none; width: 18%; } .TreatmentShotIcon { background: #2c2457; border-radius: 50%; display: block; height: 100px; margin: 0 auto; padding: 3%; text-align: center; width: 100px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .TreatmentShotIcon img { margin-top: 11px; width: 75px; } .TreatmentShotIcon .mobile-icon { display: none; } .tshText { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .TreatmentShotHeadline { display: block; float: left; font-size: 1.5vw; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 9px; margin: 14px auto 0; padding-bottom: 13px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media only screen and (min-width: 640px) { .TreatmentShotHeadline { font-size: 1vw; } } .TreatmentShotListBox:hover .TreatmentShotHeadline { /* color: #ccc; */ color: #e88a17; } @media only screen and (max-width: 640px) { .TreatmentShotIcon { width: 70px; height: 70px; } .TreatmentShotIcon img { width: 50px; margin-top: 9px; } } @media only screen and (max-width: 470px) { .TreatmentShotListBox { width: 31%; } .TreatmentShotHeadline { line-height: 6px; } } #treatmentShotWellnessSpa:hover .TreatmentShotIcon, #treatmentShotcoldFluids:hover .TreatmentShotIcon, #treatmentShotVitaminCBoost:hover .TreatmentShotIcon, #treatmentShotAddBoosts:hover .TreatmentShotIcon, #treatmentShotPackagePricing:hover .TreatmentShotIcon { background: #40c9d3; } @media only screen and (min-width: 980px) { #treatmentShotWellnessSpa:hover .tshText, #treatmentShotcoldFluids:hover .tshText, #treatmentShotVitaminCBoost:hover .tshText, #treatmentShotPackagePricing:hover .tshText, #treatmentShotAddBoosts:hover .tshText { border-bottom: 10px solid #40c9d3; } } /*To prevent overlapping issue with small font size on small resolutions*/ #treatmentShotAlthleticRehydrate:hover .TreatmentShotIcon, #treatmentShotHangoverPrevent:hover .TreatmentShotIcon, #treatmentShotEnergyBooster:hover .TreatmentShotIcon, #treatmentShotBedroomBoost:hover .TreatmentShotIcon { background: #e0390b; } @media only screen and (min-width: 980px) { #treatmentShotAlthleticRehydrate:hover .tshText, #treatmentShotHangoverPrevent:hover .tshText, #treatmentShotEnergyBooster:hover .tshText, #treatmentShotBedroomBoost:hover .tshText { border-bottom: 10px solid #e0390b; } } /*To prevent overlapping issue with small font size on small resolutions*/ #treatmentShotJetLagIntravenous:hover .TreatmentShotIcon, #treatmentShotPostSurgeryBoost:hover .TreatmentShotIcon, #treatmentShotBrainBoost:hover .TreatmentShotIcon, #treatmentShotHangoverCure:hover .TreatmentShotIcon, #treatmentShotImmuneHealth:hover .TreatmentShotIcon, #treatmentShotFitnessHydrate:hover .TreatmentShotIcon { background: #e88a17; } @media only screen and (min-width: 980px) { #treatmentShotJetLagIntravenous:hover .tshText, #treatmentShotPostSurgeryBoost:hover .tshText, #treatmentShotBrainBoost:hover .tshText, #treatmentShotHangoverCure:hover .tshText, #treatmentShotImmuneHealth:hover .tshText, #treatmentShotFitnessHydrate:hover .tshText { border-bottom: 10px solid #e88a17; } } /*To prevent overlapping issue with small font size on small resolutions*/ #treatmentShotSleepAid:hover .TreatmentShotIcon, #treatmentShotPMSBoost:hover .TreatmentShotIcon, #treatmentShotStressRelief:hover .TreatmentShotIcon, #treatmentShotAntiAgingTreatments:hover .TreatmentShotIcon, #treatmentShotMigraineHeadaches:hover .TreatmentShotIcon, #treatmentShotGlutathione:hover .TreatmentShotIcon { background: #8c0c78; } @media only screen and (min-width: 980px) { #treatmentShotSleepAid:hover .tshText, #treatmentShotPMSBoost:hover .tshText, #treatmentShotStressRelief:hover .tshText, #treatmentShotAntiAgingTreatments:hover .tshText, #treatmentShotMigraineHeadaches:hover .tshText, #treatmentShotGlutathione:hover .tshText { border-bottom: 10px solid #8c0c78; } } /*To prevent overlapping issue with small font size on small resolutions*/ /*#treatmentShot3 .TreatmentShotHeadline, #treatmentShot5 .TreatmentShotHeadline, #treatmentShot6 .TreatmentShotHeadline, #treatmentShot7 .TreatmentShotHeadline, #treatmentShot8 .TreatmentShotHeadline, #treatmentShot9 .TreatmentShotHeadline, #treatmentShot10 .TreatmentShotHeadline, #treatmentShot11 .TreatmentShotHeadline, #treatmentShot12 .TreatmentShotHeadline, #treatmentShot13 .TreatmentShotHeadline, #treatmentShot14 .TreatmentShotHeadline, #treatmentShot15 .TreatmentShotHeadline {margin-top:25px;}*/ @media only screen and (max-width: 1600px) { #FriendRewards #secPageTitle { font-size: 48px; line-height: 1em; } } @media only screen and (max-width: 1150px) { #FriendRewards #secPageTitle { font-size: 30px; line-height: 1em; } } /*Changed from 900 to 1100 02/08/18 AW*/ @media only screen and (max-width: 1100px) { #instagramBtn { border-left: none; height: 30px; margin: 19px 10px 0 0; width: 30px; } #facebookBtn { height: 30px; width: 30px; margin: 19px 6px 0 0; } #instaIcon { height: 20px; margin: 5px 0 0 5px; width: 20px; } #FBIcon { height: 20px; margin: 5px 0 0 5px; width: 20px; } #googlePlusBtn { border-left: none; height: 30px; margin: 19px 7px 0 0; width: 30px; } #googlePlusIcon { height: 20px; margin: 5px 0 0 5px; width: 20px; } #yelpBtn { height: 30px; width: 30px; margin: 19px 6px 0 0; } #yelpIcon { height: 20px; margin: 5px 0 0 5px; width: 20px; } #headerAddrInfo { right: 150px; } } @media screen and (max-width: 940px) and (min-width: 641px) { #instagramBtn, #facebookBtn, #googlePlusBtn, #yelpBtn { transform: scale(0.9); margin: 2px 2px 0 0; } #googlePlusBtn { clear: both; } } @media only screen and (max-width: 1200px) { #treatmentShotsWrapShots .ShotInjectionListBox .TreatmentShotHeadline { font-size: 15px; line-height: 2em; } } @media only screen and (max-width: 480px) { .ShotInjectionListBox { width: 48%; } #treatmentShotsWrapShots .ShotInjectionListBox .TreatmentShotHeadline { font-size: 13px; line-height: 2em; } } .boostShotMenuBackBtn { display: none; } @media only screen and (max-width: 640px) { #secPageTitle, #AntioxidantShots #secPageTitle, #EnergyShots #secPageTitle, #FluShots #secPageTitle, #PostSurgeryBoost #secPageTitle, #Botox #secPageTitle, #Fillers #secPageTitle, #JuvedermFillers #secPageTitle, #coldFluids #secPageTitle, #BestWeightLossShot #secPageTitle, #WeightLossShots #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #AthleteIV #secPageTitle, #HangoverCure #secPageTitle, #WeightLossShots #secPageTitle, #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #HairSkinIV #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { text-align: center; margin-left: 0; margin-top: 6%; } .boostShotMenuBackBtn:link { background: #362c74; color: #fff !important; text-align: center; display: block; width: 100%; padding: 7px 0 10px; text-decoration: none; float: left; clear: both; position: relative; top: -30px; font-weight: 800; text-transform: uppercase; transition: all 0.2s ease; -webkit-box-shadow: inset 0px 3px 4px 4px rgba(0, 0, 0, 0.21); -moz-box-shadow: inset 0px 3px 4px 4px rgba(0, 0, 0, 0.21); box-shadow: inset 0px 3px 4px 4px rgba(0, 0, 0, 0.21); } .boostShotMenuBackBtn:hover { background: #e88a17; transition: all 0.2s ease; } .boostShotMenuBackBtn img { max-width: 22px; position: relative; top: 3px; } .boostShotMenuBackBtn:visited { color: #fff; } #FriendRewards #secPageTitle { font-size: 6vw; line-height: 1em; text-align: center; margin-top: 14px; } #Home #topHeaderBG { background: #fff; top: 40px; } #Home #secLogo { display: block; } #Home #headerNav { margin: 0; } #Home #headerAddrInfo { height: 30px; margin: 19px 6px 0 0; position: relative; right: auto; width: 30px; } #Home #backgroundImg, #ContactStreamBodyID #backgroundImg { margin-top: 66px; } #logo { display: none; } #backgroundImg img { float: left; } #navInfoTop { display: none; } #footer { height: auto; background: #231a47; padding-bottom: 20px; float: left; } #footerWrapper { width: 92%; padding: 0 3%; } .ftBorderRight.ftSection { border: none; height: auto; width: 100%; text-align: center; float: left; } .ftBorderRight.ftSection.mobileContactBox { float: right; width: 59%; margin-bottom: 33px; } .ftSection { float: right; height: auto; } #footerLogo { margin-top: 0; max-width: 100%; width: auto; float: none; } #copyInfo { margin: 10px 0; background: none; float: none; padding: 0; font-size: 15px; line-height: 1.2; height: auto; } .ftSectionAddr { width: 100%; } .ftBorderRight.ftSection.contactFooterBox { margin-top: 0; position: relative; width: 100%; text-align: center; } #contactFooter { float: left; height: 45px; line-height: 45px; margin: 0; width: 70%; } #footerPhone { font-size: 30px; letter-spacing: 3px; margin: 0px 0 0; text-align: center; width: 100%; } .adr { font-size: 15px; line-height: 1.2; } #footerMapPointer { margin-top: 19px; } #footerHours { font-size: 15px; margin-bottom: 5px; } #treatmentScroller { width: 82%; } #npbHeader { font-size: 6vw; margin-top: 4px; text-align: center; } #npbSubHeader { margin-top: -2px; font-size: 2.5vw; } .ftSectionInsta { display: none; } #npbText { line-height: 15px; } #npbText p { width: 100%; } #npbText h2 { color: #2bcdda; } #npb75 { font-size: 27vw; margin: -55px 0 11% 0; width: 100%; } #npb75TextWrapper { width: 100%; } #newPortBeachWrap { background: url(/Content/images/newPortBeachBGMobile.jpg) no-repeat center top #735136; } #mainContentArea h5.contactHeader { line-height: 17px; height: 55px; } .treatmentColoumnType { font-size: 13px; overflow: hidden; } .treatmentColoumnType img { margin: 5px 4px 0 0; width: 30px; } #footerNavigation li.mobHideFoot { display: none; } #footerNavigation li { display: inline-block; float: none; margin: 0; width: 32%; } #footerNavigation li a { font-size: 11px; } #footerNavigation { text-align: center; } #footerMiddle { margin-top: -2px; } #footerBottom { margin-top: 24px; } #footerHours { margin-right: auto; margin-top: 0px; text-align: center; width: 100%; } #serviceAreaTitle { width: 100%; border-right: none; border-bottom: 1px solid #3c2d7e; height: 15px; } #footerLocationWrap { margin-top: 4px; width: 100%; } #cl1, #cl2, #cl3, #cl4 { width: 16.5%; } #cl5 { width: 20%; } #cl6 { width: 13%; } #mainContentArea h1 { font-size: 15px; } #footerTop { height: auto; } .ftSection.mobileFootHide { display: none; } #footerBottom { display: none; } #footerInstagramLink { display: block; } .mobileContactBox { width: 60%; } /* #backgroundImgContact #contactBlueAngleBG{display:none;} */ /* #contactFormWrap{float:left; position:relative; width:100%; background:#00b7c4;} */ /* #contactFormInstructions {float: left;margin: 3% 5% 1%;width: 90%;} */ /* #ContactForm{width:90%;} */ .formFieldRow.fiftySnap { width: 48%; margin: 0 1%; } /* #ContactForm label{margin-bottom:3px;} */ /* #ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea{padding:3% 3% 3% 4%; width:91%;} */ .formFieldRow { margin: 10px 1% 0; width: 98%; } #SendButton { margin: 10px 0 15px 1%; } .drBox { float: left; width: 100%; margin: 0px 0 18px 0; padding-top: 24px; border-top: 1px solid #ccc; } .drImgBox { float: left; width: 100%; text-align: center; margin-right: 0; } #mainContentArea .drInfoBox h3 { font-size: 25px; margin-top: 0; text-align: center; } #mainContentArea { font-size: 13px; } #mainContentArea img { max-width: 100% !important; height: auto; } #mainContentArea strong img { display: none; } #addressTop { display: none; } #menuTL { display: block; } #headerNav { margin: 0; position: absolute; width: 100%; } #topNav { overflow: hidden; max-height: 0; margin: 66px 0 0 0; padding: 0; width: 100%; position: absolute; background: #00b7c4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #topNav.clicked { max-height: 1500px; } #topNav li { width: 100%; height: auto; margin: 0; border: none; } #topNav li a, #Home #topNav li a { width: 100%; border-top: 1px solid #0097a4; display: block; font-size: 15px; letter-spacing: 1.5px; text-align: center; color: #fff; padding: 18px 0; font-weight: bold; transition: 0.25s ease-in-out; } #topNav li a:hover { background-color: #0097a4; } #topNav li ul { margin: 0; background: #0097a4; width: 100%; position: relative; } #topNav li ul li a { color: #4e8636; width: 100%; } #topNav li ul li a:hover { background: #057f8c; } #topNav a#aboutHomeLink, #topNav a#contactHomeLink { width: 100%; } #topNav a#contactHomeLink { display: block; } @media screen and (max-width: 440px) { #footerHours { font-size: 14px; white-space: normal; } } @media screen and (min-width: 641px) { #topNav li:hover ul { max-height: 600px; } } #instagramBtn { border-left: none; height: 30px; margin: 19px 77px 0 0; width: 30px; } #headerAddrInfo { height: 30px; margin: 19px 6px 0 0; position: relative; right: auto; width: 30px; } #hoursTop { margin: 0 0 0 -150px; padding: 0; position: absolute; width: 110px; } #phoneNum { background: url(/Content/images/mobilePhoneCall.png) top center no-repeat #40c9d3; height: 30px; width: 30px; float: left; display: block; text-indent: -999em; text-align: center; } #phoneNum:hover { background: url(/Content/images/mobilePhoneCall.png) top center no-repeat #e88a17; } #topNav li ul#shotULDD li a, #Home #topNav li ul#shotULDD li a, #topNav li ul#ivULDD li a, #Home #topNav li ul#ivULDD li a, #topNav li ul#locationsULDD li a, #topNav li ul#advantageULDD li a, #Home #topNav li ul#advantageULDD li a, #topNav li ul#aboutULDD li a, #topNav li ul#bookULDD li a { width: 100%; padding: 7px 0; letter-spacing: 1px; text-align: center; border-top: 1px solid #03a9b6; font-weight: normal; color: #fff; } .ShotInjectionListBox .TreatmentShotHeadline { font-size: 1.5vw; } #secPageRight { border-bottom: none; height: 300px; margin: 0; position: absolute; width: 100%; } .AdvantagesStreamClass #secPageLeft, #secPageLeft { height: auto; margin-top: 300px; width: 100%; padding-bottom: 4px; } #secPageIconWrap { margin-top: 2%; width: 14%; } #secPageTitle, #AntioxidantShots #secPageTitle, #EnergyShots #secPageTitle, #FluShots #secPageTitle, #PostSurgeryBoost #secPageTitle, #Botox #secPageTitle, #Fillers #secPageTitle, #JuvedermFillers #secPageTitle, #coldFluids #secPageTitle, #BestWeightLossShot #secPageTitle, #WeightLossShots #secPageTitle, #WellnessSpa #secPageTitle, #StressShots #secPageTitle, #AthleteIV #secPageTitle, #HangoverCure #secPageTitle, #WeightLossShots #secPageTitle, #AlthleticRehydrate #secPageTitle, #JetLagIntravenous #secPageTitle, #HangoverPrevent #secPageTitle, #AntiAgingTreatments #secPageTitle, #PMSBoost #secPageTitle, #StressRelief #secPageTitle, #HairSkinIV #secPageTitle, #PackagePricing #secPageTitle, #AddBoosts #secPageTitle, #BenefitsofIVHydrationTherapy #secPageTitle { font-size: 4.8vw; line-height: 28px; margin-top: 5%; } #ElectrolyteReplacement #secPageTitle { font-size: 4.5vw; line-height: 28px; margin-top: 5%; } #SimilarTreatmentsList { display: none; } .ftSectionAddr a { text-align: center; } #footerAddress { margin: 8px auto 5px; float: none; position: relative; display: inline-block; } } @media only screen and (max-width: 560px) { #npb75 { margin: -55px 0 7% 0; } } @media only screen and (max-width: 540px) { .treatmentColumn { width: 100%; } .last-column { columns: 1; } .treatmentColoumnType { font-size: 18px; overflow: visible; min-height: 54px; height: auto; } .treatmentColoumnType a { line-height: normal; } } @media only screen and (max-width: 460px) { .boostShotMenuBackBtn:link { font-size: 13px; } .boostShotMenuBackBtn:link img { max-width: 18px; } #treatmentScroller { width: 80%; } #phoneMobile { font-size: 5.5vw; } #teatmentHeader, #teatmentHeader:hover { background-size: 58% auto; left: -52px; margin-top: -36px; } #npb75 { margin: -55px 0 1% 0; } #footerLogo { margin-top: 5px; } #contactFooter { width: 62%; font-size: 14px; } } @media only screen and (max-width: 410px) { #treatmentScroller { width: 76%; } #instagramBtn, #facebookBtn, #googlePlusBtn, #yelpBtn { display: none; } #contactSocWrap { margin-right: 75px; } } @media only screen and (max-width: 360px) { #addressFooterTxt { letter-spacing: 0; font-size: 11px; } #phoneMobile { font-size: 4.5vw; } #treatmentScroller { width: 74%; } } /* IF Ineternet Explorer ONLY */ /* IF Ineternet Explorer ONLY */ /* IF Ineternet Explorer ONLY */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .spinEffect a { line-height: 30px; -webkit-perspective: none; -moz-perspective: none; perspective: none; } .spinEffect a span { position: relative; display: block; padding: 0; text-align: center; width: 100%; -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform-origin: none; -moz-transform-origin: none; transform-origin: none; -webkit-transform-style: none; -moz-transform-style: none; transform-style: none; } .spinEffect a span::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #028c93; content: none; color: #fff; -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-transform-origin: none; -moz-transform-origin: none; transform-origin: none; } .spinEffect a:hover span, .spinEffect a:focus span { -webkit-transform: none; -moz-transform: none; transform: none; } .spinEffect a:hover span::before, .spinEffect a:focus span::before { background: #00b7c4; color: #fff; } .spinEffect a span:hover { background: #00b7c4; color: #fff; } .treatmentBox { position: relative; } #topNav li:hover > a#ShotHoverDD span { background: #00b7c4; color: #fff; } #topNav li:hover > a#IVHoverDD span { background: #00b7c4; color: #fff; } } /* Temp Location Notice Change added 12/8/15 to be removed in a feew weeks */ #locationMovedNotice { display: none; } #Home #locationMovedNotice { display: block; font-size: 14px; font-weight: 700; left: 33%; position: absolute; top: 60px; width: 400px; z-index: 2; } #noticeHeader { color: #02b8c6; font-size: 25px; font-weight: 700; line-height: 22px; margin-top: 10px; } #locationMovedNotice > img { float: left; margin: 20px 5px; } #noticeLine2 { letter-spacing: 0.7px; } @media screen and (max-width: 920px) { #Home #locationMovedNotice { background: rgba(255, 255, 255, 0.36) none repeat scroll 0 0; font-size: 12px; font-weight: 700; position: absolute; left: auto; right: 0; top: 63px; width: 333px; } #noticeHeader { color: #02b8c6; font-size: 21px; font-weight: 700; line-height: 22px; margin-top: 3px; text-shadow: -2px 1px 2px #000; } #locationMovedNotice > img { margin: 10px 5px; } } @media screen and (max-width: 740px) { #Home #locationMovedNotice { display: block; font-size: 11px; font-weight: 700; left: auto; margin: 0; position: absolute; right: 0; top: 31vw; width: 307px; z-index: 2; } #locationMovedNotice > img { margin: 10px 2px; } } @media screen and (max-width: 640px) { #Home #locationMovedNotice { top: 38vw; } } @media screen and (max-width: 580px) { #Home #locationMovedNotice { display: block; font-size: 11px; font-weight: 700; left: 50%; margin: 18px -155px 5px; position: relative; width: 310px; z-index: 2; top: auto; right: auto; } #locationMovedNotice > img { margin: 2px; } #noticeHeader { text-shadow: none; } } /* End Temp Location Move Notice */ #LoginBG img { display: block; width: 100%; } /******* Content Utility Classes SEO Addition *******/ /*--General Responsive Styles--*/ /*desktopPhotoLimit, tabletPhotoLimit, and mobilePhotoLimit classes are applied to a div with an inline height declaration, wrapped around a photo. Adding one (or multiple) of these classes will make the image cropped at the selected screen size(s), to the height declared. For other widths, the height will be equal to the dimensions of the photo.*/ .content-grid img { max-width: 100%; } .content-grid * { box-sizing: border-box; } @media screen and (min-width: 1000px) { .desktopHide { display: none !important; } .desktopWidth100 { width: 100% !important; } .desktopWidth66 { width: 66.6666% !important; } .desktopWidth50 { width: 50% !important; } .desktopWidth33 { width: 33.3333% !important; } .desktopWidth25 { width: 25% !important; } .desktopWidth16 { width: 16.6666% !important; } .desktopPhotoLimit { overflow: hidden; position: relative; } .tabletPhotoLimit:not(.desktopPhotoLimit), .mobilePhotoLimit:not(.desktopPhotoLimit) { height: 100% !important; } .desktopNoTranslateY { transform: translateY(0) !important; } } @media screen and (min-width: 649px) and (max-width: 1000px) { .tabletHide { display: none !important; } .tabletWidth100 { width: 100% !important; } .tabletWidth66 { width: 66.6666% !important; } .tabletWidth50 { width: 50% !important; } .tabletWidth33 { width: 33.3333% !important; } .tabletWidth25 { width: 25% !important; } .tabletWidth16 { width: 16.6666% !important; } .tabletPhotoLimit { overflow: hidden; } .tabletCenter { margin: 0 auto; display: block; } .desktopPhotoLimit:not(.tabletPhotoLimit), .mobilePhotoLimit:not(.tabletPhotoLimit) { height: 100% !important; } .tabletNoTranslateY { transform: translateY(0) !important; } } @media screen and (max-width: 648px) { .mobileHide { display: none !important; } .mobileWidth100 { width: 100% !important; } .mobileWidth66 { width: 66.6666% !important; } .mobileWidth50 { width: 50% !important; } .mobileWidth33 { width: 33.3333% !important; } .mobileWidth25 { width: 25% !important; } .mobileWidth16 { width: 16.6666% !important; } .mobilePhotoLimit { overflow: hidden; } .desktopPhotoLimit:not(.mobilePhotoLimit), .tabletPhotoLimit:not(.mobilePhotoLimit) { height: 100% !important; } .mobileNoTranslateY { transform: translateY(0) !important; } .floatRight { margin-left: 0; float: none; } .floatLeft { margin-right: 0; float: none; } } .floatRight { float: right; margin-left: 5px; } .floatLeft { float: left; margin-right: 5px; } /*--Grid Column Styles--*/ .content-grid, .content-grid .row { width: 100%; float: left; display: block; clear: both; padding: 20px 0; } .content-grid .row { border-bottom: 1px solid #a5a5a5; } .content-grid .row:first-child { border-top: 1px solid #a5a5a5; margin-top: 20px; } .col-full, .col-half, .col-third, .col-twoThird, .col-four, .col-threeFourth, .col-five, .col-twoFifth, .col-threeFifth, .col-fourFifth, .col-six, .col-fiveSixth { float: left; width: 100%; margin-left: 0%; padding: 10px 0; } .content-grid .row.oneRow { border: none; margin: 0; padding: 0; } @media (min-width: 648px) { .col-full, .col-half, .col-third, .col-twoThird, .col-four, .col-threeFourth, .col-five, .col-twoFifth, .col-threeFifth, .col-fourFifth, .col-six, .col-fiveSixth { padding: 0; } .padding-right { padding-right: 10px; } .padding-left { padding-left: 10px; } .col-half { width: 50%; } .col-third { width: 33.33333%; } .col-four { width: 25%; } .col-five { width: 20%; } .col-six { width: 16.66666667%; } .col-twoFifth { width: 40%; } .col-threeFifth { width: 60%; } .col-twoThird { width: 66.66666%; } .col-threeFourth { width: 75%; } .col-fourFifth { width: 80%; } .col-fiveSixth { width: 83.33333333333333%; } } /*-- OPTIONAL 6 Image/Text links, Responsive--*/ /*6 image buttons with text below, and hoverstate. 6x1 at desktop size, 3x2 at tablet size, and 2x3 at mobile size*/ .sixPackButtonContain { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .sixPackButton { width: 16.666%; font-size: 1.4em; position: relative; display: inline-block; } .sixPackText { transition: all 0.2s ease 0s; width: 100%; position: absolute; bottom: 20px; display: block; font-family: "Open Sans", sans-serif; font-size: 1.2em; font-weight: bold; z-index: 20; text-transform: uppercase; text-align: center; } .sixPackButton img { width: 100%; transition: all 0.2s ease 0s; } .sixPackButton a { color: rgba(255, 255, 255, 0.8) !important; text-decoration: none; display: block; } .sixPackButton a:before { content: ""; position: absolute; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black); top: 0; bottom: 0; left: 0; right: 0; display: flex; z-index: 10; } .sixPackButton a:hover { color: #fff !important; } .sixPackButton a:hover img { -webkit-filter: brightness(80%) contrast(120%); } @media screen and (max-width: 1200px) { .sixPackText { font-size: 1em; } } @media screen and (max-width: 1000px) { .sixPackButton { width: 33%; } .sixPackText { font-size: 1.2em; } } @media screen and (max-width: 648px) { .sixPackButton { width: 49%; } .sixPackButton img { margin-bottom: 0; } } /******* End Content Utility Classes SEO Addition *******/ /* New Banners */ #Allergies #secPageRight { background-image: url("/Content/images/AllergiesBanner.jpg"); background-position: center; } #PainRelief #secPageRight { background-image: url("/Content/images/PainReliefBanner.jpg"); } #BoostCollagen #secPageRight { background-image: url("/Content/images/collagenbanner.jpg"); } @media screen and (max-width: 640px) { #PainRelief #secPageRight { background-position-x: 0px !important; } } @media screen and (max-width: 430px) { #PainRelief #secPageRight { background-position-x: -100px !important; } } #Botox #secPageRight { background-image: url("/Content/images/BotoxBanner.jpg"); background-position: center; background-repeat: no-repeat; border-color: #00b7c4; } #Fillers #secPageRight { background-image: url("/Content/images/FillerBanner.jpg"); background-position: center; background-repeat: no-repeat; border-color: #00b7c4; } @media screen and (min-width: 2001px) { #backgroundImg{ height:auto; aspect-ratio:18/7.3; } #backgroundImg img { max-width: 100%; } #hydrationWellnessImg, #performanceWellnessImg, #rescueWellnessImg, #reliefWellnessImg { max-width: unset; } .IVinfoCatType{ font-size:124px; } #newPortBeachWrap{ background-size:cover; } .desktopPhotoLimit{ height:auto !important; } .desktopPhotoLimit img{ width:100%; height:auto; } #Home #topHeaderBG{ background-position:right; } #backgroundImgContact{ background-size:cover; } #secPageRight { background-size: cover !important; } }