@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700');
@font-face {
font-family: 'RobotoRegular';
src: url('fonts/roboto-regular.eot');
src: url('fonts/roboto-regular.eot') format('embedded-opentype'),
url('fonts/roboto-regular.woff') format('woff'),
url('fonts/roboto-regular.ttf') format('truetype'),
url('fonts/roboto-regular.svg#RobotoRegular') format('svg');
}
@font-face {
font-family: 'robotobold';
src: url('fonts/Roboto-Bold-webfont.eot');
src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Bold-webfont.woff') format('woff'),
url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotolight';
src: url('fonts/Roboto-Light-webfont.eot');
src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Light-webfont.woff') format('woff'),
url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:"Roboto Black";
src:url("fonts/Roboto-Black.eot?") format("eot"),
url("fonts/Roboto-Black.woff") format("woff"),
url("fonts/Roboto-Black.ttf") format("truetype"),
url("fonts/Roboto-Black.svg#Roboto-Black") format("svg");
font-weight:normal;font-style:normal;}
@font-face {
font-family: 'OptimaBold';
src: url('fonts/OptimaBold.eot');
src: url('fonts/OptimaBold.eot?#iefix') format('embedded-opentype'),
url('fonts/OptimaBold.woff') format('woff'),
url('fonts/OptimaBold.ttf') format('truetype'),
url('fonts/OptimaBold.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, img, ul, li, p{ margin:0; padding: 0; border: 0; list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{font-size:14px; font-family: 'RobotoRegular';}
img{ max-width:100%; border:none; vertical-align:middle; }
a{ text-decoration:none; color:#16b8f0;}
/*header*/
#sticky{position:fixed; top:24px; float:left; width:100%; z-index:999999; background:url(images/header-bg.png) repeat-x 0 0; border-bottom:5px solid #134288;}
.stickyMenu header{ background:#F7F7F7;}
.stickyMenu #logo-left{ width:18%; transition:0.9s all linear; padding:18px 0; top:-19px;}
.stickyMenu #header-right{margin:0; transition:0.9s all linear; padding:0 0 5px}
header{ width:100%; height:auto; float:left; padding:10px 0; }
#header{max-width:1200px; height:auto; margin:0 auto; }
#logo-left{width:40%; height:auto; float:left; position:absolute; top:0; transition:0.9s all linear;}
#header-right{width:618px; height:auto; float:right; padding:46px 0 10px; transition:0.9s all linear;}
a.book-app{color:#001b43; font-size:17px; padding:0 18px 0 45px; float:left; background:url(images/sprite.png) no-repeat 0px -10px; font-family: 'robotobold'; border-right: 1px solid #889583; border-left: 1px solid #889583;}
a.ph{color:#001b43; font-size:17px; float:left; padding:0 0 0 45px; background:url(images/sprite.png) no-repeat 0px -75px; font-family: 'robotobold';}
/*connect*/
.connect{float:left; height: auto;width:184px;}
.index_fb{ background:url(images/smo.png) 0px 0px no-repeat;width:31px; height:40px ;float:left; margin-right:3px;}
.index_gp{ background:url(images/smo.png) -30px 0px no-repeat;width:31px; height:40px ;float:left; margin-right:3px;}
.index_link{ background:url(images/smo.png) -62px 0px no-repeat;width:31px; height:40px ;float:left; margin-right:3px;}
.index_twit{ background:url(images/smo.png) -93px 0px no-repeat;width:31px; height:40px ;float:left; margin-right:3px;}
.index_yt{ background:url(images/smo.png) -124px 0px no-repeat;width:31px; height:40px ;float:left; }
.alignright {
background-color: #efedee;
border: 1px solid #333333;
float: right;
margin-left: 10px;
}
/* Float Shadow */
.hvr-float-shadow {
display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.5s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;-webkit-transform: translateY(10px); transform: translateY(10px);}
/*home banner*/
#home_banner{ width:100%; height:auto; float:left;display:block;}
.home_banner1{ max-width:1200px; height:auto; margin:0 auto; position:relative; }
#home_banner .rslides { position: relative; list-style: none; overflow: hidden; width:100%; padding:0; margin:0;}
#home_banner .rslides > li { -webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:40px; height:618px; }
#home_banner .rslides > li:first-child { position: relative; display: block; float: left; }
#home_banner .rslides > li.banner1{ background:url(images/home-banner1.jpg) no-repeat center top;}
#home_banner .rslides > li.banner2{ background:url(images/home-banner2.jpg) no-repeat center top;}
#home_banner .rslides img { border: 0 none;display: block; margin: 0 auto; }
#bullet1{bottom:15px;height: auto;right:1%;max-width:120px;position: absolute;z-index: 99999;}
#bullet1 li { float: left; list-style:none;display:block;}
#bullet1 li a {color:#fff; display: block;list-style: outside none none; font-size:40px; }
#bullet1 ul li a:hover, #bullet1 li.rslides_here a {color:#07306b; }
#home_banner p.name{ top:330px; color:#000;float:left;font-size:36px; position: absolute; text-align: left; z-index: 9999; right:0; width:45%; font-family: 'robotolight'; }
#home_banner p.name span{ color:#000;width:100%; float:left; font-family:"Roboto Black";}
/*sub banner*/
#sub_banner{ width:100%; height:auto; float:left;display:block; margin-top:183px;}
.sub_banner1{ max-width:1200px; height:auto; margin:0 auto; position:relative; }
#sub_banner .rslides { position: relative; list-style: none; overflow: hidden; width:100%; padding:0; margin:0;}
#sub_banner .rslides > li { -webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:38px; height:180px; }
#sub_banner .rslides > li:first-child { position: relative; display: block; float: left; }
#sub_banner .rslides > li.banner1{ background:url(images/sub-banner1.jpg) no-repeat center top;}
#sub_banner .rslides > li.banner2{ background:url(images/sub-banner2.jpg) no-repeat center top;}
#sub_banner .rslides img { border: 0 none;display: block; margin: 0 auto; }
#bullet2{bottom:15px;height: auto;right:1%;max-width:120px;position: absolute;z-index: 99999;}
#bullet2 li { float: left; list-style:none;display:block;}
#bullet2 li a {color:#fff; display: block;list-style: outside none none; font-size:40px; }
#bullet2 ul li a:hover, #bullet2 li.rslides_here a {color:#07306b; }
#sub_banner p.name{ top:50px; color:#000;float:left;font-size:36px; position: absolute; text-align: left; z-index: 9999; right:0; width:45%; font-family: 'robotolight'; }
#sub_banner p.name span{ color:#000;width:100%; float:left; font-family:"Roboto Black";}
/*inner_container*/
#inner-container{ width:100%; height:auto; float:left; margin:20px 0 0px 0 ; border-bottom:1px solid #c2cece; padding:0 0 50px 0;}
.inner-container{ max-width:1200px; height:auto; margin:0 auto;}
.inner-container-left{width:65%; height:auto; float:left; font-size:15px; color:#000000; font-size:16px; }
.inner-container-left p{ color:#000; font-size:16px; margin:0% 0% 3% 0%; }
h1{ color:#284b69; font-size:30px; line-height:30px; float: left; width:100%; padding:5px 0 10px 0; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #c2c2c2; font-family: 'robotobold'; }
h2{ color:#265cd8; font-size:25px; font-weight: normal; line-height:30px; }
h3{ color:#16b8f0;font-size:18px; font-weight:normal; line-height:30px;}
h4{color:#17b6e6; font-size:16px;font-weight:normal; }
.navigation1{width:100%; height:auto; padding:0; float:left; margin:0% 0% 1% 0%; color:#000000; font-size:16px;}
.navigation1 a {color: #000; font-size:16px;}
.navigation1 span{color:#16b8f0; font-size:16px;}
.navigation1 a:hover { color:#16b8f0}
ul.list_nav{ width:100%; margin-bottom:10px; clear:both; float:left;}
ul.list_nav li{ list-style:none; color:#000; font-size:16px;padding:0 0 0 20px; margin:0 0 5px; line-height:20px; background:url(images/bul2.png) no-repeat 1px 4px; }
ul.list_nav li a{ color:#000; font-size:16px;}
/*aside*/
aside{ width:300px; float:right; }
#servicelist-one{width:300px; float:left; background:#002a68;}
#servicelist-one a.hd1{width:283px; float:left; color:#ffd02e; font-size:25px; padding:10px 0 10px 17px; background:#0c0d08; font-family: 'OptimaBold';}
ul.servicelist-one-nav{ width:100%; float:left;}
ul.servicelist-one-nav li{ list-style:none; margin:0px 0px 1px 0px; line-height:20px; float:left;
display:block; width:100%; border-bottom:1px solid #154791;}
ul.servicelist-one-nav li.last{ margin:0px 0px 0px 0px; border-bottom:0px solid #154791; }
ul.servicelist-one-nav li a{color:#ffffff; font-size:15px; text-align:left; display:block; padding:7px 0 10px 39px; font-family: 'OptimaBold';background:url(images/sprite.png) no-repeat -10px -731px;}
.post-image img {
float: left;
margin-right: 20px;
}
.pagelet-posts-details .post-image{display:none; }
.meta-date{display:none;}
#servicelist-two{width:298px; float:left; border:1px solid #01309c; padding-top:1px; background:#01309c; margin-top:5px; position:relative;}
#servicelist-two a.hd1{width:287px; float:left; color:#ffd02e; font-size:25px; padding:10px 0 10px 10px; font-family: 'OptimaBold';}
a.dr-img2{width:100%; float:left; text-align:center; }
a.dr-name{width:96%; float:left; color:#ffffff; font-size:17px; margin:10px 0 10px 4%;}
span.spl{width:96%; float:left; color:#ffffff; font-size:15px; margin:0 0 0 4%; min-height:50px;}
#servicelist-two a.vp{width:90px; text-align:center; color:#ffffff; font-size:14px; padding:6px; float:left; margin:20px 0px 10px 4%; border:1px solid #fff; border-radius:15px}
#servicelist-two .rslides { position: relative; list-style: none; overflow: hidden; width:100%; padding:0; margin:0;}
#servicelist-two .rslides > li { -webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:0; }
#servicelist-two .rslides > li:first-child { position: relative; display: block; float: left; }
#servicelist-two .rslides img { border: 0 none;display: block; margin: 0 auto; }
#bullet4{bottom:2px;height: auto;right:1%;max-width:120px;position: absolute;z-index: 99999;}
#bullet4 li { float: left; list-style:none;display:block;}
#bullet4 li a {color:#fff; display: block;list-style: outside none none; font-size:40px; }
#bullet4 ul li a:hover, #bullet4 li.rslides_here a {color:#ffd02e; }
#servicelist-three{width:298px; float:left; border:1px solid #01309c; background:#ffd02e; margin-top:5px; }
#servicelist-three a.hd1{width:233px; float:left; color:#000; font-size:25px; padding:10px 0 10px 56px; font-family: 'OptimaBold'; background:url(images/message-icon.png) no-repeat 8px 10px;}
#servicelist-four{width:298px; float:left; border:1px solid #15458b; background:#373737; margin-top:5px; }
#servicelist-four a.hd1{width:288px; float:left; color:#fff; font-size:25px; padding:10px 0 10px 10px; font-family: 'OptimaBold'; background:#15458b; }
ul.servicelist-four-nav{ width:100%; float:left;}
ul.servicelist-four-nav li{ list-style:none; margin:0px 0px 1px 0px; line-height:20px; float:left;
display:block; width:100%; border-bottom:1px solid #515151;}
ul.servicelist-four-nav li.last{ margin:0px 0px 0px 0px; border-bottom:0px solid #154791; }
ul.servicelist-four-nav li a{color:#ffffff; font-size:15px; text-align:left; display:block; padding:20px 0 22px 70px; }
ul.servicelist-four-nav li.icon1 a{background:url(images/sprite2.png) no-repeat 1px 1px;}
ul.servicelist-four-nav li.icon2 a{background:url(images/sprite2.png) no-repeat 1px -54px; padding:15px 0 22px 70px; }
#servicelist-five{width:298px; float:left; border:1px solid #01309c; padding-top:1px; background:#1a1a1a; margin-top:5px; }
#servicelist-five a.hd1{width:288px; float:left; color:#ffd02e; font-size:25px; padding:10px 0 10px 10px; font-family: 'OptimaBold'; background:#01309c; }
ul.servicelist-five-nav{ width:100%; float:left;}
ul.servicelist-five-nav li{ list-style:none; margin:0px 0px 1px 0px; line-height:20px; float:left;
display:block; width:100%; border-bottom:1px solid #3c3c3c;}
ul.servicelist-five-nav li.last{ margin:0px 0px 0px 0px; border-bottom:0px solid #3c3c3c; }
ul.servicelist-five-nav li a{color:#ffffff; font-size:16px; text-align:left; display:block; padding:20px 0 22px 90px; }
ul.servicelist-five-nav li.icon1 a{background:url(images/sprite2.png) no-repeat 1px -136px;}
ul.servicelist-five-nav li.icon2 a{background:url(images/sprite2.png) no-repeat 1px -215px;}
p.groupweb{width:100%; float:left; color:#fff; margin:5px 0 0;
text-align: center;}
.groupweb > a{margin:0 3px;}
.groupweb > a:hover{color:#C7E2EF;}
#servicelist-six{width:298px; float:left; border:1px solid #002A68; padding-top:1px; background:#002A68; margin-top:5px; position:relative; }
#servicelist-six a.hd1{width:288px; float:left; color:#ffd02e; font-size:25px; padding:10px 0 10px 10px; font-family: 'OptimaBold'; background:#002A68; }
.practice-locations-box2{ width:275px; border:10px solid #002a68; background:#002a68; float:left; }
.practice-locations-box2 > img {border: 3px solid #ffffff;}
.con1 {color: #ffffff; float: left;font-family: "Lato",sans-serif; font-size: 15px; font-weight: 400; margin: 2%;width: 100%;}
#servicelist-six .rslides { position: relative; list-style: none; overflow: hidden; width:100%; padding:0; margin:0;}
#servicelist-six .rslides > li { -webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:0; }
#servicelist-six .rslides > li:first-child { position: relative; display: block; float: left; }
#servicelist-six .rslides img { border: 0 none;display: block; margin: 0 auto; }
#bullet3{bottom:2px;height: auto;right:1%;max-width:120px;position: absolute;z-index: 99999;}
#bullet3 li { float: left; list-style:none;display:block;}
#bullet3 li a {color:#fff; display: block;list-style: outside none none; font-size:40px; }
#bullet3 ul li a:hover, #bullet3 li.rslides_here a {color:#ffd02e; }
/*Joint Replacement Procedures*/
#joint-replacement-procedures{ width:100%; height:auto; float:left;display:block; background:url(images/joint-replacement-bg.jpg) left top; padding:40px 0;}
.joint-replacement-procedures{ max-width:1200px; height:auto; margin:0 auto;}
.joint-replacement-procedures a.hd1{color:#ffd02e; font-size:38px; float:left; width:100%; text-align:center; font-family: 'OptimaBold'; margin-bottom:40px; }
ul.joint-replacement-nav{float:left; width: 100%;}
ul.joint-replacement-nav li {float: left; list-style:none; color:#ffffff; font-size:16px; margin:0 0 40px 0px; min-width:290px; min-height: 110px;}
ul.joint-replacement-nav li.last{float:right;}
ul.joint-replacement-nav li a{color:#ffffff; font-size:16px; font-family: 'robotolight'; padding:20px 0 20px 100px; display:block;}
ul.joint-replacement-nav li.icon1 {background:url(images/joint-replacement-icon1.png) no-repeat 1px 1px;}
ul.joint-replacement-nav li.icon2 {background:url(images/joint-replacement-icon1.png) no-repeat -286px 1px;}
ul.joint-replacement-nav li.icon3 {background:url(images/joint-replacement-icon1.png) no-repeat -586px 1px;}
ul.joint-replacement-nav li.icon4 {background:url(images/joint-replacement-icon1.png) no-repeat -878px 1px;}
ul.joint-replacement-nav li.icon5 {background:url(images/joint-replacement-icon2.png) no-repeat 1px 1px;}
ul.joint-replacement-nav li.icon6 {background:url(images/joint-replacement-icon2.png) no-repeat -286px 1px;}
ul.joint-replacement-nav li.icon7 {background:url(images/joint-replacement-icon2.png) no-repeat -586px 1px;}
ul.joint-replacement-nav li.icon8 {background:url(images/joint-replacement-icon2.png) no-repeat -878px 1px;}
ul.joint-replacement-nav li.icon1:hover {background:url(images/joint-replacement-icon1-hr.png) no-repeat 1px 1px;}
ul.joint-replacement-nav li.icon2:hover {background:url(images/joint-replacement-icon1-hr.png) no-repeat -286px 1px;}
ul.joint-replacement-nav li.icon3:hover {background:url(images/joint-replacement-icon1-hr.png) no-repeat -586px 1px;}
ul.joint-replacement-nav li.icon4:hover {background:url(images/joint-replacement-icon1-hr.png) no-repeat -878px 1px;}
ul.joint-replacement-nav li.icon5:hover {background:url(images/joint-replacement-icon2-hr.png) no-repeat 1px 1px;}
ul.joint-replacement-nav li.icon6:hover {background:url(images/joint-replacement-icon2-hr.png) no-repeat -286px 1px;}
ul.joint-replacement-nav li.icon7:hover {background:url(images/joint-replacement-icon2-hr.png) no-repeat -586px 1px;}
ul.joint-replacement-nav li.icon8:hover {background:url(images/joint-replacement-icon2-hr.png) no-repeat -878px 1px;}
/*founder*/
#founder{ width:100%; height:auto; float:left;padding:10px 0; background:#FAFAF8;}
.founder_sec{ max-width:1200px; height:auto; margin:0 auto;}
.founder_sec span.hd1{color:#000; font-size:43px; float:left; width:100%; text-align:center; margin:30px 0;}
#flexiselDemo3{display:block; }
.founder_sec .nbs-flexisel-container {position:relative;max-width:100%; margin:0; float:left;}
.founder_sec .nbs-flexisel-ul { position:relative; width:9999px; padding:0px; list-style-type:none; z-index: 2; }
.founder_sec .nbs-flexisel-inner {overflow:hidden; width:88%; margin:0px auto; height:240px;}
.founder_sec .nbs-flexisel-item {float:left;margin:0px;padding:0px;position:relative; text-align:center; }
.founder_sec .nbs-flexisel-item h3 {font-size:14px; color:#000;}
/*** Navigation ***/
.founder_sec .nbs-flexisel-nav-left,
.founder_sec .nbs-flexisel-nav-right { width:36px; height: 36px; position: absolute; cursor: pointer; z-index: 200; top:46px!important;}
.founder_sec .nbs-flexisel-nav-left { left:0; background:url(images/arrow2.png) no-repeat 0 0px; width:36px; height:36px;}
.founder_sec .nbs-flexisel-nav-right {right:0; background:url(images/arrow2.png) no-repeat -41px 0px; width:36px; height:35px;}
/*Welcome to Atlanta Orthopedic Institute*/
#welcome{ width:100%; height:auto; float:left;display:block; background:url(images/wel-come.png) left top; padding:40px 0;}
.welcome{ max-width:1200px; height:auto; margin:0 auto;}
.welcome a.hd1{color:#1f1f1f; font-size:38px; float:left; width:100%; text-align:center; font-family: 'OptimaBold'; margin-bottom:20px; }
.welcome p{color:#000000; font-size:15px; float:left; width:100%; text-align:center; font-family: 'RobotoRegular';}
.welcome a.hd2{color:#01309c; font-size:15px; font-style:italic;}
.welcome a.hd3{color:#303030; font-size:35px; float:left; width:100%; text-align:center; font-family: 'OptimaBold'; margin:40px 0px; border-top:1px solid #cfcfcf; padding:20px 0 0 0; }
ul.welcome-nav{ float: none;
margin: 0 auto;
width: 814px;}
ul.welcome-nav li {float: left;list-style:none;color:#373737; font-size:14px; margin:0 30%; width:230px; text-align:center;font-family: 'RobotoRegular';}
ul.welcome-nav li img{float: left;border:solid 11px #01309c; margin:0 0 10px 0; background:#01309c }
ul.welcome-nav li img:hover{border:solid 11px #ffd02e; background:#ffd02e }
ul.welcome-nav li a{color:#01309c; font-size:20px;font-family: 'OptimaBold'; width:100%; float:left; text-align:center;}
.welcome1 a.hd2{color:#01309c; font-size:15px; font-style:italic;}
.welcome1 a.hd3{color:#303030; font-size:35px; float:left; width:100%; text-align:center; font-family: 'OptimaBold'; margin:40px 0px; border-top:1px solid #cfcfcf; padding:20px 0 0 0; }
ul.welcome1-nav{float:left; width: 100%;}
ul.welcome1-nav li {float: left;list-style:none;color:#373737; font-size:14px; margin:10px 1px; width:96%; font-family: 'RobotoRegular'; border:solid 1px #ccc; padding:2%}
ul.welcome1-nav li img{float: left;border:solid 11px #01309c; margin:0 30px 0 0; background:#01309c; width:120px; }
ul.welcome1-nav li a.hd2{color:#01309c; font-size:24px;font-family: 'OptimaBold';float:left; width:100%; }
ul.welcome1-nav li span{float:left; width:75%;text-align:left; }
ul.welcome1-nav li a.hd3{color:#01309c; font-size:14px;float:left; width:100%; text-align:right; margin-top:100px;}
/*Our Physicians are Specialists in*/
#patient-testimonials{ width:100%; height:auto; float:left;padding:50px 0;}
.patient-testimonials{ max-width:1200px; height:auto; margin:0 auto;}
.patient-testimonials-box{ width:100%; height:auto; float:left;display:block;}
.patient-testimonials-lft{ width:45%; height:auto; float:left;}
.patient-testimonials-rgt{ width:45%; height:auto; float:right;}
.patient-testimonials a.hd1{color:#0d2d57; font-size:36px; float:left; width:100%;margin-bottom:20px; border-bottom:1px solid #e5e5e5; padding:0 0 20px 0;}
ul.patient-testimonials-nav{float:left; width: 100%;}
ul.patient-testimonials-nav li {float: left; list-style:none; margin:20px 40px 0 0; width:206px; text-align:center; }
ul.patient-testimonials-nav li a{color:#fff; font-size:16px; width:100%; float:left; text-align:center; background:#134288; border-radius:5px; padding:5px 10px; }
ul.patient-testimonials-nav1{float:left; width: 100%;}
ul.patient-testimonials-nav1 li {float: left; list-style:none; width:80%; }
ul.patient-testimonials-nav1 li a{color:#000000; font-size:24px; width:100%; float:left; padding:20px 0 15px 120px; margin-bottom:20px; }
ul.patient-testimonials-nav1 li.icon1{background:url(images/testimonials-icon.png) no-repeat 1px 1px;}
ul.patient-testimonials-nav1 li.icon2{background:url(images/testimonials-icon.png) no-repeat 1px -136px;}
ul.patient-testimonials-nav1 li.icon1:hover{background:url(images/testimonials-icon-hr.png) no-repeat 1px 1px;}
ul.patient-testimonials-nav1 li.icon2:hover{background:url(images/testimonials-icon-hr.png) no-repeat 1px -136px;}
/*logo-slider*/
#logo-slider{ width:100%; height:auto; float:left;padding:10px 0; background:#f1f1f1;}
.logo-slider{ max-width:1200px; height:auto; margin:0 auto;}
ul.logo-nav{float:left; width: 100%;}
ul.logo-nav li {float: left; list-style:none; margin-right:50px; }
ul.logo-nav li a{ float:left; }
/*Practice Locations*/
#practice-locations{ width:100%; height:auto; float:left;padding:10px 0;background:url(images/practice-locations.jpg) no-repeat center top; border-top:1px solid #ffffff; }
.practice-locations{ max-width:1200px; height:auto; margin:0 auto;}
.practice-locations-box{ width:100%; height:auto; float:left;padding:10px 0;}
.practice-locations-box a.hd1{color:#ffffff; font-size:43px; float:left; background:url(images/sprite.png) no-repeat 1px -624px; width:376px; padding:0 0 50px 55px; margin:0 30%}
#flexiselDemo1{display:block; }
.practice-locations .nbs-flexisel-container {position:relative;max-width:100%; margin:0; float:left;}
.practice-locations .nbs-flexisel-ul { position:relative; width:9999px; padding:0px; list-style-type:none; z-index: 2; }
.practice-locations .nbs-flexisel-inner {overflow:hidden; width:95%; margin:0px auto; height:351px;}
.practice-locations .nbs-flexisel-item {float:left;margin:0px;padding:0px;position:relative;}
/*** Navigation ***/
.practice-locations .nbs-flexisel-nav-left,
.practice-locations .nbs-flexisel-nav-right { width: 28px; height: 28px; position: absolute; cursor: pointer; z-index: 200;}
.practice-locations .nbs-flexisel-nav-left { left:44%!important; top:-40px!important;
background:url(images/dot3.png) no-repeat 0 0px; width:15px; height:15px;}
.practice-locations .nbs-flexisel-nav-right {left:45.5%!important; top:-40px!important;
background:url(images/dot3.png) no-repeat -15px 0px; width:15px; height:15px;}
.practice-locations-box1{ width:300px; border:10px solid #002a68; background:#002a68; float:left; }
.con{width:90%; margin:2% 5%; float:left; color:#ffffff; font-size:15px; font-family: 'Lato', sans-serif; font-weight:400;}
.con a.hd5 , .con1 a.hd5{color:#ffffff; font-size:19px; float:left; width:100%; font-family: 'Lato', sans-serif; font-weight:700; padding:10px 0 5px 0 ;}
.con a.hd2 , .con1 a.hd2{color:#ffffff; font-size:14px; float:left; font-family: 'Lato', sans-serif; font-weight:400; background:url(images/sprite.png) no-repeat -21px -392px; padding:5px 5px 5px 25px; width:40%; margin:10px 0 8px 0; }
.con span.hd3 , .con1 span.hd3{color:#ffffff; font-size:14px; float:left; font-family: 'Lato', sans-serif; font-weight:400; background:url(images/sprite.png) no-repeat -21px -522px; padding:5px 5px 5px 30px; width:95px; margin:10px 0 8px 0;}
.con a.hd4 , .con1 a.hd4{color:#ffd512; font-size:15px; float:left; width:100%; font-family: 'Lato', sans-serif; font-weight:400;}
/*Our Physicians are Specialists in*/
#our-physicians{ width:100%; height:auto; float:left;background:url(images/our-physicians-bg.jpg) no-repeat center top; padding:90px 0;}
.our-physicians{ max-width:1200px; height:auto; margin:0 auto;}
.our-physicians-box{ width:98%; height:auto; float:left;display:block; border:solid 1px #646464; padding:1%;}
.our-physicians a.hd1{color:#ffd02e; font-size:42px; float:left; width:100%; text-align:center; margin-bottom:20px;}
ul.our-physicians-nav{float:left; width: 100%; background:url(images/our-physicians-nav.png) repeat-x left top;}
ul.our-physicians-nav li {float: left;list-style:none;margin:0 0; width:25%; padding:30px 0 30px 210px;}
ul.our-physicians-nav li a{width:57%; float:left; }
ul.our-physicians-nav li a.hd2{color:#ffffff; font-size:24px; width:100%; float:left; font-family: 'RobotoRegular' ; text-align:left;}
ul.our-physicians-nav li a.hd3{color:#ffd02e; font-size:14px; width:80px; float:left; text-align:left; padding:10px;font-family: 'robotolight'; border:solid 1px #747474; background: #000 url(images/sprite.png) no-repeat 58px -248px; margin-top:10px;}
ul.our-physicians-nav li.icon1 {background:url(images/op-icon1.png) no-repeat left top;}
ul.our-physicians-nav li.icon2{background:url(images/op-icon2.png) no-repeat left top;}
/*footer*/
footer{ width:100%; height:auto; float:left;background:#373737; padding:60px 0; font-family: 'Open Sans', sans-serif; font-weight:400;}
.footer{max-width:1200px; height:auto; margin:0 auto; }
.footer-second-rgt{width:100%; height:auto; float:left;}
.footer p{color:#ffffff; font-size:15px; float:left; width:100%; text-align:center; }
.footer p a{color:#ffffff;}
ul.footer-nav{float: none; height: auto; margin: 0 auto; width: 85%;}
ul.footer-nav li {float: left; list-style:none;display:block; padding:0 0px 5px 50px; color:#ffffff; font-size:15px; text-align:center; background:url(images/bullete.png) 20px 9px no-repeat; }
ul.footer-nav li.last{background:none; }
ul.footer-nav li a{color:#ffffff; font-size:15px; }
.ypo-log {float:left; padding:20px 0 68px 0; width:100%; text-align:center; }
/*service*/
ul.joint-replacement-nav1{float:left; width: 100%;}
ul.joint-replacement-nav1 li {float: left; list-style:none; color:#ffffff; font-size:16px; margin:10px 20px 10px 0px; width:370px; }
ul.joint-replacement-nav1 li.last{float:right;}
ul.joint-replacement-nav1 li a.hd1{color:#ffffff; font-size:20px; padding:25px 0 18px 112px; display:block; float:left; min-height:64px; font-family: 'OptimaBold';}
ul.joint-replacement-nav1 li.icon5 a.hd1{padding:13px 0 22px 112px;}
ul.joint-replacement-nav1 li.icon1 {background:#003f9c url(images/sprite3.png) no-repeat 1px 1px;}
ul.joint-replacement-nav1 li.icon2 {background:#003f9c url(images/sprite4.png) no-repeat 1px 1px;}
ul.joint-replacement-nav1 li.icon3 {background:#003f9c url(images/sprite3.png) no-repeat 1px -175px;}
ul.joint-replacement-nav1 li.icon4 {background:#003f9c url(images/sprite4.png) no-repeat 1px -175px;}
ul.joint-replacement-nav1 li.icon5 {background:#003f9c url(images/sprite3.png) no-repeat 1px -349px;}
ul.joint-replacement-nav1 li.icon6 {background:#003f9c url(images/sprite4.png) no-repeat 1px -349px;}
ul.joint-replacement-nav1 li.icon7 {background:#003f9c url(images/sprite3.png) no-repeat 1px -526px;}
ul.joint-replacement-nav1 li.icon8 {background:#003f9c url(images/sprite4.png) no-repeat 1px -526px;}
ul.joint-replacement-nav1 li.icon9 {background:#003f9c url(images/s-robotic-hip-img.png) no-repeat 1px 1px;}
ul.joint-replacement-nav1 li.icon10 {background:#003f9c url(images/s-robotic-hip-img1.png) no-repeat 1px 1px;}
ul.joint-replacement-nav1 li a.hd2{color:#ffd02e; font-size:14px; display:block; float:left; margin-left: 105px;padding: 8px 0 8px 42px;width: 100px; background:#005ee8 url(images/sprite2.png) no-repeat -2px -366px; font-family: 'OptimaBold';}
ul.joint-replacement-nav1 li a.hd3{color:#ffd02e; font-size:14px; display:block; float:left; background:#005ee8; padding: 8px 3px 8px 30px;width: 89px; border-left:1px solid #49b1d6; font-family: 'OptimaBold'; }
a.book-app:hover , a.ph:hover , .welcome a.hd1:hover , .welcome a.hd2:hover , .welcome a.hd3:hover , ul.welcome-nav li a:hover , .patient-testimonials a.hd1:hover{color:#49B1D6;}
.joint-replacement-procedures a.hd1:hover , .our-physicians a.hd1:hover , .con a.hd4:hover , .con1 a.hd4:hover {color:#fff;}
ul.joint-replacement-nav li a:hover , ul.our-physicians-nav li a.hd2:hover , .practice-locations-box a.hd1:hover ,.con a.hd5:hover , .con1 a.hd5:hover , ul.footer-nav li a:hover , a.dr-name:hover , ul.joint-replacement-nav1 li a.hd1:hover{ color:#ffd02e;}
ul.our-physicians-nav li a.hd3:hover , ul.patient-testimonials-nav li a:hover{background-color:#01309c;}
.hvr-rectangle-out{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: #000 ;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.hvr-rectangle-out:before {content: "";
position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #373737;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform; transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);transform: scale(1);}
.hvr-rectangle-out{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: #000 ;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
ul.servicelist-one-nav li a:hover , #servicelist-two a.vp:hover , ul.servicelist-four-nav li.icon1 a:hover , ul.servicelist-four-nav li.icon2 a:hover , ul.servicelist-five-nav li.icon1 a:hover , ul.servicelist-five-nav li.icon2 a:hover , ul.joint-replacement-nav1 li a.hd2:hover , ul.joint-replacement-nav1 li a.hd3:hover{background-color:#FFD02E; color:#154791;}
.read-more > a { border-bottom: 1px dotted #000; float: left; margin: 10px 0; padding: 10px 0; text-align: right;width: 100%;}
.dispaly-none{display: none;}
/*ada*/
#controls, #controls1, #controls2, #controls3 , #controls4, #controls5, #controls6{right: 5px;bottom: 5px;margin-top: 0;position: absolute;z-index: 4; background:#fff; }
#controls li, #controls1 li, #controls2 li, #controls3 li , #controls4 li , #controls5 li , #controls6 li{cursor: pointer;display: inline-block;padding:2px 5px;}
#controls li.pause, #controls1 li.pause, #controls2 li.pause, #controls3 li.pause, #controls4 li.pause, #controls5 li.pause , #controls6 li.pause {display: none;}
body.dfw-blackmode {color: #fff;background: #000 ;}
body.dfw-blackmode *{color: #fff;}
body.dfw-blackmode footer,body.dfw-blackmode header{background:#000;}
body.dfw-blackmode #home_banner p.name span, body.dfw-blackmode #sub_banner p.name span{color: #000 !important;}
body.dfw-blackmode .list_nav img {background: #ffffff none repeat scroll 0 0;}
body.dfw-blackmode .contents img{background: #fff !important;}
body.dfw-blackmode .footerText a{color:yellow !important; }
body.dfw-blackmode .contents a{color:yellow !important; }
body.dfw-blackmode .formHead{background:#000!important;}
body.dfw-blackmode .showcase ul:nth-child(2n+1){background:#000!important;}
body.dfw-blackmode .ban_text2 h2{color:#000 !important;}
body.dfw-blackmode .ban_text2 h3{color:#000 !important;}
body.dfw-blackmode .ban_text span{color:#000 !important;}
body.dfw-blackmode .ban_text{color:#000 !important;}
body.dfw-blackmode .sidebar_container ul li{background:#000 !important;}
body.dfw-blackmode .resources{background:#000 !important;}
body.dfw-blackmode .sidebar_container2 ul li{background:#000 !important;}
body.dfw-blackmode .education_container{background:#000 !important;}
body.dfw-blackmode .resourcesright{background:#000 !important;}
body.dfw-blackmode #connect-sblock , body.dfw-blackmode #welcome{background:#000 !important;}
body.dfw-blackmode #joint-replacement-procedures{background:#000 !important;}
/*#Access-Container {position: fixed !important;z-index: 9999;}*/
#Accessibility .fontsize span.dfw-actSize a { color: #ffabab !imporatnt;}
#Accessibility .dfw-colorMode a {color: #000 !imporatn;}
body.dfw-blackmode #menu-mid .menu > li > a{color: #fff !important}
body.dfw-blackmode .welcome a.hd3{color: #fff !important}
body.dfw-blackmode ul.welcome-nav li a{color: #fff !important}
body.dfw-blackmode ul.welcome-nav li{color: #fff !important}
body.dfw-blackmode .patient-testimonials a.hd1{color: #fff !important}
body.dfw-blackmode ul.patient-testimonials-nav1 li a{color: #fff !important}
body.dfw-blackmode .welcome a.hd1{color: #fff !important}
body.dfw-blackmode ul.welcome1-nav li{color: #fff !important}
body.dfw-blackmode ul.welcome1-nav li a.hd3{color: #fff !important}
body.dfw-blackmode .inner-container-left p a{color: #fc0 !important}
body.dfw-blackmode .navigation1 a:hover{color: #fc0 !important}
body.dfw-blackmode ul.list_nav li a{color: #fc0 !important}
body.dfw-blackmode ul.list_nav li{color: #fff !important}
body.dfw-blackmode .practice-locations-box1{background: #000 !important;}
.accessibility-color .patient-testimonials-lft > p , .accessibility-color .patient-testimonials a.hd1 , .accessibility-color ul.patient-testimonials-nav1 li a{color:#fff !important;}
body.dfw-blackmode #logo-left img {padding: 5px;background: #fff;border-radius: 5px;width: 60%;}
body.dfw-blackmode a.book-app:hover, body.dfw-blackmode a.ph:hover, body.dfw-blackmode .welcome a.hd1:hover, body.dfw-blackmode .welcome a.hd2:hover, body.dfw-blackmode .welcome a.hd3:hover, body.dfw-blackmode ul.welcome-nav li a:hover, body.dfw-blackmode .patient-testimonials a.hd1:hover {color: #fc0 !important;}
body.dfw-blackmode #menu-mid .menu li ul li a:hover, body.dfw-blackmode #menu-mid .menu li ul li:hover > a {color: #fc0 !important;}
body.dfw-blackmode #menu-mid .menu li ul > li a{background-color: #000 !important; }
body.dfw-blackmode #menu-mid .menu li ul > li a:hover{background-color: #000 !important; }
body.dfw-blackmode .groupweb > a:hover{color: #fc0 !important;}
body.dfw-blackmode .welcome a.hd2 {color: #8a92ca !important;}
body.dfw-blackmode .slicknav_btn{background-color: #000 !important;}
body.dfw-blackmode ul.welcome1-nav li a.hd2 {color: #fc0 !important;}
body.dfw-blackmode #inner-container{background-color: #000 !important; }
body.dfw-blackmode ul.joint-replacement-nav1 li.icon1 {background: #003a96 url(images/sprite3.png) no-repeat 1px 1px;}
body.dfw-blackmode ul.joint-replacement-nav1 li a.hd3 {background: #003f9c !important}
body.dfw-blackmode ul.joint-replacement-nav1 li a.hd2 {background: #003f9c !important}
body.dfw-blackmode ul.servicelist-one-nav li a:hover, body.dfw-blackmode #servicelist-two a.vp:hover, body.dfw-blackmode ul.servicelist-four-nav li.icon1 a:hover, body.dfw-blackmode ul.servicelist-four-nav li.icon2 a:hover, ul.servicelist-five-nav li.icon1 a:hover, ul.servicelist-five-nav li.icon2 a:hover, ul.joint-replacement-nav1 li a.hd2:hover, body.dfw-blackmode ul.joint-replacement-nav1 li a.hd3:hover {background-color: #FFD02E !important;color: #000 !important;}
body.dfw-blackmode #servicelist-one {background: #000 !important;border: 1px solid #002a68;}
body.dfw-blackmode #servicelist-two {background: #000 !important;}
body.dfw-blackmode #servicelist-four {background: #000 !important;}
body.dfw-blackmode #servicelist-four a.hd1{background: #000 !important;}
body.dfw-blackmode #servicelist-five a.hd1{background: #000 !important;}
body.dfw-blackmode #servicelist-five{background: #000 !important;}
body.dfw-blackmode #servicelist-six a.hd1{background: #000 !important;}
body.dfw-blackmode #servicelist-six{background: #000 !important;}
body.dfw-blackmode .practice-locations-box2{background: #000 !important;}
body.dfw-blackmode .practice-locations-box2 {border: 10px solid #000;}
body.dfw-blackmode ul.our-physicians-nav li a.hd3:hover, body.dfw-blackmode ul.patient-testimonials-nav li a:hover {background-color: #fc0;color: #000;}
/*Contrast styles*/
#controls, #controls1, #controls2, #controls3 {right: 5%;bottom: 0px;margin-top: 0;position: absolute;z-index: 99;width: 115px;}
#controls li, #controls1 li, #controls2 li, #controls3 li {cursor: pointer;display: inline-block;padding: 4px;background: none repeat scroll 0 0;border-radius: 50%;background: #fff}
#controls li.pause, #controls1 li.pause, #controls2 li.pause, #controls3 li.pause {display: none;}
#controls li a, #controls1 li a, #controls2 li a, #controls3 li a {background: none !important;position: relative !important;top: auto !important;width: auto !important;}
.news-imges{
padding: 0px !important;
}
.news-imges li {
display: inline-block;
width: 49%;
}
/*media*/
@media screen and (max-width:1100px){
.inner-container-left{width:60%; margin-left:2%;}
aside { margin-right:2%;}
#logo-left{width:35%;}
ul.welcome-nav li{margin: 0 47px;}
}
@media screen and (max-width:900px){
.inner-container-left{width:55%;}
}
@media screen and (max-width:800px){
#logo-left{width:511px; float: none; height: auto;margin: 0 auto;position: relative;}
#header-right{ float: none; margin: 0 auto;}
#sticky{position:relative;}
#sub_banner{margin-top:0px;}
#sub_banner p.name{font-size:24px;}
#home_banner .rslides > li.banner1 {background: rgba(0, 0, 0, 0) url("images/home-banner1.jpg") no-repeat scroll 35% top;}
#home_banner .rslides > li.banner2 {background: rgba(0, 0, 0, 0) url("images/home-banner2.jpg") no-repeat scroll 35% top;}
#home_banner p.name{width:75%;top:40px;}
ul.joint-replacement-nav {float: none;width: 600px; margin: 0 auto;}
#welcome{padding:15px 0;}
.patient-testimonials-lft{float: none; margin: 0 auto; width:70%;}
.patient-testimonials-rgt{float: none; margin: 0 auto; width:70%;}
ul.patient-testimonials-nav1{margin-top:20px;}
ul.our-physicians-nav li{ padding: 15px 0 40px 210px;width: 21%;}
ul.our-physicians-nav li a.hd2 {font-size: 18px;}
.our-physicians-box{width:97%;}
.practice-locations .nbs-flexisel-nav-right{left: 50.5%;}
ul.welcome-nav{width:671px;}
}
@media screen and (max-width:765px){
.inner-container-left{width:90%; margin:0 auto; float:none;}
aside { margin:20px auto; float:none;}
#logo-left{width:80%; float: none; height: auto;margin: 0 auto;position: relative;}
.connect{float: none; margin: 0 auto;}
#header-right{width:400px;}
a.book-app{border-left:0px solid #889583;}
#sub_banner p.name{display:none;}
#sub_banner .rslides > li.banner1 {background: rgba(0, 0, 0, 0) url("images/sub-banner1.jpg") no-repeat scroll 43% top;}
#sub_banner .rslides > li.banner2 {background: rgba(0, 0, 0, 0) url("images/sub-banner2.jpg") no-repeat scroll 43% top;}
ul.welcome-nav li {margin: 10px 40px;}
#our-physicians{background:#2C2D31;}
ul.our-physicians-nav { background: rgba(0, 0, 0, 0) url("images/our-physicians-nav.png") repeat scroll left top;
}
ul.our-physicians-nav li { padding: 56px 0 55px 210px; width:250px;}
.practice-locations-box a.hd1{margin:0 15%;}
ul.welcome-nav li{ margin: 0 10px;}
.practice-locations .nbs-flexisel-inner{width:99%;}
.skip_to_main_a , .left_side_container > span{display:none;}
.font_resize{padding: 10px 0;}
.left_side_container{padding: 0 10px;}
}
@media screen and (max-width:640px){
ul.welcome-nav {
width: 640px;
}
}
@media screen and (max-width:600px){
#home_banner p.name{display:none;}
#home_banner .rslides > li.banner1{background-size:200%;}
#home_banner .rslides > li.banner2{background-size:200%;}
#home_banner .rslides > li{height:270px;}
.joint-replacement-procedures a.hd1 , .welcome a.hd1 , .welcome a.hd3 , .our-physicians a.hd1 , .patient-testimonials a.hd1{ font-size: 25px;}
ul.welcome-nav {float: none;margin: 0 auto;width: 230px;}
ul.welcome-nav li {margin: 10px 0px;}
ul.logo-nav li , ul.logo-nav li a{width:100%; margin-right: 0px; text-align:center;}
ul.joint-replacement-nav { float: none; margin: 0 auto;width: 270px;}
ul.patient-testimonials-nav1 li a{width:178px; font-size: 19px;}
.practice-locations-box a.hd1 {
margin: 0 3%;
}
}
@media screen and (max-width:400px){
ul.joint-replacement-nav1 li{width:300px;}
ul.joint-replacement-nav1 li a.hd2{margin-left:0;}
a.book-app{border-left:0px solid #889583; border-right:0px solid #889583;}
#header-right{width:240px;}
#home_banner .rslides > li {height: 211px;}
ul.our-physicians-nav li { padding: 20px; width: 276px;}
ul.our-physicians-nav li.icon1 , ul.our-physicians-nav li.icon2{background:none;}
.practice-locations-box a.hd1{ margin: 0 0; font-size: 25px; background:rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 1px -637px; width:220px;}
.patient-testimonials-rgt{width: 90%;}
.patient-testimonials-lft{width: 90%;}
ul.footer-nav li{width:100%; background:none; padding:0 0 5px 0px;}
}
@media screen and (max-width:320px){
#home_banner .rslides > li {height: 185px;}
ul.joint-replacement-nav {float: none;width: 280px; margin: 0 auto;}
.practice-locations .nbs-flexisel-inner {
height: 351px;
margin: 0 2px;
overflow: hidden;
width: 315px;
}
}