@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?51729419');
    src: url('../fonts/fontello.eot?51729419#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?51729419') format('woff2'), url('../fonts/fontello.woff?51729419') format('woff'), url('../fonts/fontello.ttf?51729419') format('truetype'), url('../fonts/fontello.svg?51729419#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ---------- Theme CSS ---------- */

#Map-Container,
#Profil-section,
#Expertise-section,
#Video-section,
#Sub-credits-Section,
#Service-container,
#Patient-Review,
#MAP,
#Interests {
    
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Accessibility,
#Header,
#Banner,
#Content-Main,
#Footer,
#Main-Menu,
#Mobile-Menu,
#Service,
#Credibility,
#Profile,
#Expertise-content,
#Video-content,
#Sub-credits-content,
#Service-content,
#Patient-Review-Intra,
#Map-Intra,
#Interests-Intra {
    max-width: 1170px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}


/* Navigation CSS */

.navigation {
    font: 500 14px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #0054a5;
    padding: 10px 0px 10px 10px;
}

.navigation a {
    color: #414141;
}


/* Text CSS */

.textMain {
    font: 400 14px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #2d2f2f;
}

.textMain a {
    color: #141414;
}

.textMain a:hover {
    color: #000;
}

.align-center {
    text-align: center !important;
}

.textMain h1 {
    font: 600 24px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #414141;
}

.textMain h1 span {
    font: 400 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #4d4d4d;
}

.textMain h2,
.hTag2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
    font: 600 21px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

.textMain h2 span {
    font: 400 16px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.textMain h2 a,
.hTag2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
    color: #014cbe;
}

.textMain h3,
.hTag3,
.textMain h2.hTag3,
.textMain h4.hTag3 {
    font: 500 18px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #353535;
}

.textMain h3 a,
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h4.hTag3 a {
    color: #353535;
}

.textMain h4,
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4 {
    font: 400 20px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #014cbe;
}

.textMain h4 a,
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a {
    color: #014cbe;
}


/* Webiste Code */

.header-grid {
    padding: 10px 0;
    text-align: center;
}

.logo-cell {
    text-align: left;
}

.logo-cell a {
    display: inline-block;
}

.donald-dolce-logo {
    padding: 0 1%;
    width: 65%;
    /* border-right: 2px solid #bebebe; */
}

.bone-and-joint-logo {
    width: 30%;
    padding: 0 2%;
}

.social-links {
    margin: 15px 0;
}

.social-links li {
    display: inline-block;
    margin: 0px auto;
    width: 35px;
    height: 35px;
}

.social-links li > a {
    /*display: block;
    padding: 13px;
    border: 2px solid #bebebe;*/
    border-radius: 50%;
    padding: 0;
}

/*.facebook {
    background: #fff url(../images/facebook.png)no-repeat center center;
}

.twitter {
    background: #fff url(../images/twitter.png)no-repeat center center;
}

.linkedin {
    background: #fff url(../images/linkedin.png)no-repeat center center;
}

.google {
    background: #fff url(../images/google.png)no-repeat center center;
}

.youtube {
    background: #fff url(../images/youtube.png)no-repeat center center;
}

.instagram {
    background: #fff url(../images/insta.png)no-repeat center center;
}*/


.facebook {
	background: url(../images/fbook-icon.png) no-repeat center center;
	width: 40px;
	height: 31px;
	background-size: 36px;
}

.linkedin {
	background: url(../images/linked-in-icon.png) no-repeat center center;
	width: 30px;
	height: 30px;
	background-size: 30px;
}

.instagram {
	background: url(../images/instagram-icon.png) no-repeat center center;
	width: 40px;
	height: 31px;
	background-size: 40px;
}

/*.youtube:hover {
    background: #222222 url(../images/youtube-hover.png)no-repeat center center;
    border: 2px solid #222222;
}

.facebook:hover {
    background: #222222 url(../images/facebook-hover.png)no-repeat center center;
    border: 2px solid #222222;
}

.twitter:hover {
    background: #222222 url(../images/twitter-hover.png)no-repeat center center;
    border: 2px solid #222222;
}

.linkedin:hover {
    background: #222222 url(../images/linkedin-hover.png)no-repeat center center;
    border: 2px solid #222222;
}

.google:hover {
    background: #222222 url(../images/google-hover.png)no-repeat center center;
    border: 2px solid #222222;
}*/

.contact-cell {
    vertical-align: middle;
    text-align: right
}

.contact-cell a {
    display: inline-block;
    padding: 5px 20px 5px 40px;
    color: #000;
}

.book-app {
    background: url(../images/book-appoint.png) no-repeat 20px center;
    font: 600 16px/22px "Work Sans", serif;
    border-right: 1px solid #bebebe;
}

.phone-no {
    background: url(../images/ph-call.png) no-repeat 20px center;
    font: 400 18px/24px "Work Sans", serif;
    padding-right: 0px;
}


/* .book-app:hover {
    background: url(../images/book-appoint-hover.png) no-repeat 20px center;
    color: #000
}

.phone-no:hover {
    background: url(../images/ph-call-hover.png) no-repeat 20px center;
    color: #000;
} */

nav {
    background: #000;
    border-bottom: 2px solid #000;
}

#Profile-Section {
    background: url(../images/profback-mid.jpg) no-repeat;
    background-size: cover;
}

.profile-intro {
    padding: 70px 0 60px 0;
    position: relative;
}

.profile-left {
    background: url(../images/profback-l.jpg) no-repeat right top;
}

.profile-right {
    background: url(../images/profback-r.jpg) no-repeat left top;
}

.profile-intro h1 {
    font: 700 40px/41px "Lora", serif;
    color: #3f3f3f;
    padding: 0 0 0 10px;
}

.profile-intro span {
    font: 300 26px/29px "Work Sans", serif;
    color: #3e3e3e;
    padding: 0 0 0 10px;
    display: block
}

.profile-intro ul {
    max-width: 610px;
    padding: 30px 0 0 0;
    position: relative;
    z-index: 9;
}

.profile-intro li {
    font: 300 16px/20px "Work Sans", serif;
    color: #3b3b3b;
    padding: 0 0 0 30px;
    background: url(../images/list-bullet.png)no-repeat 13px 8px;
}

.profile-intro a {
    display: inline-block;
    font: 600 16px/22px "Work Sans", serif;
    padding: 10px 15px;
    border: 2px solid #a3a3a3;
    margin: 20px 0 20px 10px;
    color: #000;
    background: #ffec24;
}

.profile-intro a:hover {
    color: #fff;
    background: #000;
    border: 2px solid #000;
}

#Interests {
    background: #fff;
}

.dr-profile {
    position: absolute;
    right: 0;
    bottom: 0;
}

.profile-interests {
    position: relative;
    margin: 0;
    text-align: center;
    z-index: 9999;
}

.profile-interests>ul>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -5px;
    min-height: 268px;
    min-width: 310px;
    min-height: 340px;
}

.profile-interests #middle-image {
    min-width: inherit ! important;
}

.team-physician {
    padding: 40px 20px;
    background: #000;
    text-align: center;
    z-index: 999;
}

.team-physician a {
    display: block;
    margin: 0 0 2px 0;
}

.team-physician h2 {
    margin: -25px auto 20px auto;
    font: 300 26px/32px "Work Sans", serif;
    color: #ffeb1a;
    background: #000;
    width: 210px;
}

.team-physician div {
    border: 2px solid #4d4600;
    padding: 5px;
}

.research-interests {
    background: #222222;
    width: 45%;
    padding: 30px 10px 30px 30px;
    position: relative;
    text-align: left;
}

.research-interests h3 {
    font: 700 22px/28px "Work Sans", serif;
    color: #ffeb1a;
}

.research-ul {
    text-align: center;
    margin: 20px 0;
}

.research-ul li {
    font: 300 16px/22px "Work Sans", serif;
    color: #fff;
    background: #fff;
    display: inline-block;
    text-align: center;
    border: 1px solid #000;
    padding: 10px;
    margin: 5px;
}

.research-ul li img {
    width: 100px;
}

.research-ul li span {
    display: block;
    color: #000;
}

.research-interests a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffeb1a;
    padding: 10px 20px;
    font: 600 16px/20px "Work Sans", serif;
    width: 160px;
    background: url(../images/arrow-icon.png) no-repeat 90% center #000;
}

.research-interests a:hover {
    background: url(../images/arrow-icon.png) no-repeat 90% center #fff;
    color: #000;
}

.profile-credits {
    padding: 50px 0;
}

.profile-credits ul {
    text-align: center;
}

#Expertise-section {
    background: #323232;
}

.exp-grid {
    padding: 100px 0 0 0;
    text-align: center;
}

.exp-img {
    background: url(../images/areasofexp.jpg) no-repeat;
    position: relative;
    width: 50%;
    height: 490px;
}

.exp-img-left {
    background: url(../images/left-areasofexp.jpg) no-repeat right top;
}

.exp-def {
    border: 3px solid #fff;
    display: inline-block;
}

.exp-def ul {
    margin: 30px -40px 30px 20px;
}

.exp-def>ul li {
    max-width: 550px;
    text-align: left;
}

.exp-def a>span {
    display: block;
    font: 600 20px/26px "Work Sans", serif;
}

.exp-def a {
    display: block;
    padding: 23px 20px 23px 130px;
    font: 300 13px/19px "Work Sans", serif;
    color: #fff;
}

.exp-def h2 {
    font: 700 32px/38px "Lora", serif;
    color: #f4e4ff;
    margin: -25px auto 0 auto;
    background: #333333;
    width: 300px;
}

.ligament {
    background: #505050 url(../images/ligament.jpg) no-repeat left top;
}

.cartilage {
    background: #222222 url(../images/cartilage.jpg) no-repeat left top;
}

.fracture {
    background: #505050 url(../images/fracture.jpg) no-repeat left top;
}

.ligament:hover {
    background: #222222 url(../images/ligament-on.jpg) no-repeat left top;
}

.cartilage:hover {
    background: #505050 url(../images/cartilage-on.jpg) no-repeat left top;
}

.fracture:hover {
    background: #222222 url(../images/fracture-on.jpg) no-repeat left top;
}

#Video-content {
    background: url(../images/vidban-mid.jpg) no-repeat;
    background-size: cover;
    min-height: 490px;
    padding: 40px 0;
}

.vidban-L {
    background: url(../images/vidban-left.jpg) no-repeat right top;
}

.vidban-R {
    background: url(../images/vidban-right.jpg) no-repeat left top;
}

.resource-left,
.resource-right {
    width: 222px;
}

.video-grid {
    text-align: center;
    min-height: 290px;
}

.video-grid>div {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.resource-vid {
    position: relative;
    margin: 0 -5px;
    width: 34.5%;
    min-width: 320px;
}

.resource-vid h2 {
    position: absolute;
    left: 0;
    top: 0;
    background: #e8d722;
    opacity: 0.92;
    text-align: center;
    right: 0;
    font: 400 22px/25px "Lora", serif;
    padding: 20px 0;
}

.resource-vid a {
    display: block;
    min-height: 100px;
    max-width: 100px;
    position: absolute;
    left: 40%;
    top: 30%;
}

.video-grid a {
    text-align: center;
    color: #e8d722;
    font: 300 20px/26px "Work Sans", serif;
    display: block;
    padding: 26px 15px;
    text-transform: capitalize;
}

.video-grid span {
    display: block;
    height: 50px;
    text-align: center;
}

.visit,
.forms,
.insurance,
.post-op {
    text-align: center;
}

.visit,
.post-op {
    background: #222222;
    max-width: 320px;
}

.visit:hover,
.post-op:hover {
    background: #393939;
    ;
    max-width: 320px;
}

.forms,
.insurance {
    background: #393939;
    max-width: 320px;
    position: relative;
}

.forms:hover,
.insurance:hover {
    background: #222222;
}

.forms:hover::before {
    background: #222222;
}

.insurance:hover::before {
    background: #222222;
}

.forms:before {
    position: absolute;
    content: '';
    width: 48px;
    height: 100%;
    background: #393939;
    left: -48px;
    top: 0;
}

.insurance:before {
    position: absolute;
    content: '';
    width: 48px;
    height: 100%;
    background: #393939;
    right: -48px;
    top: 0;
}

.visit span {
    background: url(../images/patient-visit.png) no-repeat center center;
}

.forms span {
    background: url(../images/patient-forms.png) no-repeat center center;
}

.insurance span {
    background: url(../images/insurance.png) no-repeat center center;
}

.post-op span {
    background: url(../images/post-opr.png) no-repeat center center;
}

.video-grid>h2 {
    font: 700 36px/42px "Lora", serif;
    margin: 20px 16%;
    text-align: left;
    color: #fff;
}

footer {}

#Footer {
    padding: 40px 0;
    background: url(../images/footback-mid.jpg) no-repeat;
    background-size: cover;
}

.footback-L {
    background: url(../images/footback-l.jpg) no-repeat right top;
    background-size: auto 100%;
}

.footback-R {
    background: url(../images/footback-r.jpg)no-repeat left top;
    background-size: auto 100%;
}

.footer-grid>div {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0 10px;
}

.footer-grid .foot-contact {
    width: 48%;
    height: 350px;
}

.footer-grid {
    padding: 30px 0 20px 0;
}

.footer-grid h2 {
    font: 700 24px/30px "Lora", serif;
    color: #fff;
    margin: 10px 0 20px 0;
}

.footer-menu li {
    font: 400 14px/24px "Work Sans", serif;
    text-transform: capitalize;
    letter-spacing: 0.25px;
}

.footer-menu li a {
    color: #fff;
}

.specialities li {
    font: 400 14px/24px "Work Sans", serif;
    letter-spacing: 0.25px;
}

.specialities li a {
    color: #fff;
}

.copyrights a {
    font: 400 15px/21px "Work Sans", serif;
    color: #fff;
}

.copyrights a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyrights {
    padding: 20px 20px 20px 20px;
    background: #4a4c4f;
    opacity: 0.6;
    margin-bottom: 30px
}

.copyrights div {
    display: inline-block;
}

.copyr-links {
    width: 100%;
    text-align: center;
}

.copyr-name {
    width: 100%;
    min-width: 170px;
    text-align: center;
    padding: 10px 0;
}

.copyr-name span {
    font: 400 15px/21px "Work Sans", serif;
    color: #fff;
}

.ypo-logo {
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 15px 0 0 0;
}


/* banner starts here*/

#Banner-Container {
    background: url(../images/service-banner.jpg)no-repeat;
    height: 550px;
    padding: 15px 0 0 0;
}

.banner-grid {
    padding: 2px;
    border: 5px solid transparent;
    border-image: url(../images/border.png) 7 repeat;
}

.banner-grid .table-cell {
    width: 22%;
    height: 450px;
    position: relative;
    transition: 0.4s all ease;
    border-bottom: 2px solid #000;
    border-right: 1px solid #393b3e;
}

.banner-grid ul>li {
    background: url(../images/list-bullet.png)no-repeat 0 center;
}

.banner-grid ul>li a {
    color: #000;
    font: 600 14px/22px "Work Sans", serif;
    text-transform: capitalize;
    display: block;
    padding: 5px 20px;
}

.banner-grid span {
    font: 700 18px/26px "Work Sans", serif;
    color: #000;
    text-transform: capitalize;
    display: block;
}

.hip-link,
.shoulder-link,
.elbow-link,
.knee-link {
    display: block;
    text-align: center;
    padding: 65px 0 10px 0;
    font: 700 18px/24px "Work Sans", serif;
    color: #ffe900;
    width: 135px;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.shoulder-link {
    background: #343434 url(../images/shoulder-ico-home.png) no-repeat center center;
    vertical-align: bottom;
}

.elbow-link {
    background: #343434 url(../images/elbow-ico.png) no-repeat center center;
}

.hip-link {
    background: #343434 url(../images/hip-ico.png) no-repeat center center;
}

.knee-link {
    background: #343434 url(../images/knee-ico.png) no-repeat center center;
}

.ser-shoulder {
    background: #343434 url(../images/ser-shoulder.jpg)no-repeat;
    background-size: cover;
}

.ser-shoulder:hover {
    width: 27%;
}

.banner-grid>div div {
    width: 100%;
    height: 100%;
    padding: 50px 5px 0 10%;
    display: none;
}

.banner-grid>div:hover div {
    display: block;
    background: #fff;
    opacity: 0.8;
}

.banner-grid>div:hover>a {
    width: auto;
    left: 0;
    right: 0;
    background-color: #393939;
}

.ser-elbow {
    background: url(../images/ser-elbow.jpg)no-repeat;
    background-size: cover;
}

.ser-elbow:hover {
    width: 27%;
}

.ser-hip {
    background: url(../images/ser-hip.jpg)no-repeat;
    background-size: cover;
}

.ser-hip:hover {
    width: 27%;
}

.ser-knee {
    background: url(../images/ser-knee.jpg)no-repeat;
    background-size: cover;
}

.ser-knee:hover {
    width: 27%;
}

.banner-content {
    position: absolute;
    right: 30%;
    top: 35%;
}

.banner-content .banner-head {
    color: #ffe900;
    font: 700 30px/36px "Work Sans", serif;
}

.banner-content .banner-head a {
    color: #ffe900;
}

#Banner-Container-S #Banner {
    height: 236px;
}

#Banner-Container-S .banner1 {
    background: url(../images/sub-banner-1.jpg) no-repeat left top;
    position: relative;
}

#Banner-Container-S .banner1 .theme-L {
    background: #c5c8cd right top;
}

#Banner-Container-S .banner1 .theme-R {
    background: url(../images/sub-banner-1-r.jpg) left top;
}

#Banner-Container-S .banner2 {
    background: url(../images/sub-banner-2.jpg) no-repeat left top;
    position: relative;
}

#Banner-Container-S .banner2 .theme-L {
    background: url(../images/sub-banner-2-l.jpg) right top;
}

#Banner-Container-S .banner2 .theme-R {
    background: url(../images/sub-banner-1-r.jpg) left top;
}

#Banner-Container-S .banner3 {
    background: url(../images/sub-banner-3.jpg) no-repeat left top;
    position: relative;
}

#Banner-Container-S .banner3 .theme-L {
    background: #c5c8cd right top;
}

#Banner-Container-S .banner3 .theme-R {
    background: url(../images/sub-banner-1-r.jpg) left top;
}

#Banner-Container-S .banner4 {
    background: url(../images/sub-banner-4.jpg) no-repeat left top;
    position: relative;
}

#Banner-Container-S .banner4 .theme-L {
    background: #c5c8cd right top;
}

#Banner-Container-S .banner4 .theme-R {
    background: url(../images/sub-banner-1-r.jpg) left top;
}


/*profile page*/

#Content {
    padding-right: 20px;
}

#Sidebar {
    width: 300px;
}

.profile-image {
    background: #80368f;
    width: 25%;
    text-align: center;
    padding: 6px 0 0 0;
    min-width: 200px;
}

.side-specialities p {
    font: 700 24px/30px "Lora", serif;
    color: #000;
    background: #fff;
    border: 4px solid #343434;
    border-bottom: none;
    text-transform: uppercase;
    padding: 10px 4px;
    text-align: center;
}

.side-specialities ul {
    text-align: center;
}

.side-specialities ul>li {
    text-align: left;
    margin-bottom: 3px;
}

.side-specialities a {
    font: 700 18px/24px "Work Sans", serif;
    display: block;
    color: #fff;
    padding: 20px 10px 20px 100px;
}

.side-shoulder {
    background: #343434 url(../images/sub-shoulder-ico.png)no-repeat 20px 10px;
}

.side-elbow {
    background: #343434 url(../images/sub-elbow-ico.png)no-repeat 30px 10px;
}

.side-hip {
    background: #343434 url(../images/sub-hip-ico.png)no-repeat 20px 10px;
}

.side-knee {
    background: #343434 url(../images/sub-knee-ico.png)no-repeat 30px 10px;
}

.side-shoulder:hover {
    background: #343434 url(../images/sub-shoulder-ico.png)no-repeat 20px 10px;
}

.side-elbow:hover {
    background: #343434 url(../images/sub-elbow-ico.png)no-repeat 30px 10px;
}

.side-hip:hover {
    background: #343434 url(../images/sub-hip-ico.png)no-repeat 20px 10px;
}

.side-knee:hover {
    background: #343434 url(../images/sub-knee-ico.png)no-repeat 30px 10px;
}

.patient-review {
    display: block;
    text-transform: uppercase;
    font: 700 25px/31px "Lora", serif;
    color: #424242;
    padding: 20px 10px 20px 55px;
    background: #e6e6e6 url(../images/patient-review.png)no-repeat 15px center;
    border: 1px solid #424242;
    margin: 5px 0;
}

.patient-res {
    background: #000;
    padding: 5px;
}

.patient-res li {
    margin-bottom: 3px;
}

.patient-res li:last-child {
    margin: 0;
}

.patient-res p,
.sidebar-map h3 {
    text-transform: uppercase;
    font: 700 25px/31px "Lora", serif;
    color: #fff;
    padding: 10px 5px 10px 10px;
}

.patient-res a {
    display: block;
    padding: 15px 10px 15px 60px;
    font: 300 20px/26px "Work Sans", serif;
    color: #fff;
}

.side-first-visit {
    background: #272727 url(../images/patient-visit.png) no-repeat 15px center;
}

.side-pat-forms {
    background: #272727 url(../images/patient-forms.png) no-repeat 15px center;
}

.side-post-op {
    background: #272727 url(../images/post-opr.png) no-repeat 15px center;
}

.side-insurance {
    background: #272727 url(../images/insurance.png) no-repeat 15px center;
}

.side-first-visit:hover {
    background: #585757 url(../images/patient-visit.png) no-repeat 15px center;
}

.side-pat-forms:hover {
    background: #585757 url(../images/patient-forms.png) no-repeat 15px center;
}

.side-post-op:hover {
    background: #585757 url(../images/post-opr.png) no-repeat 15px center;
}

.side-insurance:hover {
    background: #585757 url(../images/insurance.png) no-repeat 15px center;
}

.sidebar-vid {
    margin: 5px 0;
}

.sidebar-vid p {
    background: #3f3f3f;
    color: #fff;
    font: 700 20px/36px "Lora", serif;
    padding: 10px 0 10px 10px;
    text-align: center;
}

.sidebar-vid img {
    width: 100%;
}

.sidebar-map {
    background: #000;
    text-align: center;
    padding: 3px 0;
}

.sidebar-map p {
    font: 400 15px/21px "Work Sans", serif;
    color: #fff;
    text-align: left;
    padding: 10px;
}

.sidebar-map p a {
    color: #fff;
}

.sidebar-map p a:hover {
    color: #fff;
    text-decoration: underline;
}

.sidebar-map .place-name {
    font: 700 17px/21px "Work Sans", serif;
    display: block;
    padding: 10px 0;
}

.sidebar-map .place-text {
    font: 700 15px/21px "Work Sans", serif;
    display: block;
}

.sidebar-map .place-phone {
    font: 600 17px/21px "Work Sans", serif;
    display: inline-block;
    padding: 10px 0;
}

#Sub-credits-Section {
    background: #eed8f2;
    margin-top: 50px;
}

.textMain .sub-services>li {
    display: inline-block;
    width: 100%;
    min-width: 220px;
    margin: 20px 0% 20px 0px;
    min-height: 210px;
    padding: 0px;
    background: none;
    vertical-align: top;
}

.sub-services .table-cell:first-child {
    width: 270px;
}

.sub-services h3 {
    text-align: left;
    font: 700 24px/30px "Work Sans", serif;
    color: #000;
    padding: 0 0 10px 5px;
    text-transform: uppercase;
}

.sub-services h3 a {
    color: #000;
}

.sub-services h3 a:hover {
    color: #2d2f2f;
}

.sub-services ul {
    padding: 0 0 0 10px;
}

.sub-services ul>li {
    font: 400 18px/24px "Work Sans", serif;
    text-transform: capitalize;
    list-style: disc;
    text-align: left;
    list-style-position: inside;
    width: 48%;
    margin: 0 2% 0 0;
    float: left;
}

.nav-line {
    border: 1px solid #e4e4e4;
    margin: 10px 0 40px 0;
}

.rslides:after {
    content: '';
    display: block;
    clear: both;
}

#Patient-Review {
    padding: 30px 0;
    background: #e8d722;
}

#Patient-Review-Intra h2 {
    font: 400 30px/42px "Lora", serif;
    text-align: center;
    color: #000;
    padding: 0 0 30px 0;
    position: relative;
}

#Patient-Review-Intra h2 a {
    color: #000;
    position: relative;
}

#Patient-Review-Intra h2 a:before {
    content: '';
    position: absolute;
    width: 33px;
    height: 32px;
    background: url(../images/patient-review.png) no-repeat center center;
    left: -52px;
    top: 5px;
}

#Patient-Review .rslides li div {
    width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
    min-height: 100px;
    font: 400 16px/24px "Lato", serif;
}

#Patient-Review .rslides li:before {
    content: '';
    position: absolute;
    left: 70px;
    top: -25px;
    background: url(../images/blockquote-icon.png) no-repeat left center;
    width: 195px;
    height: 141px;
}

#Patient-Review-Intra .submit-review {
    display: block;
    border: 1px solid #222222;
    font: 700 16px/24px "Lato", serif;
    color: #000;
    width: 200px;
    text-align: center;
    padding: 8px 0;
    margin: auto;
    letter-spacing: 1px;
}

.Review-Tabs {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -25px;
}

.Review-Tabs li {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
}

.Review-Tabs li.Review_here {
    background: #000;
    border: 1px solid #000;
}

.Review-Tabs li a {
    display: block;
    height: 10px;
}

#MAP-Intra {
    padding: 25px 0 0 0 ! important;
}

#map {
    width: 100%;
    height: 400px;
    position: relative;
}

.loc-details .mapHead {
    font: 600 18px/30px "Montserrat", serif;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #363640;
    margin: 0 0 10px 0;
}

.loc-details .mapText {
    font: 400 15px/24px "Montserrat", serif;
}

.loc-dir {
    background: #ae0a00;
    color: #fff;
    display: inline-block;
    padding: 9px;
    margin: 10px 0 0 0;
}

#Map {
    background: url(../images/maps-bg.jpg) no-repeat center top;
    height: 333px;
}

#Map-Intra {
    position: relative;
    height: 100%;
}

.maps-intra {
    border: 6px solid #222222;
    width: 480px;
    background: #ffec24;
    position: absolute;
    /*top: 1%;*/
    top: 12%;
    left: 25%;
    padding: 10px;
    -webkit-box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);
    /*height: 325px;*/
    height: auto;
}
.maps-intra .table-div{
    border-bottom: 1px solid #b9a6be;
}
.maps-intra li:nth-child(2) .table-div{
    border-bottom: 0px;
}
.maps-intra  li{
    margin: 5px auto;
    line-height: 15px !important;
}

.maps-intra .textHead {
    font: 600 20px/36px "Work Sans", serif;
}

.maps-intra .textContent {
    font: 400 15px/22px "Work Sans", serif;
    padding: 10px 0 30px 0;
}

.map-more-info {
    padding: 0 0 0 30px;
    border-left: 1px solid #b9a6be;
    position: relative;
}

.map-more-info:after {
    content: '';
    position: absolute;
    right: -36px;
    border-right: 10px solid #0000;
    border-top: 10px solid #0000;
    border-bottom: 10px solid #0000;
    border-left: 10px solid #3f3f3f;
    width: 0;
    height: 0;
    top: 40px;
}

.map-more-info .call-ico {
    background: url(../images/call-appoint-img.png) no-repeat 10px center;
}

.map-more-info .fax-ico {
    background: url(../images/fax-ico.png) no-repeat 10px center;
}

.map-more-info .driving-ico {
    background: url(../images/loc-ico.png) no-repeat 10px center;
}

.map-more-info .office-ico {
    background: url(../images/hours-ico.png) no-repeat 10px center;
}

.map-more-info li {
    font: 400 15px/22px "Work Sans", serif;
    padding: 5px 0 5px 40px;
    color: #000;
}

.map-more-info li a {
    display: block;
    color: #000;
}

.textMain .grid-list {
    text-align: center;
}

.textMain .grid-list li {
    padding: 0;
    color: #202129;
    background: #e1e2e2;
    display: inline-block;
    overflow: hidden;
    margin: 10px;
    transition: all 150ms linear;
    text-align: center;
    border-radius: 4px;
    box-shadow: 2px 5px 10px var(--color-smoke);
    --color-smoke: #e4e4e4;
    font: 400 15px/20px "Work Sans", serif;
    letter-spacing: 1px;
}

.textMain .grid-list li a {
    display: block;
    color: #000;
    padding: 12px 20px;
    text-decoration: none;
}

.textMain .grid-list li:hover {
    color: #ffffff;
    background-color: #636363;
    opacity: 1;
    transition: all 150ms linear;
    opacity: .85;
}

.textMain .grid-list li:hover a {
    color: #ffffff;
}

.textMain .submit-testimonials {
    padding: 0px;
    font: normal 16px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    float: right;
    text-align: center;
    margin: -40px 0 6px 5px;
}

.textMain .submit-testimonials a {
    color: #fff;
    display: block;
    padding: 0px 15px;
    background: #003263;
    text-decoration: none;
}

.textMain .submit-testimonials a:hover {
    color: #cee0f8;
}

.dr-pic {
    float: right;
    margin: 0px 0px 20px 30px;
}

.dr-pic img {
    border: 1px solid #333;
    -webkit-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.75);
    width: 280px;
}

.contact-info {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;
}

.contact-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
}

.contact-info:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 10px solid #000;
    border-left: 10px solid transparent;
}

.contact-info-left {
    width: 300px;
}

.contact-info-right iframe {
    width: 100%;
    height: 300px;
    border: none;
}

.textMain .contact-info-left h2 {
    font: 500 20px/30px "Lato", serif;
    color: #000;
    text-align: center;
}

.textMain .contact-info-left h2 a {
    color: #000;
    border-bottom: none;
}

.textMain .contact-info-left li {
    position: relative;
    padding: 10px 0 10px 26px;
    background: none;
}

.textMain .contact-info-left li:before {
    position: absolute;
    left: 0;
    top: 10px;
    color: #000;
    font-family: "fontello";
}

.textMain .contact-info-left li.address-ico:before {
    content: '\E809';
    font-size: 24px;
    top: 20px;
}

.textMain .contact-info-left li.tel-ico:before {
    content: '\E80E';
    font-size: 19px;
}

.textMain .contact-info-left li.fax-ico:before {
    content: '\F1AC';
    font-size: 17px;
}

.textMain .contact-info-left li.mail-ico:before {
    content: '\F1D8';
    font-size: 17px;
}

.p-testimonials div {
    margin: 0px 0 20px 0;
    background: #F5F5F5;
    padding: 10px 40px;
    position: relative;
}

.p-testimonials div:before {
    content: '';
    position: absolute;
    width: 33px;
    height: 24px;
    left: 3px;
    top: 3px;
    background: url(../images/testi-bg.png) no-repeat left top;
}

.p-testimonials div:after {
    content: '';
    position: absolute;
    width: 33px;
    height: 24px;
    right: 3px;
    bottom: 55px;
    background: url(../images/testi-bg.png) no-repeat right top;
}

.p-testimonials div .textMainBold {
    text-align: right;
}


/*-------------------- Schema ----------------------*/

.out-tableborder {
    text-align: center;
}

.tableborder {
    border: 2px solid #000;
    background: #fff;
    width: 500px;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
    margin: 10px;
}

.formHead {
    background: #000;
    padding: 5px 0px;
    color: #fff;
    font: 700 18px/26px "Open Sans", serif;
    margin: 0 0 10px 0;
    text-align: center;
}

.text-address {
    font: 400 14px/20px "Open Sans", serif;
    color: #000;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    text-align: justify;
}

.text-address p {
    margin: 0 3px !important;
}

.textMain .tel-schema {
    color: #fff;
}

.textMain .tel-schema span {
    color: #000;
}

.textMain .tel-schema p a {
    color: #000;
}

.textMain .schema-address a {
    color: #000;
}

.textMain .schema-address a:hover {
    color: #000;
    text-decoration: underline;
}

.text-address .textMainBold {
    font: 600 14px/20px "Open Sans", serif;
}


/*-----------Video & Page Tabs CSS-----------*/

.landing-page ul {
    text-align: right;
}

.landing-page ul li {
    background: none !important;
    padding: 0 !important;
    display: inline-block;
    font: 400 15px/15px "Lato", serif;
}

.landing-page ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 8px 10px 8px 34px;
    border-radius: 7px;
}

.landing-page ul li a:hover {
    text-decoration: none;
    color: #dde7f4;
}

.knowmore-s a {
    background: #626262 url(../images/patient-icon.png) no-repeat 10px center;
}

.educationalvideo-s a {
    background: #3F3F3F url(../images/loadmove.png) no-repeat 10px center;
}


/*-----------Treatment page image CSS-----------*/

.topicimage {
    float: left;
    width: 230px;
    margin: 16px 18px 11px 0;
    border: 1px solid #ccc;
}


/*-----------Easy Tabs CSS-----------*/

.textMain .conditions-page #parentHorizontalTab {
    background: none;
    text-transform: none;
}

.textMain .conditions-page .resp-tabs-list.hor_1 {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.textMain .conditions-page .resp-tabs-list.hor_1 li {
    cursor: pointer;
    display: inline-block !important;
    vertical-align: top;
    font: 500 15px/18px "Roboto", serif;
    text-transform: uppercase;
    position: relative;
    width: 180px;
    height: auto;
    padding: 0px;
    margin: 0 15px;
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #3F3F3F !important;
    color: #ffffff;
    padding: 15px 0px;
    border-radius: 5px;
    margin: 3px;
}

.textMain .conditions-page .resp-tabs-container {
    padding: 0px;
    clear: left;
    background: #fff;
}

.textMain .conditions-page h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.textMain .conditions-page .resp-tab-content {
    display: none;
    padding: 15px;
}

.textMain .conditions-page .resp-tab-active {
    border-bottom: none;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active {
    vertical-align: top;
    position: relative;
    background: #FFEC24 !important;
    color: #000;
}

.textMain .conditions-page .resp-tabs-list li.resp-tab-active::before {
    vertical-align: top;
    position: absolute;
}

.textMain .conditions-page .resp-content-active,
.textMain .conditions-page .resp-accordion-active {
    display: block;
}

.textMain .conditions-page .resp-tab-content {
    border: none;
    min-height: auto;
    margin: 30px 0 0 0;
}

.textMain .conditions-page h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

.textMain .conditions-page h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

.textMain .conditions-page h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}


/*-----------Vertical tabs-----------*/

.textMain .conditions-page .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.textMain .conditions-page .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.textMain .conditions-page .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.textMain .conditions-page .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.textMain .conditions-page .resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
}

.textMain .conditions-page .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

.textMain .conditions-page h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

.textMain .conditions-page h2.resp-tab-active {
    background: #DBDBDB;
}

.textMain .conditions-page .resp-easy-accordion h2.resp-accordion {
    display: block;
}

.textMain .conditions-page .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.textMain .conditions-page .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}

.textMain .conditions-page .resp-jfit {
    width: 100%;
    margin: 0px;
}

.textMain .conditions-page .resp-tab-content-active {
    display: block;
}

.textMain .conditions-page h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}

.textMain .conditions-page .resp-tabs-list li a {
    color: #a8a8a8;
    float: left;
    text-decoration: none;
    position: relative;
    width: auto;
}

.textMain .conditions-page .resp-tabs-list li a span {
    float: left;
    width: 116px;
    height: 115px;
    margin: -45px 10px 0 0;
}

.textMain .conditions-page .resp-tabs-list li a:hover {
    position: relative;
    color: #37aaff;
}

.textMain .conditions-page .resp-tabs-list li:hover::before {
    display: none;
}

.subheading {
    font: 600 22px/30px "Lato", serif;
    font-size: 25px;
    color: #009046;
    padding: 10px 0;
}

.cv-text-l {
    display: inline-block;
    vertical-align: top;
    width: 73%;
    margin: 0 2% 0 0;
}

.cv-text-r {
    display: inline-block;
    vertical-align: top;
    width: 22%;
}

.home-dr-text {
    font: 300 16px/20px "Work Sans", serif;
    color: #3b3b3b;
    padding: 30px 0 0 10px;
    width: 65%;
    position: relative;
    z-index: 9;
}


/* Media Query */

@media screen and (max-width:1190px) {
    .research-interests {
        width: 32%;
    }
    .exp-def a {
    padding: 23px 20px 23px 115px;
}
	    #middle-image {
        display: none;
        visibility: hidden;
    }
    .research-interests {
        width: auto;
    }
    .profile-interests>ul>li {
        display: block;
    }
    .team-physician a {
        margin: 5px;
        display: inline-block;
    }
    .profile-interests>ul>li {
        min-height: inherit;
    }
    .team-physician {
        margin: 0;
    }
    .exp-def a {
	padding: 3px 39px 23px 115px;
}
	.home-dr-text {
	width: 54%;
}
	.research-ul li {
	vertical-align: top;
}
	.research-interests h3 {
	text-align: center;
}
	.social-links {
	margin: 15px 5px auto;
}
	.donald-dolce-logo {
	padding: 0 1%;
	width: 59%;
	margin-left: 49px;
}
}

@media screen and (max-width:960px) {
    .profile-intro ul {
        max-width: 520px;
    }
.donald-dolce-logo {
	padding: 0 1%;
	width: 52%;
	margin-left: 49px;
}
}

@media screen and (max-width:840px) {
    .exp-def ul {
        margin: 30px 0 30px 20px;
    }
    .exp-def a {
    padding: 23px 20px 23px 130px;
}
    .profile-intro ul {
        padding: 10px 0 0 0;
        width: auto;
        max-width: inherit;
        text-align: left;
    }
    .profile-intro {
        padding: 30px 0 20px 0;
    }
    .profile-intro {
        text-align: center;
    }
    .dr-profile {
        position: inherit;
        padding: 20px 0;
    }
    .banner-content {
        right: 50px;
    }
    #Content {
        display: block;
    }
    #Sidebar {
        display: block;
        margin: auto;
    }
    #Header .table-cell {
        display: block;
        margin: auto;
    }
    .banner-grid .table-cell,
    .sub-services .table-cell {
        display: table-cell;
        vertical-align: top;
    }
    .contact-cell {
        text-align: center;
    }
    .middle-image img {
        display: none;
    }
    .exp-img {
        display: none;
    }
    .insurance:before {
        display: none;
    }
    .forms:before {
        display: none;
    }
    .copyr-links,
    .copyr-name,
    .ypo-logo {
        display: block !important;
        margin: 10px auto;
        text-align: center;
    }
    .copyr-links {
        width: 95%;
    }
    .sub-services {
        text-align: center;
    }
    .sub-services p {
        text-align: left;
    }
    .resource-left,
    .resource-right,
    .visit:hover,
    .post-op:hover {
        width: auto;
        max-width: inherit;
    }
    #Video-content {
        padding: 30px 0 0 0;
    }
    .video-grid>h2 {
        text-align: center;
    }
    .contact-info-left,
    .contact-info-right {
        display: block;
        width: auto;
    }
    .textMain .sub-services>li {
        display: block;
        width: 100%;
        margin: 20px 0 20px 0px;
    }
    .home-dr-text {
        width: 100%;
    }
    .logo-cell {
        text-align: center;
    }
	.header-grid {
	padding: 71px 0 10px;
	text-align: center;
}
}

@media screen and (max-width:770px) {
    .maps-intra {
	position: relative;
	 /*top: 1%; */
	left: 20%;
}
}
@media screen and (max-width:740px) {
    .video-grid>div {
        display: block;
    }
    .forms,
    .insurance,
    .visit,
    .post-op {
        max-width: inherit;
    }
    .resource-vid {
        width: auto;
    }
}

@media screen and (max-width:640px) {
    .footer-grid .foot-contact {
        width: 300px;
        margin: 10px auto;
        display: block;
    }
    .banner-content {
        right: inherit;
        left: 10px;
    }
    .footer-grid>div {
        /*width: 49%;*/
        width: 37%;
    }
    .sub-services>li {
        display: block;
        width: auto;
    }
    #Patient-Review .rslides li:before {
        display: none;
    }
    #Patient-Review .rslides li div {
        min-height: 190px;
    }
    .maps-intra {
        width: 460px;
        left: 0;
        right: 0;
        margin: auto;
    }
   .sub-services .table-cell {
	display: block;
	text-align: center;
	width: 100%;
}
   .sub-services .table-cell:first-child {
	width: 300px;
	display: block;
	text-align: center;
	margin: 0px auto;
}
}

@media screen and (max-width:480px) {
    .footer-grid>div {
        display: block;
        width: auto;
        text-align: center;
    }
    #Banner-Container {
        display: none;
    }
    .logo-cell a {
        display: block;
        width: auto;
        border: none;
        margin: 15px;
    }
    .header-grid {
        padding: 0;
    }
    .profile-intro {
        padding: 20px 0 60px 10px;
    }
    .profile-intro li {
        font: 300 16px/28px "Work Sans", serif;
        background: url(../images/list-bullet.png)no-repeat 13px 10px;
    }
    .exp-grid {
        padding: 60px 0 0 0;
    }
    .exp-def ul {
        margin: 30px 0 30px 20px;
    }
    .maps-intra {
        top: 1%;
        width: auto;
      /*  height: 510px;*/
        height: auto;
    }
    #Map{
       /* height: 515px;*/
        height: auto;
    }
    .maps-intra .table-cell {
        display: block;
        width: auto;
        padding: 0;
        border: none;
    }
    .textMain .sub-services>li {
        min-height: inherit;
    }
    .sub-services .table-cell:first-child {
        display: none;
    }
    .sub-services .table-cell {
        display: block;
        width: 100%;
    }
    .tableborder {
	width: 300px;
	margin: 10px auto;
}
    .sub-services ul > li {
	width: 100%;
	float: none;
}
	.dr-pic {
	float: none;
	margin: 0px 0px 20px 30px;
	display: block;
	margin: 0px auto;
	text-align: center;
}
}
@media screen and (max-width:420px) {
.profile-intro h1 {
	font: 700 30px/41px "Lora", serif;
}
}
@media screen and (max-width:330px) {
#Patient-Review-Intra h2 a::before {
	background: url(../images/patient-review.png) no-repeat center center;
	left: -39px;
}
	.profile-intro h1 {
	font: 700 25px/41px "Lora", serif;
}
}