/*
Theme Name: Biote
Theme URI:
Author: Leverture
Author URI: https://leverture.com/
Description: Biotemedical theme is based on most powerful framework "Bootstrap 4". Theme alos includes Font Awesome. Theme supports HTML5, CSS3, Nav Menu, Header, Footer, Widgets, Page Tempaltes, Featured Images.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: biote
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, sticky-post, full-width-template
*/


/*  =======================================================
		>>> GENERAL TABLE OF CONTENTS:

		# Normalize/General
		# Accessibility
		# Alignments
		# Captions & Gallery
		# Typography & Buttons
		# Common Content

		>>> SITE DESIGN

		# Header & Navbar
		# Footer
		# Layout - Slider
		# Layout - Six Blocks
		# Layout - Image & Text - Banner
		# Layout - 3 Columns
		# Layout - Text Section
		# Layout - FAQ Section
		# Layout - CTA Section
		# Layout - Success Story Section
		# Layout - Board Team Member
		# Layout - Research
		# Research Single page
		# Provider Page
		# Search Page
		# Press Single Page
		# Navigation Sidebar
		# Single Practice page
		# Search locator Page
		# Layout - Product List
		# Media Query
	======================================================= */


/*  =======================================================
		# Normalize/General
	======================================================= */
body { margin: 0; background-color: #fff; -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; width: 100%; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; color: #000; }
a:active, a:hover { outline: 0; color: #328839; }
b, strong { font-weight: 600; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 0; }
hr { box-sizing: content-box; height: 0; background-color: #979797; border: 0; height: 2px; margin-bottom: 1.5em; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; width: 100%; }
td, th { padding: 0; }
img { height: auto; max-width: 100%; }
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before,
.site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
embed, iframe, object { max-width: 100%; }
.bg-green { background-color: #40ad48; }
.bg-blue { background-color: #572c82; }
.bg-orange { background-color: #f6941e; }
.bg-blue-gradient { background: linear-gradient(#3d2584 0%,#412787 10%,#452989 20%,#492b8c 30%,#4d2e8e 40%,#523091 50%,#563294 60%,#5b3596 70%,#5f3799 80%,#64399c 90%,#693c9f 100%); }
.va-md { vertical-align: middle; }


/*  =======================================================
		# Accessibility
	======================================================= */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.313rem; line-height: normal; padding: 0.938rem 1.438rem 0.875rem; text-decoration: none; top: 0.313rem; width: auto; z-index: 100000; }
#content[tabindex="-1"]:focus { outline: 0; }


/*  =======================================================
		# Alignments
	======================================================= */
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0.313rem 0 1.25rem 1.25rem; }
a img.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
a img.alignleft { float: left; margin: 0.313rem 1.25rem 1.25rem 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignleft { margin: 0.313rem 1.25rem 1.25rem 0; }
.wp-caption.alignright { margin: 0.313rem 0 1.25rem 1.25rem; }


/*  =======================================================
		# Captions & Gallery
	======================================================= */
.wp-caption { background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #f0f0f0; max-width: 96%; padding: 0.313rem 0.313rem 0; text-align: center; }
.wp-caption img[class*="wp-image-"] { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption .wp-caption-text { font-size: 0.688rem; line-height: 1.063rem; margin: 0; padding: 0.625rem; }
.wp-caption-text { text-align: center; }
.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-item .gallery-columns-2 { max-width: 50%; }
.gallery-item .gallery-columns-3 { max-width: 33.33333%; }
.gallery-item .gallery-columns-4 { max-width: 25%; }
.gallery-item .gallery-columns-5 { max-width: 20%; }
.gallery-item .gallery-columns-6 { max-width: 16.66667%; }
.gallery-item .gallery-columns-7 { max-width: 14.28571%; }
.gallery-item .gallery-columns-8 { max-width: 12.5%; }
.gallery-item .gallery-columns-9 { max-width: 11.11111%; }
.gallery-caption { display: block; }


/*  =======================================================
		# Typography & Buttons
	======================================================= */
h1 { color: #572c82; font-family: "Montserrat", sans-serif; font-size: 33px; line-height: 40px; font-weight: 600; margin: 0 0 1em; }
h2 { color: #572c81; font-family: "Montserrat", sans-serif; font-size: 33px; line-height: 40px; font-weight: 600; margin: 0 0 1em; }
h3 { color: #572c82; font-family: "Montserrat", sans-serif; font-size: 25px; line-height: 35px; font-weight: 600; margin: 0 0 1em; }
h4 { color: #572c82; font-family: "Montserrat", sans-serif; font-size: 23px; line-height: 30px; font-weight: 600; margin: 0 0 1em; }
h5 { color: #572c82; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 27px; font-weight: 600; margin: 0 0 1em; }
h6 { color: #572c82; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 25px; font-weight: 600; margin: 0 0 1em; }
p { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 400; line-height: 20px; color: #000; margin: 0; padding: 0 0 30px; }
ul li, ol li { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 400; line-height: 20px; color: #000; margin: 0; padding: 0 0 10px; }
a.orange { color: #f6941e; font-weight: 600; }
a.orange:hover, a.orange:focus, a.orange:active { color: #f6941e; }
a.green { color: #40ad48; font-weight: 600; }
a.green:hover, a.green:focus, a.green:active { color: #40ad48; }
.btn { margin: 0 10px 0 0; font-size: 13px; font-weight: 600; line-height: 20px; padding: 7px 15px 6px; border-radius: 5px; text-transform: uppercase; }
.btn:focus, .btn:hover, .btn:active { outline: none; box-shadow: none; }
.btn-primary:focus, .btn-primary:active, .btn-primary:hover { box-shadow: none !important; }
.btn-green { background: #40ad48 !important; border-color: #40ad48 !important; color: #fff; }
.btn-green:hover, .btn-green:active, .btn-green:focus { background: #fff !important; color: #40ad48 !important; border-color: #40ad48 !important; }
.btn-blue { background: #572c82 !important; border-color: #572c82 !important; color: #fff; }
.btn-blue:hover, .btn-blue:active, .btn-blue:focus { color: #4d2773 !important; background: #fff !important; border-color: #4d2773 !important; }
.btn-orange { background: #f79022 !important; border-color: #f79022 !important; color: #fff; }
.btn-orange:hover, .btn-orange:active, .btn-orange:focus { color: #f1880a !important; background: #fff !important; border-color: #f1880a !important; }
.btn i.fa-angle-right { padding: 0 0 0 5px; font-size: 16px; line-height: 15px; vertical-align: text-bottom; }


/*  =======================================================
		# Common Content
	======================================================= */
#content.site-content { padding: 137px 0 0; background: #f6f6f6; }
#content .site-main { background: #fff; }
/*#content .site-main.cut-page { width: 100%; float: none; padding: 0 25px; }*/
.sticky .entry-title::before { content: '\f08d'; font-family: "Font Awesome\ 5 Free"; font-size: 1.563rem; left: -2.5rem; position: absolute; top: 0.375rem; font-weight: 900; }
.sticky .entry-title { position: relative; }
.page-links { clear: both; margin: 0 0 1.5em; }
.page-template-blank-page .entry-content, .blank-page-with-container .entry-content { margin-top: 0; }
.post.hentry { margin-bottom: 4rem; }
.posted-on, .byline, .comments-link { color: #9a9a9a; }
.entry-title > a { color: inherit; }
.modal { z-index: 22222; }
.modal-backdrop { z-index: 11111; }
.tt-narrow-content{ margin: 0 auto; max-width: 992px; width: 100%; }

/* ======================[ Ajax Loader ]====================== */
.biote_ajax_loader { background-color: rgba(255, 255, 255, 0.7); position: fixed; width: 100%; height: 100%; z-index: 99999; overflow: hidden; display: none; }
.biote_ajax_loader .inner-loader { background-image: url(assets/images/biote_logo.png); background-position: center center; background-repeat: no-repeat; width: 100px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; animation: zoominoutsinglefeatured 1s infinite;  background-size: 100% auto; }
@keyframes zoominoutsinglefeatured { 0% { transform: scale(1,1); } 50% { transform: scale(1.2,1.2); } 100% { transform: scale(1,1); } }


/*  =======================================================
		# Header & Navbar
	======================================================= */
#header { position: fixed; top: 0; left: 0; z-index: 11111; width: 100%; }
#site-header { padding: 13px 0; background: #fff; }
#site-header #site-logo { float: left; width: 120px; }
#site-header .header-info { float: left; width: 500px; margin: 0 0 0 75px; padding: 25px 0 0; }
#site-header .header-info .search-box-btn { color: #333; font-size: 22px; line-height: 22px; margin: 4px 0 0 10px; display: inline-block; }
#site-header .header-social { float: right; padding: 25px 0 0; text-align: right; }
#site-header .header-social a { display: inline-block; width: 30px; height: 30px; margin: 0 0 0 10px; background: #000; color: #fff; border-radius: 100%; overflow: hidden; text-align: center; vertical-align: top; font-size: 16px; line-height: 31px; }
#site-header .header-social a:hover, #site-header .header-social a:focus, #site-header .header-social a:active { text-decoration: none; background: #f6941e; }

/* ======================[ Search Form ]====================== */
.search-dropdown .dropdown-menu { padding: 25px; border: none; box-shadow: 0 5px 12px rgba(0,0,0,.15); }
.dropdown-menu .search-form { border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; position: relative; width: 200px; }
.search-form .search-icon { position: absolute; left: 5px; top: 10px; z-index: 1111; color: #40ad48; width: 20px; height: 20px; }
.search-form .search-icon svg { vertical-align: top; }
.search-form .search-field { border: none; box-shadow: none; padding: 4px 10px 4px 40px; color: #000; font-weight: 400; width: 100%; font-size: 20px; line-height: 32px; font-family: "Montserrat", sans-serif; display: inline-block; vertical-align: top; height: 40px; }
.search-form .search-field:focus, .search-form .search-field:active, .search-form .search-field:hover { border: none; outline: none; box-shadow: none; }

/* ======================[ Navbar ]====================== */
#site-navbar { background: #572c82; }
.site-menu ul { list-style: none; padding: 0; margin: 0; text-align: center; display: flex; justify-content: space-between; width: 100%; max-width: 992px; margin: 0 auto; }
.site-menu ul > li { position: relative; padding: 0; }
.site-menu ul > li > a { color: #fff; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; height: 50px; text-transform: uppercase; position: relative; }
.site-menu ul > li > a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: #fff; opacity: 0; }
.site-menu ul > li > a:hover, .site-menu ul li a:active, .site-menu ul li a:focus { text-decoration: none; }
.site-menu ul > li > a:hover::before, .site-menu ul li a:active::before, .site-menu ul li a:focus::before { opacity: 1; }
.site-menu ul > li.current-menu-item > a::before, .site-menu ul > li.current-menu-parent > a::before, .site-menu ul > li.current-menu-ancestor > a::before { opacity: 1; }
.site-menu ul > li > ul { visibility: hidden; position: absolute; top: 100%; width: 290px; box-shadow: 0 0 10px 0 rgba(148, 148, 148, 0.6); display: block; }
.site-menu ul > li:hover > ul { visibility: visible; }
.site-menu ul > li > ul > li > a { background: #572c82; padding: 12px; display: block; height: auto; font-size: 14px; line-height: 18px; text-align: left; color: #fff; }
.site-menu ul > li > ul > li > a:hover, .site-menu ul > li > ul > li > a:focus, .site-menu ul > li > ul > li > a:active { background: #f6941e; color: #fff; }
.site-menu ul > li > ul > li.current-menu-item > a, .site-menu ul > li > ul > li.current-menu-parent > a, .site-menu ul > li > ul > li.current-menu-ancestor > a { background: #f6941e; color: #fff; }
.site-menu ul > li > ul > li > a::before { opacity: 1; height: 1px; width: 95%; left: 2.5%; }
.site-menu ul > li > ul > li:last-child > a::before { display: none; }
.site-menu ul > li > ul > li > ul { visibility: hidden; position: absolute; left: 100%; width: 290px; top: 0; }
.site-menu ul > li > ul > li:last-child > ul { left: 100%; top: 0; right: auto; }
.site-menu ul > li > ul > li:hover > ul { visibility: visible; }
.site-menu ul > li:nth-last-child(-n+3) > ul > li > ul { left: auto; top: 0; right: 100%; }
.site-menu ul > li > ul > li > ul > li > a { padding: 6px 12px; font-size: 12px; line-height: 16px; }


/*  =======================================================
		# Footer
	======================================================= */
/* ======================[ Footer Top ]====================== */
#footer-top { background: #e8e8e8; padding: 40px 0; }
#footer-top .ft-image img { max-width: 350px; }
#footer-top .ft-section-1 { padding: 0 70px 0 0; }
#footer-top .ft-section-2 { padding: 0 0 0 60px; }
#footer-top p { max-width: 350px; font-size: 14px; }

/* ======================[ Footer Info ]====================== */
#site-footer { background: #572c82; padding: 35px 0; }
#site-footer h4 { color: #40ad48; }
#site-footer .fs1-text { max-width: 185px; padding: 0 0 25px; }
#site-footer .fs1-text p { font-size: 17px; line-height: 21px; padding: 0; margin: 0; color: #fff; }
#site-footer .fs-menu { padding: 0 0 22px; }
#site-footer .fs-menu ul { padding: 0; margin: 0; list-style: none; }
#site-footer .fs-menu ul li { padding: 0 0 3px; margin: 0; list-style: none; }
#site-footer .fs-menu ul li a { font-size: 16px; font-weight: 400; line-height: 23px; display: inline-block; color: #fff; }

/* ======================[ Footer Social ]====================== */
.footer-social { background: #40ad48; padding: 18px 0; text-align: center; }
.footer-social a { display: inline-block; width: 30px; height: 30px; margin: 0 5px; background: #000; color: #fff; border-radius: 100%; overflow: hidden; text-align: center; vertical-align: top; font-size: 16px; line-height: 31px; }
.footer-social a:hover, .footer-social a:focus, .footer-social a:active { text-decoration: none; background: #f6941e; }

/* ======================[ Footer Disclaimer ]====================== */
.footer-disclaimer { background: #e8e8e8; padding: 18px 0; text-align: center; }
.footer-disclaimer p { color: #000; text-align: center; font-size: 13px; font-weight: 400; line-height: 20px; padding: 0; margin: 0; }


/*  =======================================================
		# Layout - Slider
	======================================================= */
.content-slider { width: 100%; position: relative; }
.content-slider .cs-layer { position: relative; height: calc(100vh - 137px); min-height: 450px; display: flex; padding: 0 0 60px; }
.content-slider .cs-layer .cs-image { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; }
.content-slider .cs-layer .cs-outer { position: relative; z-index: 111; }
.content-slider .cs-layer .cs-content { background: rgba(255, 255, 255, 0.6); max-width: 650px; width: 90%; overflow: hidden; border-radius: 10px; padding: 20px; margin: 0 auto 20px; }
.content-slider .cs-layer .cs-content h2 { font-size: 37px; line-height: 45px; margin: 0 0 15px; }
.content-slider .cs-layer .cs-content p { margin: 0; padding: 0; }
.content-slider .owl-dots { position: absolute; z-index: 111; left: 0; bottom: 5%; width: 100%; text-align: center; }
.content-slider .owl-dots .owl-dot { background: #fff; width: 18px; height: 18px; border-radius: 100%; display: inline-block; vertical-align: top; margin: 0 5px; }
.content-slider .owl-dots .owl-dot:active, .content-slider .owl-dots .owl-dot:hover, .content-slider .owl-dots .owl-dot:focus { box-shadow: none; outline: none; }
.content-slider .owl-dots .owl-dot.active { background: #f6941e; }


/*  =======================================================
		# Layout - Six Blocks
	======================================================= */
.six-block-outer { width: 100%; }
.six-block-outer .row .col { display: flex; align-items: center; }
.six-block-outer .sb-orange { background: #f79022; }
.six-block-outer .sb-blue { background: #572c82; }
.six-block-outer .sb-green { background: #40ad48; }
.six-block-outer .six-inner { max-width: 350px; margin: 0 auto; }
.six-block-outer .six-inner h3, .six-block-outer .six-inner p, .six-block-outer .six-inner a { color: #fff; }
.six-block-outer .six-inner-image img { display: block; margin: 0 auto; height: 90%; width: auto; opacity: 0.6; max-height: 350px; }
.six-block-outer .btn-primary { background: #fff !important; border-color: #fff !important; }
.six-block-outer .sb-orange .btn-primary { color: #f79022; }
.six-block-outer .sb-blue .btn-primary { color: #572c82; }
.six-block-outer .sb-green .btn-primary { color: #40ad48; }
.six-block-outer .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: transparent !important; border-color: #fff !important; color: #fff !important; }


/*  =======================================================
		# Layout - Image & Text - Banner
	======================================================= */
.image-text-layout { position: relative; padding: 50px 0; width: 100%; display: flex; align-items: center; min-height: 80vh; }
.banner-section { min-height: calc(100vh - 137px); display: flex; align-items: center; width: 100%; }
.image-text-layout .image-layout { position: absolute; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; }
.image-text-layout .text-layout-inner { max-width: 370px; z-index: 111; position: relative; margin: 0 auto; }
.image-text-layout .text-layout-inner p:last-child { padding: 0; }
.image-text-layout .text-layout-inner.text-layout-bg { background: rgba(255, 255, 255, 0.75); border-radius: 10px; overflow: hidden; padding: 25px; max-width: 450px; }
.image-text-layout .nt-char { position: absolute; left: 0; bottom: 15px; width: 100%; z-index: 111; color: #40ad48; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.5px; }


/*  =======================================================
		# Layout - 3 Columns
	======================================================= */
.three-column-layout { padding: 50px 0; width: 100%; }
.three-column-layout .tc-heading h3 { margin: 0; padding: 0 0 1em; }
.three-column-layout .tc-text { padding: 0 20px; }
.three-column-layout .tc-text p:last-child { padding: 0; }
.three-column-layout .tc-text img { max-width: 100px; }


/*  =======================================================
		# Layout - Text Section
	======================================================= */
.text-section { padding: 50px 0; width: 100%; }
.text-section.white-bg { background: #fff; }
.text-section .text-section-title { border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; }
.text-section .text-section-title::before { content: ''; width: 1px; height: 100%; position: absolute; left: 135px; top: 0; background: #000; }
.text-section .text-section-title .tst-icon { position: absolute; width: 100px; left: 15px; top: 50%; margin: -50px 0 0; height: 100px; }
.text-section .text-section-title .tst-title { display: flex; align-items: center; padding: 15px 15px 15px 150px; min-height: 130px; }
.text-section .text-section-title .tst-title h2 { margin: 0; }
.text-section .text-section-content { padding: 30px 15px 30px 150px; }
.text-section .text-section-content:last-child { padding-bottom: 0; }
.text-section .text-section-content p:last-child { padding: 0; margin: 0; }
.text-section .tt-content-full p:last-child { padding: 0; margin: 0; }
.text-section .tt-content-full img { max-width: 650px; }


/*  =======================================================
		# Layout - FAQ Section
	======================================================= */
.faq-section { padding: 50px 0; width: 100%; }
.faq-section .faq-section-inner { position: relative; padding: 0 0 30px; }
.faq-section .faq-section-inner:last-child { padding: 0; }
.faq-section .faq-section-title { position: relative; margin: 0 0 10px; }
.faq-section .faq-section-title .faq-icon { position: absolute; width: 50px; left: 0; top: 50%; margin: -25px 0 0; height: 50px; background: #572c82; border-radius: 100%; overflow: hidden; color: #fff; font-size: 22px; line-height: 50px; text-align: center; font-weight: 600; }
.faq-section .faq-section-title .faq-title { display: flex; align-items: center; padding: 10px 50px 15px 100px; min-height: 50px; cursor: pointer; }
.faq-section .faq-section-title .faq-title::after { content: '+'; position: absolute; right: 0; top: 7px; color: #572c82; border: 1px solid #572c82; text-align: center; font-size: 30px; font-weight: 600; line-height: 33px; height: 35px; width: 35px; }
.faq-section .faq-section-title .faq-title.active::after { content: '-'; line-height: 30px; }
.faq-section .faq-section-title .faq-title h4 { margin: 0; }
.faq-section .faq-section-content { padding: 0 15px 0 100px; }
.faq-section .faq-section-content:last-child { padding-bottom: 0; }
.faq-section .faq-section-content p:last-child { padding: 0; margin: 0; }


/*  =======================================================
		# Layout - CTA Section
	======================================================= */
.cta-section { background: #e8e8e8; padding: 50px 0 70px; width: 100%; }
.cta-section .btn { width: 100%; max-width: 230px; }


/*  =======================================================
		# Layout - Success Story Section
	======================================================= */
.success-story-outer { padding: 50px 0; width: 100%; }
.success-story-outer .ss-area { margin: 0 0 30px; position: relative; cursor: pointer; }
.success-story-outer .ss-area.ss-played { opacity: 0.6; }
.success-story-outer .ss-area .ss-image::after { content: ''; width: 45px; height: 45px; position: absolute; z-index: 111; left: 50%; bottom: 0; margin: 0 0 0 -22.5px; background: url(assets/images/play-icon.jpg) no-repeat center bottom; -webkit-background-size: 100% auto; background-size: 100% auto;   }
.success-story-outer .ss-area h5 { padding: 10px 0 0; margin: 0; }
.ss-popup .modal-content { background-color: transparent; border: none; }
.ss-popup .modal-header { background-color: transparent; border: none; padding: 0; justify-content: flex-end; }
.ss-popup .modal-header .close { padding: 0; margin: 0; float: none; opacity: 1; color: #fff; font-weight: normal; font-size: 60px; line-height: 30px; text-shadow: none; }


/*  =======================================================
		# Layout - Board Team Member
	======================================================= */
.board-list-outer { padding: 50px 0; width: 100%; }
.board-list-outer .board-title { border-bottom: 1px solid #ccc; margin: 0 0 50px; }
.board-list-outer .team-area { margin: 0 auto 30px; position: relative; text-align: center; max-width: 300px; }
.board-list-outer .team-area h4 { margin: 0 0 10px; }
.board-list-outer .team-area .team-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 111; }
.board-list-outer .team-area .team-image { background: linear-gradient(to top, transparent, rgba(0, 0, 0, .1)); border-top-left-radius: 8px; border-top-right-radius: 8px; max-width: 250px; width: 100%; max-height: 250px; overflow: hidden; margin: 0 auto 20px; border-radius: 100%; text-align: center; overflow: hidden; }
.board-list-outer .team-area .team-image img { width: 100%; height: auto; }
.team-popup { position: fixed; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 22222; left: 0; top: 0; background: #fff; display: none; }
.team-popup .team-popup-top { background: #e8e8e8; padding: 50px 0 0; }
.team-popup .team-popup-top img { max-width: 300px; width: 100%; height: auto; }
.team-popup .team-info { padding: 40px 0; column-count: 2; column-gap: 30px; }
.team-popup .team-close { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: #fff; text-align: center; line-height: 50px; font-size: 30px; z-index: 111; }


/*  =======================================================
		# Layout - Research
	======================================================= */
.rs-list-outer { padding: 50px 0 0; width: 100%; }
.rs-list-outer .rs-area { padding: 10px 0 50px; }
.rs-list-outer .rs-area .rs-image { padding: 0 0 15px; }
.rs-list-outer .rs-area h2, .rs-list-outer .rs-area h3 { padding: 0 0 10px; margin: 0; }
.rs-list-outer .rs-area h2 a, .rs-list-outer .rs-area h3 a { color: #572c82; }
.rs-list-outer .rs-area h2 a:hover, .rs-list-outer .rs-area h3 a:hover { text-decoration: none; }
.rs-list-outer .rs-area .research-team { padding: 0 0 25px; }
.rs-list-outer .rs-area .research-team a { color: #999; font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; }


/*  =======================================================
		# Research Single page
	======================================================= */
.single-research-area { padding: 100px 0; }
.single-research-area h1 { margin: 0; padding: 0 0 20px; font-size: 36px; line-height: 45px; }
.single-research-area .research-team { padding: 0 0 20px; }
.single-research-area .research-team a { color: #999; font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; }
.single-research-area .resource-link-area { padding: 40px 0; border-top: 1px solid #ccc; margin: 40px 0 0; }
.single-research-area .resource-link-area .resource-link { position: relative; font-size: 20px; font-weight: 700; line-height: 27px; padding: 0 0 0 25px; }
.single-research-area .resource-link-area .resource-link::before { content: ''; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 5px; top: 9px; background: #572c82; }
.single-research-area .resource-link-area .resource-link a { color: #40ad48; }
.single-research-area .resource-link-area .resource-link a:hover, .single-research-area .resource-link-area .resource-link a:focus, .single-research-area .resource-link-area .resource-link a:active { color: #328839; }
.single-research-area .resource-link-area .resource-link a span { position: relative; display: inline-block; vertical-align: middle; background: #f1f2f2; border-radius: 100%; text-align: center; width: 36px; line-height: 36px; font-size: 20px; margin: 0 0 0 5px; }
.resource-nav a { color: #999; font-size: 16px; line-height: 20px; font-weight: 600; }
.resource-nav a:hover, .resource-nav a:active, .resource-nav a:focus { color: #666; }
.resource-nav a i { font-size: 14px; }


/*  =======================================================
		# Provider Page
	======================================================= */
.provider-section { padding: 50px 0; }
.provider-section p:last-child { padding: 0; }
.provider-form-area { background: #fff; padding: 30px; }
.provider-form-area p { padding: 0; }
.provider-form-area .gform_wrapper h3 { color: #572c82; font-weight: 600; padding: 0 0 15px; border-bottom: 1px solid #ccc; margin: 0 0 20px; }
.provider-form-area .gform_wrapper .top_label .gfield label { color: #000; font-size: 18px; font-weight: 600; line-height: 24px; padding: 0 0 5px; display: block; margin: 0; }
.provider-form-area .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { color: #000; font-size: 16px; font-weight: 400; line-height: 20px; padding: 0 0 5px; }
.provider-form-area label sup { color: #790000; }
.provider-form-area .gform_wrapper input[type="text"] { color: #000; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; padding: 10px 5px !important; border: 1px solid #40ad48; border-radius: 5px; overflow: hidden; width: 100%; }
.provider-form-area .gform_wrapper input[type="text"]:focus, .provider-form-area .gform_wrapper input[type="text"]:active { border-color: #572c82; }
.provider-form-area .gform_wrapper select { color: #000; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; padding: 10px 5px !important; border: 1px solid #40ad48; border-radius: 5px; overflow: hidden; width: 100%; }
.provider-form-area .gform_wrapper select:focus, .provider-form-area .gform_wrapper select:active { border-color: #572c82; }
.provider-form-area .gform_wrapper textarea { color: #000; font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 5px; border: 1px solid #40ad48; border-radius: 5px; overflow: hidden; width: 100%; height: 100px; resize: none; }
.provider-form-area .gform_wrapper textarea:focus, .provider-form-area .gform_wrapper textarea:active { border-color: #572c82; }
.provider-form-area input[type="submit"] { background: #f6941e; color: #fff; font-size: 18px; font-weight: 600; line-height: 20px; padding: 10px; width: 140px; text-align: center; display: block; border-radius: 5px; border: none; text-transform: uppercase; }
.gform_wrapper .validation_message { font-weight: 400 !important; }


/*  =======================================================
		# Search Page
	======================================================= */
.search-section { padding: 50px 0; }
.search-section .search-form { border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; position: relative; width: 100%; max-width: 350px; margin: 0 0 30px; }
.search-section.page-404 .search-form { margin: 0 auto 30px; }
.search-section h1 span { font-size: 27px; font-weight: 600; }
.search-section .search-container { padding: 0 0 50px;  }
.search-section .search-container h3 { margin: 0; padding: 0 0 15px; font-weight: 600; font-size: 25px; }
.search-section .search-container p { margin: 0; padding: 0 0 15px; font-weight: 400; font-size: 18px; }
.search-section .search-container a.btn { margin: 0; }
.search-section .page-nav { text-align: center; }
.search-section .page-nav ul { padding: 0; margin: 0; list-style: none; }
.search-section .page-nav ul li { display: inline-block; vertical-align: top; padding: 0 10px; }
.search-section .page-nav ul li span.current { font-weight: 400; }
.search-section .page-nav ul li a { color: #999; }
.search-section .page-nav ul li a i.fas { font-size: 16px; }


/*  =======================================================
		# Press Single Page
	======================================================= */
.press-image { padding: 0 0 30px; }


/*  =======================================================
		Navigation Sidebar
	======================================================= */
#content .main-side { display: none; }
#content .main-side .main-side-inner { width: 100%; background: #8d8d8d; }
#content .main-side .main-side-inner .main-side-title { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.05em; line-height: 29px; color: #fff; padding: 10px 20px; border-bottom: 1px solid #fff; text-transform: uppercase; }
#content .main-side .main-side-inner ul { list-style: none; padding: 20px; }
#content .main-side .main-side-inner ul li { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; color: #fff; display: block; padding: 10px 0; line-height: 20px; }
#content .main-side .main-side-inner ul li.parent-page { text-transform: uppercase; font-size: 16px; font-weight: 600; }
#content .main-side .main-side-inner ul li a { color: #fff; }
#content .main-side .main-side-inner ul li.current_page_item a { color: #c4c4c4; }


/*  =======================================================
		Single Practice page
	======================================================= */
.single-practice-area { padding: 70px 0; }
.single-practice-area h1 { margin: 0; padding: 0 0 20px; }
.biote-practice-right { background: #f1f1f2; }
.biote-practice-right iframe { width: 100%; height: 250px; }
.biote-practice-right .biote-certi { padding: 15px 15px 15px; }
.biote-practice-right .biote-certi img { max-width: 70px; }
.biote-practice-right .biote-location { padding: 0 15px 15px; }
.biote-doctor { border-bottom: 1px solid #e5e5e5; padding: 0 0 20px; margin: 0 0 20px; }
.biote-doctor:last-child { border-bottom: none; }
.doctor-bio .bio-hidden { display: none; }
.doctor-bio .bio-hidden.show { display: inline; }
.doctor-bio .dot-show { display: inline; }
.doctor-bio .dot-show.hide { display: none; }
.doctor-bio h3 { margin: 0; padding: 0 0 10px; }
.doctor-bio p { font-size: 17px; line-height: 26px; padding: 0 0 10px; }

/* Enhancement */
.single-practice-area .practice-info{ margin-bottom: 20px; }
.single-practice-area .practice-info .detail{ color: #5e328b; text-transform: uppercase; font-size: 16px; font-weight: 700; }
.single-practice-area .practice-info .detail span{ color: #8d8d8d; font-weight: 500; text-transform: initial; }
/* #Enhancement */

/* ======================[ Popup Form ]====================== */
.practice-popup { padding: 50px 30px; display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 111111; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,.6); transition: all .15s linear; }
.practice-popup.open { display: flex; flex-wrap: wrap; align-items: center; }
.practice-popup .practice-close { position: absolute; right: 15px; top: 10px; }
.practice-popup .practice-inner { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 0px; padding: 30px; background: #fff; position: relative; width: 100%; max-width: 1000px; margin: 0 auto; transition: all .15s linear; }
.practice-popup .gform_wrapper .top_label .gfield label { color: #000; font-size: 18px; font-weight: 600; line-height: 24px; padding: 0 0 5px; display: block; margin: 0; }
.practice-popup label sup { color: #790000; }
.practice-popup .practice-inner h2 { text-align: center; }
.practice-popup .gform_wrapper input[type="text"] { color: #000; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; padding: 10px 5px !important; border: 1px solid #40ad48; border-radius: 5px; overflow: hidden; width: 100%; }
.practice-popup .gform_wrapper input[type="text"]:focus, .practice-popup .gform_wrapper input[type="text"]:active { border-color: #572c82; }
.practice-popup .gform_wrapper select { color: #000; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; padding: 10px 5px !important; border: 1px solid #40ad48; border-radius: 5px; overflow: hidden; width: 100%; }
.practice-popup .gform_wrapper select:focus, .practice-popup .gform_wrapper select:active { border-color: #572c82; }
.practice-popup input[type="submit"] { background: #f6941e; color: #fff; font-size: 18px; font-weight: 600; line-height: 20px; padding: 10px; width: 140px; text-align: center; display: block; border-radius: 5px; border: none; text-transform: uppercase; }
.practice-popup .gform_wrapper .top_label .gfield .gfield_radio label { display: inline-block; padding: 5px 0 0 10px; }


/*  =======================================================
		Search Locator Page
	======================================================= */
/* ======================[ Search Form Area ]====================== */
.locator-search-outer { background: url(assets/images/hero-1.jpg) no-repeat center center; background-size: cover; padding: 40px 0; }
.locator-search-outer h1 { color: #fff; margin: 0 0 10px; }
.locator-search-outer .ls-form { max-width: 500px; margin: 0 auto; position: relative; }
.locator-search-outer #sl-address { transition: all 0.2s ease-in-out 0s; border-radius: 4px; height: 55px; position: relative; z-index: 4; border: 1px solid rgba(51, 51, 51, 0.5) !important; width: 100%; background: #fff; padding: 10px; }
.locator-search-outer #sl-address:focus, .locator-search-outer #sl-address:active, .locator-search-outer #sl-address:hover { outline: 3px auto #f57e20; outline-offset: 3px; }
.locator-search-outer #sl-btn { background: #f57e20; position: absolute; width: 50px; height: 45px; color: #fff; top: 5px; right: 5px; border: none; border-radius: 3px; font-size: 24px; z-index: 9; }
.locator-search-outer #sl-btn:active, .locator-search-outer #sl-btn:hover, .locator-search-outer #sl-btn:focus { background: #d8650a; outline: none; box-shadow: none; }
.locator-search-outer .clear-sl-adress { position: absolute; right: 70px; top: 50%; z-index: 9; transform: translatey(-50%); font-size: 22px; cursor: pointer; display: none; }
.locator-search-outer .sl-cl { padding: 10px 0 20px; max-width: 500px; margin: 0 auto }
.locator-search-outer .sl-current-location { border-radius: 4px; background: #fff; padding: 5px 10px; line-height: normal; text-transform: none; transition: all .25s ease-in-out; color: #333; border: 1px solid #e5e5e5; font-size: 13px; letter-spacing: .05em; }
.locator-search-outer .sl-current-location:active, .locator-search-outer .sl-current-location:hover, .locator-search-outer .sl-current-location:focus { background: #d8650a; outline: none; box-shadow: none; color: #fff; }
.locator-search-outer .sl-message { font-size: 22px; color: #333; line-height: 1.4; }
.locator-search-outer .sl-radius-outer { max-width: 500px; display: inline-block; }
.locator-search-outer .sl-radius-outer #sl-radius { margin-right: 10px; font-weight: 800; width: 40px; text-align: right; background: 0 0; border: none; font-size: 16px; border-bottom: 1px solid #fff; display: inline-block; vertical-align: middle; }
.locator-search-outer .sl-radius-outer #sl-radius:active, .locator-search-outer .sl-radius-outer #sl-radius:hover, .locator-search-outer .sl-radius-outer #sl-radius:focus { outline: none; box-shadow: none; }
.locator-search-outer .sl-radius-outer span { display: inline-block; vertical-align: middle; font-size: 21px; font-weight: 400; line-height: 29px; }
.clinic-yes { display: none; min-height: 600px; }
.map-outer { height: 500px; }
.map-outer.map-sticky { position: fixed; top: 140px; }
#googleMap { width: 100%; height: 100%; }

/* ======================[ Search Listing Area ]====================== */
.ll-outer { padding: 40px 0; }
.ll-container-outer { padding: 5px 5px 20px; margin: 0 auto; max-width: 550px; }
.ll-container-outer .ll-container { border: 1px solid transparent; transition: box-shadow 135ms cubic-bezier(.4,0,.2,1),width 235ms cubic-bezier(.4,0,.2,1); box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);  background: #fff; position: relative; padding: 30px 20px; }
.ll-container-outer .ll-container:hover, .ll-container-outer .ll-container:focus, .ll-container-outer .ll-container:active {  border-color: #4caf50; box-shadow: 0 1px 3px 1px rgba(60,64,67,.2), 0 2px 8px 4px rgba(60,64,67,.1); }
.ll-container-outer .ll-container h3 { color: #5e328b; font-weight: 600; letter-spacing: 1px; font-size: 20px; line-height: 26px; margin: 0 0 10px; }
.ll-container-outer .ll-container h3 a { color: #5e328b; }
.ll-container-outer .ll-container h3 a:hover, .ll-container-outer .ll-container h3 a:focus, .ll-container-outer .ll-container h3 a:active { text-decoration: underline; }
.ll-container-outer .ll-container .ll-address { color: #8d8d8d; font-size: 14px; max-width: 220px; font-weight: 400; line-height: 20px; padding: 0 0 10px; }
.ll-container-outer .ll-container .ll-distance { color: #333; font-weight: 500; font-size: 14px; padding: 0 0 5px; }
.ll-container-outer .ll-container .ll-distance a { color: #333; }
.ll-container-outer .ll-container .ll-distance a:hover, .ll-container-outer .ll-container .ll-distance a:focus, .ll-container-outer .ll-container .ll-distance a:active { text-decoration: underline; }
.ll-container-outer .ll-container .ll-direction { color: #333; font-weight: 500; font-size: 16px; padding: 0 0 5px; }
.ll-container-outer .ll-container .ll-direction a:hover, .ll-container-outer .ll-container .ll-distance a:focus, .ll-container-outer .ll-container .ll-distance a:active { text-decoration: underline; }
.ll-container-outer .ll-container .ll-website, .ll-container-outer .ll-container .ll-phone { font-size: 15px; font-weight: 500; line-height: 24px; letter-spacing: 1px; border-bottom: 1px solid #e5e5e5; padding: 10px 0 10px; margin: 0 0 10px; }
.ll-container-outer .ll-container .ll-website i, .ll-container-outer .ll-container .ll-phone i { padding: 0 10px 0 0; }

/* Enhancement */
.ll-container-outer .biote-certificate{ display: inline-block; margin-right: 10px; max-width: 70px; width: 100%; }
.ll-container-outer .ll-container h2 { display: inline-block; color: #5e328b; font-weight: 700; font-size: 24px; line-height: 26px; margin: 0; text-transform: uppercase; }
.ll-container-outer .ll-container h2 a { color: #5e328b; }
.ll-container-outer .ll-container .btn-details{ color: #8d8d8d; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.ll-container-outer .ll-container .detail{ color: #5e328b; text-transform: uppercase; font-size: 14px; font-weight: 700; }
.ll-container-outer .ll-container .detail span{ color: #8d8d8d; font-weight: 500; text-transform: initial; }
.ll-container-outer .ll-container .distance{ color: #40ad48; font-weight: 700; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }
.ll-container-outer .ll-container .address{ color: #8d8d8d; font-weight: 500; font-size: 14px; }
.ll-container-outer .ll-container .btn-event{ margin-top: 15px; }
.ll-container-outer .ll-container .btn-event.practice-form-btn{ display: inline-block; padding-left: 20px; padding-right: 20px; }
/* End Enhancement */

/* ======================[ Map Marker ]====================== */
.marker-style { max-width: 300px; }
.marker-style h3 { color: #5e328b; font-weight: 700; font-size: 20px; line-height: 26px; margin: 0 0 5px; }
.marker-style h3 a { color: #5e328b; }
.marker-style h3 a:hover, .marker-style h3 a:focus, .marker-style h3 a:active { text-decoration: underline; }
.marker-style .mk-add { color: #000; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 0 5px; }


/*  =======================================================
		Layout - Product List
	======================================================= */
.product-listing { padding: 0 0 25px; }
.child-listing { padding: 25px 0; }
.child-listing .child-top { border-top: 1px solid #572c82; border-bottom: 1px solid #572c82; display: flex; flex-wrap: wrap; width: 100%; }
.child-listing .child-top .child-title { padding: 50px 25px; text-align: center; flex: 0 0 30%; width: 30%; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.child-listing .child-top .child-title::after { background: #572c82; content: ''; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; }
.child-listing .child-top .child-title h2 { font-size: 24px; line-height: 30px; margin: 0; }
.child-listing .child-top .child-tagline { padding: 50px 25px 50px 75px; flex: 0 0 70%; width: 70%; display: flex; flex-wrap: wrap; align-items: center; }
.child-listing .child-top .child-tagline h2 { font-size: 27px; line-height: 35px; margin: 0; }
.child-listing .child-btm { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.child-listing .child-btm .child-image { padding: 30px 25px 0;  flex: 0 0 30%; width: 30%; }
.child-listing .child-btm .child-info { padding: 30px 25px 0 75px; flex: 0 0 70%; width: 70%; }


/*  =======================================================
		Provider Page
	======================================================= */
.bp-section { padding: 40px 20px; background: #e8e8e8; column-count: 4; }
.bp-section.no-count { column-count: 1; }
.bp-section .bp-list { page-break-inside: avoid; break-inside: avoid-column; -webkit-column-break-inside: avoid; }
.bp-section a { color: #328839; }
.bpc-area { background: #fff; border-radius: 6px; overflow: hidden; transition: box-shadow 135ms cubic-bezier(.4, 0, .2, 1), width 235ms cubic-bezier(.4, 0, .2, 1); box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .08), 0 1px 3px 1px rgba(60, 64, 67, .16); }
.bpc-area:hover { box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .2), 0 2px 8px 4px rgba(60, 64, 67, .1) }
.bpc-area .bpc-head { background: linear-gradient(360deg, #844bbe, #5e328b); padding: 20px; }
.bpc-area .bpc-head h4 { color: #fff; padding: 0; margin: 0; }
.bpc-area .bpc-body { padding: 20px 20px 50px; position: relative; }
.bpc-area .bpc-body .bpc-info { padding: 10px 0 0 60px; margin: 0 0 20px; position: relative; font-size: 21px; line-height: 25px; color: #5e328b; min-height: 40px; }
.bpc-area .bpc-body .bpc-info .bpc-icon { padding: 5px; background: #f5f8fa; width: 40px; height: 40px; border-radius: 100%; position: absolute; left: 0; top: 50%; margin: -20px 0 0; color: #000; text-align: center; font-size: 20px; line-height: 40px; }
.bpc-area .bpc-body .bpc-info .bpc-icon.phone { transform: rotateY(180deg); font-size: 16px; }
.bpc-area .bpc-body .bpc-info a { color: #5e328b; }
.bpc-area .bpc-body .bpc-footer { background: #f5f8fa; color: #5e328b; line-height: 20px; font-weight: 500; font-size: 18px; padding: 10px 25px; position: absolute; bottom: 0; left: 0; width: 100%; }
.bpc-area .bpc-body .bpc-footer::after { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 20px; line-height: 20px; position: absolute; right: 20px; top: 50%; margin: -10px 0 0; }
.bpc-area .bpc-body .bpc-footer:hover, .bpc-area .bpc-body .bpc-footer:focus, .bpc-area .bpc-body .bpc-footer:acitve { text-decoration: none; }
#stateShowHide::after { content: '\f067'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; padding: 0 0 0 15px; vertical-align: middle; line-height: 14px; }
#stateShowHide.active::after { content: '\f068'; }


/*  =======================================================
		Team Section
	======================================================= */
.team-section { padding: 50px 0; }
.team-inner { padding: 0 0 30px; text-align: center; max-width: 300px; margin: 0 auto; }
.team-inner .team-image { width: 100%; margin: 0 auto 20px; max-width: 250px; border-radius: 100%; max-height: 250px; overflow: hidden; }
.team-inner .team-info h4 { margin: 0 0 10px; }
.team-inner .team-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 111; }


/*  =======================================================
		Small Title Section
	======================================================= */
.image-text-layout.small-title-section { background: url(assets/images/title_new_bg.jpg) no-repeat center center; background-size: cover; min-height: auto; padding: 100px 0; }


/*  =======================================================
		# Media Query
	======================================================= */
/* ======================[ Min-Width: 1401px; ]====================== */
@media only screen and ( min-width: 1431px ) {
	/* -----------------[ General ]----------------- */
	.container, .container-lg { max-width: 1400px; }
}

/* ======================[ Max-Width: 1400px; ]====================== */
@media only screen and ( max-width: 1400px ) {
}

/* ======================[ Max-Width: 1199px; ]====================== */
@media screen and ( max-width: 1199.98px ) {
	/*Enhancement*/
	.ll-container-outer .ll-container h2{ font-size: 20px; }
	.ll-container-outer .ll-container .btn-details{ font-size: 14px; }
	.ll-container-outer .ll-container .distance{ font-size: 14px; }
	/*End Enhancement*/
}

/* ======================[ Max-Width: 991px; ]====================== */
@media only screen and (max-width: 991.98px) {

	/* -----------------[ General ]----------------- */
	#content.site-content { padding: 111px 0 0; }
	#content .site-main.cut-page { width: 100%; float: none; padding: 0; }

	/* -----------------[ Header ]----------------- */
	#site-header #site-logo { padding: 24px 0 0; }
	#site-header .header-social { float: none; position: absolute; right: 15px; top: 0; padding: 0; z-index: 111; }
	#site-header .header-info { float: right; width: auto; padding: 50px 0 0; }
	#site-header a.menu-btn { color: #572c82; font-size: 29px; line-height: 29px; margin: 0 0 0 10px; }
	#mobile-menu { background: #572c82; position: fixed; width: 100%; height: calc(100vh - 111px); left: 0; top: 111px; z-index: 1111; padding: 20px; overflow-y: auto; overflow-x: hidden; display: none; }
	#mobile-menu ul { list-style: none; padding: 0; margin: 0; }
	#mobile-menu ul > li { padding: 0; border-bottom: 1px solid #fff; position: relative; }
	#mobile-menu ul > li > a { color: #fff; font-size: 17px; font-weight: 600; line-height: 70px; letter-spacing: 0.5px; display: block; opacity: 0.8; }
	#mobile-menu ul > li > a:hover, #mobile-menu ul > li > a:focus, #mobile-menu ul > li > a:active { text-decoration: none; color: #fff; opacity: 1; }
	#mobile-menu ul > li > a + .child-item-btn { display: none; position: absolute; right: 15px; top: 10px; color: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; cursor: pointer; z-index: 1111; height: 50px; width: 50px; text-align: center; }
	#mobile-menu ul > li > a + .child-item-btn::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; line-height: 50px; }
	#mobile-menu ul > li > a + .child-item-btn.active::after { content: '\f077'; }
	#mobile-menu ul > li.menu-item-has-children > a + .child-item-btn { display: block; }
	#mobile-menu ul > li > ul { border-top: 1px solid #fff; display: none; padding: 0 0 25px; }
	#mobile-menu ul > li > ul > li { border-bottom: none; padding: 25px 0 0; }
	#mobile-menu ul > li > ul > li.menu-item-has-children > a{ padding: 0 60px 0 15px; }
	#mobile-menu ul > li > ul > li > a { line-height: 26px; padding: 0 0 0 15px; }
	#mobile-menu ul > li > ul > li > ul { margin-top: 23px; }
	#mobile-menu ul > li > ul > li > ul > li > a { padding: 0 0 0 25px; }

	/* -----------------[ Footer ]----------------- */
	#footer-top .ft-section-1 { padding: 0 0 25px; }
	#footer-top .ft-section-2 { padding: 0; }

	/* -----------------[ Layout - Image & Text - Banner ]----------------- */
	.banner-section { min-height: auto; display: block;  }
	.image-text-layout { padding: 0 0 50px; flex-wrap: wrap; }
	.image-text-layout.banner-section { background: #fff; }
	.image-text-layout .image-layout { position: relative; padding-top: 56.5%; margin-bottom: 40px; }
	.image-text-layout .text-layout-inner { max-width: 100%; }
	.image-text-layout .text-layout-inner.text-layout-bg { max-width: 100%; background: none; padding: 0; border-radius: 0; }
	.image-text-layout .text-layout-inner.float-left, .image-text-layout .text-layout-inner.float-right { float: none !important; }
	.image-text-layout .nt-char { position: relative; bottom: 0; padding: 0 0 15px; }
	.image-text-layout .text-layout-inner p { color: #000 !important; }

	/* -----------------[ Layout - 3 Columns ]----------------- */
	.three-column-layout .tc-heading { height: auto !important; }
	.three-column-layout .tc-text { padding: 0 0 20px; }
	.three-column-layout .tc-text h3 { margin: 0; }
	.three-column-layout .tc-text img { max-width: 100px; }

	/* -----------------[ # Layout - Text Section ]----------------- */
	.text-section { padding: 30px 0; }
	.text-section .text-section-content { padding: 25px 15px 30px 0; }
	.text-section .text-section-title .tst-icon { width: 75px; height: 75px; margin: -37px 0 0; left: 10px; }
	.text-section .text-section-title .tst-title { padding: 15px 15px 15px 120px; min-height: 100px; }
	.text-section .text-section-title::before { left: 100px; }

	/* -----------------[ # FAQ - Text Section ]----------------- */
	.faq-section { padding: 30px 0; }
	.faq-section .faq-section-title { margin: 0 0 15px; }
	.faq-section .faq-section-inner { padding: 0 0 15px; }
	.faq-section .faq-section-inner:last-child { padding: 0; }
	.faq-section .faq-section-content { padding: 0 0 0 70px; }
	.faq-section .faq-section-title .faq-title { padding: 10px 50px 15px 70px; }
	.faq-section .faq-section-title .faq-title::after { top: 15px; }

	/* -----------------[ Provider Page ]----------------- */
	.provider-form-area { margin: 30px 0 0; }

	/* -----------------[ Navigation Sidebar ]----------------- */
	#content .main-side { display: none; }

	/* -----------------[ Single Practice page ]----------------- */
	.biote-practice-left { padding: 30px 0 0; }

	/* -----------------[ Locator Page ]----------------- */
	.map-outer { height: 500px; }
	.map-outer.map-sticky { position: relative; top: auto; }

	/* -----------------[ Provider Page ]----------------- */
	.bp-section { column-count: 3; }

	/* -----------------[ Small Title Section ]----------------- */
	.image-text-layout.small-title-section { min-height: auto; padding: 50px 0; }

}

/* ======================[ Max-Width: 767px; ]====================== */
@media only screen and (max-width: 767.98px) {

	/* -----------------[ Typography ]----------------- */
	h1 { font-size: 27px; line-height: 35px; font-weight: 600; }
	h2 { font-size: 27px; line-height: 35px; font-weight: 600; }
	h3 { font-size: 23px; line-height: 30px; font-weight: 600; }
	h4 { font-size: 21px; line-height: 28px; font-weight: 600; }
	h5 { font-size: 18px; line-height: 25px; font-weight: 600; }
	h6 { font-size: 16px; line-height: 23px; font-weight: 600; }
	p { font-size: 15px; line-height: 20px; padding: 0 0 20px; font-weight: 400; }
	ul li, ol li { font-size: 15px; line-height: 20px; font-weight: 400; }

	/* -----------------[ General ]----------------- */
	#content.site-content { padding: 142px 0 0; }

	/* -----------------[ Header ]----------------- */
	#site-header #site-logo { padding: 0; }
	#site-header .header-info { padding: 25px 0 0; }
	#site-navbar { padding: 10px 0 0; text-align: center; }
	#site-navbar .btn { margin: 0 5px 10px; }
	#mobile-menu { height: calc( 100vh - 142px ); top: 142px; }

	/* -----------------[ Layout - Slider ]----------------- */
	.content-slider .cs-layer .cs-content h2 { font-size: 33px; line-height: 40px; }
	.content-slider .cs-layer { height: calc(80vh - 137px); }

	/* -----------------[ Layout - Six Blocks ]----------------- */
	.six-block-outer .six-inner { max-width: 100%; }
	.six-block-outer .six-inner-image img { display: none; }

	/* -----------------[ Layout - 3 Columns ]----------------- */
	.three-column-layout .tc-text img { width: 100%; max-width: 200px; }

	/* -----------------[ Layout - CTA Section ]----------------- */
	.cta-section { padding: 40px 0; }
	.cta-section .btn { display: block; margin: 0 auto 15px; }

	/* -----------------[ # Layout - Board Team Member ]----------------- */
	.team-popup .team-popup-top { text-align: center; }
	.team-popup .team-popup-top img { max-width: 250px; padding: 0 0 15px; }
	.team-popup .team-info { padding: 30px 0; column-count: 1; column-gap: 0; }

	/* -----------------[ Research Single Page ]----------------- */
	.single-research-area { padding: 50px 0; }
	.single-research-area h1 { font-size: 30px; line-height: 40px; }
	.single-research-area .research-team { padding: 0 0 10px; }
	.single-research-area .research-team a { font-size: 16px; line-height: 22px; }

	/* -----------------[ Provider Page ]----------------- */
	.provider-form-area { padding: 15px; }

	/* -----------------[ # Search Page ]----------------- */
	.search-section h1 span { font-size: 23px; }
	.search-section .search-container h3 { font-size: 22px; }
	.search-section .search-container p { font-size: 16px; }

	/* -----------------[ Product List Layout ]----------------- */
	.child-listing .child-top .child-title, .child-listing .child-top .child-tagline, .child-listing .child-btm .child-image, .child-listing .child-btm .child-info { flex: 0 0 100%; padding: 15px; }
	.child-listing .child-top .child-title::after { top: 100%; width: 90%; height: 1px; right: 5%; }
	.child-listing .child-top .child-tagline h2 { font-size: 24px; line-height: 32px; text-align: center; }

	/* -----------------[ Provider Page ]----------------- */
	.bp-section { column-count: 2; }

}

/* ======================[ Max-Width: 575px; ]====================== */
@media only screen and (max-width: 575.98px) {

	/* -----------------[ Footer ]----------------- */
	#footer-top p { max-width: 100%; }
	#site-footer .fs1-text { max-width: 100%; }

	/* -----------------[ # Layout - Text Section ]----------------- */
	.text-section .text-section-title .tst-icon { display: none; }
	.text-section .text-section-title::before { display: none; }
	.text-section .text-section-title .tst-title { padding: 15px; }

	/* -----------------[ # Layout - FAQ Section ]----------------- */
	.faq-section .faq-section-title .faq-icon { width: 40px; height: 40px; margin: -20px 0 0 0; line-height: 40px; }
	.faq-section .faq-section-title .faq-title { padding: 10px 50px 15px 50px; }
	.faq-section .faq-section-content { padding: 0 0 0 50px; }

	/* -----------------[ Single Practice page ]----------------- */
	.biote-doctor .doctor-image { padding: 0 0 15px; text-align: center; }
	.biote-doctor .doctor-image img { max-width: 300px; width: 100%; }

	/* -----------------[ Provider Page ]----------------- */
	.bp-section { column-count: 1; }

}

/* ======================[ Max-Width: 400px; ]====================== */
@media only screen and (max-width: 400px) {

	/* -----------------[ General ]----------------- */
	#content.site-content { padding: 187px 0 0; }

	/* -----------------[ Header ]----------------- */
	#site-navbar { padding: 10px 15px 0;}
	#mobile-menu { height: calc( 100vh - 187px ); top: 187px; }

}