/* Giles-Parscale Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.4 Developer: Giles-Parscale Inc Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Ali Alvarez - Giles-Parscale Inc Last Modified: 05.16.2016 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} s {text-decoration: none;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #000000; font-family: 'Libre Baskerville', serif; font-weight: 700;} /* Create the Default Paragraphs */ p {color: #5C5C5C; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; line-height: 27px;} /* Specific Header Settings */ h1 {font-size: 32px; color: #39499C; line-height: 45px;} h2 {font-size: 32px; color: #39499C; line-height: 45px;} h3 {font-size: 19px; color: #39499C; text-transform: uppercase; letter-spacing: .2em; line-height: 30px;} h4 {font-size: 18px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #4CB4E7;} h5 {font-size: 16px; color: #39499C; text-transform: uppercase; letter-spacing: .15em;} h6 {font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #4CB4E7;} /* Other Typo */ strong {font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: disc;} blockquote {line-height: 32px; padding: 25px 0; background: url(/images/site/quotes.png) top center no-repeat; position: relative; display: inline-block; font-family: 'Libre Baskerville', serif; color: #4CB4E7; font-size: 20px; letter-spacing: .1em; font-weight: 700;} /* Google Fonts font-family: 'Libre Baskerville', serif; font-family: 'Montserrat', sans-serif; font-family: 'Pathway Gothic One', sans-serif; */ /* Google Web Font Smoothing */ html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color: #4CB4E7; text-decoration: none; cursor: pointer;} a:hover {color: #4CB4E7; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} input[type=submit] {cursor: pointer;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Colors ------------------------------------------------------------------------------*/ /* Dark Blue: #39499C; Light Blue: #4CB4E7; */ /* 8. Basic Classes ------------------------------------------------------------------------------*/ .full_bg {background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .full_bg_top_right {background-position: top right} .left {float: left;} .right {float: right;} .btn, .body .btn {text-align:center; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); font-size: 15px; letter-spacing: .2em; line-height: 18px; padding: 17px 20px; font-weight: 700; color: #fff; display: inline-block; background: #4CB4E7; font-family: 'Libre Baskerville', serif; text-transform: uppercase; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;} .btn:hover {color: #fff; background: #39499C; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;} .dark .btn:hover, .bbox .btn:hover {background: #fff; color: #4CB4E7; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;} .last {margin-right: 0 !important;} .end {margin-bottom: 0 !important; border-bottom: none !important;} .wts h1, .wts h2, .wts h3, .wts h4, .wts h5, .wts h6, .wts p, .wts li {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);} .noscroll {overflow: hidden;} .btn_alt{padding: 15px 20px;font-weight: 700;display:inline-block;background: #4CB4E7;color: #fff;font-family: 'Montserrat',sans-serif;font-size: 15px;line-height: 18px;letter-spacing: .05em;cursor:pointer;max-width: 250px} .btn_alt:hover{color: #fff} /* 9. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font-size: 13px; font-family: 'Montserrat', sans-serif;} iframe {max-width: 100%} /* Wrapper */ #wrapper {padding-left: 170px; width: calc(100vw - 170px); min-height: 100%; height: auto !important; margin: 0 auto -270px; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} #wrapper.home_initial {padding-left: 0; width: 100vw; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} #sidebar {margin-left: 0; text-align: center; border-right: 1px solid #E2E2EB; width: 169px; height: 100vh; min-height: 100vh; background: #fff; position: fixed; left: 0; top: 0; z-index: 999; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} #sidebar.home_initial {margin-left: -170px; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} #sidebar #sidebar_brand_image {position: absolute; top: 25px; left: 16px; display: block; width: 138px; height: 146px; background: url(/images/site/sidebar_logo.png); text-indent: -9999px;} #sidebar #sidebar_bottom {position: absolute; bottom: 0; left: 0;} #sidebar #sidebar_bottom h5 {color: #4CB4E7; line-height: 20px; font-size: 13px; letter-spacing: 0;} #sidebar #sidebar_bottom h6 a {color: #39499C; font-weight: 400; letter-spacing: .05em;} #sidebar #sidebar_bottom span {display: block; padding: 15px 0 18px 0; color: #4CB4E7; font-family: 'Libre Baskerville', serif; font-size: 13px; font-weight: 700; line-height: 13px;} #sidebar #sidebar_bottom #sidebar_appointment {padding: 15px 0; width: 100%; font-weight: 700; display: block; background: #4CB4E7; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 15px; line-height: 18px; letter-spacing: .05em;} #sidebar #sidebar_bottom #sidebar_pay {padding: 15px 0; width: 100%; font-weight: 700; display: block; background: #fff; color: #39499C; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 15px; line-height: 18px; letter-spacing: .05em;} #sidebar #sidebar_bottom #sidebar_pay:hover {color: #4CB4E7;} .container {box-sizing: border-box; width: 1180px; margin: auto; position: relative;} .form-page.pay .container {width: 90%; margin: -10px 0 0;} .form-page.pay #main .content {padding: 10px 0; width: 100%; float: none;} .form-page.pay #main .form {width: 80%; float: none; margin: auto;} .form-page.pay #main .form .bbox input#ddform_175 {width: 98%;} .form-page.pay #main .form .bbox .dform_element {margin: 5px 0 0px 0;} .form-page.pay #main #forms_field_52 input[name="fields[52][price]"] {width: 98%;} /* Header */ header {position: relative; height: 105px; border-top: 1px solid #E2E2EB; border-bottom: 1px solid #E2E2EB; width: 100%; background: #fff; z-index: 998;} header:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 2;} header.fixed {position: fixed; top: 0; left: 0; width: calc(100% - 170px); padding-left: 170px;} header #header_brand_image {display: none; position: absolute; left: 30px; top: 14px; z-index: 4; width: 275px; height: 76px; background: url(/images/site/m_logo.png); text-indent: -9999px;} header #header_brand_text {opacity: 1; visibility: visible; position: absolute; display: block; width: 285px; height: 51px; background: #39499C url(/images/site/home-pain-sanantonio-logo-white.png) no-repeat center; padding: 27px 10px; top: -1px; left: 170px !important; text-indent: -9999px; z-index: 4; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all; border-bottom: 1px solid #ebebeb;} header.fixed #header_brand_text {left: 190px;} header.home_initial #header_brand_text {opacity: 0; visibility: hidden; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header nav.desktop {width: 100%; position: absolute; right: 20px; top: 0; z-index: 3; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header nav.desktop ul {float: right; position: relative;} header.home_initial nav.desktop {right: 0; width: 100%; text-align: center; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header.home_initial nav.desktop ul {float: none; display: inline-block;} header nav.desktop ul li {line-height: 18px; font-weight: 700; margin-left: 30px; font-size: 13px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; letter-spacing: .05em; list-style: none; float: left; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header.home_initial nav.desktop ul li {margin: 0 25px; display: inline-block; float: none; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header nav.desktop ul li a {color: #4A4A4A; display: block; padding: 50px 0 37px 0;} header nav.desktop ul li a:hover, header nav.desktop ul li a.active {color: #39499C;} header #header_appointment {box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1); z-index: 1; box-sizing: border-box; text-align: center; padding-top: 9px; font-weight: 700; font-size: 11px; letter-spacing: .15em; line-height: 17px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; width: 155px; height: 50px; display: block; background: #4CB4E7; color: #fff; position: absolute; bottom: -51px; right: 20px; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header #header_pay {box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1); z-index: 1; box-sizing: border-box; text-align: center; padding-top: 9px; font-weight: 700; font-size: 11px; letter-spacing: .15em; line-height: 17px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: 155px; height: 34px; display: block; background: #fff; color: #39499C; position: absolute; bottom: -85px; right: 20px; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header #header_pay:hover {color: #4CB4E7;} header.home_initial #header_appointment, header.home_initial #header_pay {bottom: 0; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;} header nav.desktop ul li.has_dropdown:hover .dropdown {display: block;} header nav.desktop ul li.has_dropdown:hover a.nav_title {position: relative;} header nav.desktop ul li.has_dropdown:hover a.nav_title:after {display: block; content: ''; width: 100%; height: 15px; background: #39499C; position: absolute; bottom: 0; left: 0;} header nav.desktop ul li.has_dropdown .dropdown {display: none; border-bottom: 1px solid #E2E2EB; box-sizing: border-box; padding: 35px 100px 35px 270px; right: -20px; width: 100%; position: absolute; top: 105px; background: #39499C;} header.home_initial nav.desktop ul li.has_dropdown .dropdown {text-align: left; padding: 35px 100px; width: 100vw; position: absolute; top: 105px; left: 0; background: #39499C;} header.home_initial nav.desktop ul li.has_dropdown .dropdown ul li {float: left; display: block; margin: 0 0 15px 0;} header nav.desktop ul li.has_dropdown .dropdown ul {width: 100%;} header nav.desktop ul li.has_dropdown .dropdown ul li {padding-right: 50px; margin-bottom: 15px; letter-spacing: .1em; margin-left: 0; text-transform: none; width: calc(33.333% - 50px);} header nav.desktop ul li.has_dropdown .dropdown ul li a {color: #fff; padding: 0;} header.revised ul li #search {margin-top: -5px;} header.revised .search-dd {position: absolute; left: 10px; right: 0; width: calc(100% - 10px); background: #fff; top: 0; padding: 25px 0px;} header.revised .search-dd.hide {display: none;} header.revised .search-dd form {width: calc(100% - 20px); float: left;} header.revised .search-dd fieldset {position: relative;} header.revised .search-dd input {padding: 13px 0px 13px 20px; font-size: 15px; font-family: 'Montserrat',sans-serif; text-transform: uppercase; color: #4CB4E7; font-weight: bold; width: calc(100% - 40px);} header.revised .search-dd button {background: transparent; border: 0; padding-top: 15px; cursor: pointer;} header.revised .search-dd button:focus {outline: none;} header.revised .search-dd button img {position: absolute; top: 14px;} header.revised .search-dd .close {padding: 15px 0px 18px; font-size: 25px; font-weight: bold; font-family: arial;} header.revised .search-dd input::-webkit-input-placeholder {color: #4CB4E7;} header.revised .search-dd input::-moz-placeholder {color: #4CB4E7;} header.revised .search-dd input:-ms-input-placeholder {color: #4CB4E7;} header.revised .search-dd input:-moz-placeholder {color: #4CB4E7;} header.revised #mobile-navbar .search-dd {position: relative; left: 0; width: 100%; padding: 5px 0px; border-bottom: 1px solid #c8c8c8;} header.revised #mobile-navbar .search-dd form {width: 100%; float: none;} header.revised #mobile-navbar .search-dd input {padding: 13px 20px 13px; font-size: 15px; width: calc(100% - 50px);} /* Footer Push */ #push {height: 270px;} /* Footer */ footer {padding: 40px 0px 30px 170px; height: auto; background: #39499C; overflow: hidden; z-index: 2; position: relative;} footer h3, footer li, footer a, footer p {color: #fff;} footer h3 {font-size: 17px; letter-spacing: .2em; margin-bottom: 10px;} footer #footer_social {text-align: center; width: 158px; float: left; margin-right: 40px;} footer #footer_social ul {margin-bottom: 25px;} footer #footer_social ul li {display: inline-block; padding: 0 2px;} footer #footer_social ul li a {display: block; text-indent: -9999px;} footer #footer_social ul li a.facebook {width: 18px; height: 18px; background: url(/images/site/sm_icon_fb.png);} footer #footer_social ul li a.google_plus {width: 18px; height: 18px; background: url(/images/site/sm_icon_google.png);} footer #footer_social ul li a.insta {width: 18px; height: 18px; background: url(/images/site/sm_icon_instagram.png);} footer #footer_social ul li a.twitter {width: 22px; height: 18px; background: url(/images/site/sm_icon_twitter.png);} footer #footer_social ul li a.linkedin {width: 20px; height: 18px; background: url(/images/site/sm_icon_linkedin.png);} footer #footer_social ul li a.yelp {width: 20px; height: 18px; background: url(/images/site/sm_icon_yelp.png); background-position: 1px 0px; background-repeat: no-repeat;} footer #footer_main {width: calc(100% - 198px); float: left;} footer #footer_main #footer_quicklinks {width: calc(22% - 20px); float: left; padding-right: 20px;} footer #footer_main #footer_quicklinks ul li {list-style: none; margin-bottom: 7px; font-family: 'Libre Baskerville', serif; font-size: 12px; letter-spacing: .1em;} footer #footer_main #footer_contact {width: 78%; float: left;} footer #footer_main #footer_contact .col {float: left; width: calc(33.33% - 20px); padding-right: 20px;} footer #footer_main #footer_contact .col.last {padding-right: 0;} footer #footer_main #footer_contact .col p, footer #footer_main #footer_contact .col a {text-transform: uppercase; font-size: 12px; letter-spacing: .16em;} footer #footer_main #footer_contact .col p {line-height: 18px;} footer #footer_main #footer_contact .col a {display: block;} footer #footer_main #footer_contact .col .address {padding-left: 25px; margin-bottom: 20px; background: url(/images/site/footer_icon_location.jpg) left top no-repeat;} footer #footer_main #footer_contact .col .phone {padding-left: 25px; margin-bottom: 20px; background: url(/images/site/footer_icon_phone.png) left top no-repeat;} footer .bottom {padding-left: 198px; padding-top: 5px;} footer .bottom ul li {list-style: none; float: left; margin-right: 5px; line-height: 18px;} footer .bottom ul li a {font-weight: 700;} footer .bottom ul li.copy {font-family: 'Libre Baskerville', serif; font-size: 12px; padding-left: 5px;} footer .bottom ul li.mobile_only {display: none;} footer .bottom ul li.mobile_only a {font-size: 15px; line-height: 18px; display: inline-block; background: #4CB4E7; color: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); padding: 17px 20px;} /* 10. Content ------------------------------------------------------------------------------*/ /* General */ .body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body img, .body p, .body ul, .body ol, .body blockquote {margin-bottom: 15px;} .body a {color: #39499C; font-weight: 700;} .body li {color: #5C5C5C; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; margin-left: 30px; margin-bottom: 10px;} .body img {max-width: 100%;} .bbox {position: relative; z-index: 2; background: #39499C; box-sizing: border-box; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} .bbox p, .bbox li, .bbox a, .bbox h1, .bbox h2, .bbox h3, .bbox h4, .bbox h5, .bbox h6 {color: #fff;} .bbox h1, .bbox h2, .bbox h3, .bbox h4, .bbox h5, .bbox h6 {margin-bottom: 15px;} .bbox p, .bbox li, .bbox a {margin-bottom: 10px;} /* Animations */ @-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);}} @-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);}} @-o-keyframes bounce {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);}} @keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);}} .animated {-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode:both; -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;} .bounce {-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce;} /* Home */ #home #banner {width: 100%; height: 100vh; text-align: center; position: relative; background: #39499C;} #home #banner .banner_slide {text-align: center; background-color: rgba(57,73,156,.75); background-blend-mode: multiply; width: 100%; height: 100%;} #home #banner .banner_slide .banner_slide_content {padding-top: 40px; position: relative; z-index: 2; text-align: center;} #home #banner .banner_slide .banner_slide_content .inner {max-width: 550px; width: 45%; margin: auto;} #home #banner .banner_slide .banner_slide_content img {max-width: 100%; margin-bottom: 30px;} #home #banner .banner_slide .banner_slide_content h2 {color: #fff; font-size: 48px; line-height: 55px; margin-bottom: 10px;} #home #banner .banner_slide .banner_slide_content h3 {color: #fff; margin-bottom: 5px;} #home #banner .banner_slide .banner_slide_content p {color: #fff; font-size: 22px; line-height: 26px;} #home #banner .banner_slide .banner_slide_bar {padding: 10px 0; position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; background: #4CB4E7;} #home #banner .banner_slide .banner_slide_bar h6 {color: #fff; text-transform: none;} #home #banner .cycle-pager {z-index: 500; position: absolute; bottom: 125px; left: 0; text-align: center; width: 100%;} #home #banner .cycle-pager span {cursor: pointer; margin: 0 10px; display: inline-block; width: 15px; height: 15px; text-indent: -9999px; background: #fff; opacity: .3;} #home #banner .cycle-pager span.cycle-pager-active {opacity: 1;} #home #banner #down_arrow {display: block; content: ''; width: 41px; height: 27px; background: url(/images/site/banner_down_arrow.png); position: absolute; bottom: 50px; left: 50%; margin-left: -20px; z-index: 500;} #home #banner .cycle-prev, #home #banner .cycle-next {cursor: pointer; z-index: 1000; top: 50%; margin-top: -20px; position: absolute; width: 22px; height: 40px; display: block;} #home #banner .cycle-prev {left: 30px; background: url(/images/site/banner_arrow_left.png);} #home #banner .cycle-next {right: 30px; background: url(/images/site/banner_arrow_right.png);} #home #banner .banner-notice {background-color: #39499C; margin-top: 30px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5)} #home #banner .banner-notice .title {padding: 20px 20px 0 20px} #home #banner .banner-notice .title h4 {color: #fff} #home #banner .banner-notice .text {padding: 20px} #home #home-notice {width: 100%; background-color: red; text-align: center; padding: 15px 0} #home #home-notice p {color: #fff; font-size: 15px; line-height: 18px} #home main.header_offset {padding-top: 105px;} #home main #intro {position: relative; padding: 90px 0; background: rgba(76, 180, 231, .12);} #home main #intro:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: #4CB4E7;} #home main #intro .bbox {position: relative; z-index: 2; width: 36%; padding: 50px 35px;} #home main #intro .bbox ul li {margin-left: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: .175em; font-size: 14px;} #home main #intro .body {position: relative; width: 53%;} #home main #intro .body .content {position: relative; z-index: 2;} #home main #intro .body:after {display: block; content: ''; width: 324px; height: 342px; background: url(/images/site/logo_watermark.png); position: absolute; top: -40px; left: 50%; margin-left: -162px;} #home main #intro .body h4 {text-transform: none;} #home main #facilities {position: relative;} #home main #facilities .box {padding: 10px; width: 390px; box-sizing: border-box; background-color: rgba(57,73,156,.8); background-blend-mode: multiply;} #home main #facilities .box .body {padding: 145px 30px;} #home main #facilities .box h2, #home main #facilities .box p {color: #fff;} #home main #facilities .bottom p {font-size: 13px; letter-spacing: .07em; font-family: 'Libre Baskerville', serif; font-style: italic; font-weight: 600;} #home main #facilities .btn {position: absolute; bottom: -23px; left: 50%; margin-left: -110px; z-index: 2;} #home main #review {position: relative; padding: 90px 0; background: rgba(76, 180, 231, .12);} #home main #review:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100%; background: #4CB4E7;} #home main #review .bbox {width: 36%; padding: 50px 35px 80px 35px;} #home main #review .bbox .btn {position: absolute; bottom: -32px; left: 50%; margin-left: -115px;} #home main #review .slider {width: 53%; position: relative;} #home main #review .slider:before {position: absolute; top: -20px; left: -20px; display: block; content: ''; width: 90px; height: 73px; background: url(/images/site/quotes.png);} #home main #review .slider .slide {position: relative; z-index: 2;} #home main #review .slider .slide p {margin-bottom: 20px;} #home main #review .slider .slide h5 {line-height: 18px; margin-bottom: 5px; position: relative;} #home main #review .slider .slide h5:after {position: absolute; bottom: 20px; right: -20px; display: block; content: ''; width: 90px; height: 73px; background: url(/images/site/quotes_right.png);} #home main #review .slider .slide span {display: block; margin-bottom: 30px; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 11px; color: #5C5C5C; font-weight: 700; letter-spacing: .1em; padding-left: 15px;} #home main #review .slider .cycle-prev {position: absolute; bottom: 0; z-index: 1000; left: 0; margin-right: 15px; cursor: pointer; display: block; width: 30px; height: 29px; background: url(/images/site/home_arrow_left.png);} #home main #review .slider .cycle-next {position: absolute; bottom: 0px; left: 40px; z-index: 1000; cursor: pointer; display: block; width: 30px; height: 29px; background: url(/images/site/home_arrow_right.png);} #home #team .body {width: 30%; padding: 125px 0;} @media screen and (max-width: 600px){ #home #banner .mob .banner-notice {} #home #banner .mob .banner-notice .title {display: none} #home #banner .mob .banner-notice p {font-size: 14px !important} } /* Internal */ .internal #wrapper {background: rgba(76, 180, 231, .12);} .internal #wrapper main {padding: 107px 0 75px 0;} .internal .dark {background: #39499C;} .internal .dark p, .internal .dark li, .internal .dark a, .internal .dark h1, .internal .dark h2, .internal .dark h3, .internal .dark h4, .internal .dark h5, .internal .dark h6 {color: #fff;} .internal.sections #wrapper main {padding: 177px 0 0 0;} .internal section {padding: 50px 0; position: relative;} .internal .no-bg-color{background-color: #fff} .internal .section_dark {background: #39499C;} .internal .section_dark p, .internal .section_dark li, .internal .section_dark a, .internal .section_dark h1, .internal .section_dark h2, .internal .section_dark h3, .internal .section_dark h4, .internal .section_dark h5, .internal .section_dark h6 {color: #fff;} .internal .section_center {text-align: center;} .internal .section_imagefull {height: 450px; position: relative;} .internal .section_imagefull .caption {position: absolute; bottom: 10px; left: 20px;} .internal .section_imagefull .caption p {color: #272727; font-family: 'Libre Baskerville', serif; font-style: italic; letter-spacing: .05em; font-weight: 600;} .internal .section_imagebg .inner {width: 35%; padding: 50px 0;} .internal .section_narrow .inner {display: inline-block; width: 55%;} .internal .section_split_img .body {width: 45%;} .internal .section_split_img .image {width: 40%; height: 330px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} .internal .section_split_img .image.no-shadow{box-shadow: none} .internal .section_boxes .image {position: relative; z-index: 2; width: 65%; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);} .internal .section_boxes .outer {width: 35%; padding: 100px 0;} .internal .section_boxes .outer .body {box-sizing: border-box; padding: 55px 55px 0 55px;} .internal .section_boxes .outer .body .button {text-align: center;} .internal .section_boxes .outer .body .btn {position: relative; bottom: -25px;} .internal .section_boxes .outer .body.box_nobutton {padding: 55px;} .internal .section_borderr:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100%; background: #39499C;} .internal .section_borderr.light:after {background: #4CB4E7;} .internal .section_borderl:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: #39499C;} .internal .section_borderl.light:before {background: #4CB4E7;} .internal .section_borderr > div, .internal .section_borderl > div {position: relative; z-index: 2;} .internal .section_imagebg_quote {padding: 0;} .internal .section_imagebg_quote .body {position: relative; width: 35%; box-sizing: border-box; padding: 80px; float: right; background: rgba(76, 180, 231, .7);} .internal .section_imagebg_quote .body p {color: #fff;} .internal .section_imagebg_quote .body h5 {margin-bottom: 5px;} .internal .section_imagebg_quote .body span {display: block; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 11px; color: #fff; font-weight: 700; letter-spacing: .1em; padding-left: 15px;} /* Basic Right-Sidebar Sections */ #basic #main aside {margin-top: 40px; width: 250px; padding: 25px; box-sizing: border-box; background: #39499C; float: right; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #basic #main aside h3 {color: #fff;} #basic #main aside ul li {margin-bottom: 15px; list-style: none;} #basic #main aside ul li a {font-family: 'Libre Baskerville', serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 15px; letter-spacing: .1em;} #basic #main aside ul li a:hover, #basic #main aside ul li a.active, #team.detail #main aside ul li a.active {color: #4CB4E7;} #basic #main .content {float: left; width: calc(100% - 315px);} /* Practice */ #practice #apply_popup {text-align: center; display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.7); z-index: 10000;} #practice #apply_popup .box {text-align: left; display: inline-block; vertical-align: middle; max-height: calc(100vh - 16%); overflow-y: scroll; position: relative; padding: 50px 80px; max-width: 768px; width: 80%; background: #39499C; box-sizing: border-box;} #practice #apply_popup:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} #practice #apply_popup .box label.dform_label {color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 18px;} #practice #apply_popup .box input[type=text], #practice #apply_popup .box input[type=tel], #practice #apply_popup .box input[type=email] {padding: 0 15px; background: #fff;} #practice #apply_popup .box input[type=text], #practice #apply_popup .box input[type=email] {height: 45px; width: calc(100% - 80px);} #practice #apply_popup .box .dform_phone .dfinput_phones .phone_area {width: 25%;} #practice #apply_popup .box .dform_phone .dfinput_phones .phone_number {width: 75%;} #practice #apply_popup .box .phone_number input[type=tel] {width: calc(100% - 80px); height: 45px;} #practice #apply_popup .box .phone_area input[type=tel] {width: calc(100% - 50px); height: 45px;} #practice #apply_popup .box .dform_phone .dfinput_phones label {padding-top: 5px; color: #fff; font-size: 11px;} #practice #apply_popup .box input[type=file] {color: #fff;} #practice #apply_popup .box input[type=submit] {font-size: 15px; letter-spacing: .2em; font-weight: 700; font-family: 'Libre Baskerville', serif; text-transform: uppercase; height: 45px; width: 180px; background: #4CB4E7; color: #fff; margin-top: 30px;} #practice #apply_popup .box .close {text-indent: -9999px; position: absolute; top: 30px; right: 30px; display: block; width: 20px; height: 20px; background: url(/images/site/form_close.png);} #practice #facilities{display:none !important;} /* Team */ #team #list {padding: 100px 0 75px 0;} #team #list .body {width: 30%;} #team #list .list {width: 65%;} #team #list .list .team_member {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); display: block; width: calc(50% - 20px); height: 325px; position: relative; margin-bottom: 40px;} #team #list .list .team_member h6 {width: calc(100% - 60px); position: absolute; bottom: 0; left: 0; background: rgba(57,73,156,.8); color: #fff; padding: 20px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;} #team #list .list .team_member:hover h6 {background: #4CB4E7; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;} #team.detail #main aside {margin-top: 40px; width: 250px; padding: 25px; box-sizing: border-box; background: #4CB4E7; float: left;} #team.detail #main aside ul li {margin-bottom: 15px; list-style: none;} #team.detail #main aside ul li a {font-family: 'Libre Baskerville', serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 16px; letter-spacing: .1em;} #team.detail #main aside ul li a:hover, #team.detail #main aside ul li a.active {color: #39499C;} #team.detail #main aside.mobile {display: none;} #team.detail #main .content {float: right; width: calc(100% - 315px);} #team.detail #main .content .body .position{font-size: 16px;font-family: 'Montserrat',sans-serif;text-transform: uppercase;color: #4CB4E7;line-height: 1.2;letter-spacing: .05em;margin-bottom: 35px} #team.detail #main .content .body {width: 60%;} #team.detail #main .content .body .mobile_only {display: none; height: 400px; margin-bottom: 20px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #team.detail #main .content .info {width: 33%; padding-top: 40px;} #team.detail #main .content .info .image {margin-bottom: 30px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); width: 100%; height: 260px;} #team.detail #main .content .info h3 {margin-bottom: 20px;} #team.detail #main .content .info ul li {margin-bottom: 10px; margin-left: 25px; text-transform: uppercase; color: #4CB4E7; font-weight: 700;} /* Testimonials */ #basic.testimonials .testimonial {margin-bottom: 40px;} #basic.testimonials .testimonial h4 {margin-bottom: 5px;} /* News */ #basic.news #main aside {background: transparent; box-shadow: none; padding: 0;} #basic.news #main aside .categories {margin-bottom: 20px; width: 100%; padding: 25px; box-sizing: border-box; background: #39499C; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #basic.news #main aside .archives h3 {color: #39499C;} #basic.news #main aside .archives ul li {list-style: disc; margin-left: 30px;} #basic.news #main aside .archives ul li a {font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #4CB4E7;} #basic.news #main aside .archives ul li a:hover, #basic.news #main aside .archives ul li a.active {color: #39499C;} #basic.news #main aside .select2-container--default .select2-selection--single .select2-selection__arrow {background: url(/images/site/drop_drk.jpg);} #basic.news aside h3 {color: #fff; font-size: 17px; margin-bottom: 10px;} #basic.news .content {width: calc(90% - 315px) !important;} #basic.news .content .news_entry {padding: 30px 0;} #basic.news .content .news_entry h5 {font-size: 14px;} #basic.news .content .news_entry h4 {margin-bottom: 10px;} #basic.news .content .news_entry h4 a {color: #4CB4E7;} #basic.news .content #pagination {width: 100%; position: relative;} #basic.news .content #pagination li {list-style: none;} #basic.news .content #pagination li a {line-height: 22px; height: 22px; text-transform: uppercase; letter-spacing: .05em;} #basic.news .content #pagination .page-previous {padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; position: absolute; display: block; left: 0; bottom: 0;} #basic.news .content #pagination .page-next {padding-right: 30px; background: url(/images/site/previous_arrow_right.png) right center no-repeat; position: absolute; display: block; right: 0; bottom: 0;} /* Checker */ #checker #main {padding: 50px 0 25px 0;} #checker #main aside {margin-top: 40px; width: 250px; padding: 25px; box-sizing: border-box; background: #4CB4E7; float: left;} #checker #main aside p {color: #fff; line-height: 20px; letter-spacing: .05em; margin-bottom: 20px;} #checker #main aside ul li {margin-bottom: 15px; list-style: none;} #checker #main aside ul li a {font-family: 'Libre Baskerville', serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 16px; letter-spacing: .1em;} #checker #main aside ul li a:hover, #checker #main aside ul li a.active, #team.detail #main aside ul li a.active {color: #39499C;} #checker #main .content {float: right; width: calc(100% - 300px);} #checker #main .content .body {width: calc(100% - 477px);} #checker #main .content .body .conditions .condition a {font-size: 15px; text-transform: uppercase;} #checker #main .content .body .conditions .condition a:hover {color: #4CB4E7;} #checker #main .content .body .conditions .condition a.condition_link {min-height: 21px; display: block; background: url(/images/site/plus_sign_sm.png) left top no-repeat; padding-left: 30px;} #checker #main .content .body .conditions .condition a.condition_link.active {color: #4CB4E7; background: url(/images/site/close_sign_sm.png) left top no-repeat;} #checker #main .content .body .conditions .condition .none {display: none;} #checker #main .content .body .conditions .condition .expanded {display: block; padding-top: 5px; margin-bottom: 25px;} #checker #main .content .body .conditions .condition .expanded p {font-size: 13px; line-height: 20px; margin-bottom: 5px;} #checker #main .content .body .conditions .no_results p {font-weight: 700; text-transform: uppercase; line-height: 20px;} #checker #main .content .checker {width: 427px; padding-top: 40px;} #checker #main .notes {padding-left: 75px; width: 70%; padding-top: 60px;} #checker #main .notes p {font-size: 11px; line-height: 15px;} /* Conditions */ #conditions #main aside {margin-top: 40px; width: 500px; float: right;} #conditions #main aside #back {line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; display: block; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} #conditions #main aside .box {position: relative; width: 100%; padding: 45px; box-sizing: border-box; background: #39499C; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #conditions #main aside .box .vid.btn {position: absolute; bottom: -25px; width: 270px; left: calc(50% - 155px);} #conditions #main aside h3 {color: #fff; margin-bottom: 20px;} #conditions #main aside ul li {text-transform: uppercase; font-weight: 700; letter-spacing: .1em; color: #fff; margin-left: 25px; margin-bottom: 15px; list-style: disc;} #conditions #main .content {float: left; width: calc(100% - 550px);} #conditions #back_mobile_container {display: none; padding: 40px 0 30px 0; text-align: right; border-bottom: 2px solid #4CB4E7;} #conditions #back_mobile_container #back_mobile {line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; display: inline-block; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} #conditions #video .video {position: relative; height: 500px; text-align: center; margin: 15px 0;} #conditions #video .video .play {display: block; width: 117px; height: 117px; background: url(/images/site/play.png); position: absolute; top: 50%; left: 50%; margin-top: -58px; margin-left: -58px; z-index: 2; text-indent: -9999px;} #conditions #video .video .btn {position: relative; z-index: 2; top: 474px;} #conditions #video .video:after {display: block; content: ''; background: rgba(57,73,156,.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0;} #conditions #prev_next a {min-height: 22px; line-height: 18px; display: inline-block; font-size: 14px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; color: #39499C;} #conditions #prev_next .prev {max-width: calc(50% - 60px); padding-left: 30px; background: url(/images/site/next_arrow_left.png) left top no-repeat; position: absolute; top: 30px; left: 0;} #conditions #prev_next .next {text-align: right; max-width: calc(50% - 60px); padding-right: 30px; background: url(/images/site/previous_arrow_right.png) right top no-repeat; position: absolute; top: 30px; right: 0;} /* FAQs */ #basic.faqs #main .content .faq_container .faq {color: #4CB4E7; display: block; background: url(/images/site/plus_sign_sm.png) left top no-repeat; padding-left: 30px;} #basic.faqs #main .content .faq_container .faq.active {color: #4CB4E7; background: url(/images/site/close_sign_sm.png) left top no-repeat;} #basic.faqs #main .content .faq_container .expanded {display: none; padding-bottom: 5px;} #basic.faqs #main .content .faq_container .expanded p {font-size: 13px; line-height: 20px;} #basic.faqs #main aside {padding: 0; background: transparent; box-shadow: none; margin-top: 40px; width: 250px; float: right;} #basic.faqs #main aside #back {line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; display: block; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} #basic.faqs #main #back_mobile {display: none; line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} #basic.faqs #main aside .box {width: 100%; padding: 25px; box-sizing: border-box; background: #39499C; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} /* Treatments */ #basic.treatments #main .content .treatment {padding: 25px 0;} #basic.treatments #main .content .treatment p {display: block; padding: 10px 0;} #basic.treatments #main .content .treatment a {text-transform: uppercase; font-weight: 700; color: #39499C; font-size: 15px;} #basic.treatments.landing #main aside {display: none;} /* Patient Center */ #center #intro .inner {padding-bottom: 50px;} #center #intro .bbox {margin: 0 20px; text-align: center; box-sizing: border-box; padding: 40px; display: inline-block; width: calc(33.333% - 48px); vertical-align: top;} #center #intro .bbox ul {padding-bottom: 40px;} #center #intro .bbox ul li {text-transform: uppercase; margin-left: 25px;} #center #intro .bbox ul li a {color: #4CB4E7;} #center #intro .bbox .text {text-align: left;} #center #intro .bbox .btn {position: absolute; bottom: -35px; left: 50%; margin-left: -105px; width: 170px; white-space: nowrap;} #center #bills aside {width: 425px; padding: 45px 45px 0 45px; box-sizing: border-box; background: #39499C; float: left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #center #bills aside .button {text-align: center;} #center #bills aside .btn {position: relative; bottom: -35px;} #center #bills .content {float: right; width: calc(100% - 475px);} #center #bills .content h2 {margin-bottom: 10px;} #center #bills .content .faq {padding: 5px 0;} #center #bills .content .faq .faq_link {color: #4CB4E7; display: block; background: url(/images/site/plus_sign_sm.png) left top no-repeat; padding-left: 30px;} #center #bills .content .faq .faq_link.active {color: #4CB4E7; background: url(/images/site/close_sign_sm.png) left top no-repeat;} #center #bills .content .faq .expanded {display: none; padding: 5px 0;} #center #bills .content .faq .expanded p {padding-left: 30px; font-size: 13px; line-height: 20px;} #center #bills .container .left, #center #bills .container .right {float: left; width: 425px; margin: 100px 0px 20px 0px; padding: 40px;} #center #bills .container .left {padding: 0px 40px 40px 10px; margin: 100px 10px 20px 60px; width: calc(100% - 545px);} #center #bills .container .left .header {margin: 20px 0px 5px;} #center #bills .container .left li {list-style: none; padding-bottom: 10px; font-size: 14px;} #center #bills .container .left img {max-width: 90px; max-height: 30px; margin-left: 10px; vertical-align: middle;} #center #bills .container .left .insurance {padding: 5px 0px;} #center #bills .container .left .insurance .ins_link {text-shadow: 0px 0px 10px #e9f6fc; color: #4CB4E7; display: block; background: url(/images/site/plus_sign_sm.png) left top no-repeat; padding-left: 30px;} #center #bills .container .left .insurance .ins_link.active {color: #4CB4E7; background: url(/images/site/close_sign_sm.png) left top no-repeat;} #center #bills .container .left .insurance .expanded {display: none; padding: 5px 0; width: calc(100% - 50px); margin-left: 25px;} #center #bills .container .left .insurance .expanded p {padding-left: 30px; font-size: 13px; line-height: 20px;} #center #bills .vid-box {width: 100%; margin: 110px auto -10px; max-width: 825px; text-align:center;} /* Insurance Carriers Page */ #center #carriers {border-right: 100px solid #4CB4E7;} #center #carriers #intro:after {background: none;} #center #carriers #intro, #center #carriers #intro .inner {padding-bottom: 0; text-align: left;} #center #carriers #intro .container .left {padding: 0px 40px 0px 10px; margin: 0px 10px 0px 60px; width: calc(100% - 100px); max-width: 700px;} #center #carriers #bills {padding-top: 0px;} #center #carriers #main {width: calc(100% - 300px); float: left;} #center #carriers #bills .container .left {margin-top: 0; width: calc(100% - 100px);} #center #carriers #bills .container .left .insurance h4 {margin-top: 50px;} #center #carriers #bills .container .left .insurance .expanded {display: block; margin: 0;} #center #carriers #bills .container .left .insurance .ins_link {background: none; padding: 0;} #center #carriers aside {position: relative; padding: 0; background: transparent; box-shadow: none; margin-top: 40px; width: 310px; float: right; margin-right: -50px;} #center #carriers aside #back {line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; display: block; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} #center #carriers aside .box {width: 100%; padding: 25px; box-sizing: border-box; background: #39499C; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} #center #carriers aside ul li {list-style: none; margin: 10px 0px;} #center #carriers aside ul li a {font-family: 'Libre Baskerville',serif; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 15px; letter-spacing: .1em;} /* Form Pages */ .form-page #main {padding: 75px 0 130px 0;} .form-page #main .form {width: 67%; float: right;} .form-page #main .form #back {padding-right: 100px; float: right; line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; display: block; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} .form-page #main #back_mobile {display: none; margin-top: 50px; line-height: 22px; padding-left: 30px; background: url(/images/site/next_arrow_left.png) left center no-repeat; font-weight: 700; text-transform: uppercase; color: #39499C; font-size: 14px; margin-bottom: 10px;} .form-page #main .form .bbox {width: 100%; width: 100%; box-sizing: border-box; padding: 30px 80px 0 80px; background: #39499C;} .form-page #main .form .bbox p {letter-spacing: .05em; line-height: 18px;} .form-page #main .form .bbox .dform_element {margin: 5px 0 20px 0;} .form-page #main .form .bbox label {text-transform: uppercase; color: #fff; font-size: 18px; letter-spacing: .05em;} .form-page #main .form .bbox input[type=text], .form-page #main .form .bbox input[type=email], .form-page #main .form .bbox textarea {font-family: 'Montserrat', sans-serif; box-sizing: border-box; width: calc(100% - 30px); background: #fff;} .form-page #main .form .bbox input[type=text], .form-page #main .form .bbox input[type=email] {height: 40px; padding: 0 15px;} .form-page #main .form .bbox textarea {height: 190px; padding: 15px;} .form-page #main .form .bbox ul.radios:after {content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .form-page #main .form .bbox ul.radios li {float: left; margin-right: 30px;} .form-page #main .form .bbox ul.radios li label {font-weight: 400; font-size: 15px;} .form-page #main .form .bbox .submit_button {text-align: center;} .form-page #main .form .bbox .submit_button .dfinput_full {overflow: visible;} .form-page #main .form .bbox .submit_button input[type=submit] {position: relative; bottom: -27px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); font-size: 15px; letter-spacing: .2em; line-height: 18px; padding: 17px 20px; font-weight: 700; color: #fff; display: inline-block; background: #4CB4E7; font-family: 'Libre Baskerville', serif; text-transform: uppercase;} .form-page span.select2-container.select2-container--default.select2-container--open {z-index: 1000;} .form-page #main .content {padding-top: 100px; width: calc(33% - 40px); float: left;} .form-page #main .content .share {padding-top: 50px;} .form-page #main .content .share h4 {margin-bottom: 5px;} .form-page #main .content .share ul li {list-style: none; margin-left: 0;} .form-page #main .content .share ul li a {line-height: 30px; display: block; font-size: 13px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #4CB4E7;} .form-page #main .content .share ul li a.google {background: url(/images/site/icon_google.png) left top no-repeat; padding-left: 40px;} .form-page #main .content .share ul li a.healthgrades {background: url(/images/site/icon_health_grades.png) left top no-repeat; padding-left: 40px;} .form-page #main .content .share ul li a.vitals {background: url(/images/site/icon_vitals.png) left top no-repeat; padding-left: 40px;} /* Review */ .form-page.review #main .form .bbox #forms_field_13 label.dform_label {margin-bottom: 10px;} .form-page.review #main .form .bbox #forms_field_13 ul.radios li label {text-transform: none;} .form-page.review #main .form .bbox #forms_field_14 label.dform_label {margin-bottom: 15px;} .form-page.review #main .form .bbox #forms_field_14 ul.radios li label {text-align: center;} .form-page.review #main .form .bbox #forms_field_14 ul.radios li label input[type=radio] {display: block; margin: 0 auto 5px auto;} /* Pay */ .form-page.pay #main .form .bbox {padding: 30px 60px 0 60px;} .form-page.pay #main .form .bbox .form_section {padding-top: 50px;} .form-page.pay #main .form .bbox .form_section .col {width: calc(50% - 25px); position: relative;} .form-page.pay #main .form .bbox input[type=text], .form-page.pay #main .form .bbox input[type=email], .form-page.pay #main .form .bbox textarea {margin-bottom: 25px; width: 100%;} .form-page.pay #main .form .bbox select {margin-bottom: 25px;} .form-page.pay #main .form .bbox .form_section h4 {color: #4CB4E7;} .form-page.pay #main .form .bbox label {display: block; font-weight: 700; margin-bottom: 5px;} .form-page.pay #main .form .bbox label span {text-transform: none; font-weight: 400; font-size: 13px;} .form-page.pay #main .form .bbox .prefix {color: #fff; font-weight: 700; position: absolute; text-align: right; right: 100%; line-height: 40px; padding-right: 10px; font-size: 18px;} /* Contact */ #contact #main .map {width: 67%; float: right; padding-top: 50px;} #contact #main .map .ee_gmap {height: 650px !important; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);} #contact #main .content {padding-top: 100px; width: calc(33% - 40px); float: left;} #contact #main .content h4 {margin-bottom: 5px;} #contact #main .content p {line-height: 20px; margin-bottom: 0;} #contact #main .content a {font-size: 15px; display: block;} #contact #main .content .row {margin-bottom: 10px;} #contact #main .content .locations {padding-top: 40px;} #contact #main .content .locations .location {margin-bottom: 30px;} /* General Forms */ .dform_element .dform_error {font-size: 12px; padding: 3px; box-sizing: border-box; background: red; color: #fff !important; width: calc(100% - 30px);} .dform_radio .dform_error, .dform_file_upload .dform_error {display: inline-block !important; width: auto !important; margin-bottom: 15px;} #practice #apply_popup .dform_element .dform_error {width: calc(100% - 50px);} input[type=submit] {-webkit-appearance: none; -webkit-border-radius: 0px;} input[type=text], input[type=email], textarea {-webkit-border-radius: 0px;} /* Section Border Fixes */ #center #intro:after {height: calc(100% + 150px);} #center #bills:before {height: calc(100% + 50px); top: -50px;} #conditions #main:after {height: calc(100% + 150px);} .facility #main:after, .testimonials #main:after {height: 200%;} #forms_field_48 label {margin-top: -20px; font-size: 12px !important; margin-bottom: 25px !Important;} div#forms_field_53, div#forms_field_43 {width: 98%;} header.home_initial nav.desktop ul li.has_dropdown .dropdown ul li,header nav.desktop ul li.has_dropdown .dropdown ul li { float: none; display: inline-block; vertical-align: top; width: calc(32.33% - 50px);} .btn, .body .btn { font-size: 14px !important;} section#prev_next { position: relative; z-index: 2; width: 56%; float: left; margin-left: 10%;} #back_mobile_container { position: relative; z-index: 1;} #conditions #main aside .box p strong,#conditions #main aside .box > p { color: #fff;} #center #intro .bbox:first-child li { list-style: none;} #center #intro .bbox:last-child li a { font-size: 15px; } .internal .section_boxes .outer .body.active {padding: 55px 55px 55px 55px;} #sidebar #sidebar_brand_image {background: url(/images/site/home_logo_2.jpg) no-repeat 0 0;} section#prev_next {margin-top: 6%;} footer #footer_main #footer_contact .phone { text-align: center;display: inline-block; height: 30px !important;padding-left: 25px;margin: 0 0 20px 0;background: url(/images/site/footer_icon_phone.png) left top no-repeat;} footer #footer_main #footer_contact p, footer #footer_main #footer_contact a {text-transform: uppercase;font-size: 12px;letter-spacing: .16em;} #sidebar_brand_image2 { position: relative; top: 15px;} /*patient center*/ #center #apply_popup2 {text-align: center; display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.7); z-index: 10000;} #center #apply_popup2 .box {text-align: left; display: inline-block; vertical-align: middle; max-height: calc(100vh - 16%); overflow-y: scroll; position: relative; padding: 50px 80px; max-width: 768px; width: 80%; background: #39499C; box-sizing: border-box;} #center #apply_popup2:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} #center #apply_popup2 .box label.dform_label {color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 18px;} #center #apply_popup2 .box input[type=text], #practice #apply_popup .box input[type=tel], #practice #apply_popup .box input[type=email] {padding: 0 15px; background: #fff;} #center #apply_popup2 .box input[type=text], #practice #apply_popup .box input[type=email] {height: 45px; width: calc(100% - 80px);} #center #apply_popup2 .box .dform_phone .dfinput_phones .phone_area {width: 25%;} #center #apply_popup2 .box .dform_phone .dfinput_phones .phone_number {width: 75%;} #center #apply_popup2 .box .phone_number input[type=tel] {width: calc(100% - 80px); height: 45px;} #center #apply_popup2 .box .phone_area input[type=tel] {width: calc(100% - 50px); height: 45px;} #center #apply_popup2 .box .dform_phone .dfinput_phones label {padding-top: 5px; color: #fff; font-size: 11px;} #center #apply_popup2 .box input[type=file] {color: #fff;} #center #apply_popup2 .box input[type=submit] {font-size: 15px; letter-spacing: .2em; font-weight: 700; font-family: 'Libre Baskerville', serif; text-transform: uppercase; height: 45px; width: 180px; background: #4CB4E7; color: #fff; margin-top: 30px;} #center #apply_popup2 .box .close {text-indent: -9999px; position: absolute; top: 30px; right: 30px; display: block; width: 20px; height: 20px; background: url(/images/site/form_close.png);} #center #apply_popup2 ul.files li { list-style: none; margin-top: 15px;} #center #apply_popup2 ul.files { margin-top: 25px;} #center #apply_popup2 ul.files li a { width: 100%;} .facility h1 {margin-bottom: 30px;} .facility article {margin: 10px 0px 40px;} .facility article h4 {margin-bottom: 0;} .facility article img {width: 100%;} .facility#basic #main aside {margin-top: 75px; width: 300px; z-index: 3; position: relative; margin-right: 30px;} .facility#basic #main aside ul li a {font-size: 14px;} #center #specialty #bills .content {width: calc(100% - 450px);} #center #specialty #bills aside {width: 375px;} #center #specialty #bills aside ul {margin-left: 20px; font-weight: bold;} #center #specialty #join {padding: 0px;} #center #specialty #join .inner {width: 25%; padding: 100px 50px 100px 40px; background: rgba(57, 73, 155, 0.75);} #center #specialty #join .inner h2 {color: #fff;} #center #specialty #join .inner p {color: #fff;} /* RATING */ .starRating:not(old){ display : inline-block; width : 7.5em; height : 1.5em; overflow : hidden; vertical-align : bottom; } .starRating:not(old) > input{ margin-right : -100%; opacity : 0; } .starRating:not(old) > label{ display : block; float : right; position : relative; background : url('/images/site/star-off.svg'); background-size : contain; } .starRating:not(old) > label:before{ content : ''; display : block; width : 1.5em; height : 1.5em; background : url('/images/site/star-on.svg'); background-size : contain; opacity : 0; transition : opacity 0.2s linear; } .starRating:not(old) > label:hover:before, .starRating:not(old) > label:hover ~ label:before, .starRating:not(:hover) > :checked ~ label:before{ opacity : 1; } .starempty{ background: url(/images/site/ratings_star_small.png); display: inline-block; width: 31px; height: 30px; margin-right:2px; } .starfull{ background: url(/images/site/ratings_star_small.png); display: inline-block; width: 31px; height: 30px; background-position: 0 30px; margin-right:2px; } .m-block{display: none !important; text-align: center; display: block; margin-bottom: 30px; margin-top: 10px;} .cc_logos {display: none;} .cc_cardinfo .cc_ccv {display: none;} /* ----- 11 01 2018 ----- */ header #header_appointment, header #header_pay {display: none;} #wrapper {width: calc(100% - 170px);} #wrapper.home_initial {width: 100%;} .req-appointment {padding: 15px; font-weight: 700;display: inline-block;background: #4CB4E7;color: #fff;font-family: 'Montserrat',sans-serif;text-transform: uppercase;font-size: 15px;line-height: 18px;letter-spacing: .05em; position: absolute; top: 15px; right: 15px; z-index: 998; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; box-shadow: 0 0 20px rgba(0,0,0,0.15)} .req-appointment:hover {background: #fff;color: #4CB4E7;} .button-social-bar {width: 100%; padding-right: 100px; height: 70px; background: #39499c; position: fixed; top: 0; left: 0; z-index: 999; padding-left: 170px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;} .button-social-bar.active {opacity: 1; visibility: visible; } .header-social {display: flex; flex-wrap: wrap; align-items: center; height: 100%;} .button-social-bar ul {display: flex; align-items: center; } .button-social-bar ul li {display: block; margin: 0 10px;} .button-social-bar i {font-size: 20px; color: #fff;} /*header.fixed {height: 175px;}*/ #sidebar {padding-top: 70px; box-sizing: border-box;} header.fixed {top: 70px;} header #header_brand_text {/*top: 70px;*/ background: url(/images/site/home-pain-sanantonio-logo-blue.png) no-repeat center;} .header-cta-buttons a {min-width: 150px; padding: 15px; font-weight: 700;display: inline-block;font-family: 'Montserrat',sans-serif;text-transform: uppercase;font-size: 15px;line-height: 18px;letter-spacing: .05em; z-index: 998; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; box-shadow: 0 0 20px rgba(0,0,0,0.15); text-align: center;} .header-cta-buttons .req-appointment-cta {background: #4CB4E7; color: #fff; margin-left: 15px;} .header-cta-buttons .call-now-cta {background: #fff; color: #39499c; } .header-cta-buttons.mobile-hide .req-appointment-cta {display: none;} .form-page #main {z-index: 998;} header nav.desktop ul li.has_dropdown .dropdown {padding: 35px 100px;} header.home_initial nav.desktop ul li.has_dropdown .dropdown ul li,header nav.desktop ul li.has_dropdown .dropdown ul li {width: calc(32.33% - 20px); padding-right: 20px;} header nav.desktop ul li.serve-dd:hover .dropdown {padding: 0;} header nav.desktop ul .serve-dd .dropdown .title {font-weight: 700; font-family: 'Montserrat',sans-serif; color: #fff; font-size: 13px; width: 100%; clear: both;} header nav.desktop ul .serve-dd .dropdown .left {padding: 35px 10px 35px 75px; width: calc(70% - 85px); float: left;} header nav.desktop ul .serve-dd .dropdown .right {padding: 35px 55px 35px 30px; width: calc(30% - 85px); position: absolute; right: 0; top: 0; bottom: 0; background: #36397d;} header nav.desktop ul .serve-dd .dropdown .right li {width: 100%; } header nav.desktop ul .serve-dd .dropdown .right li a {font-weight: 700; font-family: 'Montserrat',sans-serif; color: #4CB4E7 !important; font-size: 13px;} header nav.desktop ul .serve-dd .dropdown .right li a:hover {color: #fff !important;} .form-page #main .form .bbox ul.radios li, #form #main .form .bbox ul.checkboxes li {list-style: none;} /* request-info page */ body#form-request-info .button-social-bar.active { display: none; } body#form-request-info #sidebar { padding-top: 0; } body#form-request-info header.fixed { top: 0; } body#form-request-info #wrapper main { padding-top: 107px; } body#form-request-info #push { height: 0; } body#form-request-info #main .form { float: none; padding-bottom: 2em; } body#form-request-info #main > .bbox { padding: 50px 35px; margin: 10px 15px; } body#form-request-info #main > .bbox h3 { font-size: 19px; text-transform: uppercase; letter-spacing: .2em; line-height: 30px; } body#form-request-info #main > .bbox ul li { margin-left: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: .175em; font-size: 14px; } body#form-request-info .image { overflow: hidden; } body#form-request-info .image.left > .container { overflow: hidden; max-width: 100%; } body#form-request-info .image.left .body { padding: 35px 35px; text-align: center } body#form-request-info main #review > .container { width: 100%; } body#form-request-info main #review .slider { max-width: 100%; } /* chat bubble */ body > div#designstudio-button::before { content: "Request an Appointment via Chat"; position: absolute; bottom: 21px; right: 88px; background: #ff9900; padding: 10px 7px 10px 20px; width: 250px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; font-weight: bold; display: block; } body > div#designstudio-button::after { right: 50px; bottom: 21px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 153, 0, 0); border-left-color: #ff9900; border-width: 19px; margin-top: -19px; } /*Highlighting Testimonial*/ #testimonialCallout { position: absolute; bottom: 50px; left: 50px; display: flex; z-index: 500; flex-direction: column; align-items: stretch; text-align: center; max-width: 180px; } #testimonialCallout p { font-size: 30px; color: #fff; margin-bottom: 8px; } .req-appointment { padding: 12px !important; } #testimonialCallout img { width: 100%; margin-bottom: 10px; } #testimonialCallout a { padding: 12px 0; color: #fff; background: #4CB4E7; text-transform: uppercase; font-family: 'Libre Baskerville', serif; font-weight: 600; } #review h2 { margin-bottom: 14px; } #main .content h1 + .testimonial p { font-size: 23px; margin-top: 15px; color: #5A5B5B; border-bottom: solid 2px #39499C; padding-bottom: 35px; line-height: 1.5; } #home #banner .banner_slide .banner_slide_content img { max-width: 220px !important; } #home #banner .banner_slide .banner_slide_content { text-align: left !important; padding: 15px 15px 0 !important; } #home #banner .banner_slide .banner_slide_content .inner { max-width: 760px !important; margin-top: 20px !important; text-align:center !important; width: auto !important; } #home #banner :nth-child(8) .inner { display: flex !important; flex-direction: column-reverse !important; } #home #banner :nth-child(8) .inner p { color: #fff; font-size: 48px; line-height: .95; margin-bottom: 0; font-family: 'Libre Baskerville', serif; font-weight: 700; } #home #banner .banner_slide .banner_slide_content h2 { line-height: 1.35; } @media screen and (max-width: 1200px) { #home #banner .banner_slide .banner_slide_content img { max-width: 180px !important; } #home #banner .banner_slide .banner_slide_content h2 { font-size: 36px !important; } #home #banner :nth-child(8) .inner p { font-size: 36px !important; } } @media screen and (max-width: 767px) { #home #banner .banner_slide .banner_slide_content { padding-top: 15px !important; } #home #banner .banner_slide .banner_slide_content h2 { font-size: 32px !important; } #home #banner :nth-child(8) .inner p { font-size: 32px !important; } } @media screen and (max-width: 600px) { #home #banner .banner_slide .banner_slide_content img { max-width: 180 !important; } } @media screen and (max-width: 500px) { #home #banner .banner_slide .banner_slide_content { padding-top: 60px !important; text-align: center !important; } } @media screen and (max-width: 480px) { #home #banner .banner_slide .banner_slide_content h2 { margin-top: 0 !important; } }