body{background:#fff; font-family: 'Raleway', sans-serif; font-size:16px; line-height:30px; color:#444444; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#420f64; text-decoration:underline;}
a:hover{text-decoration:none; color:#000;}
img.right{float:right; margin:5px 0 5px 20px;}
img.left{float:left; margin:5px 20px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{ width:100%; border:0;}

ul.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 8px 10px; font-size:16px; line-height:18px;}
ol.style li{list-style:decimal; margin:0 0 8px 10px; font-size:16px; line-height:18px;}
ol.style li ul li{list-style:disc; margin:0 0 8px 10px;}
ul.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

.row{max-width: 70rem;}

a.button{background: #420f64!important; border-radius: 10px; text-transform: uppercase;}
a.button:hover{background: #571b7f!important;}

.bullet-group{ margin-bottom:10px;}
.bullet-group .style{ margin:0 !important;}

.no-bullet li{margin-bottom:30px!important;}
.no-bullet li span{ border:1px solid #ccc; padding:5px; display:block; cursor:pointer}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
.line-through .heading, .line-through .sub-heading{background:#fff; display:inline-block; padding:0 10px; position:relative; text-align:center; width:auto; z-index:2; color:#312b23;}
.line-through span{background:#c2c2c2; display: block; position: absolute; height: 1px; top: 42%; width: 96%; z-index:1;}

.heading, .sub-heading, .heading .heading{display:block; font-family: 'Slabo 13px'; font-size:34px; line-height:38px; font-weight:600; color:#662d91; margin:5px 0 10px 0; text-align: center;}
.heading .heading{margin:0;}
.sub-heading{font-size:28px; line-height:32px; font-weight:400; margin:0 0 10px;}
.heading .sub-heading{font-size:24px; line-height:28px; margin:0 0 10px; color:#000;}

p, .mb{display:block; margin-bottom:20px; font-size:16px; line-height:28px;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}
hr.bdr{background:#420f64; margin:50px 0; border:none; height:5px;}

.accordion{text-align: left; margin: 0;}
.accordion .accordion-navigation > a.nav, .accordion dd > a.nav{background: #571b7f url("../img/icon-plus-w.png") right center no-repeat!important; border-bottom: solid 1px #cacaca; color: #303030; font-family: 'Source Sans Pro', sans-serif; font-size: 19px; font-weight: 400; text-transform: uppercase; padding: 8px 40px 8px 10px; text-decoration: none;}
.accordion .accordion-navigation.active a.nav{background: #48126d url("../img/icon-minus-w.png") right center no-repeat!important; padding: 8px 40px 8px 10px;}
.accordion .expand{color: #fff; font-size: 1.125rem;}
.accordion p{margin-bottom: 10px;}

#about-dr-angham, #tmj-symptoms, #tmj-causes, #tmj-treatment{scroll-margin-top: 13em;}

.header-area{background: #fff; width: 100%; z-index: 999; -moz-box-shadow:0 0 15px #6b6b6b; -webkit-box-shadow:0 0 15px #6b6b6b; box-shadow:0 0 15px #6b6b6b; transition: all .4s;}
.header-area.fixed{position: sticky; position: -webkit-sticky; /* Safari */ top: 0;}
.header-area.fixed header span, .header-area.fixed header strong{display: none;}
.header-area.fixed .logo img{max-height: 66px;}

header{text-align: center; padding: 15px 0; font-size: 14px; line-height: 15px;}
header .logo a{display: block; margin-top: 2px; min-height: 57px;}
header span{font-size: 19px; line-height: 22px; font-style: italic; font-weight: 500;}
header .head-contact .sub-heading{font-size: 24px; line-height: 26px; margin-bottom: 0; color: #000;}
header .head-contact a{display: block;}
header .head-contact .phone{display: inline-block; text-decoration: none; color: #662d91; font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 1.1; font-weight: bolder; margin-bottom: 5px;}

.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button)
{background: #420f64; color:#fff;}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.current a:not(.button), .top-bar-section li.current:not(.has-form) a:not(.button){background:#571b7f; color:#fff;}

.top-bar-section ul{display: table; margin: 0 auto;}
.top-bar, .title-area{height:54px; line-height:54px}
.top-bar-section li:not(.has-form) a:not(.button){ font-family: 'Slabo 13px'; padding:18px 20px; font-size:15px; line-height:18px; text-align:center; color:#fff; text-decoration:none;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:9px 20px;}
.top-bar-section .has-dropdown > a{padding-right:20px!important;}


.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#370856; border-top:solid 1px #48146a; border-bottom:solid 1px #230537; padding:5px 8px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .current-parent .current a{background:#501677!important;}
.top-bar .toggle-topbar.menu-icon a{text-decoration:none;}
.top-bar.expanded li a{text-align:left!important;}
.top-bar.expanded li a:hover{background:#022c5b!important;}
.top-bar.expanded .toggle-topbar a:hover{background:none!important;}
.top-bar.expanded li a br{display:none;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#501677 !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.navigation .top-bar.expanded .parent-link.show-for-small{display: block!important;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}
/*class for navigation*/

.banner{background:url(../img/tmj-pain-holistic-treatment.jpg) top left no-repeat, url(../img/banner-bg.jpg) bottom repeat-x; padding: 0 0 100px; min-height:555px}
.banner .text-content{background: url(../img/banner-shade.png) top left repeat-y; float: right; text-align: center; padding-top: 30px;}
.banner .text-content .heading{font-size: 30px; line-height: 32px;}
.banner .text-content .sub-heading{font-size: 24px; line-height: 26px; color: #000;}
.why-us .sub-heading{display: inline-block; background: #420f64; color: #f2c416!important; font-size: 22px!important; line-height: 24px!important; font-weight: 500; padding: 12px 20px; margin: 5px 0 15px;}
.why-us ul{margin-left: 0;}
.why-us ul li{list-style: none; font-size: 19px; line-height: 20px; font-weight: 500; color: #373737; text-align: left; background: url(../img/check-mark.png) left center no-repeat; padding: 3px 10px 6px 30px; margin:0 20px 10px;  border-bottom: dotted 2px #931d3e;}

img.main{margin: 0 auto 20px; display: block;}

.inner-banner .heading{font-size:20px; line-height:24px; font-weight:bold; text-align:center; color:#312b23; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner .heading .heading{ border:0; margin:0;}
.inner-banner .flash{ border:solid 1px #d1d1d1;}

.inner-banner .chk-list{margin:0 0 15px;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.gif) top left no-repeat; font-size:15px; line-height:20px; font-weight:600; color:#000; padding:2px 0 2px 20px;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.main-container{position: relative; margin-top: -100px; background: #fff; padding-top: 1.6rem; border-top: solid 1px #e7e7e7;}
.main-container .shadow-left{position: absolute; top: 0; left: -0.60rem;}
.main-container .shadow-right{position: absolute; top: 0; right:-0.65rem;}

.associations{background: url(../img/shadow-top.png) top center no-repeat, url(../img/shadow-bottom.png) bottom center no-repeat; margin: 60px 0; text-align: center; padding: 30px 0;}
.associations .heading{font-size: 30px;line-height: 32px; margin: 0;}
.associations .sub-heading, .associations strong{font-size: 28px; line-height: 30px; color: #616161; margin-top: 10px; font-family: 'Slabo 13px'; font-weight:normal; display:block;}
.associations img{margin: 20px 12px;}

.reviews{background: #e7e7e7; padding: 40px 0; margin-bottom: 60px; text-align: center;}
.reviews .heading{font-size: 25px; line-height: 26px; text-align: center; color: #000;}
.reviews .heading span{color: #931d3e;}
.reviews .review-block{background: url(../img/testi-quotes-tl.png) top left no-repeat, url(../img/testi-quotes-br.png) bottom right no-repeat; padding:20px 30px;}
.reviews .review-block{padding: 0 1.5%;}
.reviews p{font-size: 18px; line-height: 24px;}
.review-social{ display:block; font-weight:bold; color:#000; background:url(../img/5-star.png) bottom center no-repeat; padding-bottom:24px; margin: -15px 0 0;}
.review-heading{text-transform: uppercase; font-size: 22px; line-height: 24px; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-bottom: 15px;}

.testi{padding:15px 20px; margin:0 5px 20px; -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.4); -o-box-shadow:0 1px 5px rgba(0,0,0,0.4); box-shadow:0 1px 5px rgba(0,0,0,0.4); -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; color:#2f2f2f;}
.testi .review-social{ text-align:right; background:url(../img/5-star.png) bottom right no-repeat;}
.testi p strong{ border-bottom:dotted 2px #000;}
.testi a{ color:#093c7b;}

.complimenary-consultation-page .why-us .sub-heading{display: block; text-align: center; font-size: 30px!important; line-height: 34px!important; margin:0 0 30px;}
.complimenary-consultation-page .why-us ul li{margin-bottom: 24px;}
.complimenary-consultation-page .contact-form .sub-heading{display: none;}
.complimenary-consultation-page div.heading.columns{margin-bottom: 30px;}

.contact-page-details{font-size: 17px; line-height: 28px; font-weight: bold; margin-top: 20px; color: #fff;}

.inner-page.level-2{background: url(../img/shadow-top.png) top center no-repeat; margin: 40px auto 0; padding: 10px 0 0;}
.inner-page{margin-top: 0;}
.inner-page .heading, .sub-heading, .heading .heading{font-size:28px; line-height:32px;}
.inner-page .sub-heading{font-size:24px; line-height:26px;}
.inner-page .associations{background: none; padding: 0;}
.inner-page .associations .heading{font-size: 20px;line-height: 22px;}
.inner-page .associations .sub-heading, .inner-page .associations strong{font-size: 18px; line-height: 20px;}
.inner-page .associations .sub-heading br{display: none;}
.inner-page .associations img{margin: 10px; max-height:100px; max-width: 100px;}

.inner-page .reviews{background: none; margin: 40px 0; padding: 0;}
.inner-page .reviews .heading{font-size: 20px; line-height: 22px; margin: 0 0 10px;}
.inner-page .reviews .review-block{padding:10px 30px;}
.inner-page .reviews p{font-size: 15px; line-height: 20px;}

.videos{ margin-bottom:50px}
.inner-page .videos{ margin:40px 0 0}

.map-contact-area .columns{ padding:0;}
.map-contact-area .map{ border:0; margin:0; padding:0;}

.google-map{ padding:0; background:url(../img/service-area-map.jpg) center no-repeat; border:solid 1px #ccc; min-height:450px; position: relative;}
.medium-4 .google-map{min-height: 320px; margin-bottom: 20px;}
.google-map::before{content: url("../img/service-area-details.jpg"); width: 215px; height: 107px; display: block; margin: 20px 0 0 20px; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); z-index: 1;}
.google-map a{ display:block; height:100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0; text-decoration: none;}

.error{color: #FF0000; display: none; font-size: 11px; margin:5px 0 0 0; text-align: left;}
.zipcodes{text-align:center; margin-top:10px; color:#C1291A; font-size:12px;}
.cards, .social{text-align: center; margin: 8px 0;}

.projects{background:#e7e7e7; border:solid 1px #c9d0d6; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; color:#393939; border-bottom:dotted 1px #393939;}
.projects a{text-decoration:none; font-weight:bold; display:block; text-align:right; color:#000;}
.projects .clearing-close{display:none;}
.clearing-container .clearing-close{display:block;}
.recent-project{margin:0;}
.recent-project a{border:solid 1px #797a7b; display:block; margin-bottom:10px;}
.recent-project span{display:block; margin-bottom:15px; font-size:13px; line-height:16px; color:#0e0e0e; padding-bottom:15px; border-bottom:solid 1px #c9d0d6;}

#gallery{padding-top:33px; margin-bottom:10px;}
#gallery .sub-heading{text-align:center; font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li{list-style:none; padding-top:10px; padding-bottom:10px;}
ul.gallery li div{border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px;}
ul.gallery li:hover div{border:solid 1px #6d6d6d; background:#efefef;}
ul.gallery li.heading{float:none; clear:both; margin:0; padding:0; border:none; width:auto; font-size:18px; line-height:35px; min-height:0;}
ul.gallery li.heading:hover{border:none; background:none;}
ul.gallery li a{text-decoration:none;}
ul.gallery li a img{margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:328px; display:block; float:none;}
ul.gallery li a span{margin-top:5px; color:#333;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

ul.gallery-inner li a img{margin:0; float:none;}

.contact-float-btn{ position:fixed; right:0; bottom:30%}

.contact-form{background:#662d91; font-size:12px; line-height:18px; color:#fff; border:solid 1px #662d91; margin-bottom:20px; padding:10px; min-height:400px; text-align: center;}
.contact-form .sub-heading{color:#fff; font-size: 26px; line-height: 28px;}
.contact-form strong{font-size: 24px;}
.contact-form .phone{text-decoration: none; display: inline-block; font-size: 30px; line-height: 1.2; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: bold;}

.service-top{margin:15px auto 0;}
.service-top .heading{font-size:20px; font-weight:500; color:#931d3e;}
.service-top .line-through span{top:42%;}

.service-area .row{margin-top:10px;}
.service-area .columns{padding:0 0 0 .7em;}
.service-area ul{margin:0;}
.service-area ul li{list-style:url(../img/service-bullet.gif); margin:0 0 5px 20px; border-bottom:solid 1px #fff;}
.service-area ul li a, .service-area ul li span{
text-decoration:none;
font-size:13px;
line-height:15px;
color:#261911;
margin-bottom:5px;
display:block;
}
.cities ul li a:hover{text-decoration:underline;}

.footer{background:#000; color:#999999; padding:15px 0; font-size:13px; line-height:18px; margin-top:10px;}
.footer .row div:last-child{ text-align:right;}
.footer a{color:#999999; margin:0 5px; text-decoration:none; display:inline-block}
.footer a:hover{color:#fff;}

#back-to-top{position: fixed;bottom: 4%;right: 2%;background: #8c2bd5;color: #fff;padding: 5px; transition: .5s; display: none; z-index:1000}
#back-to-top:hover{background: #420f64;}

//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading, .sub-heading, .heading .heading{font-size:22px!important; line-height:26px!important;}
.sub-heading{font-size:17px!important; line-height:22px!important; font-weight:bold;}
.heading .sub-heading{font-size:17px; line-height:20px;}
.heading br, .sub-heading br{display: none;}

#about-dr-angham, #tmj-symptoms, #tmj-causes, #tmj-treatment{scroll-margin-top: 17em;}

header .head-contact{margin-top: 20px;}
header .head-contact .sub-heading{color: #931d3e; font-size: 20px;}

.header-area.fixed .logo img{max-height: 56px;}
.header-area.fixed .head-contact{margin-top: 8px;}
.header-area.fixed .head-contact img{max-height: 28px;}

.map{height: 300px;}

.banner{padding: 0;}
.banner .hide-for-medium-up{min-height: 300px; background: url(../img/banner-shade.png) top left repeat-y;}
.banner img{width: 100%;}
.banner .text-content .heading{font-size: 20px; line-height: 22px;}
.banner .text-content .heading br{display: none;}
.banner .text-content .sub-heading{font-size: 17px; line-height: 19px;}
.why-us .sub-heading{font-size: 16px!important; line-height: 18px!important; padding:10px;}
.why-us ul li{font-size: 15px; line-height: 20px;}

.inner-banner .heading{ font-size:18px; line-height:20px;}
.inner-banner .heading br{display:none;}
.inner-banner .columns{ padding:0;}
.inner-banner img{ width:100%; margin-right:0;}
.inner-banner .chk-list{ width:100%; margin-top:0;}
.inner-banner .chk-list li{ font-size:13px; line-height:17px;}

.main-container{margin-top: 0;}

.complimenary-consultation-page .why-us .sub-heading{font-size: 22px!important; line-height: 24px!important; margin:0 0 10px;}
.complimenary-consultation-page .why-us ul li{margin-bottom: 10px;}
.complimenary-consultation-page div.heading.columns{margin-bottom: 10px;}

.associations img{margin: 5px; max-width: 100px;}
.associations .sub-heading{font-size: 20px; line-height: 22px;}
.associations .sub-heading br{display: none;}

.projects ul li{ padding-bottom:0; margin-bottom:10px; border-bottom:solid 1px #c9d0d6;}
.projects ul li:after{content:''; clear:both; display:block;}
.projects ul li a{width:50%; float:left; margin-right:10px;}
.recent-project span{border:none; margin-bottom:0;}

.google-map{ margin-bottom:30px; min-height:320px}

.service-top{margin:0; border-top: solid 3px #ccc; padding-top: 10px;}
.service-top .heading{font-size:15px; line-height:16px; font-weight:bold; margin:0;}
.service-top span{display:none;}
.service-area .row{background:none; border:none; padding:0;}
.service-area ul li{margin:0 0 5px 0;}
.footer .cards{ margin-bottom: 15px;}
.footer, .footer .row div:last-child{text-align:center; font-size:11px;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 2px #252525; border-bottom:solid 2px #252525; padding:5px 2px;}
img.left, img.right{float:none!important; margin:0 auto 20px!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.heading br, .sub-heading br{display: none;}

.top-bar-section li:not(.has-form) a:not(.button){ padding:18px 5px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:9px 5px;}
.top-bar-section .has-dropdown > a{padding-right:5px!important;}

.why-us .sub-heading{font-size: 18px!important; line-height: 20px!important; padding: 12px 10px;}
.why-us ul li{font-size: 17px; line-height: 20px;}

.banner{padding: 0; min-height:445px;}

.inner-banner .heading br{display:none;}
.inner-banner .chk-list li{font-size:14px; line-height:18px;}

.main-container{margin-top: 0;}

.cards img{ max-height:24px}

.associations img{max-width: 100px;}
.associations .sub-heading{font-size: 24px; line-height: 26px;}

.social img{ max-height:32px;}
.social strong{ display: block}
.google-map::before { display:none}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 40.063em) and (max-width: 53em) {
header{font-size: 13px;}
header .columns{width: 50%; text-align: center;}
header .head-contact .sub-heading{font-size: 20px; line-height: 22px;}

.banner .text-content .heading{font-size: 24px; line-height: 28px;}
.banner .text-content .sub-heading{font-size: 20px; line-height: 22px;}
.why-us ul li{margin:0 10px 10px;}

.inner-banner .medium-5, .inner-banner .medium-7{ width:100%; padding:0;}

.contact-form .sub-heading{font-size: 22px; line-height: 24px;}

.associations img{margin: 5px;}
.associations .sub-heading{font-size: 20px; line-height: 22px;}

.footer .columns{ width:100%; left:0; right:0; text-align:center!important;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 2px #252525; border-bottom:solid 2px #252525; padding:5px 2px;}
}

@media (max-width: 75em){.main-container .shadow-left, .main-container .shadow-right{display: none;}}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */