/* ----- Global CSS ----- */

html {
    height: 100%;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
img,
ul,
p {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
input,
textarea,
select,
p,
li {
    color: #000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-size: 100%;
    line-height: 1.1;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
}

img {
    max-width: 100%;
    border: 0;
}

ul li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.gridWrapper {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

#map-sec {
    width: 100%;
    float: left;
    min-height: 211px;
}

.gridWrapper {
    max-width: 1200px;
    margin: auto;
}

span.mandatory {
    color: red;
}

.slicknav_menu,
.display-none,
.mob-services {
    display: none;
}

#mobile-loaction,
.display-none,
.mobile-location,
.nodisplay,
.dfw-skip {
    display: none;
}

.header,
.footer {
    height: 40px;
    position: absolute;
    padding: 0 40px 0 0;
    right: 0px;
    z-index: 10;
}

.header a {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
}

header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}

#head-container {
    float: left;
    width: 100%;
    position: relative;
    z-index: 777;
}

.head-container {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.logo {
    float: left;
    width: auto;
    padding: 20px 0px 30px 0px;
    width: 325px;
}

.mid {
    float: left;
    width: auto;
    padding: 6px 0 9px 10px;
    border-left: 1px solid #1b6cb7 !important;
}

.head-right {
    float: right;
    line-height: 30px;
    text-align: right;
    width: 72%;
    margin: 20px 0px 0px;
}

.newTop {
    margin: 0;
    float: right;
}

ul.newTop li {
    display: inline-block;
    margin: 0 16px;
}

ul.newTop li a {
    background: url(images/patient-portal.png) no-repeat 0 0;
    padding: 5px 20px 5px 40px;
    color: #2175bc;
    text-transform: uppercase;
    font: 700 14px/20px 'Roboto', sans-serif;
}

ul.newTop li:nth-child(2) a {
    background: url(images/pay-online.png) no-repeat 0 5px;
    padding: 5px 20px 5px 33px;
    /*margin-right: 35px;*/
}

.pat-portal a {
    background: #2175bc !important;
    color: #fff !important;
    padding: 10px !important;;
    border-radius: 10px !important;;
}

ul.contact-info li.cell-no a {
    background: url(images/call-bg.png) no-repeat 3px 4px;
    font: 700 18px/20px 'Roboto', sans-serif;
    color: #2175bc;
    padding: 5px 20px 5px 34px;
    display: inline-block;
    text-transform: uppercase;
}

ul.contact-info li.appointments a {
    display: block;
    background: url(images/li-bg.png) no-repeat 0px 34px;
    padding: 30px 20px 9px 29px;
    text-transform: uppercase;
}

ul.contact-info li.location {
    display: block;
    margin: 0px 392px 20px 0px;
}

ul.contact-info li a {
    display: block;
    font: 700 14px/20px 'Roboto', sans-serif;
    color: #2175bc;
    display: inline;
}

ul.contact-info li {
    float: right;
    width: auto;
    margin: 0px 2px;
}

.smo {
    display: block;
    float: right;
    margin: 4px 30px 0px 0px;
}

.smo ul li {
    margin: 0 0px;
    float: left;
    padding: 0px 2px;
}

.smo ul li a {
    display: block;
    width: 29px;
    height: 29px;
    color: #2175bc;
}

.smo ul {
    display: inline-block;
}

/* Menu related css */

nav {
    position: relative;
    z-index: 9999;
    margin: 0px 0px 0;
    height: auto;
    width: 100%;
    display: table;
}

#Mobile-Menu {
    display: none;
}

.menu {
    list-style: none;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    display: block;
    float: left;
    width: 100%
}

.menu:after {
    clear: both;
}

.menu ul {
    list-style: none;
    margin: 0 auto;
    width: 100%;
}

.menu li.home a span {
    display: none;
}

.menu li {
    font-size: 15px;
    text-align: center;
    float: left;
    margin: 0;
    position: relative;
    width: auto !important;
}

.menu > li > a {
    padding: 11px 0;
    margin: 0 0;
    color: #252525;
    display: block;
    font: 400 16px/20px 'Roboto', sans-serif !important;
    padding: 4px 24px;
    text-transform: uppercase;
}

.menu li > a:hover,
.menu > li:hover > a {}

.menu li ul {
    position: absolute;
    left: 0%;
    padding: 0;
    background: #ccebfe;
    display: none;
    width: 226px;
    top: 28px;
}

.menu li:hover > ul,
.menu li:focus > ul {
    display: block;
}

.menu li:focus-within > ul {
    display: block;
}

.menu li li ul {
    left: 100%;
    top: 30px;
    position: absolute;
}

.menu li li {
    position: relative;
    z-index: 1000;
    margin: 0px;
    padding: 0px !important;
    text-transform: none;
    text-shadow: none;
    width: 100% !important;
}

.menu li li a {
    color: #252525;
    display: block;
    text-align: left;
    border: none;
    background: #ccebfe;
    padding: 10px 0px 10px 25px;
    font: 400 16px/24px 'Lato', sans-serif;
    z-index: 1000;
    position: relative;
    margin: 0px;
    width: 100%;
    min-height: 50px;
}

.menu li li a:hover,
.menu li li:hover > a {
    background: #ffffff;
    color: #0174cd;
    border: none !important;
}

.menu li ul ul {
    top: 0;
    margin: -30px 0 0 0;
}

.menu li li li {
    text-align: left;
    background: #fff;
    z-index: 1000;
    margin: 0 0 0 0px;
}

.menu li li li a {
    padding: 12px 0px 12px 25px;
}

.menu li li li a:hover {
    padding: 12px 0px 12px 25px;
}

.menu li ul.doubleColumn {
    width: 630px !important;
    left: -200px;
}

.menu li ul.doubleColumn li {
    float: left;
    width: 315px !important;
}

.menu li ul.doubleColumn li:nth-child(2n+1) ul {
    left: -200px;
    width: 200px !important;
}

.menu li ul.doubleColumn li:nth-child(2n) ul {
    left: 100%;
    ;
    width: 200px !important;
}

.menu li ul.doubleColumn li:nth-child(2n+1) ul li {
    width: 100% !important;
}

.menu li ul.doubleColumn li:nth-child(2n) ul li {
    width: 100% !important;
}

/*Banner Styes*/

.banner #Banner {
    position: relative;
}

.banner {
    float: left;
    margin: 0px 0px 0px;
    width: 100%;
}

.banner .gridWrapper {
    height: 100%
}

#Banner .rslides li {
    height: 547px;
}

#Banner .bannerContent,
.banner-doctor-containerbanner-doctor-container {
    top: 62%;
    right: 0;
    position: absolute;
    z-index: 100;
    width: 54%;
}

#Banner .bannerContent,
.banner-doctor-containerbanner-doctor-container {
    top: 44%;
    right: 27%;
    position: absolute;
    z-index: 100;
    width: 56%;
    text-align: center;
}

#Banner .bannerContent .bannerHead {
    font-size: 44px;
    color: #fff;
    margin-bottom: 15px;
    padding-left: 10px;
    line-height: 1.2;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

#Banner .bannerHead-dr {
    left: 0%;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 18%;
}

.banner-doctor-container {
    float: left;
    width: 63%;
    margin: 78px 0px 0px 0px;
    position: relative;
    z-index: 999999999999;
}

.banner-doctor-container-img {
    float: right;
    width: 60%;
    margin: -11px -195px 0px -122px;
}

.banner-doctor-container p span {
    font: 700 40px/44px 'Roboto', sans-serif;
    color: #4d4d4d;
    display: block;
    margin: 0px 0px 28px 0px;
}

.banner-doctor-container ul.profile-li {
    list-style: circle;
    color: #4d4d4d
}

.banner-doctor-container ul.profile-li li {
    font: 400 16px/20px 'Lato', sans-serif;
    height: 20px !important;
    width: 100%;
    padding: 0px 0px 0px 21px;
    display: block;
    margin: 10px 0px 10px;
}

#Banner .bannerContent {
    font-weight: 600;
    display: block;
    font-size: 27px;
}

#Banner .rslides li.banner0 {
    background: url('images/banner1-home.jpg') no-repeat center top;
}

#Banner .rslides li.banner1 {
    background: url('images/banner4-home-new.jpg')no-repeat center top;
}

#Banner .rslides li.banner2 {
    background: url('images/banner3-home.jpg')no-repeat center top;
}

#Banner .rslides li.banner3 {
    background: url('images/banner2-home.jpg')no-repeat center top;
}

#Banner .rslides li.banner4 {
    background: url('images/banner5-home.jpg')no-repeat center top;
}

#Banner .bannerTabs {
    bottom: 10px;
    right: 10%;
    position: absolute;
    z-index: 999;
}

#Banner .bannerTabs ul li {
    display: inline-block;
}

#Banner .bannerTabs ul li a {
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%
}

#Banner .bannerTabs ul li.Banner_here a {
    width: 12px;
    height: 12px;
    background: #000;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
}

#BannerInner {
    position: relative;
}

#BannerInner .rslides li {
    height: 423px;
}

#BannerInner .rslides li .container {
    top: 40%
}

#BannerInner .bannerContent-dr {
    left: 4%;
    position: absolute;
    z-index: 100;
    width: 85%;
    top: 30%;
}

#BannerInner .bannerContent {
    left: 27%;
    position: absolute;
    z-index: 100;
    width: 55%;
    top: 58%;
    text-align: center;
}

#BannerInner .bannerContent-dr img {
    float: right
}

#BannerInner .bannerContent .bannerHead span {
    color: #ffffff;
    display: block;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#BannerInner .bannerContent .bannerHead {
    color: #fff;
    margin-bottom: 15px;
    padding-left: 10px;
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font: 600 44px/44px 'Roboto', sans-serif;
    text-transform: uppercase;
}

.bannerHead span {
    font-size: 24px;
    color: #ffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: block;
}

.bannerHead a {
    display: block;
    width: 195px;
    padding: 10px 0px 10px 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    margin: 22px 0px 0px 0px;
    background: #ccefef;
    line-height: 16px;
}

.bannerHead a:hover {
    background: #20d4d2
}

.gridWrapper ul#controls {
    top: -136px;
}

/**  Banner interactivity ***/

.tab-container {
    float: left;
    min-height: 154px;
    width: 100%;
}

.bullet2 li {
    float: left;
    width: 40;
}

.bullet2 li a,
.bullet3 li a,
.bullet6 li a,
.bullet5 li a {
    display: block;
    height: 18px;
    width: 20px;
    font-size: 50px;
}

.bullet2 li a:hover,
.bullet3 li a:hover,
.bullet5 li a:hover,
.bullet6 li a:hover,
.bullet2 li.rslides_here a,
.bullet3 li.rslides_here a,
.bullet5 li.rslides_here a,
.bullet6 li.rslides_here a {
    color: #fff;
}

.bullet3 li {}

.bullet3 li a {
    display: block;
    text-align: left;
    width: 77%;
}

.bullet3 li.tab1 {
    top: 98px;
    left: 319px;
}

.bullet3 li.tab2 {
    top: -45px;
    left: 24px;
}

.bullet3 li.tab3 {
    top: 107px;
    left: -259px;
}

.bullet3 li.tab4 {
    top: -27px;
    left: 154px;
}

.bullet3 li.tab5 {
    top: 136px;
    left: 26px;
}

.bullet3 li.tab1 a {
    background: rgba(0, 0, 0, 0) url("images/services5-h.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab2 a {
    background: rgba(0, 0, 0, 0) url("images/services1-h.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab3 a {
    background: rgba(0, 0, 0, 0) url("images/services2-h.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab4 a {
    background: rgba(0, 0, 0, 0) url("images/services3-h.png") no-repeat scroll 43px 28px;
}

.bullet3 li.tab5 a {
    background: rgba(0, 0, 0, 0) url("images/services4-h.png") no-repeat scroll 43px 32px;
}

.bullet3 li.tab1 a:hover,
.bullet3 li.tab1.rslides_here a {
    background: rgba(0, 0, 0, 0) url("images/services5.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab2 a:hover,
.bullet3 li.tab2.rslides_here a {
    background: rgba(0, 0, 0, 0) url("images/services1.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab3 a:hover,
.bullet3 li.tab3.rslides_here a {
    background: rgba(0, 0, 0, 0) url("images/services2.png") no-repeat scroll 48px 28px;
}

.bullet3 li.tab4 a:hover,
.bullet3 li.tab4.rslides_here a {
    background: rgba(0, 0, 0, 0) url("images/services3.png") no-repeat scroll 43px 28px;
}

.bullet3 li.tab5 a:hover,
.bullet3 li.tab5.rslides_here a {
    background: rgba(0, 0, 0, 0) url("images/services4.png") no-repeat scroll 43px 32px;
}

.bullet3 li.tab1:hover,
.bullet3 li.tab1.rslides_here,
.bullet3 li.tab2:hover,
.bullet3 li.tab2.rslides_here,
.bullet3 li.tab3:hover,
.bullet3 li.tab3.rslides_here,
.bullet3 li.tab4:hover,
.bullet3 li.tab4.rslides_here,
.bullet3 li.tab5:hover,
.bullet3 li.tab5.rslides_here {
    background: url("images/services-li-h.png") no-repeat scroll center top;
}

.banner-tabs-home li.tab1,
.banner-tabs-home li.tab2,
.banner-tabs-home li.tab3,
.banner-tabs-home li.tab4,
.banner-tabs-home li.tab5 {
    background: url("images/services-li.png") no-repeat scroll center top;
    position: relative
}

.banner-tabs-home {
    float: left;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: -461px;
    width: 440px;
    z-index: 99;
    background: url("images/services-bg.png") no-repeat scroll center top;
    height: 393px;
}

.banner-tabs-home li {
    float: left;
    list-style-type: none;
    margin: 0;
    width: 128px;
    text-align: left;
    font-size: 14px !important;
    position: relative;
}

.banner-tabs-home ul li a {
    color: #000;
    font: 11px/14px 'Roboto', sans-serif;
    display: block;
    padding: 66px 10px 70px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

#bullet2 li.rslides_here a,
#bullet2 ul li a:hover {
    color: rgb(0, 45, 98);
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides > li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides > li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides > img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.banner-wraper-s {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.sub_banner {
    float: left;
    position: relative;
    width: 100%;
}

.banner_container {
    left: 57%;
    position: relative;
    text-align: left;
    width: 25%;
    margin: 80px 0 0 0;
}

.banner_container-s {
    left: 55%;
    position: relative;
    text-align: left;
    width: 17%;
    margin: 55px 0 0 10px;
    position: relative;
}

.banner_container h2 a {
    color: #fff;
    font: bold 30px/36px 'Roboto', sans-serif;
    padding: 0px 0px 20px;
}

.banner_container ul li,
.banner_container2 ul li {
    float: left;
    list-style: none;
}

.banner_container li {
    float: left;
    width: 100%;
}

ul#controls {
    top: 400px;
    position: absolute;
    right: 240px;
    z-index: 300;
    background: #fff;
    height: 31px;
    width: 106px;
}

ul#controls7 {
    top: inherit;
    position: relative;
    right: 0;
    z-index: 300;
    background: #fff;
    height: 31px;
    width: 106px;
    left: 0;
    margin: 18px auto;
}

ul#controls li,
ul#controls7 li {
    display: inline-block
}

.banner_container li a {
    display: block;
    margin: 2px 0px;
    padding: 0px 0px 0px 15px;
    color: #fff;
    font: 18px/22px 'Roboto', sans-serif;
}

#controls7,
#controls2 {
    right: 5%;
    bottom: 10px;
    margin-top: 0;
    position: absolute;
    z-index: 88;
    width: 90px;
    height: 30px
}

#controls2 {
    margin: 0 auto;
    position: relative;
    top: -75px;
    right: 0;
    left: 0;
}

#controls4 {
    display: none !important
}

#controls7 li.prev,
#controls3 li.prev,
#controls4 li.prev,
#controls2 li.prev {
    display: inline-block !important;
    position: relative
}

#controls7 li.next,
#controls3 li.next,
#controls4 li.next,
#controls2 li.next {
    display: inline-block !important;
    position: relative
}

#controls7 li,
#controls3 li,
#controls4 li,
#controls2 li {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    background: none repeat scroll 0 0;
    background: transparent;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-indent: inherit !important;
    height: 30px;
    width: 30px;
}

#controls7 li.pause,
#controls3 li.pause,
#controls4 li.pause,
#controls2 li.pause {
    display: none;
}

#controls7 li a,
#controls3 li a,
#controls4 li a,
#controls2 li a {
    background: none !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-indent: inherit !important;
}

.home-read a {
    color: #ffdd9d;
    float: right;
    font: 16px/20px 'Roboto', sans-serif;
    margin: 12px 26px 0 0px;
    padding: 5px 10px;
}

.home-read a:hover {
    background: #4884A6;
    color: #fff;
}

.banner_sec {
    max-width: 2000px;
    margin: 0px auto;
    position: relative
}

.banner {
    float: left;
    margin: 0px 0 0;
    width: 100%;
    position: relative;
}

.banner-s {
    float: left;
    margin: 0px 0 0;
    width: 100%;
}

.banner_sec .rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.banner_sec .rslides > li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 450px;
    z-index: 999;
}

.banner_sec .rslides > li:first-child {
    position: relative;
    display: block;
    float: left;
}

.banner_sec .rslides > img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.bullet1 {
    position: absolute;
    z-index: 100;
    right: 10%;
    bottom: 5%;
}

.bullet1 li {
    float: left;
    list-style-type: none;
}

.banner-tabs {
    bottom: 13px;
    position: relative;
    right: -10%;
    z-index: 100;
    font-size: 27px;
}

.s-banner-tabs ul li,
.banner-tabs ul li {
    float: left;
    list-style-type: none;
    margin-left: 0px;
}

.sec-banner {
    float: left;
    width: 100%;
    z-index: 9;
    margin: 0px 0px 0px 0px;
}

.banner-services {
    background: url("images/banner-services-bg.png") no-repeat scroll 0px 0px;
    float: left;
    width: 39%;
    right: 0;
    top: 29px;
    position: absolute;
    height: 535px !important;
}

.banner-services li a {
    display: block;
    padding: 23px;
    text-align: left;
    width: 20%;
    height: 30px;
}

.banner-services li {
    height: 10px !important
}

.banner-services li.hurts1 a {
    background: url("images/banner-services-li.png") no-repeat scroll 1px 23px;
    height: 30px;
    left: 194px;
    position: relative;
    top: 42px;
    width: 100px;
}

.banner-services li.hurts2 a {
    background: rgba(0, 0, 0, 0) url("images/banner-services-li.png") no-repeat scroll 11px top;
    height: 30px;
    left: 135px;
    position: relative;
    top: 98px;
    padding: 20px 60px;
}

.banner-services li.hurts3 a {
    background: url("images/banner-services-li.png") no-repeat scroll 66px 0px;
    height: 30px;
    left: 21px;
    position: relative;
    top: 67px;
    padding: 20px 28px;
    display: block;
}

.banner-services li.hurts4 a {
    background: url("images/banner-services-li.png") no-repeat scroll 11px top;
    height: 30px;
    left: 204px;
    position: relative;
    top: 182px;
    padding: 20px 60px;
    display: block;
    width: 100px;
}

.banner-services li.hurts5 a {
    background: url("images/banner-services-li.png") no-repeat scroll 11px top;
    height: 30px;
    left: 253px;
    position: relative;
    top: 304px;
    width: 109px;
}

.banner-services li.hurts6 a {
    background: url("images/banner-services-li.png") no-repeat scroll 73px 0px;
    height: 73px;
    left: 308px;
    position: relative;
    top: 299px;
    width: 89px;
}

.banner-services li.hurts1 a:hover,
.bullet5 li.hurts1.rslides_here a {
    background: url("images/banner-services-li-shoulder.png") no-repeat scroll 0px 1px;
    left: 180px;
    top: 50px;
    width: 139px;
}

.banner-services li.hurts2 a:hover,
.bullet5 li.hurts2.rslides_here a {
    background: url("images/banner-services-li-elbow.png") no-repeat scroll 0px 0px;
    height: 30px;
    left: 131px;
    position: relative;
    top: 84px;
    width: 119px;
}

.banner-services li.hurts3 a:hover,
.bullet5 li.hurts3.rslides_here a {
    background: url("images/banner-services-li-wrist.png") no-repeat scroll 0px top;
    height: 38px;
    left: 57px;
    position: relative;
    top: 54px;
    padding: 48px 2px;
    width: 76px;
}

.banner-services li.hurts4 a:hover,
.bullet5 li.hurts4.rslides_here a {
    background: url("images/banner-services-li-hurt.png") no-repeat scroll 0 top;
    height: 30px;
    left: 200px;
    position: relative;
    top: 168px;
    width: 100px;
}

.banner-services li.hurts5 a:hover,
.bullet5 li.hurts5.rslides_here a {
    background: url("images/banner-services-li-knee.png") no-repeat scroll 0 top;
    height: 30px;
    left: 250px;
    position: relative;
    top: 290px;
    width: 109px;
}

.banner-services li.hurts6 a:hover,
.bullet5 li.hurts6.rslides_here a {
    background: url("images/banner-services-li-foot.png") no-repeat scroll 0 top;
    height: 88px;
    left: 290px;
    position: relative;
    top: 285px;
    width: 127px;
}

.banner_container2 {
    left: 41.79%;
    margin: 0;
    min-height: 0;
    position: relative;
    text-align: left;
    width: 22%;
    top: 165px;
}

.banner_container2 a {
    font: 400 30px/34px "Roboto", sans-serif;
    color: #fff;
    padding: 10px 0 5px 34px;
    display: block
}

.banner_container2 a span {
    font: 700 72px/70px "Roboto", sans-serif;
    color: #fff;
}

.banner_container3 {
    float: right;
    position: absolute;
    width: 30%;
    right: 24%;
    top: 0px;
}

.banner_container3 li a:hover {
    background: #0e75be url("images/banner-speciality-li-h.png") no-repeat scroll 14px 12px;
    border-radius: 10px;
}

.banner_container3 p a {
    display: block;
    color: #fff;
    font-size: 36px;
    margin: 20px;
    line-height: 41px;
    font-weight: 400;
    text-transform: uppercase;
}

.banner_container3 p a span {
    font-size: 42px !important;
    font-weight: 600;
}

.banner_container3 li {
    min-height: 10px;
    height: 23px !important;
    line-height: 30px;
}

.banner_container3 li a {
    color: #fff;
    padding: 7px 0px 6px 40px;
    font-size: 15px !important;
    background: url("images/banner-speciality-li.png") no-repeat scroll 14px 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    display: block;
    float: left;
    width: 96%;
}

.banner_container3 a {
    font: bold 20px/24px "Roboto", sans-serif;
    color: #fff;
}

.banner_container4 h2 a {
    font: bold 24px/28px "Roboto", sans-serif;
    color: #fff;
}

.banner_container4 h2 a {
    font: 400 30px/32px "Roboto", sans-serif;
    color: #fff;
}

.banner_container4 h2 a span {
    color: #fff;
    font: 600 54px/60px "Roboto", sans-serif;
    text-transform: uppercase;
}

.banner_container4 p {
    font: 16px/20px "Roboto", sans-serif;
    color: #fff;
}

.banner_container4 p a {
    color: #d2c98e;
}

.banner_container5 p a {
    color: #fff;
    width: 150px;
    margin: 28px auto 10px;
    float: none;
    border: 1px solid #fff;
    padding: 7px 10px;
    clear: both;
}

.banner_container5 {
    left: 42%;
    margin: 59px 0 0;
    min-height: 221px;
    padding: 52px 23px 0 0;
    position: relative;
    text-align: left;
    width: 35%;
}

.banner_container5 h2 a {
    color: #fff;
    font: 400 26px/36px "Roboto", sans-serif;
    padding: 10px 0 20px 20px;
    display: block;
    text-transform: uppercase;
}

.banner_container5 h2 a span {
    color: #fff;
    font: 700 60px/65px "Roboto", sans-serif;
    text-transform: uppercase;
}

.banner_container5 p {
    color: #ffffff;
    font: 400 16px/20px 'Lato', sans-serif;
    padding: 10px 45px 10px 20px;
    clear: both;
    margin: 10px 0px 34px;
}

.banner_container6 {
    float: left;
    margin: 220px 0 0 43%;
    position: absolute;
    width: 300px;
}

.banner_container4 {
    float: left;
    margin: 180px 0 0 41%;
    position: absolute;
    width: 300px;
}

.banner_container6 h2 a {
    font: 400 36px/40px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0px 47px;
    display: block;
}

.banner_container6 h2 a span {
    color: #fff;
    font: 700 50px/55px "Roboto", sans-serif;
    text-transform: uppercase;
}

.banner_container6 p a {
    color: #fff;
    width: 150px;
    margin: 28px auto 10px;
    float: none;
    border: 1px solid #fff;
    padding: 7px 10px;
    clear: both;
}

.sub-banner-services {
    float: left;
    margin: -16px 0 0;
    position: absolute;
    width: 40%;
}

.sub-banner-tab1,
.sub-banner-tab2 {
    float: left;
    left: 61%;
    margin: 50px 0 0;
    position: absolute;
    width: 350px;
    padding: 0px 0px 10px 90px;
}

.sub-banner-tab1 a,
.sub-banner-tab2 a {
    padding: 20px 10px;
    width 200px;
    display: block;
    color: #fff;
    font: bold 20px/24px "Roboto", sans-serif;
}

.sub-banner-services li a {
    display: block;
    padding: 24px 0 28px 80px;
    text-align: left;
    width: 20%;
}

.sub-banner-services li.hurts1 a {
    height: 30px;
    left: 247px;
    position: relative;
    top: 33px;
    width: 30px;
}

.sub-banner-services li.hurts2 a {
    height: 30px;
    left: 361px;
    position: relative;
    top: 3px;
    width: 30px;
}

.sub-banner-services li.hurts3 a {
    height: 30px;
    left: 342px;
    position: relative;
    top: -3px;
    width: 30px;
}

.sub-banner-services li.hurts4 a {
    height: 30px;
    left: 229px;
    position: relative;
    top: -13px;
    width: 40px;
}

.sub-banner-services li.hurts5 a {
    height: 30px;
    left: 155px;
    position: relative;
    top: -182px;
    width: 56px;
}

.sub-banner-services li.hurts6 a {
    height: 30px;
    left: 152px;
    position: relative;
    top: -368px;
    width: 30px;
}

.sub-banner-services li.hurts7 a {
    height: 30px;
    left: 155px;
    position: relative;
    top: -386px;
    width: 56px;
}

.sub-banner-services li.hurts1 a:hover {
    height: 30px;
    left: 246px;
    position: relative;
    top: 35px;
    width: 30px;
}

.sub-banner-services li.hurts2 a:hover {
    height: 30px;
    left: 337px;
    position: relative;
    top: -13px;
    width: 30px;
}

.sub-banner-services li.hurts3 a:hover {
    height: 30px;
    left: 332px;
    position: relative;
    top: -21px;
    width: 30px;
}

.sub-banner-services li.hurts4 a:hover {
    height: 30px;
    left: 319px;
    position: relative;
    top: -28px;
    width: 30px;
}

.sub-banner-services li.hurts5 a:hover {
    height: 30px;
    left: 254px;
    position: relative;
    top: -197px;
    width: 30px;
}

.sub-banner-services li.hurts6 a:hover {
    height: 30px;
    left: 164px;
    position: relative;
    top: -351px;
    width: 30px;
}

.sub-banner-services li.hurts7 a:hover {
    height: 30px;
    left: 260px;
    position: relative;
    top: -409px;
    width: 30px;
}

.sub-banner-services2 {
    position: absolute;
    width: 400px;
    font: bold 14px/24px "Roboto", sans-serif;
    color: #ffffff;
}

.sub-banner-services2 .speciality1 {
    height: 105px;
    left: 261px;
    position: relative;
    top: 202px;
    width: 235px;
}

.sub-banner-services2 .speciality1 a {
    display: block;
    padding: 38px 0 0 75px;
    color: #fff;
}

.sub-banner-services2 .speciality2 {
    height: 105px;
    left: 275px;
    position: relative;
    top: 179px;
    width: 168px;
}

.sub-banner-services2 .speciality2 a {
    padding: 35px 0 0 83px;
    display: block;
    color: #fff;
}

.sub-banner-services2 .speciality3 {
    height: 105px;
    left: 92px;
    position: relative;
    top: 138px;
    width: 171px;
}

.sub-banner-services2 .speciality3 a {
    display: block;
    padding: 90px 0 7px;
    color: #fff;
}

.sub-banner-services2 .speciality4 {
    height: 105px;
    left: -12px;
    position: relative;
    top: -29px;
    width: 178px;
}

.sub-banner-services2 .speciality4 a {
    display: block;
    padding: 33px 0 0px 0px;
    color: #fff;
}

.sub-banner-services2 .speciality5 {
    color: #ffffff;
    height: 105px;
    left: -25px;
    position: relative;
    top: -213px;
    width: 203px;
}

.sub-banner-services2 .speciality5 a {
    display: block;
    padding: 30px 0 7px;
    color: #fff;
}

.sub-banner-services2 .speciality6 {
    color: #ffffff;
    height: 105px;
    left: 222px;
    position: relative;
    top: -178px;
    width: 189px;
}

.sub-banner-services2 .speciality6 a {
    display: block;
    padding: 30px 0 7px;
    color: #fff;
}

.sub-banner-services2 .speciality7 {
    color: #ffffff;
    height: 123px;
    left: 181px;
    position: relative;
    top: -456px;
    width: 90px;
}

.sub-banner-services2 .speciality7 a {
    display: block;
    padding: 22px 0 35px 80px;
    color: #fff;
}

.sub-banner_container3 {
    float: left;
    margin: 39px 0 0 67%;
    position: absolute;
    width: 30%;
}

.sub-banner_container3 h2 a {
    color: #ffffff;
    font: bold 22px/28px "Roboto", sans-serif;
}

.sub-banner_container4 h2 a,
.banner_container-s5 h2 a {
    color: #000;
    font: bold 22px/28px "Roboto", sans-serif;
}

.sub-banner_container4 {
    float: left;
    margin: 40px 0 0 56%;
    position: absolute;
    width: 40%;
}

.sub-banner_container3 p {
    color: #ffffff;
    font: 15px/20px "Roboto", sans-serif;
}

.banner_container-s5 {
    float: left;
    margin: 42px 0 0 48%;
    position: absolute;
    width: 51%;
}

.banner_container-s5 li {
    float: left;
    margin: 10px 0;
    width: 33%;
}

.banner_container-s5 li a {
    color: #000;
    display: block;
    font: bold 14px/20px "Roboto", sans-serif;
    padding: 22px 0 24px 71px;
}

/**  Banner interactivity ***/

#BannerInner .bannerContent .bannerHead span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

#BannerInner .bannerTabs {
    bottom: 10px;
    right: 10%;
    position: absolute;
    z-index: 999;
}

#BannerInner .bannerTabs ul li {
    display: inline-block;
}

#BannerInner .bannerTabs ul li a {
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%
}

#BannerInner .bannerTabs ul li.Banner_here a {
    width: 12px;
    height: 12px;
    background: #000;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
}

#controls {
    right: 5%;
    bottom: 10px;
    margin-top: 0;
    position: absolute;
    z-index: 999;
    width: 115px;
}

#controls li.prev,
#controls7 li.prev,
#controls3 li.prev {
    display: inline-block !important;
    position: relative
}

#controls li.next,
#controls7 li.next,
#controls3 li.next {
    display: inline-block !important;
    position: relative
}

#controls li,
#controls7 li,
#controls3 li {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    background: none repeat scroll 0 0;
    background: transparent;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-indent: inherit !important;
    height: 30px;
    width: 30px;
}

#controls li.pause,
#controls7 li.pause,
#controls3 li.pause {
    display: none;
}

#controls li a,
#controls7 li a,
#controls3 li a {
    background: none !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-indent: inherit !important;
}

/***orthowashington**/

.orthowashington-section {
    width: 100%;
    float: left;
}

.orthowashington-container {
    width: 100%;
    float: left;
    text-align: center;
    padding: 60px 0px;
    margin: -429px 0px 0px;
    position: relative;
    z-index: 9999999999;
}

.orthowashington-container h1 a {
    font: 400 36px/40px 'Lato', sans-serif;
    color: #6d6e70;
    display: block;
    margin: 0px 0px 25px;
    text-transform: uppercase;
}

.orthowashington-container h1 a span {
    color: #0174cd;
}

.orthowashington-container p {
    color: #3e3e3e;
    font: 400 18px/29px 'Lato', sans-serif;
    float: none;
    margin: 18px auto;
    width: 85%;
}

/***Services**/

.services-section {
    float: left;
    width: 100%;
    padding: 0px 0px 10px;
    position: relative;
    z-index: 9999;
    opacity: 0.9;
    background: url('images/home-services-bg.png') repeat center top;
    ;
}

.services-container {
    float: left;
    width: 100%;
    margin: 0px
}

.services-container li {
    background: none;
    float: left;
    width: 25%;
    margin: 0;
    border-bottom: 1px dashed #000;
    border-right: 1px dashed #000;
    padding: 27px 0px 0px 0px;
}

.services-container ul li.service5,
.services-container ul li.service6,
.services-container ul li.service7,
.services-container ul li.service8,
.services-container ul li.service9 {
    border-bottom: none;
}

.services-container ul li:last-child,
.services-container ul li.service4,
.services-container ul li.service8 {
    border-right: none;
}

#flexiselDemo4 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
    *width: 1200px;
    *overflow: hidden;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    float: left;
    overflow: hidden;
    width: 97%;
}

.nbs-flexisel-item {
    float: left;
    line-height: 0;
    margin: 0px 5px;
    padding: 0;
    position: relative;
}

.nbs-flexisel-item img {
    position: relative;
    margin-top: 13px;
    margin-bottom: 13px;
}

.services-container ul {
    width: 99%;
    margin: 10px auto;
    float: none;
    min-height: 201px
}

.services-container h2 a {
    display: block;
    text-align: center;
    font: 400 36px/34px 'Lato', sans-serif;
    color: #272728;
    padding: 45px 0px 70px;
    text-transform: uppercase;
}

.services-container h2 a span {
    color: #0174cd;
}

.services-container li a {
    display: block;
    padding: 187px 0 31px 0;
    text-transform: uppercase;
    text-align: center;
    font: 600 18px/20px 'Lato', sans-serif;
    color: #272728;
}

.services-container li.service1 a {
    background: url(images/home-services1.png) no-repeat center 0px;
}

.services-container li.service2 a {
    background: url(images/home-services2.png) no-repeat center 0px;
}

.services-container li.service3 a {
    background: url(images/home-services3.png) no-repeat center 0px;
}

.services-container li.service4 a {
    background: url(images/home-services4.png) no-repeat center 0px;
}

.services-container li.service5 a {
    background: url(images/home-services5.png) no-repeat center 0px;
}

.services-container li.service6 a {
    background: url(images/home-services6.png) no-repeat center 0px;
}

.services-container li.service7 a {
    background: url(images/home-services7.png) no-repeat center 0px;
}

.services-container li.service8 a {
    background: url(images/home-services8.png) no-repeat center 0px;
}

.services-container li.service9 {
    float: none;
    display: table;
    margin: 0 auto;
    width: auto;
}

.services-container li.service9 a {
    background: url(images/regenerative1.png) no-repeat center 0px;
}

.services-container li.service1 a:hover {
    background: url(images/home-services1-h.png) no-repeat center 0px;
}

.services-container li.service2 a:hover {
    background: url(images/home-services2-h.png) no-repeat center 0px;
}

.services-container li.service3 a:hover {
    background: url(images/home-services3-h.png) no-repeat center 0px;
}

.services-container li.service4 a:hover {
    background: url(images/home-services4-h.png) no-repeat center 0px;
}

.services-container li.service5 a:hover {
    background: url(images/home-services5-h.png) no-repeat center 0px;
}

.services-container li.service6 a:hover {
    background: url(images/home-services6-h.png) no-repeat center 0px;
}

.services-container li.service7 a:hover {
    background: url(images/home-services7-h.png) no-repeat center 0px;
}

.services-container li.service8 a:hover {
    background: url(images/home-services8-h.png) no-repeat center 0px;
}

.services-container li.service9 a:hover {
    background: url(images/regenerative2.png) no-repeat center 0px;
}

/*** subchondroplasty ** */

.subchondroplasty-sec {
    float: left;
    width: 100%;
    background: url(images/lipogens-bg.jpg) no-repeat center 0px;
}

.subchondroplasty-container {
    float: left;
    width: 100%;
}

.subchondroplasty-procedure {
    float: left;
    width: 40%;
    text-align: right;
    margin: 90px 0px 40px;
}

.lipogens-procedure {
    float: right;
    width: 40%;
    text-align: left;
    margin: 90px 0px 0px;
}

.subchondroplasty-procedure p a,
.lipogens-procedure p a {
    font: 700 25px/30px'Lato', sans-serif;
    color: #fff;
    display: block;
    margin: 0px 0px 30px 0px;
}

.subchondroplasty-procedure p,
.lipogens-procedure p {
    font: 400 15px/20px 'Roboto', sans-serif;
    color: #fff;
    display: block;
    margin: 0px 0px 35px 0;
}

.subchondroplasty-procedure a.learn-more,
.lipogens-procedure a.learn-more {
    font: 700 15px/20px 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 26px 0px 33px;
    display: block;
    border-top: 1px solid #1d81d4;
}

/*** overview ** */

#whats-new-sec {
    float: left;
    width: 100%;
    padding: 0px 0px 40px;
    margin: 0px;
    min-height: 572px;
}

.whats-new {
    float: left;
    width: 32%;
    margin: 121px 0px 0px 8%;
}

.whats-new p span {
    font: 400 15px/20px'Lato', sans-serif;
    color: #3079d9;
    text-transform: uppercase;
    margin: 20px 0px 23px;
    display: block;
}

.whats-new p a {
    font: 600 60px/60px'Lato', sans-serif;
    color: #3079d9;
    text-transform: uppercase;
    display: block;
    margin: 0px 0px 28px;
}

.whats-new p {
    color: #000;
    margin: 16px 0px;
    font-size: 15px;
    line-height: 20px;
}

.whats-new a.more {
    font: 400 15px/20px'Lato', sans-serif;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 5px 20px;
    display: block;
    width: 100px;
    margin: 10px 0px;
}

.banner-services-bullet {
    float: left;
    width: 250px;
    right: 0;
    top: 483px;
    position: absolute;
    height: 20px !important;
    z-index: 9999999;
}

.bullet4 li {
    float: left;
    width: 30px;
    margin: 0px 2px;
}

ul#bullet4 li a {
    display: block;
    border-bottom: 4px solid #348ed4;
    width: 26px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    height: 20px;
}

ul#bullet4 a span {
    display: none;
}

ul#bullet4 li.rslides_here a span,
ul#bullet4 li:hover a span {

    background: url("images/dr-tab-bg-h-new.png") no-repeat scroll 0px 0px;

    display: inline;

    padding: 2px 2px;

    /* width: 64px; */

}

/*** overview ** */

#meet-doctors {
    float: left;
    width: 100%;
    background: url(images/dr-bg.jpg) repeat-y center 0px;
    padding: 0px;
    margin: -130px 0px 0px;
}

.meet-doctors {
    float: left;
    margin: 10px 0px 5px 0px;
    width: 100%;
}

.our-physicain {
    float: left;
    width: 349px;
    margin: 14px 10px;
    padding: 0px 0px;
    color: #fff;
    text-transform: uppercase;
    background: #2789d4;
    border-radius: 25px;
    position: relative;
    top: 86px;
    left: 40%;
    z-index: 999999;
}

.our-physicain a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 12px 0px;
}

.doctor-img img {
    float: left;
    margin: 40px 0px 40px 0;
}

.doctor-img {
    float: left;
}

.doctors-text {
    float: left;
    width: 54%;
    margin: 55px 0px 0px 6%;
    text-align: left;
    padding: 40px 20px;
}

.doctors-text h2 a {
    display: block;
    font: 500 48px/55px'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase
}

.doctors-text p.bosrd {
    font: 400 15px/20px 'Lato', sans-serif;
    color: #fff;
    padding: 13px 0px 10px 0px;
    margin: 0px;
    text-transform: uppercase;
}

.doctors-text p span {
    font: 400 16px/25px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    min-height: 55px;
    display: block;
}

.doctors-text p {
    font: 400 15px/25px 'Lato', sans-serif;
    color: #fff;
    margin: 15px 0px
}

.honors {
    float: right;
    width: 95%;
}

.honors li {
    float: left;
    width: auto;
    padding: 3px 20px 3px 0px;
}

.honors li a {
    padding: 5px 20px;
    font: 400 13px/20px 'Lato', sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #ccc;
}

.honors li.Publications3 a {
    background: #ccefef;
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

.certificate {
    margin: 10px auto;
    text-align: center;
    width: 94%;
    float: none;
}

.certificate li {
    float: left;
    margin: 10px;
    border-right: 1px solid #afc0ca;
    text-align: center;
    width: 45%;
}

.certificate li:last-child {
    border-right: none !important;
}

.dr-smo {
    float: left;
    width: 100%;
    margin: 10px 0px 0;
}

.dr-smo ul {
    display: inline-block;
    float: none;
    width: 165px;
}

.dr-smo ul li {
    margin: 0px 3px;
    float: left;
}

.dr-smo ul li a {
    display: block;
    width: 42px;
    height: 43px;
}

.dr-smo ul .fb a {
    background: url('images/smo.png') no-repeat 0px 2px;
}

.dr-smo ul .tw a {
    background: url('images/smo.png') no-repeat -48px 2px;
}

.dr-smo ul .yt a {
    background: url('images/smo.png') no-repeat -90px 2px;
}

/*** Regain a Healthy Weight ****  */

/*** Regain a Healthy Weight ****  */

#patient-resources {
    float: left;
    width: 100%;
    background: #0174cd;
}

.patient-resources-sec {
    float: left;
    width: 100%;
    padding: 40px 0px 40px
}

.patient-resources-container {
    float: left;
    margin: 0px;
    width: 100%
}

.patient-resources-container p a {
    display: block;
    color: #fff;
    font: 600 36px/40px 'Lato', sans-serif;
    text-align: center;
    padding: 20px 0px 35px;
    text-transform: uppercase;
}

.patient-resources-container li {
    float: left;
    width: 18%;
    margin: 10px 3%;
    background: url('images/patient-resources-li-bg.png') no-repeat center 0px;
}

.patient-resources-container li:hover {
    background: url('images/patient-resources-li-bg-h.png') no-repeat center 0px;
}

.patient-resources-container li a {
    padding: 115px 0px 76px;
    display: block;
    color: #fff;
    font: 600 15px/20px 'Roboto', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 5px;
}

.patient-resources-container li a:hover {
    color: #0174cd;
}

.patient-resources-container li.resources1 a {
    background: url('images/resources1.png') no-repeat center 50px;
}

.patient-resources-container li.resources2 a {
    background: url('images/resources2.png') no-repeat center 50px;
}

.patient-resources-container li.resources3 a {
    background: url('images/resources3.png') no-repeat center 50px;
}

.patient-resources-container li.resources4 a {
    background: url('images/resources4.png') no-repeat center 50px;
}

.patient-resources-container li.resources1 a:hover {
    background: url('images/resources1-h.png') no-repeat center 50px;
}

.patient-resources-container li.resources2 a:hover {
    background: url('images/resources2-h.png') no-repeat center 50px;
}

.patient-resources-container li.resources3 a:hover {
    background: url('images/resources3-h.png') no-repeat center 50px;
}

.patient-resources-container li.resources4 a:hover {
    background: url('images/resources4-h.png') no-repeat center 50px;
}

/*** Skin Cancer** */

/*** patient-section ** */

#recent-post {
    float: left;
    width: 100%;
    background: #f5f5f5;
}

.recent-post-container {
    float: none;
    margin: 0px auto 0px;
    width: 96%;
}

.have-question {
    float: left;
    width: 40%;
}

.have-question p a {
    display: block;
    margin: 10px 0px;
    font: 300 30px/40px 'Lato', sans-serif;
    text-align: center;
    color: #000;
}

.recent-post-sec {
    float: none;
    width: 73%;
    margin: 10px auto;
    text-align: center;
}

.recent-post-img1,
.recent-post-img2 {
    float: left;
    width: 190px;
    height: 377px;
    margin: -30px 15px 0px 0px;
}

.recent-post-img1 a,
.recent-post-img2 a {
    display: block;
    font: 600 18px/20px 'Lato', sans-serif;
    text-align: left;
    color: #000;
    padding: 83px 0px 0 12px;
}

.recent-post-sec p a {
    display: block;
    text-align: left;
    font: 700 30px/40px 'Lato', sans-serif;
    color: #000;
    text-align: center;
    margin: 60px 0px 25px;
    text-transform: uppercase;
}

.recent-post-sec p {
    font: 500 17px/25px 'Lato', sans-serif !important;
    color: #000;
    margin: 25px 0px 10px 0px;
    width: 94%;
}

.recent-post-sec a.Submit,
.orthowashington-container a.Submit {
    display: block;
    padding: 7px 0 7px;
    text-align: center;
    color: #000;
    border: 1px solid #000;
    float: none;
    margin: 40px auto;
    width: 212px;
    text-transform: uppercase;
}

.recent-post-sec a.Submit span {
    border: 1px solid #000;
    display: block;
    float: right;
    margin: 6px -60px 0px 0px;
    width: 48px;
}

#controls3 {
    right: 0;
    top: 252px;
    margin-top: 0;
    position: absolute;
    z-index: 999;
    width: 76px;
}

#controls3 li.play,
#controls3 li.pause {
    display: none !important
}

#controls3 li {
    float: left;
    width: 38px;
    height: 40px
}

/***location-section***/

/*******Map section*******/

#map-sec {
    background: url("images/map-bg.jpg") no-repeat scroll center 0px;
}

.location-map {
    float: left;
    width: 100%;
}

/*credibility Styles*/

/*credibility Styles*/

#credibility {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

.credibility-container {
    float: none;
    width: 100%;
    text-align: center;
}

.credibility-container li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 17px 6%;
}

/*Footer Styles*/

footer {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: #057bce;
    margin: -14px 0px 0px;
    background: #0174cd url("images/footer-bg.png") no-repeat scroll center 0px;
}

#Footer .smo {
    display: block;
    float: left;
}

.footer-container {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.footer-follow {
    float: none;
    width: 95px;
    margin: 10px auto;
    text-align: center;
}

.footer-follow p {
    color: #fff;
    font: 400 20px/30px 'Lato', sans-serif;
    margin: 20px 0px 0px;
    text-transform: uppercase;
}

.footer-fourth {
    float: left;
    margin: 0px;
    width: 47%;
    text-align: right;
    padding: 0px 40px 0px 23px
}

.footer-fourth ul li {
    float: right;
    width: auto;
    margin: 5px 15px;
    padding: 0px 30px 0px 0px
}

.footer-fourth ul li a {
    font: 400 15px/20px 'Lato', sans-serif;
    color: #fff;
}

.footer-fourth ul li.foot-phone-no {
    background: url("images/phone-bg.png") no-repeat scroll 108px 2px;
}

.footer-fourth ul li.foot-email {
    background: url("images/email-bg.png") no-repeat scroll 233px 4px;
}

.footer-fourth ul li.foot-fax {
    background: url("images/fax-bg.png") no-repeat scroll 115px 2px;
}

.footer-fifth {
    float: right;
    margin: 0px;
    width: 47%;
    text-align: left;
    padding: 0px 0 0px 24px;
}

.footer-fourth p,
.footer-fifth p {
    padding: 5px 0px;
    color: #fff;
    font: 400 16px/30px 'Lato', sans-serif;
    margin: 0px 0px 0px;
}

.footer-fourth p a,
.footer-fifth p a {
    color: #fff;
    padding: 0px 2%
}

.sign-up {
    float: none;
    width: 349px;
    margin: 14px auto 5px;
    padding: 13px 5px;
    color: #fff;
    text-transform: uppercase;
    background: #2789d4;
    border-radius: 25px;
}

.footer-sixth {
    float: left;
    width: 33%;
    margin: 26px 0px 0px 20px;
    text-align: center;
}

.footer-sixth a {
    color: #fff;
}

.sign-up a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.ypo {
    margin: -24px 152px 52px 0px;
    width: 114px;
    float: right;
}

.copyrights {
    font: 400 16px/30px 'Lato', sans-serif;
    display: block;
    color: #fff;
    width: 54%;
    padding: 20px 11px;
    float: left;
    text-align: center;
}

.footer-menu {
    float: left;
    width: 67%;
    padding: 0 12px;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc;
    margin: 0px 0px;
}

.footer-menu a {
    color: #fff;
    margin: 0px 7px;
    line-height: 23px;
}

.copyrights a {
    color: #fff
}

/* Main Content related css */

.breadcrumbs {
    padding: 45px 0 50px 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
    float: left;
    width: 100%;
    background: #13a2f9;
}

.breadcrumbs a {
    color: #000;
    font: 400 15px/29px 'Lato', sans-serif;
}

.breadcrumbs a:hover {
    color: #fff;
}

.breadcrumbs h1 {
    font-size: 36px;
    line-height: 1.4;
    padding: 5px 0 5px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

main {
    position: relative;
    display: table;
    margin-bottom: 30px;
    width: 100%;
}

article {
    float: right;
    width: 69%;
    margin: 0px 0px 0px 50px;
}

article h1 {
    font-size: 36px;
    line-height: 1.4;
    padding: 15px 0 25px 0;
    color: #033b6f;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

article h2 {
    font-size: 24px;
    line-height: 1.4;
    padding: 10px 0 0 0;
    color: #033b6f
}

article h3 {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 0 0 0;
}

article p {
    font-size: 15px;
    line-height: 1.6;
    padding: 15px 0 15px 0;
}

article a {
    color: #005a98;
}

article ul {
    padding: 15px 0 0 0;
}

article h2 + p,
article h3 + p,
article h2 + img + p,
article h3 + img + p,
article h2 + ul,
article h3 + ul {
    padding: 3px 0 0 0;
}

article ul li {
    padding: 4px 0 4px 15px;
    font-size: 16px;
    list-style: none;
    margin: 0 0 0 18px;
    background: url('images/content-li-bg.png') no-repeat left 10px;
    line-height: 1.6;
}

article ul ul {
    margin: 0px 0 5px 15px;
}

article ol li {
    padding: 4px 0 4px 15px;
    font-size: 16px;
    list-style: decimal;
    margin: 0 0 0 18px;
    line-height: 1.4;
}

/* Pdf related css */

article li a[href$=".pdf"] {
    position: relative
}

article li a[href$=".pdf"]:before {
    background: #fff;
    content: "\f1c1";
    font-family: FontAwesome;
    font-size: 21px;
    display: inline-block;
    margin-left: -0.7em;
    width: 1.3em;
    color: #f00;
}

/*sidebar styles*/

aside {
    float: left;
    width: 320px;
    margin: 30px 0;
    position: relative;
}

#sidebar .patientResrcs {
    margin: 5px 0px 0px 0px;
    float: left;
    width: 100%;
    clear: both;
    background: #0174cd;
    padding: 0px 0px 20px 0px;
}

#sidebar .patientResrcs .head {
    text-align: left;
    display: block;
    font: 700 24px/30px 'Lato', sans-serif;
}

#sidebar .patientResrcs .head a {
    color: #fff;
    display: block;
    padding: 22px 0 15px 15px;
    text-align: center;
    text-transform: uppercase;
}

#sidebar .patientResrcs ul {
    float: none;
    margin: 10px auto;
    width: 87%;
}

#sidebar .patientResrcs li {
    background: url('images/sub-resources-li.png') no-repeat 0px 0px;
    padding: 2px;
    margin: 5px 0px;
}

#sidebar .patientResrcs li a {
    color: #fff;
    text-align: left;
    padding: 20px 0px 17px 75px;
    display: block;
    font: 600 16px/20px 'Lato', sans-serif;
    margin: 3px 9px 3px 3px;
    text-transform: uppercase;
}

#sidebar .patientResrcs li a:hover {
    color: #0174cd;
}

#sidebar .patientResrcs li a span {
    display: block;
    float: left;
    width: 60px;
    height: 50px
}

#sidebar .patientResrcs li.services1 a {
    background: url('images/sub-resources-sprit.png') no-repeat 10px 10px;
}

#sidebar .patientResrcs li.services2 a {
    background: url('images/sub-resources-sprit.png') no-repeat 10px -61px;
}

#sidebar .patientResrcs li.services3 a {
    background: url('images/sub-resources-sprit.png') no-repeat 8px -131px;
}

#sidebar .patientResrcs li.services4 a {
    background: url('images/sub-resources-sprit.png') no-repeat 9px -215px;
}

#sidebar .patientResrcs li.services1 a:hover {
    background: #fff url('images/sub-resources-sprit-h.png') no-repeat 10px 10px;
}

#sidebar .patientResrcs li.services2 a:hover {
    background: #fff url('images/sub-resources-sprit-h.png') no-repeat 10px -61px;
}

#sidebar .patientResrcs li.services3 a:hover {
    background: #fff url('images/sub-resources-sprit-h.png') no-repeat 8px -131px;
}

#sidebar .patientResrcs li.services4 a:hover {
    background: #fff url('images/sub-resources-sprit-h.png') no-repeat 9px -215px;
}

.sub-doctor {
    float: left;
    width: 100%;
    background: url('images/sub-testimonial-bg.jpg') no-repeat center 0px;
    padding: 0px;
    margin: 35px 0px
}

.sub-doctor p {
    float: none;
    width: 90%;
    margin: 10px auto;
}

.sub-doctor a.meet {
    font: 600 24px/30px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #0174cd;
    text-align: center;
    display: block;
    padding: 35px 0px;
}

.sub-doctor-text {
    float: left;
    width: 100%;
    padding: 53px 28px;
    text-align: justify;
}

.sub-doctor-text p {
    font: 600 15px/20px 'Lato', sans-serif;
    color: #000000;
    padding: 0px 0px 10px;
    height: 75px;
}

.sub-doctor-text a {
    display: block;
    font: 600 14px/20px 'Lato', sans-serif;
    color: #fff;
    float: none;
    margin: 19px auto 45px;
    width: 245px;
    background: #0174cd;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
    border-radius: 26px;
}

.sub-doctor a.meet span {
    color: #6d6e70;
    display: inline block !important;
}

.sidebar-services {
    width: 100%;
    float: left;
    background: #f3f4f3;
}

.sidebar-services h3 a {
    display: block;
    background: #2caaf5;
    padding: 13px 13px;
    font: 400 22px/30px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

#accordion h3 a {
    display: block;
    background: #2caaf5;
    padding: 13px 13px;
    font: 400 22px/30px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.sidebar-services ul {
    float: none;
    margin: 10px auto;
    width: 260px
}

.sidebar-services li {
    margin: 1px 0px;
    background: url('images/content-li-bg.png') no-repeat 10px 18px;
    border-bottom: 1px dotted #000;
}

.sidebar-services li a {
    padding: 11px 30px 12px;
    font: 500 16px/20px 'Lato', sans-serif;
    color: #414141;
    display: block;
}

.sidebar-services li:last-child {
    border-bottom: none;
}

/***sub-doctor***/

.accordion h3 {
    cursor: pointer;
    position: relative;
    clear: both;
}

.accordion h3:after {
    position: absolute;
    content: '';
    right: 2px;
    top: 12px;
    width: 35px;
    height: 35px;
    background: url('images/list-plus.jpg') no-repeat 0 0;
}

/*to make image '+' or '-' Black use this style  .accordion h3:after{filter: invert(100%);} */

.accordion h3.current:after {
    position: absolute;
    content: '';
    right: 2px;
    top: 12px;
    width: 35px;
    height: 35px;
    background: url('images/list-minus.jpg') no-repeat 0 0;
}

.accordion .pane {
    margin-bottom: 5px;
    display: none;
    float: left;
    width: 100%
}

/****sub-patient-video***/

.services-box {
    width: 100%;
    float: left;
}

.services-box li {
    float: left;
    width: 25%;
    margin: 0px 0%;
    padding: 0px;
    border-bottom: 1px dashed #000;
    border-right: 1px dashed #000;
    min-height: 269px;
    background: none !important;
}

.services-box ul li:last-child,
.services-box ul li.services-box4,
.services-box ul li.services-box8 {
    border-right: none;
}

.services-box ul li.services-box5,
.services-box ul li.services-box6,
.services-box ul li.services-box7,
.services-box ul li.services-box8 {
    border-bottom: none;
}

.services-box li h2 {
    margin: 20px 0px;
    font: 300 26px/30px 'Lato', sans-serif;
    color: #383838;
}

.services-box li h2 {
    margin: 20px 0px;
    font: 400 20px/30px 'Lato', sans-serif;
    color: #383838;
    text-transform: uppercase;
}

.services-box li p {
    color: #383838
}

.services-box li a {
    display: block;
    float: left;
    padding: 214px 0px 25px;
    text-align: center;
    color: #383838;
    display: block;
    width: 100%;
}

.services-box li a:hover h2,
.services-box li a:hover p {
    color: #000
}

.services-box li a.services-read {
    display: block;
    float: right;
    width: 30px;
    height: 31px;
    margin: 20px 0px 0px 0px;
}

.services-box li.services-box1 a {
    background: url(images/home-services1.png) no-repeat center 30px;
}

.services-box li.services-box2 a {
    background: url(images/home-services2.png) no-repeat center 30px;
}

.services-box li.services-box3 a {
    background: url(images/home-services3.png) no-repeat center 30px;
}

.services-box li.services-box4 a {
    background: url(images/home-services4.png) no-repeat center 30px;
}

.services-box li.services-box5 a {
    background: url(images/home-services5.png) no-repeat center 30px;
}

.services-box li.services-box6 a {
    background: url(images/home-services6.png) no-repeat center 30px;
}

.services-box li.services-box7 a {
    background: url(images/home-services7.png) no-repeat center 30px;
}

.services-box li.services-box8 a {
    background: url(images/home-services8.png) no-repeat center 30px;
}

.services-box li.services-box9 {
    float: none;
    margin: 20px auto;
    display: table;
    text-transform: uppercase;
}

.services-box li.services-box9 a {
    background: url(images/regenerative1.png) no-repeat center 30px;
    padding: 204px 0px 25px;
}

.services-box li.services-box1 a:hover {
    background: url(images/home-services1-h.png) no-repeat center 30px;
}

.services-box li.services-box2 a:hover {
    background: url(images/home-services2-h.png) no-repeat center 30px;
}

.services-box li.services-box3 a:hover {
    background: url(images/home-services3-h.png) no-repeat center 30px;
}

.services-box li.services-box4 a:hover {
    background: url(images/home-services4-h.png) no-repeat center 30px;
}

.services-box li.services-box5 a:hover {
    background: url(images/home-services5-h.png) no-repeat center 30px;
}

.services-box li.services-box6 a:hover {
    background: url(images/home-services6-h.png) no-repeat center 30px;
}

.services-box li.services-box7 a:hover {
    background: url(images/home-services7-h.png) no-repeat center 30px;
}

.services-box li.services-box8 a:hover {
    background: url(images/home-services8-h.png) no-repeat center 30px;
}

.services-box li.services-box9 a:hover {
    background: url(images/regenerative2.png) no-repeat center 30px;
}

#sub-doctor-sec {
    width: 100%;
    float: left;
    background: #4fb9fe;
    padding: 60px 0px;
}

.sub-doctor {
    width: 100%;
    float: left;
}

/* Breadcrumbs button related css */

.sub-treatment {
    float: left;
    width: 392px;
    margin: 20px 40px 20px 20px;
}

.sub-treatment ul {
    float: left;
    width: 100%;
    padding: 16px 0px 12px 0px;
    margin: 0px;
}

.sub-treatment li {
    margin: 0px 0px 4px -20px;
    background: #057bce;
    width: 93%;
}

.sub-treatment li:hover {
    margin: 0px 0px 4px -20px;
    width: 100%;
}

.sub-treatment li a:hover {
    color: #383838;
}

.sub-treatment li a {
    display: block;
    padding: 20px 10px 25px 90px;
    text-align: left;
    font: 700 15px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.sub-treatment p a {
    font: 600 24px/30px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
    display: block;
}

.sub-dr-text {
    float: left;
    width: 59%;
    background: #fff;
    padding: 15px 0px 15px 15px;
    margin: 20px 0px 20px;
    border-right: 10px solid #057bce;
    text-align: center;
}

.sub-dr-text h2 a {
    font: 400 50px/50px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #3079d9;
}

.sub-dr-text p {
    color: #212222;
    font: 400 15px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 20px 0px 20px;
}

.sub-dr-text p span {
    color: #212222;
    font: 700 15px/20px 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 25px 0px 28px;
    display: block;
}

.sub-dr-text img {
    float: left;
    margin: 0px 15px 0px 0px;
}

.sub-text-doctor {
    float: left;
    width: 56%;
}

/* Testimonial button related css */

a.submitTestimonials {
    float: right;
    background: #004880;
    display: block;
    padding: 10px;
    color: #fff;
    text-align: center;
}

a.submitTestimonials:hover {
    background: #000;
}

/* Slider CSS */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides > li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides > li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides > img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/* Scrolling CSS */

#flexiselDemo {
    display: none;
}

.nbs-flexisel-container {
    max-width: 100%;
    position: relative;
}

.nbs-flexisel-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 9999px;
}

.nbs-flexisel-inner {
    float: none;
    overflow: hidden;
    width: 95%;
    margin: 0 auto
}

.nbs-flexisel-item {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    cursor: pointer;
    height: 47px;
    position: absolute;
    width: 23px;
    z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 0;
    top: 10px !important;
}

.nbs-flexisel-nav-right {
    height: 80px;
    right: 0;
    top: 10px !important;
    width: 40px;
}

/* Back to Top/Bottom CSS */

#backtobot,
#backtotop {
    cursor: pointer;
    right: 12px;
    position: fixed;
    z-index: 9999;
    width: 34px;
    height: 34px;
    border: solid 2px #000;
    display: none;
    border-radius: 20px;
    font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    z-index: 99;
    background: #fff;
}

#backtotop {
    bottom: 10px;
}

#backtotop a:before,
#backtobot a:before {
    content: "\f077";
    font-family: FontAwesome;
    font-size: 21px;
    display: inline-block;
    color: #f00;
    margin-top: 2px;
}

#backtobot a:before {
    content: "\f078";
    margin-top: 4px;
}

#backtobot {
    bottom: 10px;
}

#backtobot a,
#backtotop a {
    display: block;
    color: #fff;
    opacity: 0.8;
}

/*Accordion styles*/

/*

.pane li {background: none;}

.accordion h2{background:#55aff1;cursor: pointer;margin-top: 10px;color: #000;padding: 10px;position: relative;clear: both;}

.accordion h2:after{position: absolute;content:''; right:10px;top: 22px;width: 9px;height: 9px;}

.accordion h2.current:after{position: absolute;content:''; right:10px;top: 22px;width: 9px;height: 9px;}

.accordion .pane{background:#1d5c8a;cursor: pointer;padding: 10px;box-sizing: border-box;border: 1px solid #55aff1;margin-bottom: 10px;display: none;float: left;width: 100%}

.accordion .pane *{color: #fff;}

*/

ul.audio-video {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 0
}

ul.audio-video li {
    background: #0188e2;
    box-sizing: border-box;
    display: table;
    float: left;
    height: 60px;
    margin: 0 2% 30px 0;
    position: relative;
    vertical-align: middle;
    width: 48%;
    padding: 15px;
    text-align: center;
}

ul.audio-video li a {
    color: #fff !important;
    display: table-cell;
    font: 16px/20px verdana;
    height: 100%;
    padding: 0;
    text-align: left;

    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    float: none;
}

ul.audio-video li span {
    display: block;
    text-align: center;
    margin: 10px;
    color: #fff !important;
}

/*Service list Styles*/

ul.service-list-design {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 0
}

ul.service-list-design li {
    background: #0188e2;
    box-sizing: border-box;
    display: table;

    float: left;
    height: 60px;
    margin: 0 2% 30px 0;
    position: relative;
    vertical-align: middle;
    width: 48%;
    padding: 0 5px;
}

ul.service-list-design.content-explore li {
    background: none;
    padding: 0 10px 0 10px;
    margin: 0 4% 15px 0;
    width: 95%;
    height: auto;
    padding-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #0188e2;
}

ul.service-list-design li a {
    color: #fff;
    display: table-cell;
    font: 16px/20px verdana;
    height: 100%;
    padding: 0;
    text-align: left;

    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    float: none;
}

ul.service-list-design.content-explore li a {
    text-align: left;
    display: block;
    font-size: 18px;
    color: #000;
}

/*******   conditions and treatment background imgs *******/

/*ul.service-list-design li span{position:absolute; top:-4px;  left:-26px; border: 3px groove #3c5c76; border-radius:0; height:80px;width: 80px;overflow: hidden;transition:0.1s all linear;box-shadow: 0 0 0 transparent;z-index:999;}*/

ul.service-list-design li span {
    position: relative;
    overflow: hidden;
    z-index: 99;
    width: 150px;
    float: left;
    height: 150px;
    margin-right: 10px;
}

ul.service-list-design li span.cmingSoon {
    background: rgba(0, 0, 0, 0.5);
    font-size: 8px;
    text-align: center;
}

/*ul.service-list-design li:hover span{transition:0.1s all linear;box-shadow: -5px 5px 10px #000,0px -0px 1px #3c5c76, 1px -1px 1px #3c5c76, 2px -2px 1px #3c5c76, 3px -3px 1px #3c5c76, 4px -4px 1px #3c5c76, 5px -5px 1px #3c5c76, 6px -6px 1px #3c5c76, 7px -7px 1px #3c5c76, 8px -8px 1px #3c5c76, 9px -9px 1px #3c5c76, 10px -10px 2px #3c5c76;top: 1px;left: -36px;border: 2px solid #3c5c76;}*/

ul.service-list-design li span img {
    height: 100%;
    width: 100%;
    border: 3px double #0188e2;
    object-fit: cover;
}

ul.service-list-design.content-explore .dataAppend {
    position: relative;
    z-index: 99;
    padding: 10px 0;
    box-sizing: border-box;
    color: #fff;
    text-align: right
}

ul.service-list-design.content-explore .dataAppend p {
    margin: 0 !important;
    color: #000;
    text-align: left
}

ul.service-list-design.content-explore .dataAppend a {
    text-align: right !important;
    display: inline-block !important;
    width: auto !important;
    padding: 10px !important;
    background: #3891d5;
    color: #fff;
    font-size: 14px;
}

/*Usefull links Style*/

.usefull-links-banner {
    text-align: center
}

.usefull-links-banner ul li {
    list-style: none;
    margin: 0 2% 10px !important;
    width: 43%;
    min-height: 135px;
    float: left;
    border: 2px solid #2065a6;
    padding: 10px 2% 0;
    border-radius: 25px 0;
    line-height: 18px;
    background: none !important;
}

.usefull-links-banner ul li:before {
    display: none;
}

.usefull-links-banner li span {
    display: block;
    height: 50px;
}

.usefull-links-banner li img {
    height: 150px;
}

/*Content image*/

.pageimg {
    float: right;
    max-width: 300px;
    margin: 10px 0 10px 10px;
}

.pageimg img {
    width: 100%;
    border: 2px solid #004880;
}

/*Contact us design*/

.address {

    float: left;

    padding: 1% 0% 10px 3%;

    width: 33%;

    line-height: 22px;

}

.map-icon {
    float: right;
    padding: 0px 0% 10px 0%;
    width: 57%;
    text-align: center;
}

.content .map-icon ul {
    padding-left: 0;
}

.map-icon ul li {
    float: left;
    margin-right: 2%;
    margin-left: 0;
    list-style: none !important;
    width: 98%;
    background: none;
}

.address-block,
#connect-sblock {
    border: 1px solid #004880;
    width: 99.5%;
    margin: 0 auto;
    margin-bottom: 0px;
    float: left;
    color: #666666;
    text-align: left;
}

.address-block {
    color: #000;
    margin: 20px 0;
    box-sizing: border-box;
}

#connect-sblock {
    background: #ccc;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

#connect-sblock ul li {
    float: left;
    padding: 15px 0 20px 25px;
    width: 42%;
    list-style: none !important;
    color: #000;
}

#connect-sblock ul li a {
    color: #000;
}

#connect-sblock ul li.phone {
    background: url(images/contact-icons.png) 0 -111px no-repeat;
}

#connect-sblock ul li.fax {
    background: url(images/contact-icons.png) 0 16px no-repeat;
}

#connect-sblock ul li.mail {
    background: url(images/contact-icons.png) 0 -48px no-repeat;
}

#connect-sblock ul li.website {
    background: url(images/contact-icons.png) 0 -176px no-repeat;
}

.address-block .form-heading,
.formhead {
    background: #004880;
    clear: both;
    color: #fff;
    font-size: 25px;
    margin: 0 auto 10px;
    padding: 5px 0 8px 10px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}

.address-block .form-heading a,
.formhead a {
    color: #fff;
    font-size: 25px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}

.address-block .form-heading a {
    color: #fff;
}

/*Joint Replacement*/

#accordion,
#accordion1 {
    width: 100%;
    float: left;
}

.img-right {
    float: right;
    width: 200px;
    margin: 10px;
    border: 1px solid #000;
    text-align: center;
    line-height: 24px;
    text-align: center;
}

#accordion h2,
#accordion1 h2 {
    padding: 10px 11px;
    width: 100%;
    font-size: 16px;
    background: #E0E0E0;
    color: #000;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

#accordion h2.ui-state-active,
#accordion1 h2.ui-state-active {
    background: #F0F0F0;
    color: #000;
    font-size: 16px;
}

#accordion h3,
#accordion1 h3 {
    font-size: 15px !important;
    margin: 5px 0px;
}

/*#accordion div, #accordion1 div {	height: auto !important;width: 100%;}*/

/* Media Query For Different Screens */

iframe[src*=c-MTQyNDI0OS42] {
    width: 100%;
    margin: 10px 0
}

iframe {
    width: 100%;
    margin: 10px 0
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #252525 !important;
}

.ui-accordion .ui-accordion-header {
    float: left;
    width: 100%;
    margin: 5px 0px;
}

.services-condition h3.ui-accordion-header-active {
    background: #252525 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #005525 !important;
}

.content-img {
    float: right;
    margin: 10px;
}

.dr-profile {
    float: left;
    margin: 10px;
}

.our-staff {
    float: left;
    margin: 0px;
}

.our-staff li {
    width: 30%;
    float: left;
    margin: 10px;
    border: 1px solid #ccc;
    list-style: none !important;
    background: none;
    text-align: center;
    padding: 10px;
}

.new-year li {
    float: left;
    width: 45%;
    margin: 0px 10px
}

.post-meta-entry {
    display: none !important
}

.pagelet-posts li {
    float: left !important;
    width: 100% !important;
    border-bottom: 1px dotted #000 !important;
    background: none !important
}

.pagelet-posts li p.read-more {
    float: right !important;
    display: none !important;
}

ul.service-list-design.landingPage li {
    width: 240px;
    padding-bottom: 10px;
    border: 2px solid #000;
    padding-top: 5px;
    float: none;
    display: inline-block;
    height: auto;
    vertical-align: top;
    background: #000 !important;
}

ul.service-list-design.landingPage {
    text-align: center;
}

ul.service-list-design.landingPage li a {
    display: block;
}
.pat-portal {
    float: left !important;
}
.dr-education li {
    list-style: none !important;
    background: none !important;
}



@media screen and (max-width : 1170px) {

    ul.contact-info li.location {
        margin: 0px 18px 20px 0px;
    }

    .head-right {
        width: 75%;
    }

    .gridWrapper {
        width: 100%;
    }

    ul.contact-info li.location a {
        margin: 0px 30px 20px 0px;
    }

    .logo {
        width: 226px;
        margin: 0px 0px 0px 10px;
    }

    .head-right {
        width: 75%;
    }

    .menu > li > a {
        padding: 4px 17px;
    }

    .banner-services {
        width: 43%;
        right: 0px;
    }

    .banner_container6 {
        margin: 220px 0 0 47%;
    }

    .doctors-text {
        width: 57%;
        margin: 94px 0px 0px 0%;
    }

    .patient-resources-container li {
        width: 25%;
        margin: 10px 0%;
    }

    .credibility-container li {
        margin: 17px 4%;
    }

    .copyrights {
        width: 70%;
    }

    .footer-menu {
        width: 70%;
    }

    .footer-sixth {
        width: 38%;
    }

    .banner_container4 {
        margin: 144px 0 0 44%;
    }

    article {
        width: 62%;
    }

    ul#controls {
        right: 73px;
    }

    .banner-services-bullet {
        top: 551px;
    }

}

@media screen and (max-width : 1023px) {

    .newTop {
        margin: 0 auto;
        display: table;
    }

    ul.newTop li {
        margin: 0 5px;
    }

    .nbs-flexisel-container {
        max-width: 95%;
        margin: 0 auto;
    }

    ul.contact-info li.location a {
        margin: 0px 6px 20px 0px;
    }

    .menu > li > a {
        padding: 4px 15px;
    }

    .banner_container2 {
        width: 32%;
    }

    .footer-menu {
        padding: 0 16px;
    }

    .credibility-container li {
        margin: 17px 3%;
    }

    .footer-menu {
        padding: 0 16px;
    }

    .credibility-container li {
        margin: 17px 3%;
    }

    .banner_container5,
    .banner_container4,
    .banner_container3 {
        left: 47%;
    }

    .banner_container4 {
        margin: 180px 0 0 1%;
    }

    .honors {
        width: 99%;
    }

    ul#controls {
        top: 438px;
        right: 20px;
        z-index: 300;
    }

    article {
        width: 64%;
        margin: 0px 0px 0px 20px;
    }

    .our-staff li {
        width: 43%;
    }

    ul.contact-info li.location {
        width: 42%;
        margin: 9px 2px;
    }

    .our-physicain {
        left: 47%;
    }

    .banner-services-bullet {
        top: 544px;
    }

    .doctors-text h2 a {
        font: 500 39px/54px'Lato', sans-serif;
    }

}

@media screen and (max-width : 975px) {

    .logo {
        float: none;
        width: 215px;
        padding: 15px 0px 5px 0px;
        margin: 0px auto;
        text-align: center;
    }

    .head-right {
        width: 98%;
        float: none;
        margin: 10px auto;
    }

    .menu > li > a {
        padding: 11px 16px;
    }

    .banner-services {
        width: 54%;
    }

    .banner_container2 {
        left: 36.79%;
        top: 1px;
    }

    .banner_container2 a span {
        font: 700 53px/51px "Roboto", sans-serif;
    }

    .banner_container5,
    .banner_container3 {
        left: 59%;
    }

    .banner_container4 {
        margin: 23px 0 0 0%;
        left: 46%;
    }

    .banner_container6 {
        margin: 107px 0 0 60%;
    }

    .doctor-img {
        width: 42%;
    }

    .doctors-text {
        margin: 0 0px 0px 0%;
        min-height: 498px;
    }

    .doctors-text h2 a {
        font: 500 32px/55px'Lato', sans-serif;
    }

    .banner-services-bullet {
        top: 528px;
    }

    .meet-doctors {
        min-height: 506px;
    }

    .services-container li {
        min-height: 295px;
    }

    .subchondroplasty-procedure {
        width: 49%;
    }

    .lipogens-procedure {
        width: 49%;
    }

    .patient-resources-container li {
        background: url('images/patient-resources-li-bg.png') no-repeat center 0px / 92%;
    }

    .patient-resources-container li:hover {
        background: url('images/patient-resources-li-bg-h.png') no-repeat center 0px / 92%;
    }

    .patient-resources-container li a {
        padding: 108px 0px 30px;
    }

    .credibility-container li {
        margin: 10px 11px;
        width: 30%;
    }

    .footer-fifth {
        padding: 0px 0 0px 0px;
    }

    .footer-fourth {
        padding: 0px 0px 0px 23px;
    }

    .copyrights,
    .footer-menu {
        width: 100%;
        text-align: center;
    }

    .footer-menu {
        padding: 0 16px 20px;
    }

    .ypo {
        margin: 10px auto 10px;
        width: 114px;
        float: none;
        clear: both;
    }

    .footer-sixth {
        width: 97%;
        margin: 7px 0px 23px 20px;
    }

    .services-box li {
        border: 1px dashed #000 !important;
        min-height: 322px;
        width: 30%;
        margin: 10px;
    }

    .services-box li.services-box9 {
        float: left;
        margin: 10px auto;
    }

    .services-box li.services-box9 a {
        padding-top: 180px;
    }

    article {
        width: 55%;
    }

    .our-physicain {
        top: 8px;
    }

    .usefull-links-banner ul li {
        margin: 10px auto;
        width: 300px;
        float: none;
    }

    ul.service-list-design li {
        float: none;
        margin: 10px auto;
        width: 300px;
    }
    .newTop {
        margin: 0 auto;
        display: table;
        margin-right: 32%;
    }
    ul.contact-info li.location {
        width: 42%;
        margin: 10px auto;
        text-align: center;
        margin-right: 28%;
    }
    ul.contact-info li.location {
         width: auto !important; 
        margin: 0 auto;
        text-align: center;
        display: block;
        float: none;
    }

}

@media screen and (max-width : 767px) {

    .services-container li.service9 {
        width: 25%;
    }

    article {
        width: 95%;
        margin: 0 auto;
        float: none;
    }

    aside {
        clear: both;
        float: none;
        margin: 0 auto;
    }

    .dfw-off {
        position: relative !Important
    }

    .head-right {
        width: 97%;
    }

    ul.contact-info li.location {
        width: 210px;
        margin: 16px 0px 0px;
    }

    .banner-tabs-home {
        top: -469px;
        left: 92px;
    }

    .banner-services,
    .banner_container2 {
        display: none;
    }

    .banner_container5,
    .banner_container3,
    .banner_container4,
    .banner_container6 {
        display: none;
    }

    .meet-doctors {
        min-height: 571px;
    }

    .banner-services-bullet {
        top: 530px;
    }

    .services-container li a {
        padding: 140px 0 24px 0;
        background-size: 79% !important;
    }

    .services-container li {
        min-height: 233px;
    }

    .subchondroplasty-procedure p a,
    .lipogens-procedure p a {
        font: 700 20px/30px'Lato', sans-serif;
    }

    .patient-resources-container li {
        width: 33%;
        margin: 10px 7%;
    }

    .patient-resources-container li a {
        padding: 108px 0px 59px;
    }

    .credibility-container li {
        margin: 10px 9px;
        width: 30%;
    }

    .services-box li {
        width: 45%;
    }

    .our-physicain {
        top: 20px;
    }

    .our-physicain {
        top: 19px;
    }

    .our-physicain {
        width: 275px;
    }

    .dr-profile {
        float: none;
        margin: 10px auto;
        width: 300px;
    }

    .doctors-text h2 a {
        font: 500 25px/55px'Lato', sans-serif;
    }

    nav {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    .slicknav_btn {
        position: absolute;
        display: block;
        vertical-align: middle;
        float: left;
        padding: 0.438em 0.625em 0.438em 0.625em;
        line-height: 1.125em;
        cursor: pointer;
    }

    .slicknav_menu .slicknav_menutxt {
        display: block;
        line-height: 1.188em;
        float: left;
        font-family: "Lato", sans-serif;
    }

    .slicknav_menu .slicknav_icon {
        float: left;
        margin: 0.188em 0 0 0.438em;
    }

    .slicknav_menu .slicknav_no-text {
        margin: 0
    }

    .slicknav_menu .slicknav_icon-bar {
        display: block;
        width: 1.125em;
        height: 0.125em;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: 0.188em
    }

    .slicknav_nav {
        clear: both
    }

    .slicknav_nav ul,
    .slicknav_nav li {
        display: block;
        width: 100% !important;
    }

    .slicknav_nav .slicknav_arrow {
        font-size: 0.8em;
        float: left;
        padding: 2px 5px 0 0;
    }

    .slicknav_nav .slicknav_item {
        display: block;
        cursor: pointer;
    }

    .slicknav_nav a {
        display: block
    }

    .slicknav_nav .slicknav_item a {
        display: inline;
    }

    .slicknav_menu:before,
    .slicknav_menu:after {
        content: " ";
        display: table;
    }

    .slicknav_menu:after {
        clear: both
    }

    /* IE6/7 support */

    .slicknav_menu {
        *zoom: 1
    }

    .slicknav_menu {
        font-size: 16px;
    }

    .slicknav_btn {
        margin: 5px 5px 6px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #618fba;
        position: relative;
        right: 0px;
        top: 0px;
    }

    /* Button Text */

    .slicknav_menu .slicknav_menutxt {
        color: #FFFFFF;
        text-shadow: 0 1px 3px #000;
    }

    /* Button Lines */

    .slicknav_menu .slicknav_icon-bar {
        background-color: #cecece;
    }

    .slicknav_menu {
        background: #057bce;
        padding: 5px;
        margin: 0px 0px 0px;
    }

    .slicknav_nav {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 0.875em;
    }

    .slicknav_nav,
    .slicknav_nav ul {
        list-style: none;
        overflow: hidden;
    }

    .slicknav_nav ul {
        padding: 0;
        margin: 0 0 0 20px;
    }

    .slicknav_nav .slicknav_item {
        padding: 10px 10px;
        margin: 2px 5px;
    }

    .slicknav_nav a img {
        -webkit-filter: grayscale(100%) contrast(325%);
    }

    .slicknav_nav a {
        padding: 8px 10px;
        margin: 2px 5px;
        text-decoration: none;
        color: #fff;
        font: normal 15px/17px "Lato", sans-serif;
    }

    .slicknav_nav .slicknav_item a {
        padding: 0;
        margin: 0;
    }

    .slicknav_nav .slicknav_item:hover {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .slicknav_nav a:hover {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #618fba;
        color: #fff;
    }

}

@media screen and (max-width : 639px) {

    .services-container li.service9 {
        width: 45%;
    }

    iframe[src*=c-MTI4MTkxMy42] {
        height: 350px;
    }

    /* Menu CSS */

    ul.contact-info li {
        float: none !important;
        width: 217px !important;
        margin: 10px auto !important;
    }

    .banner-tabs-home {
        left: 20px;
    }

    article h1 {
        font-size: 23px;
    }

    #Banner .bannerContent .bannerHead,
    #BannerInner .bannerContent .bannerHead {
        display: none
    }

    .doctor-img {
        width: 300px;
        float: none;
        margin: 10px auto;
    }

    .banner-services-bullet {
        top: 393px;
        right: 84px;
    }

    .doctors-text {
        width: 97%;
        margin: 10px 0px 0px 0%;
        padding: 10px 20px;
        min-height: 440px;
    }

    .services-container li {
        width: 45%;
        margin: 10px;
        border: 1px solid #ccc;
        min-height: 282px;
    }

    .services-container li a {
        padding: 189px 0 24px 0;
    }

    .services-container ul li.service5,
    .services-container ul li.service6,
    .services-container ul li.service7,
    .services-container ul li.service8 {
        border: 1px solid #ccc !important;
    }

    .services-container ul li:last-child,
    .services-container ul li.service4 {
        border: 1px solid #ccc;
    }

    .services-container h2 a {
        padding: 45px 0px 10px;
    }

    .subchondroplasty-procedure,
    .lipogens-procedure {
        width: 90%;
        float: none;
        margin: 30px auto;
        text-align: center;
    }

    .subchondroplasty-sec {
        background: #1b61b6;
    }

    .subchondroplasty-procedure a.learn-more,
    .lipogens-procedure a.learn-more {
        padding: 7px 0px 7px;
        border: 1px solid #ccc;
        width: 120px;
        float: none;
        margin: 10px auto;
    }

    .subchondroplasty-procedure p,
    .lipogens-procedure p {
        margin: 0px 0px 15px 0;
    }

    .recent-post-sec {
        width: 93%;
    }

    .patient-resources-container li {
        width: 48%;
        margin: 10px 1%;
    }

    .patient-resources-container li a {
        padding: 108px 0px 78px;
    }

    .credibility-container li {
        margin: 10px auto;
        width: 300px;
        float: none;
    }

    .footer-fifth,
    .footer-fourth {
        float: none;
        margin: 28px auto;
        width: 95%;
        text-align: left;
        padding: 0px 0 0px 24px;
        clear: both;
    }

    .copyrights {
        width: 300px;
        float: none;
        margin: 10px auto;
    }

    .footer-menu,
    .footer-sixth {
        width: 96%;
        float: none;
        margin: 10px auto;
    }

    .footer-fourth ul li {
        float: none;
        width: 300px;
        margin: 10px auto;
        padding: 0px 30px 0px 0px;
    }

    .orthowashington-container {
        margin: -415px 0px 60px;
    }

    .our-physicain {
        left: 40%;
    }

    #Banner li,
    #BannerInner li {
        background-size: cover !important;
    }

    .dfw-whitemode .parentMenu li li,
    .dfw-whitemode .parentMenu li.actMenu li {}

    .dfw-blackmode .parentMenu li li,
    .dfw-blackmode .parentMenu li.actMenu li {}

    .dfw-whitemode .parentMenu li.actMenu .parentList {}

    .Wrapper {
        z-index: 9999;
        background: #3d455c;
        font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
    }

    .Wrapper.Mobile-Menu {
        position: absolute;
        width: 100%;
        left: 0px;
        display: none;
    }

    .Wrapper.slideMenu {
        position: fixed;
        width: 90%;
        top: 0px;
        display: block;
    }

    .slideLeft .Wrapper.slideMenu {
        left: -90%
    }

    .slideLeft .Wrapper.slideMenu.showMenu {
        left: 0px;
    }

    .slideRight .Wrapper.slideMenu {
        right: -90%;
    }

    .slideRight .Wrapper.slideMenu.showMenu {
        right: 0px;
    }

    .slideRight,
    .slideLeft,
    .Wrapper.slideMenu {
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -ms-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
        right: 0
    }

    .slideLeft.slideContainer {
        left: 90%;
    }

    .slideRight.slideContainer {
        right: 90%;
        position: relative;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -ms-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }

    #backtobot {
        display: none !important;
    }

    .our-physicain {
        left: 19%;
    }

}

@media screen and (max-width : 479px) {

    .services-box li.services-box9 {
        float: none;
    }

    .services-container li.service9 {
        width: 230px;
    }

    .our-physicain {
        left: 4%;
    }

    .breadcrumbs h1 {
        font-size: 20px;
    }

    .banner-services-bullet {
        top: 485px;
    }

    .mob-services {
        display: block;
        width: 300px;
        margin: 35px auto;
    }

    .mob-services li a {
        font-size: 18px;
        color: #fff;
        display: block;
        background: #0a5da2;
        padding: 10px 10px;
        text-align: center;
        margin: 6px 0px;
    }

    .orthowashington-container {
        padding: 30px 0px;
    }

    #meet-doctors {
        margin: 10px 0px 0px;
    }

    .mob-services li a:hover {
        color: #000;
        background: #fafafa;
    }

    .banner-tabs-home,
    #slider3 {
        display: none;
    }

    .banner {
        background: #18a3f8;
        min-height: 300px;
    }

    .orthowashington-container {
        margin: 0px 0px 0px;
    }

    ul#controls {
        display: none;
    }

    .banner-services-bullet {
        right: 14px;
    }

    .doctors-text h2 a {
        font: 500 27px/55px'Lato', sans-serif;
    }

    .doctors-text p span {
        font: 400 11px/20px 'Lato', sans-serif;
    }

    .services-container li {
        width: 230px;
        margin: 10px auto;
        min-height: 282px;
        float: none;
        min-height: 250px;
    }

    .patient-resources-container li {
        width: 221px;
        margin: 10px auto;
        float: none;
    }

    .sign-up {
        width: 297px;
    }

    .footer-fifth,
    .footer-fourth {
        padding: 0px 0 0px 0px;
    }

    .services-box li {
        width: 259px;
        float: none;
        margin: 10px auto;
        height: auto;
    }

    .our-staff li {
        width: 300px;
        float: none;
        margin: 10px auto;
    }

}

@media screen and (max-width : 359px) {

    ul.newTop li:nth-child(2) a {
        margin-right: 0;
    }

}