/* Theme Name: Chang, Larry (rehobothcosmeticcenter.com) Author: NKP Development Team Description: NKP Medical responsive theme Template: nkpv2 */ /*---- Do Not Remove ----*/ @import url(https://static.nkpmedical.com/unsemantic/css/nkp.min.css); @import url(https://use.fontawesome.com/releases/v5.9.0/css/all.css); @import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css); @import url(https://use.typekit.net/ltz0hwb.css); @import url(https://unpkg.com/aos@2.3.1/dist/aos.css); @import url(https://static.nkpmedical.com/magnific-popup/magnific-popup.min.css); /*---- Do Not Remove ----*/ /*---- GENERAL ----*/ html{box-sizing:border-box} *,::before,::after{box-sizing:inherit} body{font-family:futura-pt,sans-serif;font-weight:400;font-style:normal;font-size:18px;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; overflow-x: hidden;} h1,h2,h3,h4,h5,h6{font-weight:500;text-transform:uppercase} h2 { font-size: 26px; display: block; padding: 10px 0 0 0; } .section-header{text-transform:uppercase;font-weight:500;font-size:1.5rem;padding-bottom:1rem} a,a:visited,a:link{color:#000;text-decoration:none;outline:none;transition:all .5s ease} #main #content a {color:#359cae} a:hover{color:#CAAF84;text-decoration:none;outline:none} a.btn,button.btn{font-size:inherit;font-family:inherit;font-weight:500;text-transform:uppercase;text-align:center;border-style:solid;border-width:4px;padding:1rem;display:inline-block;position:relative;width:100%;max-width:210px;cursor:pointer;z-index:1;overflow:hidden;transition:all .4s cubic-bezier(.215,.61,.355,1)} a.btn::after,a.btn::before,button.btn::after,button.btn::before{content:'';position:absolute;z-index:-1} a.btn::before,button.btn::before{display:block;left:0;bottom:0;height:0;width:100%;background:#fff;transition:all .4s cubic-bezier(.215,.61,.355,1)} a.btn::after,button.btn::after{height:0;left:50%;top:50%;width:150%;transition:all .75s ease} a.btn:hover,button.btn:hover{color:#359cae} a.btn:hover::before,button.btn:hover::before{top:0;bottom:auto;height:100%} a.btn:hover::after,button.btn:hover::after{height:450%} a.anchor { display: block; position: relative; top: -130px; visibility: hidden; } .social{display:flex} .social li{margin:0 .5rem} ul,ol{clear:both} .fl{float:left} .fr{float:right} .fn{float:none;display:inline-block} .tal{text-align:left} .tar{text-align:right} .tac{text-align:center} .clr-l{clear:left} .clr-r{clear:right} .clr,.clear{clear:both} .nodisp{display:none} .related-proc .grid-25{ margin-bottom:20px;} .mb1{margin-bottom:2rem;} .mb2{margin-bottom:3rem;} #mobile-header{background-image:linear-gradient(#C3A97F,#DBBF90)} #mobile-header .top{padding:15px 15px 30px;display:flex;align-items:center} #mobile-header .top .grid-50:last-of-type{text-align:right} #mobile-header .bottom{padding-bottom:3rem} #mobile-header .bottom .phone{color:#fff;font-size:1.5rem} #mobile-header .bottom .phone a{color:#fff;font-size:1.5rem} #mobile-header .bottom .tablet-33{margin-bottom:1rem} #desktop-header{display:none} .open-menu{cursor:pointer;width:35px;height:35px;margin-left:auto;position:relative} .open-menu span{display:block;position:absolute;top:0;bottom:0;margin:auto;background:#fff;border-radius:4px;height:3px;width:100%} .open-menu span::before{content:'';background:#fff;position:absolute;top:-9px;display:block;border-radius:4px;height:3px;width:100%} .open-menu span::after{content:'';display:block;position:absolute;bottom:-9px;background:#fff;border-radius:4px;height:3px;width:100%} header .btn{border-color:#fff;color:#fff} #banner{position:relative;margin-top:-2rem;height:85vw;display:flex;flex-direction:column;align-items:center;justify-content:center;-moz-clip-path:polygon(50% 0,100% 5%,100% 95%,50% 100%,0 95%,0 5%);-webkit-clip-path:polygon(50% 0,100% 5%,100% 95%,50% 100%,0 95%,0 5%);clip-path:polygon(50% 0,100% 5%,100% 95%,50% 100%,0 95%,0 5%)} #banner-slider{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden} #banner-slider,#banner-slider .slides,#banner-slider .slides li,#banner-slider .slides li > div{height:100%} #banner-slider .slide1,#banner-slider .slide2,#banner-slider .slide3,#banner-slider .slide4,#banner-slider .slide5{transition:all 8s linear} #banner-slider .slide1{background:url(images/slide1.png) no-repeat center;background-size:cover} #banner-slider .slide2{background:url(images/slide2.jpg) no-repeat center;background-size:cover} #banner-slider .slide3{background:url(images/slide3.jpg) no-repeat center;background-size:cover} #banner-slider .slide4{background:url(images/slide4.jpg) no-repeat center;background-size:cover} #banner-slider .slide5{background:url(images/slide5.jpg) no-repeat center;background-size:cover} #banner-slider .flex-active-slide .slide1, #banner-slider .flex-active-slide .slide3{transform:scale(1.2) translateX(2rem)} #banner-slider .flex-active-slide .slide2,#banner-slider .flex-active-slide .slide4,#banner-slider .flex-active-slide .slide5{transform:scale(1.2) translateX(-2rem)} #text-slider h2{opacity:0;transform:translateY(40px);transition:all 1.5s ease} #text-slider .flex-active-slide h2{transform:translateY(0);opacity:1} #banner h2{margin-bottom:1rem} #banner .btn-wrapper{display:flex;flex-flow:row wrap;align-items:center;justify-content:center} #banner .btn{margin:.5rem;font-size:.875rem;color:#fff;border-color:#fff} #banner .btn:hover{color:#CAAF84} #banner h2{color:#fff;text-shadow:2px 3px 8px rgba(0,0,0,0.4)} #banner h2{font-size:15vw;font-weight:300} #banner h2 span{text-align:left;display:inline-block;font-size:5vw} #banner.internal{background:url(images/slide2.jpg) no-repeat center;background-size:cover;height:60vw;display:flex;align-items:center} #banner.internal .grid-container{width:100%} #main{padding:5rem 0} #main #content p{line-height:1.875rem;padding-bottom:1.5rem} #main #content h2{font-size:2rem} #main #content ul {padding-left: 15px; margin-bottom: 15px;} #main #content li {line-height: 1.875rem;} #main #content ul { margin-left: 40px; list-style:none; } #main #content ul li { padding: 6px 10px 0px 30px; background-image: url(images/check.png); background-repeat: no-repeat; background-position: left 12px; background-size: 16px; } #main #content li ul li {list-style: circle;margin-left: 15px; background-image: none;padding: 0px} #main #content .accordion-container {display: block;} #main #content .gdl-accordion{ margin:15px 0px !important; padding:0px !important; list-style-type:none !important; cursor:pointer; display: inline-block;} #main #content .gdl-accordion .gdl-divider { list-style: none !important; background: none;} #main #content .gdl-title{ display:block; background:#d2b789; color:#fff; padding:15px; border-bottom: 1px solid #fff; margin-bottom:0px; font-size:18px; font-weight: 400;} #main #content .accordion-content{ padding:15px;} #main #content .accordion-head-image{ width:15px; display:inline-block; text-align:center} #main #content .accordion-head-image:before{content:"+"} #main #content .open-accordion:before{content:"-"} #main #content .mainSitemap li, #main #content .gallerySitemap li {list-style: disc;background-image: none;padding: 0px} #main #content .mainSitemap li:before, #main #content .gallerySitemap li:before {content:"" !important} #main #content .mainSitemap li li, #main #content .gallerySitemap li li {list-style: circle;} #main #content .mainSitemap li li li {list-style: square;} #main #content img.noStyle {box-shadow: none; border: 0px} #sticky-nav{background:rgba(210,183,137,.95);position:fixed;top:0;width:100%;z-index:999;transform:translateY(-100%);box-shadow:0 5px 20px rgba(0,0,0,.15);transition:all .3s} #sticky-nav .grid-container{padding:10px 15px;display:flex;align-items:center} #sticky-nav .grid-container .grid-50{width:100%} #sticky-nav .logo img{width:120px} #sticky-nav .open-menu{margin-right:0} #nav-overlay{width:100%;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.95);z-index:9999;overflow-x:hidden;display:none} #nav-overlay .left,#nav-overlay .right{/* height:100vh; */padding:4rem} #mobile-menu{background-image:linear-gradient(#208394,#67D7EB);padding:15px 15px 30px} #mobile-menu .close-menu{margin-right:15px} #mobile-menu .close-menu span{background:#fff!important} #mobile-menu .close-menu p{color:#fff} #mobile-menu .logo{text-align:center;margin:4rem 0 2rem} #mobile-menu .stellarnav > ul{display:block!important;background:none} #mobile-menu .stellarnav.mobile ul{background:none} #mobile-menu .stellarnav .menu-toggle{display:none} #mobile-menu .stellarnav li a{color:#fff;font-weight:400} #mobile-menu .stellarnav .dd-toggle{height:52px} #mobile-menu .stellarnav li.open > a.dd-toggle i{transform:rotate(0)!important} #mobile-menu .stellarnav li > a.dd-toggle i::before{content:'\f078'} #mobile-menu .stellarnav ul li.has-sub.open > a{font-weight:700;text-decoration:underline} #desktop-menu .left{background-image:linear-gradient(#208394,#67d7eb)} #desktop-menu .left #menu{width:80%;float:right} #desktop-menu .left #menu .logo img{width:80%} #desktop-menu .left #menu #menu-desktop-menu{margin-top:2rem} #desktop-menu .left #menu #menu-desktop-menu li{margin-bottom:1rem} #desktop-menu .left #menu #menu-desktop-menu li a{font-size:1rem;color:#fff;position:relative} #desktop-menu .left #menu #menu-desktop-menu li a::after{content:'';background:#fff;position:absolute;margin-top:.15rem;height:1px;width:0;display:block; /*transition:all .3s ease */} #desktop-menu .left #menu #menu-desktop-menu li a:hover::after{width:100%} #nav-overlay .info{margin-top:1.5rem;padding-left:15px} #nav-overlay .info p,#nav-overlay .info a{color:#fff;font-size:1rem} #nav-overlay .info p{margin-bottom:.5rem;line-height:1.5} #nav-overlay .info .phone{font-size:1.5rem} #nav-overlay .info .social li{margin:0 1rem 0 0} #nav-overlay .info .social li a{font-size:1.25rem} #nav-overlay .info .social li a:hover{opacity:.6} #nav-overlay .close-menu{width:40px;height:40px;position:relative;cursor:pointer;float:right} #nav-overlay .close-menu p{text-align:center;font-size:12px;margin-top:2.5rem} #nav-overlay .close-menu span:first-of-type{background:#000;display:block;position:absolute;bottom:0;top:0;margin:auto;height:1px;width:100%;transform:rotate(45deg)} #nav-overlay .close-menu span:last-of-type{background:#000;display:block;position:absolute;bottom:0;top:0;margin:auto;height:1px;width:100%;transform:rotate(-45deg)} #nav-overlay .right #menu-area{margin-top:10.5rem; /* height:800px; */ overflow:hidden} #nav-overlay .right #menu-area li{margin-bottom:0.3rem} #nav-overlay .right #menu-area div a{font-weight:400; font-size: 15px;padding-right: 10px;} #nav-overlay .right #menu-area > div{display:none} #nav-overlay .right #menu-area>div .service-title{margin:0} #nav-overlay .right #menu-area>div .service-title>a { text-transform: uppercase; margin-bottom: 0.5rem; display: block; text-decoration: underline; font-weight: 700; font-size: 12px; margin-top: 1rem; } #nav-overlay .right #menu-area>div .service-title.sub a { text-transform: capitalize; } #nav-overlay .right #menu-area #about-menu, #nav-overlay .right #menu-area #treatments-menu, #nav-overlay .right #menu-area #medispa-menu, #nav-overlay .right #menu-area #lasers-menu, #nav-overlay .right #menu-area #skin-tightening-menu, #nav-overlay .right #menu-area #wrinkles-menu, #nav-overlay .right #menu-area #nonsurgical-menu, #nav-overlay .right #menu-area #dermatological-menu, #nav-overlay .right #menu-area #reconstructive-menu { /* height: 800px; */ overflow: hidden } #nav-overlay .right #menu-area #hair-restoration-menu, #nav-overlay .right #menu-area #menu-medispa-menu,#nav-overlay .right #menu-area #menu-non-surgical-menu, #nav-overlay .right #menu-area #menu-treatments-menu, #nav-overlay .right #menu-area #menu-dermatological-menu{/* display:flex; */ justify-content:space-between; padding-bottom: 40px;} .menu ul.sub-menu { -moz-column-count: 4; column-count: 4; } #doctors{margin-top:6rem} #doctors h2{font-size:2.8rem;text-transform:none;font-weight:400;padding:1.5rem 0;border-top:solid 1px #CDCDCD;position:relative;display:inline-block} #doctors h2::before{content:'';position:absolute;background:#CDCDCD;top:0;left:0;height:2px;width:100px} #doctors .title{background-image:linear-gradient(to right,#C3AA7F,#DCBF90);display:flex;justify-content:space-between;padding:2rem 2rem 2rem 60px;margin-left:-60px} #doctors h2{color:#fff;font-size:1.25rem} #doctors p{font-size:1.125rem;line-height:2rem;margin-top:2rem} #doctors .btn{color:#caaf84;margin-top:2rem;border-color:#caaf84} #doctors .btn:hover{color:#fff} #doctors .btn::before{background:#caaf84} #dr-slider{position:relative} #dr-slider img{width:100%} #dr-slider .flex-direction-nav{position:absolute;display:flex;top:0;right:0;z-index:9} #dr-slider .flex-direction-nav .flex-prev,#dr-slider .flex-direction-nav .flex-next{padding:0;text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:66px;height:66px;background:rgba(255,255,255,.4)} #dr-slider .flex-direction-nav .flex-prev:hover::before,#dr-slider .flex-direction-nav .flex-next:hover::before{color:#c89d54} #dr-slider .flex-direction-nav .flex-prev::before,#dr-slider .flex-direction-nav .flex-next::before{font-family:'Font Awesome 5 Free';font-weight:900;color:#fff;transition:all .5s ease} #dr-slider .flex-direction-nav .flex-prev::before{content:'\f053'} #dr-slider .flex-direction-nav .flex-next::before{content:'\f054'} .accolades{margin:4rem 0} .accolades .flex{display:flex;flex-flow:row wrap;justify-content:center} .accolades .flex img{margin:1rem} #about{position:relative;max-width:1890px;margin:0 auto} #about .grid-container{padding:6rem 0} #about .mobile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(images/about2.png) no-repeat center;background-size:cover;z-index:-1} #about .btn{border-color:#CAAF84;color:#CAAF84;background:#fff;margin-top:2rem;margin-bottom:-8rem} #about .btn::before{background:#CAAF84} #about .btn:hover{color:#fff} #about p{line-height:1.875rem} #nouveau{margin:8rem 0;background:#f6f6f6} #nouveau .mobile-bg{background:url(images/nouveau-bg.jpg) no-repeat center;background-size:cover;height:60vw;position:relative;overflow-y:hidden} #nouveau .mobile-bg h2{color:#fff;font-weight:300;position:absolute;bottom:-5vw;right:0;font-size:14vw} #nouveau .mobile-bg img{width:50%;margin:6vw 0 0 6vw} #nouveau .grid-container{padding:4rem 15px} #nouveau .grid-55{text-align:center} #nouveau .btn{margin-top:2rem;border-color:#fff;color:#fff;background:#CAAF84} #nouveau .btn:hover{color:#CAAF84} #nouveau p{line-height:1.875rem} #services{max-width:1890px;margin:auto;background:#DCE6ED} #services .mobile-bg{background:url(images/services-bg.png) no-repeat center;background-size:cover;background-position-x:-40vw;height:60vw} #services .grid-container{padding:4rem 15px} #services .btn{margin:2rem auto 0;display:block;border-color:#fff;color:#fff;background:#CAAF84} #services .btn:hover{color:#CAAF84} #services p{line-height:1.875rem} #services .controls{margin-top:2rem;text-align:center} #services .controls li{margin:1rem 0} #services .controls a{font-weight:400;font-size:.875rem;text-transform:uppercase} #services .controls a.flex-active{color:#CAAF84} #injectables{margin:4rem 0;background:#f6f6f6} #injectables .mobile-bg{background:url(images/injectables-bg.jpg) no-repeat;background-size:cover;background-position-x:-40vw;height:60vw} #injectables .grid-container{padding:4rem 15px} #injectables .btn{margin-top:2rem;border-color:#fff;color:#fff;background:#CAAF84} #injectables .btn:hover{color:#CAAF84} #injectables p{line-height:1.875rem} #injectables.neograft .mobile-bg{background:url(images/hair-resto-bg.jpg) no-repeat;background-size:cover;background-position-x:-40vw;height:60vw} #injectables.skincancer .mobile-bg{background:url(images/skin-cancer-bg.jpg) no-repeat;background-size:cover;background-position-x:-90vw;height:60vw} #hair-vid .grid-container,#ps-vid .grid-container{max-width:1400px} #hair-vid{margin-bottom:4rem} #ps-vid{background:url(images/polygon.png) no-repeat center;background-size:cover} #hair-vid .video,#ps-vid .video{position:relative;display:block} #hair-vid .video:hover .play-btn,#ps-vid .video:hover .play-btn{transform:scale(1.035)} #hair-vid .video img,#ps-vid .video img{transition:all .5s ease} #hair-vid .video:hover img,#ps-vid .video:hover img{-webkit-filter:brightness(.9);filter:brightness(.9)} #hair-vid .video .section-header,#ps-vid .video .section-header{position:absolute;font-size:4vw;top:4vw;left:4vw;z-index:1} #hair-vid .video .section-header{color:#fff} #hair-vid .video .play-btn,#ps-vid .video .play-btn{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);top:0;right:0;bottom:0;left:0;z-index:2;margin:auto;width:24vw;height:24vw;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.55)} #hair-vid .video .play-btn::before,#ps-vid .video .play-btn::before{content:'';background:rgba(255,255,255,.5);position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;width:16vw;height:16vw} #hair-vid .video .play-btn .fa-play,#ps-vid .video .play-btn .fa-play{color:#fff;font-size:8vw;margin-left:1vw} #contact{margin-top:4rem;overflow:hidden} #contact .bg-wrap{position:relative} #contact .bg-wrap img{position:absolute;width:50%;z-index:-1} #contact .bg-wrap img:first-of-type{left:0} #contact .bg-wrap img:last-of-type{right:0} #contact .grid-container{background:url(images/form-bg.jpg) no-repeat center;background-size:cover;padding:2rem 0; overflow: hidden;} #contact .form-wrapper .agreement{display:flex} #contact input.checkbox-inline { height: 20px; width: 20px; } #contact .form-wrapper .wpcf7-form-control-wrap.agree{margin-right:.5rem} #contact .section-header{color:#fff} #contact .btn{border-color:#fff;color:#fff;background:none;margin-top:1rem} #contact .btn:hover{color:#c09f68} footer{background:#F3F1EC} footer .grid-container{padding:5rem 15px} footer p{padding-bottom:1rem;line-height:1.875rem} footer .social{justify-content:center} footer .social a{font-size:1.25rem} /* landing page */ #landing-page .open-menu { margin: 0 auto; } #landing-page #banner-slider, #landing-page #banner-slider .slides, #landing-page #banner-slider .slides li, #landing-page #banner-slider .slides li > div, #landing-page #banner .container, #landing-page #banner #text-slider { height: 85vh; } #landing-page #banner-slider .slide1 {background:url(landing-page/images/slide-offices.jpg) no-repeat center;background-size:cover;} #landing-page #banner-slider .slide1:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.25); } #landing-page #banner-slider .slide2 {background:url(landing-page/images/slide-longwood-garden.jpg) no-repeat center;background-size:cover; } #landing-page #banner-slider .slide2:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5);} #landing-page #banner-slider .slide5 {background:url(landing-page/images/slide-hair-restoration.jpg) no-repeat center;background-size:cover;} #landing-page #banner-slider .slide5:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.25); } #landing-page #banner #text-slider { margin-top: 15rem; } #landing-page #banner #text-slider .offices { display: flex!important; flex-direction: row; justify-content: space-around; } #landing-page #banner #text-slider .offices a { padding: 0 25px; } #landing-page #banner #text-slider .longwood-garden { display: flex!important; justify-content: center } #landing-page #banner #text-slider .hair-restoration { display: flex!important; flex-direction: column; align-items: center; } #landing-page #banner #text-slider .hair-restoration .wrap { padding: 40px; border-left: 3px solid #fff; border-right: 3px solid #fff; } #landing-page #banner #text-slider .hair-restoration .wrap h2 { display: flex; flex-direction: column;} #landing-page #banner #text-slider .hair-restoration .wrap span:nth-child(1) { font-weight: 500; color: #fff; font-size: 2.075rem; line-height: 1; text-transform: uppercase; text-shadow: none;} #landing-page #banner #text-slider .hair-restoration .wrap span:nth-child(2) { color: #fff; font-size: 6.5rem; line-height: 1; text-transform: uppercase; text-shadow: none;} #landing-page #desktop-header { background-image: url(landing-page/images/lp-header-bg.jpg); padding-top: 20px;} #landing-page #intro { margin: 6rem 0; height: 645px; width: 100%; background: url(landing-page/images/intro-bg.jpg) center no-repeat; } #landing-page #intro .content { margin-top: 125px; } #landing-page #schedule { margin: 6rem 0; } #landing-page #schedule .lp-form { padding: 60px 80px 80px; border: 4px solid #DEC9A4; } #landing-page #schedule .lp-form h2 { text-align: center; font-size: 1.625rem; line-height: 1; color: #DEC9A4; margin-bottom: 40px; } #landing-page #schedule .lp-form input[type="text"], #landing-page #schedule .lp-form input[type="email"], #landing-page #schedule .lp-form input[type="tel"] {background: #fff;border-bottom: 4px solid #DEC9A4;color: #595959;width: 100%;border-top: none;border-left: none;border-right: none;font-family: inherit;} #landing-page #schedule .lp-form input[type="text"]:focus, #landing-page #schedule .lp-form textarea:focus { color: #595959; } #landing-page #schedule .lp-form textarea {height: 120px;background: #fff;border-bottom: 4px solid #DEC9A4;color: #595959;width: 100%;border-top: none;border-left: none;border-right: none;font-family: inherit;} #landing-page #schedule .lp-form .agreement { height: 120px; display: flex; flex-direction: column; padding-top: 20px; } #landing-page #schedule .lp-form input[type="checkbox"] { height: initial; width: initial;background: #fff; } #landing-page #schedule .lp-form .agreement .wpcf7-list-item {margin: 0 10px 0 0;} #landing-page #schedule .lp-form .btn { color: #DEC9A4;border-color:#DEC9A4;background-color:#fff;} #landing-page #schedule .lp-form .btn:hover { color: #000;border-color:#000;} #landing-page #schedule .lp-form ::-webkit-input-placeholder{color:#595959;} #landing-page #intro p {line-height:1.875rem;padding-bottom:1.5rem} #landing-page #intro h2 {font-size:1.625rem; text-transform: initial; margin-bottom: 25px; } #landing-page #testimonials {padding: 3.125rem 0;min-height: 572px;background:url(landing-page/images/testimonials-bg.jpg) center no-repeat;background-size: cover;overflow:hidden;} #landing-page #testimonials h2 {padding: 0;color: #fff;font-size: 2.8125rem;line-height: 1;font-weight: 400;padding: 40px 0 0;} #landing-page #testimonials h2 {padding: 0;color: #fff;text-align: center;line-height: 1;font-weight: 400;margin-bottom: 20px;} #landing-page #testimonials .review img { margin: 20px 0; } #landing-page #testimonials p { color: #fff; font-size: 1rem; line-height: 1.5;} #landing-page #testimonials .before-after img { box-shadow: 10px 10px #fff; } #landing-page #testimonials .before-after a.btn { margin: 40px auto; color: #fff;border-color:#fff;} #landing-page #testimonials .before-after a.btn:hover { color: #000;border-color:#000;} #landing-page #why-us { padding: 5rem 0 0; } #landing-page #why-us h2 { font-size: 4rem; line-height: 1; font-weight: 400; margin-bottom: 20px; text-transform: none; } #landing-page #why-us figcaption { display: block; margin: 10px; text-align: center; } #landing-page #why-us .logo { margin: 40px; } #landing-page #why-us ul { list-style: disc; } #landing-page #why-us ul li {font-size: 1rem;line-height: 1.5;margin-bottom: 10px;list-style-position: inside;text-indent: -1.3em;padding-left: 1.3em;} #landing-page #locations { padding: 3.125rem 0; } #landing-page #locations h2 { font-size: 2.8125rem; line-height: 1; font-weight: 400; } #landing-page #locations h2 { font-size: 1.625rem; line-height: 1; font-weight: 400; color: #c2a980; text-transform: none; margin-bottom: 20px; } #landing-page #locations .caption { height: 570px; display: flex; align-items: center;} #landing-page #locations .pd20 { padding: 20px; } #landing-page #locations p { line-height: 2; } #landing-page .social li { width: initial; } /* popup */ #popup { position: relative; width: 50vw; margin: 0 auto; background: #ececec; } #popup .popup-link { margin: 0 20px; } #popup #popup .slider-item { text-align: center; } /* gallery */ #popup .patient-entry { overflow: hidden; } #popup #patient-listing .patient-listing { display: flex; justify-content: center; } #popup #patient-listing .patient-entry { margin: 0; padding: 25px; border: 0; } #popup #patient-listing .patient-entry h3.patient-header { color: #359cae; } #popup #patient-listing .patient-entry h3 { display: block; margin: 10px auto; } #popup #patient-listing .patientPic { width: 30%; height: initial; padding: 0 5px; display: flex; justify-content: center; margin: 25px; } #popup #patient-listing .patientPic img.patient-list-image { margin: 5px; width: 100%; } #popup #patient-listing .patient-entry:hover { background: initial !important; } #popup #patient-listing .patient-entry:hover img { opacity: 1; } #popup #patient-listing .patient-content { display: flex; flex-direction: column; justify-content: center; float: none; width: 100%; margin: 0 0 20px; text-align: center; } #popup #patient-listing .patient-entry p { padding-bottom: 10px; } /* slick */ #popup .slick-slide { outline: none; height: initial; } #popup .slick-dots { bottom: 10px; left: 0; } #popup .slick-dotted.slick-slider { margin-bottom: initial; } #popup .slick-dots li button:before { font-size: 10px; line-height: 1; } /* Arrows */ #popup .slick-prev, #popup .slick-next { display: none!important; } #popup .slick-prev:before { content: "<"; color: red; font-size: 30px; } #popup .slick-next:before { content: ">"; color: red; font-size: 30px; } #popup .slick-prev { left: 25px; z-index: 9; } #popup .slick-next { right: 25px; z-index: 9; } @media only screen and (max-width: 767px) { #landing-page { background-image: url(landing-page/images/lp-header-bg.jpg); background-repeat: no-repeat; } #landing-page #mobile-header { background-image: none; } #landing-page #mobile-header .phone a { color: #fff; position: relative; z-index: 9; } #landing-page #banner #text-slider { margin-top: 10rem; } #popup { width: 90vw; } #popup #patient-listing .patientPic { width: initial; height: initial; padding: 0 5px; display: flex; justify-content: center; margin: 5px; } #landing-page #banner {margin-top: -1rem;} #landing-page #banner .container { width: 100%; } #landing-page #banner #text-slider img { width: 200px; } #landing-page #banner #text-slider .hair-restoration { display: flex!important; flex-direction: column; align-items: center; } #landing-page #banner #text-slider .hair-restoration .wrap {border-left: 3px solid #fff;border-right: 3px solid #fff;margin: 0 auto;box-sizing: border-box;width: 345px;padding: 10px 10px 0;} #landing-page #banner #text-slider .hair-restoration .wrap h2 { display: flex; flex-direction: column;} #landing-page #banner #text-slider .hair-restoration .wrap span:nth-child(1) {font-weight: 500;color: #fff;font-size: 1.375rem;line-height: 1;text-transform: uppercase;text-shadow: none;margin: 0 auto;} #landing-page #banner #text-slider .hair-restoration .wrap span:nth-child(2) {color: #fff;font-size: 4.3rem;line-height: 1;text-transform: uppercase;text-shadow: none;margin: 0 auto;} #landing-page #intro { margin: 1rem 0; background: none; height: initial; } #landing-page #intro .content { margin-top: 30px; } #landing-page #schedule {margin: 0 0 3rem;} #landing-page #schedule .lp-form {padding: 20px 20px 40px;} #landing-page #testimonials h2 { margin: 20px auto 10px; } #landing-page #why-us .logo { margin: 10px; } #landing-page #why-us figure { margin-top: 25px;} #landing-page #locations .caption { height: initial; } } @media only screen and (min-width: 1025px) { #landing-page #banner { margin-top: 6.5rem; } } /* NKP GLOBAL STYLES */ img{border:0} .img-resp,.img-responsive{max-width:100%;height:auto} img.left,img.alignleft,.img-l{float:left;margin:10px 15px 0 0} img.right,img.alignright,.img-r{float:right;margin:10px 0 0 15px} iframe{width:100%;height:500px} .embed-responsive{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:20px} .embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ccc} input,select,textarea{font-size:inherit;font-family:inherit;width:100%;margin:0 0 10px;padding:15px;border:none;color:#fff;background:#DEC9A4;transition:all .5s ease} textarea{resize:none} .contact-form input[type='text'],.contact-form input[type='email'],.contact-form input[type='tel'],.contact-form input[type='url'],.contact-form textarea, .contact-form select{border:1px solid #ccc;background:rgba(255,255,255,.2);box-sizing:border-box} .contact-form input[type='submit'],.contact-form input[type='submit'][disabled]{width:100px;height:26px;background:#adadad;border:0;color:#fff;text-transform:uppercase;clear:both;border-radius:4px;outline:none} .contact-form textarea{height:120px;border-radius:4px} .contact-form ::-webkit-input-placeholder{color:#fff} .contact-form.main ::-webkit-input-placeholder{color:#ccc} .contact-form.main input, .contact-form.main select, .contact-form.main textarea {color:#000;} :-moz-placeholder{color:#fff} :-ms-input-placeholder{color:#fff} .contact-form input.wpcf7-captchar{width:135px} input[type="checkbox"] { height: 15px; width: 15px; } .patient-single{width:50%} .patient-single img{width:96%;height:auto} #nav{background-color:#000;height:50px} .breakout { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); margin-top:20px; margin-bottom:20px; padding:40px; } .light { background-image: linear-gradient(#208394,#67d7eb) !important;} .breakout.light {color:#fff} .breakout.light .btn { background: #f8f8f8; } .columns {-moz-column-count: 2;column-count: 2; -moz-column-gap: 30px; column-gap: 30px;} .columns li { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid;} #main #content .breakout .grid-container ul { margin: 0 0 10px 0; padding: 0; } .bxa-img {border: 3px solid rgb(214, 214, 214) !important;} .censor-gate { position: relative; margin-top: 30px !important;} .censor-gate .bxa-btn { position: absolute; font-size: 16px; cursor: pointer; top: 0; right: 0; bottom: 0; left: 0; width: 250px; height: 100px; margin: auto; } .censor-gate .bxa-img{ -webkit-filter:blur(20px); filter:blur(20px) } #main #content img { box-shadow: 6px 6px 0px #d2b789; border: 1px solid #d2b789; padding: 0px; margin-bottom: 10px; } #main #content .procBox { background: #f5f5f5; display: inline-block; margin-bottom: 10px; padding: 10px; } /* custom gallery */ .patient_image_small { display: flex; } .btn.btn--medium.btn--white { color: #000; border: 1px solid #000; } .btn.btn--medium.btn--white:hover {color: #fff;} #patient-listing .patient-entry { float: left; clear: none; width: 47%; border: 1px solid #fff; padding-top: 12px; min-height: 230px; background: #ececec; padding: 5px; margin: 10px 2px; } #patient-listing .patient-entry h3 {display: block;} #patient-listing .patient-listing { width: 100% !important; float: left; } #patient-listing a.patientLink { width: 50%; display: inline-block; text-align: center; } #patient-listing .patientPic { width:100%; height: 140px; overflow: hidden; } #patient-listing .patient-entry:hover {background: #fcfaf0 !important; } #patient-listing .patient-entry:hover img {opacity: 0.5;} .patient-entry .enlargeBtn { margin:0 auto; position:absolute; left:0; top:42%; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;transition:all .5s ease-out; /*background: rgba(255, 255, 255, 0.68);*/ border: 0; right: 0;max-width: 180px;width: 100%;} .patient-entry:hover .enlargeBtn { visibility: visible; opacity: 1; } .bigimage.border.odd, .bigimage.border.even { width: 47%; /*padding: 15px;*/} .bigimage.border.odd::after { content: "Before";} .bigimage.border.even::after { content: "After";} .beforeCap, .afterCap{text-transform: uppercase;font-size: 1em;letter-spacing: 10px;font-weight: 700;margin: 0px auto 30px;} .beforeCap {width: 45%; text-align: center; float: left;} .afterCap {width: 45%; text-align: center; float: right;} span.prev-arrow a, span.next-arrow a{background: transparent; color: #d2b789 !important; padding: 0.8em 0.5em; margin: 15px auto; height: auto; width: 100%; max-width: 210px; font-size: 18px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box; cursor: pointer; border: 1px solid #d2b789; position: relative; z-index: 99;} span.prev-arrow a:hover, span.next-arrow a:hover, span.prev-arrow a:focus, span.next-arrow a:focus{background: #d2b789; color: #fff !important;} span.prev-arrow a { float: left} span.next-arrow a { float: right} span.prev-arrow a svg, span.next-arrow a svg{fill:#000;transition: all 0.5s ease-out;width: 30px; display: block;margin: 15px auto 0} span.next-arrow a svg{transform: scale(-1,1)} span.prev-arrow a:hover, span.next-arrow a:hover,span.prev-arrow a:focus, span.next-arrow a:focus{color: #cf9e77} span.prev-arrow a:hover svg, span.next-arrow a:hover svg,span.prev-arrow a:focus svg, span.next-arrow a:focus svg{fill:#cf9e77} .results-disclaimer {text-transform: uppercase;letter-spacing: 2px;font-size: 22px;text-align: center; margin: 50px auto} .patient-set.selected {color: #cf9e77} .patient-set {float: left;font-size: 0.85em;font-weight: bold;margin-bottom: 10px;text-align: center;text-transform: uppercase;} .single-patient-navigation { margin-bottom: 30px; text-align: center; } .patients-case-number{display: none;text-transform: uppercase;letter-spacing: 5px;font-size: 20px;position: absolute;left: 0;right: 0;margin-top: 30px;} #slider h2.gallery-title{text-align: left;font-size: 100px;line-height: 100px;letter-spacing: 20px;color: #000;margin: 160px auto;border: 0;} .patient-header{font-size: 40px;line-height: 40px;text-align: center;letter-spacing: 10px;color: #000;font-weight: 500;margin: 0 auto 40px;} .patient_image_large{background: #fcfaf0; margin: 0 0 50px 0; padding: 30px 0 0 0; } .patient_image_large.threeRowSingle img { display: inline-block !important;} .patient_image_large.threeRowSingle .bigimage.border.odd, .patient_image_large.threeRowSingle .bigimage.border.even { width: 30%; padding: 15px; float: left; } /*.procedure-parent h2 { background-image: url(images/bg-gallery.jpg); padding-bottom: 300px; background-repeat: no-repeat; background-size: cover; }*/ .procedure-parent h2 a { background: #CAAF84; color: #fff !important; padding: 10px 10px 10px 10px; margin-bottom: 10px; display: block; } .procedure-parent h2 a:hover {color:#000; border-bottom: 1px solid #46562c;} ul.gal-proc-list.columns a { color: #000 !important; } /* /custom gallery */ /* testimonials */ div#nkp-testimonials-company, span.testimonial-dash, span.testimonial-date { display: none; } #nkp-testimonials-company { margin-bottom: 20px; } .review-rating-stars, .testimonial-dash, .testimonial-date {display: none;} .testimonial-name { margin: -17px auto 0; display: table; width: auto; float: none; position: relative; top: -24px; border: 1px solid #000; border-radius: 0; padding: 9px 35px; text-align: center; color: #000; box-shadow: 0 3px 8px 0rgba(0,0,0,.06); } .shadow-effect { background:#fff; padding: 20px; border-radius: 4px; text-align: center; border: 1px solid#ececec; box-shadow: 0 3px 8px 0rgba(0,0,0,.06); } .testimonial-title h3 { font-family: inherit; font-weight: 200; font-size: 19px; line-height: 30px; margin: 10px 20px; color:#59666b; } .test-bubble p {line-height: 1.7em} .test-bubble { background: rgba(249, 247, 247, 0.59); padding: 10px 50px 10px 50px; position: relative; margin-bottom: 20px; box-shadow: 6px 6px 0px #d2b789; border: 1px solid #ccc; } .test-bubble h3 {padding-top: 2rem;} .test-bubble::before { bottom:28px; box-sizing:border-box; color:#e3e3e3; content:'\201C'; display:block; height:72px; left:54px; position:absolute; right:515.391px; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; top:20px; width:24.6094px; -moz-column-rule-color:#bbb; column-rule-color:#bbb; perspective-origin:12.2969px 48px; transform-origin:12.2969px 48px; border:0 #bbb; font:normal normal normal normal 190px/96px Georgia,serif; margin:25px 0 0 -40px; outline:#bbb 0; z-index: -1;} .sub .main .content p.testimonial-author { margin:0 } .test-bubble::after { content:''; position:absolute; bottom:0; left:20%; width:0; height:0; border:20px solid transparent; border-top-color:#ccc; border-bottom:0; border-left:0; margin-left:-10px; margin-bottom:-20px } p.testimonial-author { padding-left: 60px; } /* /// testimonials */ .relatedLinks { margin: 10px 0px } .relatedLinks ul { list-style: none !important; margin: 0px !important; padding: 0px !important; } .relatedLinks ul li { padding: 0px !important; margin: 0px !important; list-style: none !important;} .relatedLinks ul li a { padding: 10px; display: block; background: #f8f8f8; border-bottom: 1px solid #fff; } .relatedLinks ul li a:hover { background: #fff; } .relatedLinks ul ul a { padding-left: 25px !important; } .relatedLinks ul li:before, ul.gdl-accordion li.gdl-divider:before { content: "" !important; display: block !important; } #main #content .accordionPrice { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } #main #content .active, #main #content .accordionPrice:hover { background-color: #ccc; } #main #content .panel { padding: 10px 18px; display: none; background-color: white; overflow: hidden; } #main #content .panel p {padding-bottom: 5px !important;} #main #content .accordionPrice:after { content: '\2796'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } #main #content .active:after { content: "\02795"; /* Unicode character for "minus" sign (-) */ } #main #content .playBox { background: url(media/play-button.png); background-size: contain; text-align: center; margin-bottom: 15px; background-position: center; background-repeat: no-repeat; } #main #content .playBox img {opacity: 1; transition:all .5s ease;} #main #content .playBox a:hover > img { opacity: 0.1; } #main #content .flexslider img {max-height: 350px;} #main #content ul.flex-direction-nav li { list-style: none; color: #fff !important; font-size: 24px; background-image: none; } #main #content ul.flex-direction-nav li a {color: #fff; font-size: 20px;} #main #content li.flex-nav-prev { display: block; float: left; } #main #content li.flex-nav-next {display: block; float: right;} #main #content a.enlargeBtn.btn { max-width: 210px; } #main #content .cta { margin-bottom: 20px; } #main #content .cta .btn { max-width: 100%; color: #fff; background-image: linear-gradient(#208394,#67d7eb); border: 4px solid #d2b789; } #main #content .cta .btn:hover {color: #359cae} .breakout .btn { max-width: 450px; } #contact .form-wrapper .agreement a:hover { color: #fff !important; } /*---- start slide-----*/ #main #content section.slider .virtualtour { position: relative; overflow: hidden; } .flex-container a:hover, .flex-slider a:hover { outline: none } #main #content .slider { margin-bottom: 1rem } #main #content section.slider .slides, #main #content section.slider ul li, #main #content section.slider ul.slides li, #main #content .flex-direction-nav { margin: 5px; padding: 0; list-style: none!important; text-align: center; line-height: initial; background-image: none; } #main #content section.slider .flex-control-nav { margin: 4px -2px 0 } #main #content section.slider .flex-control-nav img { padding: 0 2px; box-sizing: border-box } #main #content section.slider .flex-pauseplay span { text-transform: capitalize } #main #content section.slider .virtualtour { position: relative; overflow: hidden } #main #content section.slider .slides { zoom: 1; margin: 0px } #main #content section.slider ul.slides { margin: 0 0 20px } #main #content section.slider .slides img { height: auto; -moz-user-select: none } #main #content section.slider .flex-viewport { max-height: 2000px; transition: all 1s ease } #main #content section.slider .loading .flex-viewport { max-height: 300px } @-moz-document url-prefix() { .loading .flex-viewport { max-height: none } } .carousel li { margin-right: 5px } #carousel img { display: block; opacity: .5; cursor: pointer; transition: all 1s ease } #carousel img:hover { opacity: 1; } #main #content section.slider .flex-direction-nav { *height: 0; position: initial; } #main #content section.slider .flex-direction-nav a { text-decoration: none; display: block; width: 56px; height: 64px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, .8); text-shadow: 1px 1px 0 rgba(255, 255, 255, .3); transition: all .3s ease-in-out; background: #f5f5f5 } #main #content section.slider .flex-direction-nav a:before { font-family: font awesome; font-size: 40px; display: inline-block; content: '\2039'; color: rgba(0, 0, 0, .8); text-shadow: 1px 1px 0 rgba(255, 255, 255, .3); background: ; padding: 10px 20px } #main #content section.slider .flex-direction-nav a.flex-next:before { content: '\203A' } #main #content section.slider .flex-direction-nav .flex-prev { left: -50px } #main #content section.slider .flex-direction-nav .flex-next { right: -50px; text-align: right } #main #content section.slider .virtualtour:hover .flex-direction-nav .flex-prev { opacity: .7; left: -15px; border-radius: 10px } #main #content section.slider .virtualtour:hover .flex-direction-nav .flex-prev:hover { opacity: 1 } #main #content section.slider .virtualtour:hover .flex-direction-nav .flex-next { opacity: .7; right: -15px; border-radius: 10px } #main #content section.slider .virtualtour:hover .flex-direction-nav .flex-next:hover { opacity: 1 } #main #content section.slider .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1 } #main #content section.slider .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } #main #content section.slider .flex-pauseplay a:before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: '\f004' } #main #content section.slider .flex-pauseplay a:hover { opacity: 1 } #main #content section.slider .flex-pauseplay a.flex-play:before { content: '\f003' } #main #content section.slider .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } #main #content section.slider .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } #main #content section.slider .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, .5); cursor: pointer; text-indent: -9999px; -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); border-radius: 20px } #main #content section.slider .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, .7) } #main #content section.slider .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, .9); cursor: default } #main #content section.slider .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; padding: 0 } #main #content section.slider .flex-control-thumbs li { width: 13.63%; float: left; margin: 0; padding: .3%; } #main #content section.slider .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; transition: all 1s ease } #main #content section.slider .flex-control-thumbs img:hover { opacity: 1 } #main #content section.slider .flex-control-thumbs .flex-active { opacity: 1; cursor: default } /*---- end slide-----*/ .jump { background: #fbfbfb; color: #545454; padding: 10px 0; } #back-to-top { position: fixed; bottom: 100px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; box-shadow: 2px 2px #d2b789; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { background: #e9ebec; } #back-to-top.show { opacity: 1; } #main #content .mainSitemap ul, #main #content .gallerySitemap ul{ margin-left: 0; padding-left: 0; } #main #content .slides li { background-image: none;} #cookie-disclaimer {position:fixed;bottom:0;width:100%;height:auto;padding:1em 1.8em; font-family:Arial, Helvetica, sans-serif;font-size:16px;background-color:#edeff5;box-sizing:border-box;z-index: 999;} #cookie-disclaimer .flex {display:flex;align-items:center;justify-content:space-between;} #cookie-disclaimer p {text-align: left;padding-right:1rem; color: #838391; } #cookie-disclaimer p a { color: #838391!important; } #cookie-disclaimer p a:hover { color: #838391!important; } #cookie-disclaimer .cookie-accept { background: #4b81e8; color: #fff; display: block; margin: 0; padding: .4em .8em; cursor: pointer; text-decoration: none; text-align: center; } #cookie-disclaimer .cookie-accept:hover { background-color: #71a7ff } @media only screen and (max-width: 767px) { #cookie-disclaimer .flex { flex-direction: column;} #cookie-disclaimer .cookie-accept { width: 100%; } } /* NKP GLOBAL STYLES */ /*---- MEDIA QUERIES ----*/ @media only screen and (max-width: 740px) { iframe{width:100%;height:280px} .patient-single{width:100%!important} .columns{-moz-column-count:1;column-count:1} .patient_image_small{display:flex;flex-wrap:wrap} } @media only screen and (max-width: 767px) { .menu ul.sub-menu { -moz-column-count: 1; column-count: 1; } #contact {margin-top: 0;} #main { padding: 5rem 0 0 0; } #main #content .breakout .grid-container {padding-left: 0px; padding-right: 0px;} #main #content ul { margin-left: 0px; } #banner.internal h2 {font-size: 9vw;} span.prev-arrow a, span.next-arrow a{ width: 100%; max-width: 150px; font-size: 13px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box; cursor: pointer; z-index: 998;} .single-patient-navigation span .btn {padding: 12px 10px;} #patient-listing .patient-entry {width: 100%} #banner-slider .slide1{background:url(images/slide1-mobile.jpg) no-repeat center;background-size:cover} #banner-slider .slide2{background:url(images/slide2-mobile.jpg) no-repeat center;background-size:cover} #banner-slider .slide3{background:url(images/slide3-mobile.jpg) no-repeat center;background-size:cover} #banner-slider .slide4{background:url(images/slide4-mobile.jpg) no-repeat center;background-size:cover} #banner-slider .slide5{background:url(images/slide5-mobile.jpg) no-repeat center;background-size:cover} #services .mobile-bg{background:url(images/services-bg-mobile.jpg) no-repeat center;background-size:cover;background-position-x:-20vw;height:70vw} #nouveau .mobile-bg{background:url(images/nouveau-bg-mobile.jpg) no-repeat center;background-size:cover;height:60vw;position:relative;overflow-y:hidden} #contact.lazy img { display: none; } } @media only screen and (min-width: 768px) { #banner.internal h2 {font-size: 9vw;} .section-header{font-size:1.875rem} #mobile-header .bottom{display:flex;align-items:center} #mobile-header .tablet-33:nth-of-type(1){text-align:left} #mobile-header .tablet-33:nth-of-type(2){text-align:right} #mobile-header .tablet-33:nth-of-type(3){text-align:center} #banner{height:500px} #banner .btn{font-size:1rem;max-width:250px} #banner h2{font-size:7rem} #banner h2 span{font-size:2.2rem} #banner.internal{height:400px} #doctors p{padding-right:2rem} #about{margin:6rem auto} #about .text{max-width:80%;margin:0 auto} #nouveau{background:url(images/nouveau-bg.jpg) no-repeat center;background-size:cover;overflow-y:hidden} #nouveau .mobile-bg{display:none} #nouveau .grid-container{padding:6rem 15px;position:relative} #nouveau .grid-container > h2{color:#fff;font-weight:300;position:absolute;bottom:-3rem;right:0;font-size:8rem} #nouveau .grid-55{text-align:left} #nouveau .grid-55 img{margin-bottom:2rem} #nouveau .grid-55 p{width:70%} #services{background:none;position:relative} #services .mobile-bg{height:785px;width:100%;background-position:center;position:absolute} #services .btn{display:inline-block} #services .controls{margin-top:16rem} #services .controls ul{display:flex;justify-content:space-between} #services .controls ul li{position:relative;flex:auto} #services .controls ul li::after{content:'';width:2px;height:80%;background:#000;position:absolute;top:0;bottom:0;margin:auto;right:0} #services .controls ul li:last-of-type::after{content:none} #services #services-slider{margin-top:12rem} #injectables{background:url(images/injectables-bg.jpg) no-repeat center;background-size:cover;margin:6rem 0} #injectables .mobile-bg{display:none} #injectables.neograft{background:url(images/hair-resto-bg.jpg) no-repeat center;background-size:cover;margin:6rem 0} #injectables.neograft .mobile-bg{display:none} #injectables.skincancer{background:url(images/skin-cancer-bg.jpg) no-repeat center;background-size:cover;margin:6rem 0} #injectables.skincancer .mobile-bg{display:none} #hair-vid{margin:8rem 0} #hair-vid .video .section-header,#ps-vid .video .section-header{font-size:1.875rem;top:2rem;left:2rem} #hair-vid .video .play-btn,#ps-vid .video .play-btn{width:14rem;height:14rem} #hair-vid .video .play-btn::before,#ps-vid .video .play-btn::before{width:10rem;height:10rem} #hair-vid .video .play-btn .fa-play,#ps-vid .video .play-btn .fa-play{font-size:5rem;margin-left:1rem} } @media only screen and (min-width: 960px) { #services .controls a{font-size:1rem} .menu ul.sub-menu { -moz-column-count: 1; column-count: 1; } } @media only screen and (min-width: 1025px) { .menu ul.sub-menu { -moz-column-count: 4; column-count: 4; } div#desktop-menu { display: flex; } #mobile-header{display:none} #desktop-header{display:block;position:absolute;width:100%;top:0;background-image:linear-gradient(to right,#C3A97F,#DBBF90)} #desktop-header .grid-container{display:flex;align-items:center} #desktop-header .right{display:flex;align-items:center} #desktop-header .phone{color:#fff;font-weight:400; font-size:1.5rem} #desktop-header .phone a{color:#fff;font-weight:400; font-size:1.5rem} #desktop-header .grid-container{padding-top:15px;padding-bottom:15rem} #banner{height:650px;margin-top:10.5rem} #banner .logo{margin:5rem 0 2rem;display:block} #banner-slider .flex-active-slide .slide1,#banner-slider .flex-active-slide .slide3{transform:scale(1.2) translateX(4rem)} #banner-slider .flex-active-slide .slide2,#banner-slider .flex-active-slide .slide4{transform:scale(1.2) translateX(-4rem)} #banner.internal{height:500px} #sticky-nav .logo img{width:150px} #nav-overlay .info{margin-top:12%;padding-left:0} #doctors h2{font-size:2rem} #dr-slider .flex-direction-nav .flex-prev,#dr-slider .flex-direction-nav .flex-next{width:106px;height:106px} #about .mobile-bg{display:none} #about > img{position:absolute;z-index:-1} #about > img:nth-of-type(1){top:0;left:0} #about > img:nth-of-type(2){bottom:0;right:0} #about .content{background:url(images/about2.png) no-repeat center;background-size:cover} #about .text{max-width:52%;margin:0 auto;padding:2rem 0} #about .btn{margin-bottom:-4rem} #nouveau .grid-container{padding:10rem 15px;position:relative} #services .controls{margin-top:18rem} #injectables .grid-container{padding:10rem 15px} #contact{margin-top:6rem;position:relative;min-height:724px; overflow: hidden;} #contact .grid-container{background:none;padding:0} #contact .form-wrapper{background:url(images/form-bg.jpg) no-repeat center;background-size:cover;padding:4rem 2rem;position:absolute;width:100%;max-width:702px;top:0;right:0;left:0;margin:auto} } @media only screen and (min-width: 1200px) { #about .grid-100{width:90%;margin-left:5%} #services .controls ul{width:80%;margin-left:10%} #banner.internal h2 { font-size: 5vw; } } @media only screen and (min-width: 1701px) { #nav-overlay .right #menu-area{margin-top:4rem} #banner.internal h2 { font-size: 4vw; } } @media only screen and (min-width: 2000px) { #nav-overlay .right #menu-area{max-width:70%} #desktop-menu .right .sub-menu{max-width:100%} #nav-overlay .right #menu-area div a{font-size:1.15rem} #desktop-menu .left #menu{width:60%} #banner{height:34vw} #banner.internal h2 { font-size: 4vw; } } @media only screen and (min-width: 2500px) { #nouveau .grid-container{padding:6.4vw 15px} #injectables .grid-container{padding:6.4vw 15px} } @media only screen and (max-width: 1700px) and (min-width: 1025px) { #nav-overlay .right #menu-area{margin-top:2vw} }