@charset "utf-8";

/* Kare Tang Document */

body, button, form, h1, h2, h3, h4, iframe, li, p, ul {
  padding: 0;
  margin: 0;
  font-weight: normal
}
body {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  background: #000
}
li, ul {
  list-style-type: none
}
img {
  border: none;
  max-width: 100%
}
a {
  outline: 0;
  color: #e58904;
  text-decoration: none
}
a:hover {
  color: #4A5E6B
}
.clear {
  clear: both
}
@font-face {
  font-family: 'LatoRegular';
  src: url('/fonts/lato-regular.eot');
  src: url('/fonts/lato-regular.eot') format('embedded-opentype'), url('/fonts/lato-regular.woff2') format('woff2'), url('/fonts/lato-regular.woff') format('woff'), url('/fonts/lato-regular.ttf') format('truetype'), url('/fonts/lato-regular.svg#LatoRegular') format('svg');
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url('/fonts/opensans-regular.eot');
  src: url('/fonts/opensans-regular.eot') format('embedded-opentype'), url('/fonts/opensans-regular.woff') format('woff'), url('/fonts/opensans-regular.ttf') format('truetype'), url('/fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
  font-family: 'OpenSansLight';
  src: url('/fonts/opensans-light.eot');
  src: url('/fonts/opensans-light.eot') format('embedded-opentype'), url('/fonts/opensans-light.woff') format('woff'), url('/fonts/opensans-light.ttf') format('truetype'), url('/fonts/opensans-light.svg#OpenSansLight') format('svg');
}
@font-face {
  font-family: 'RalewayRegular';
  src: url('/fonts/raleway-regular_0.eot');
  src: url('/fonts/raleway-regular_0.eot') format('embedded-opentype'), url('/fonts/raleway-regular_0.woff') format('woff'), url('/fonts/raleway-regular_0.ttf') format('truetype'), url('/fonts/raleway-regular_0.svg#RalewayRegular') format('svg');
}
@font-face {
  font-family: 'LatoLight';
  src: url('/fonts/LatoLight.eot');
  src: url('/fonts/LatoLight.eot') format('embedded-opentype'), url('/fonts/LatoLight.woff2') format('woff2'), url('/fonts/LatoLight.woff') format('woff'), url('/fonts/LatoLight.ttf') format('truetype'), url('/fonts/LatoLight.svg#LatoLight') format('svg');
}
@font-face {
  font-family: 'LatoLightItalic';
  src: url('/fonts/LatoLightItalic.eot');
  src: url('/fonts/LatoLightItalic.eot') format('embedded-opentype'), url('/fonts/LatoLightItalic.woff2') format('woff2'), url('/fonts/LatoLightItalic.woff') format('woff'), url('/fonts/LatoLightItalic.ttf') format('truetype'), url('/fonts/LatoLightItalic.svg#LatoLightItalic') format('svg');
}
@font-face {
  font-family: 'LatoBold';
  src: url('/fonts/LatoBold.eot');
  src: url('/fonts/LatoBold.eot') format('embedded-opentype'), url('/fonts/LatoBold.woff2') format('woff2'), url('/fonts/LatoBold.woff') format('woff'), url('/fonts/LatoBold.ttf') format('truetype'), url('/fonts/LatoBold.svg#LatoBold') format('svg');
}
@font-face {
  font-family: 'OpenSansSemibold';
  src: url('/fonts/opensans-semibold.eot');
  src: url('/fonts/opensans-semibold.eot') format('embedded-opentype'), url('/fonts/opensans-semibold.woff') format('woff'), url('/fonts/opensans-semibold.ttf') format('truetype'), url('/fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}
#header-section, #main-menu, #banner-section, #conditions-treatments-section, #home-meet-doctor-section, #for-patients-section, #latest-update-section, #credibility, #practice-location-section, #footer-section, #inner-banner, #container {
  float: left;
  width: 100%
}
.header-section, .main-menu, .banner-section, .conditions-treatments-section, .home-meet-doctor-section, .for-patients-section, .latest-update-section, .credibility, .practice-location-section, .footer-section, .inner-banner, .container {
  width: 1170px;
  margin: auto;
  position: relative
}
#header-section {
  background: #25323b
}
.logo {
  float: left;
  margin: 20px 0;
  transition: 0.4s all linear;
  width: 315px
}
.heart-image {
  float: right;
  margin: 35px 0 0;
  width: 48px;
  transition: 0.4s all linear
}
.appointment {
  float: right;
  background: #ae222b;
  border-radius: 5px;
  font-family: 'LatoRegular';
  margin: 75px 15px 0 0;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  transition: 0.4s all linear
}
.appointment:hover {
  background: #e58904
}
.appointment a {
  color: #fff;
  padding: 7px 25px 7px 40px;
  display: inline-block;
  background: url(/images/index.png) no-repeat -260px -269px
}
.smo {
  float: right;
  margin: 72px 25px 0 0;
  transition: 0.4s all linear
}
.smo li {
  float: left;
  margin-right: 5px
}
.smo li.linkedin {
  margin: 0
}
.smo li a {
  display: block;
  text-indent: -9999px;
  width: 37px;
  height: 36px;
  background-image: url(/images/index.png);
  background-repeat: no-repeat
}
.smo li.twitter a {
  background-position: -275px -17700px
}
.smo li.youtube a {
  background-position: -275px -18872px
}
.smo li.googleplus a {
  background-position: -275px -15356px
}
.smo li.facebook a {
  background-position: -275px -14184px
}
.smo li.linkedin a {
  background-position: -275px -16528px
}
.smo li.twitter a:hover {
  background-position: -275px -18286px
}
.smo li.youtube a:hover {
  background-position: -275px -19458px
}
.smo li.googleplus a:hover {
  background-position: -275px -15942px
}
.smo li.facebook a:hover {
  background-position: -275px -14770px
}
.smo li.linkedin a:hover {
  background-position: -275px -17114px
}
.header-section .phone {
  position: absolute;
  top: 39px;
  right: 70px;
  font-family: 'OpenSansLight';
  font-size: 29px;
  color: #fff;
  transition: 0.4s all linear
}
.header-section .phone a {
  color: #fff;
  display: inline-block;
  background: url(/images/index.png) no-repeat -275px -7754px;
  padding: 0 0px 2px 25px
}
#main-menu {
  background: url(/images/menu-bg.jpg) repeat-x 0 0;
  position: relative;
  z-index: 2
}
.main-menu ul li {
  float: left;
  position: relative
}
.main-menu ul li a {
  font-family: 'RalewayRegular';
  display: block;
  font-size: 16px;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  border-left: 1px solid #34393d;
}
.main-menu ul li#menu-item-41 {
  width: 10.5%
}
.main-menu ul li#menu-item-31 {
  width: 14%
}
.main-menu ul li#menu-item-37 {
  width: 12%
}
.main-menu ul li#menu-item-950 {
  width: 14%
}
.main-menu ul li#menu-item-310 {
  width: 16.5%
}
.main-menu ul li#menu-item-32 {
  width: 8.5%
}
.main-menu ul li#menu-item-941 {
  width: 10%
}
.main-menu ul li#menu-item-33 {
  border-right: 1px solid #34393d;
  width: 13.5%
}
.main-menu ul li a:hover {
  background: url(/images/menu-mouse.jpg) repeat-x 0 0
}

/** DD Menu Styles **/

.main-menu ul li ul {
  display: none;
}
.main-menu ul li:hover>ul, .main-menu ul li>ul>li:hover>ul, .main-menu ul li>ul>li>ul>li:hover>ul {
  display: block;
}
.main-menu ul li ul li {
  float: none;
  background-color: inherit;
  *background-color: #333;
  width: auto;
  border-left: none;
  border-bottom: 1px solid #5c7c89
}
.ypomainmenu li ul li a {
  display: block;
  padding: 12px 10px 12px 34px;
  color: #fff;
  font-size: 13px;
  text-align: left;
  font-family: verdana;
  background-image: url(/images/menu-icon.png);
  background-repeat: no-repeat;
  background-position: 12px 20px
}
.ypomainmenu li ul li a:hover {
  background-color: #e58904 !important;
  background-image: url(/images/menu-icon.png);
  background-repeat: no-repeat;
  background-position: 12px 20px
}
.main-menu ul li:hover>ul, .main-menu ul li:hover>ul>li>ul, .main-menu ul li:hover>ul>li>ul>li>ul {
  width: 225px;
  position: absolute;
}
.main-menu ul li:hover>ul>li>ul, .main-menu .ypomainmenu li:hover>ul>li>ul>li>ul {
  left: 200px;
}

/*** First Level Sub Menu ***/

.main-menu ul li:hover>ul {
  top: 50px;
  left: 0px;
  background: #25323b
}

/*** Second Level Sub Menu ***/

.main-menu ul li:hover>ul>li>ul {
  top: 0;
  background: #333;
}

/*** Third Level Sub Menu ***/

.main-menu ul li:hover>ul>li>ul>li>ul {
  top: 0;
  background: #333;
}

/************code to keep right arrow active on hover********************/


/**right arrow**/

.main-menu ul li ul li.menu-item-has-children {
  background-image: url(/images/arrow_menu.png);
  background-repeat: no-repeat;
  background-position: 96% 13px;
}

/*************on hover**********************/

.main-menu ul li ul li.menu-item-has-children:hover>a {
  background-image: url(/images/arrow_menu.png);
  background-repeat: no-repeat;
  background-position: 96% 13px;
}
.ypomainmenu li a:hover, .ypomainmenu>li:hover>a, .ypomainmenu>li.current-menu-item>a, .ypomainmenu>li.current_page_ancestor>a {
  background: url(/images/menu-mouse.jpg) repeat-x 0 0
}
.slicknav_menu {
  display: none;
}
.stickyMenu {
  height: 132px
}
#sticky {
  position: fixed;
  top: 0px;
  float: left;
  width: 100%;
  z-index: 999999;
  background: #000;
}
.stickyMenu .logo {
  width: 217px;
  transition: 0.4s all linear;
  margin: 3px 0
}
.stickyMenu .heart-image {
  width: 35px;
  transition: 0.4s all linear;
  margin: 11px 0 0
}
.stickyMenu .appointment {
  margin: 25px 30px 0 0;
  transition: 0.4s all linear
}
.stickyMenu .smo {
  margin: 25px 10px 0 0;
  transition: 0.4s all linear
}
.stickyMenu .phone {
  position: inherit;
  float: right;
  transition: 0.4s all linear;
  right: auto;
  top: 30px;
  font-size: 25px;
  margin-right: 15px
}
#banner-section, #inner-banner {
  background: url(/images/home-banner-bg.jpg) repeat 0 0;
  margin: 198px 0 0;
  position: relative;
  z-index: 1
}
.doctors-slider {
  float: right;
  background: url(/images/doctor-slider-bg.jpg) no-repeat 0 0;
  width: 58.8%;
  position: relative
}
.doctors-slider ul#banner, .doctors-slider ul#banner li {
  width: 100%;
  position: relative
}
.doctors-slider .doctor-image {
  float: left;
  width: 55.5%
}
.doctors-slider .doctor-image img {
  float: left
}
.doctor-intro {
  font-family: 'LatoLight';
  font-size: 15px;
  color: #fff;
  float: left;
  width: 44.5%;
  margin: 19% 0 0;
  line-height: 18px
}
.doctor-intro h2 {
  font-size: 29px;
  line-height: 29px;
  margin-bottom: 18px
}
.doctor-intro ul {
  list-style: disc;
  padding-left: 20px
}
.doctor-intro ul li {
  list-style: disc;
  margin-bottom: 17px
}
#home-banner-bullets {
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 2
}
#home-banner-bullets li {
  float: left;
  width: auto;
  margin-right: 5px
}
#home-banner-bullets li a {
  background: #fff;
  display: block;
  height: 6px;
  width: 6px
}
#home-banner-bullets li.rslides_here a, #home-banner-bullets li a:hover {
  background: #fab824
}
.home-banner-animation {
  float: right;
  width: 41.2%;
  background: #37393d url(/images/heart-bg.png) no-repeat center center;
  text-align: center;
  padding: 57px 0 58px
}
.stcky-scroll {
  position: fixed;
  right: 20px;
  top: 300px;
  z-index: 3
}
.stcky-scroll li {
  margin-bottom: 12px;
  height: 18px;
  position: relative
}
.stcky-scroll li a {
  text-indent: -9999px;
  height: 18px;
  display: block
}
.stcky-scroll li .scroll-div a {
  background: url(/images/stcky-scroll-normal.jpg) no-repeat right 1px;
  width: 19px
}
.stcky-scroll li .scroll-name {
  position: absolute;
  display: none;
  width: 193px;
  right: 0
}
.stcky-scroll li:hover .scroll-name {
  display: block
}
.stcky-scroll li:hover .scroll-div {
  display: none;
  position: absolute
}
.stcky-scroll li.top .scroll-name a {
  background: url(/images/stcky-scrol-top.jpg) no-repeat 0 0
}
.stcky-scroll li.conditions-treatments .scroll-name a {
  background: url(/images/stcky-scrol-conditions-treatments.jpg) no-repeat 0 0
}
.stcky-scroll li.meet-dr .scroll-name a {
  background: url(/images/stcky-scrol-meet-dr.jpg) no-repeat 0 0
}
.stcky-scroll li.patients-referrers .scroll-name a {
  background: url(/images/stcky-scrol-patients-reffers.jpg) no-repeat 0 0
}
.stcky-scroll li.latest-updates .scroll-name a {
  background: url(/images/stcky-scrol-latest-updates.jpg) no-repeat 0 0
}
.stcky-scroll li.practice-locations .scroll-name a {
  background: url(/images/stcky-scrol-practice-locations.jpg) no-repeat 0 0
}
#conditions-treatments-section {
  background: url(/images/conditions-treatment-bg.jpg) repeat 0 0
}
.conditions-treatments-section {
  margin-top: 75px;
  margin-bottom: 75px
}
.conditions-treatments-section h2, .home-meet-doctor-section h2, .for-patients-section h2, .latest-update-section h2, .practice-location-section h2 {
  text-align: center;
  padding: 20px 0 19px;
  font-family: 'LatoLight';
  font-size: 40px;
  position: relative;
  margin-top: -11px
}
.conditions-treatments-section h2 {
  background: url(/images/conditions-treatments-heading-bg.png) no-repeat center 0;
  margin-bottom: -47px
}
.conditions-treatments-section h2 a, .for-patients-section h2 a {
  color: #000
}
#conditions-treatments-section .conditions-treatments {
  position: absolute;
  left: 0;
  bottom: 40px
}
.conditions-treatments li {
  float: left;
  width: 24.8%;
  margin-left: 6.2%;
  margin-bottom: 1px
}
.conditions-treatments li a {
  display: block;
  font-family: 'RalewayRegular';
  font-size: 15px;
  color: #fff;
  background: #1d2226 url(/images/index.png) no-repeat -258px -827px;
  padding: 7px 0 7px 30px
}
.conditions-treatments li a:hover {
  color: #e58904
}
#home-meet-doctor-section {
  background: url(/images/meet-dr-section-bg.jpg) repeat 0 0
}
.home-meet-doctor-section {
  margin-bottom: 9%
}
.home-meet-doctor-section h2 {
  margin-bottom: 85px;
  background: url(/images/meet-dr-heading-bg.png) no-repeat center 0
}
.home-meet-doctor-section h2 a, .latest-update-section h2 a {
  color: #fff
}
.meet-doctor-left-section {
  float: left;
  width: 60.7%
}
.meet-doctor-left-image {
  float: left;
  width: 36.5%
}
.meet-doctor-left-intro {
  float: right;
  width: 54%;
  font-family: 'LatoLight';
  font-size: 16px;
  color: #ececec
}
.meet-doctor-left-intro p {
  margin-bottom: 20px
}
.meet-doctor-left-intro a.view-profile {
  display: inline-block;
  padding: 14px 30px;
  font-family: 'LatoRegular';
  font-size: 13px;
  color: #ececec;
  text-transform: uppercase;
  background: #576068
}
a.view-profile:hover, a.viewprofile:hover {
  background-color: #24292c
}
.meet-doctor-right-section {
  float: right;
  width: 32%
}
.meet-doctor-right-section li {
  float: left;
  margin: 0 1% 3px 0;
  width: 49%
}
.meet-doctor-right-section li a {
  display: block;
  background: #24292c;
  text-align: center;
  font-family: 'LatoLight';
  font-size: 16px;
  color: #ececec;
  padding: 35px 0 0
}
.meet-doctor-right-section li a span {
  display: block;
  padding: 13px 0 20px
}
.meet-doctor-right-section li a:hover {
  background: #384955
}
#for-patients-section {
  background: url(/images/home-banner-bg.jpg) repeat 0 0
}
.for-patients-section {
  margin-bottom: 95px
}
.for-patients-section h2 {
  background: url(/images/for-patients-heading-bg.png) no-repeat center 0;
  margin-bottom: 110px;
  color: #000
}
.for-patients-left-section, .multimedia {
  float: left;
  width: 31%;
  margin-right: 3%
}
.for-patients-left-section li {
  margin-bottom: 27px
}
.for-patients-left-section li a {
  display: block;
  font-family: 'LatoLight';
  font-size: 24px;
  line-height: 24px;
  color: #fa9500;
  padding: 6px 0 6px 58px;
  background-image: url(/images/index.png);
  background-repeat: no-repeat
}
.for-patients-left-section li a:hover {
  color: #fff
}
.for-patients-left-section li.firstvisit a {
  background-position: -275px -1396px
}
.for-patients-left-section li.preparingsurgery a {
  background-position: -275px -8326px
}
.for-patients-left-section li.patientforms a {
  background-position: -275px -6584px
}
.for-patients-left-section li.insuranceinfo a {
  background-position: -275px -3736px
}
.for-patients-left-section li.forreferrers a {
  background-position: -275px -2566px
}
.for-patients-left-section li.firstvisit a:hover {
  background-position: -275px -1981px
}
.for-patients-left-section li.preparingsurgery a:hover {
  background-position: -275px -8911px
}
.for-patients-left-section li.patientforms a:hover {
  background-position: -275px -7169px
}
.for-patients-left-section li.insuranceinfo a:hover {
  background-position: -275px -4321px
}
.for-patients-left-section li.forreferrers a:hover {
  background-position: -275px -3151px
}
.multimedia {
  text-align: center
}
.home-useful-section {
  float: right;
  width: 31%
}
.home-useful-section p {
  font-family: 'LatoLight';
  font-size: 28px;
  color: #fa9500;
  margin-bottom: 31px
}
.home-useful-section li {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 25px
}
#latest-update-section {
  background: url(/images/latest-update-bg.jpg) repeat 0 0
}
.latest-update-section h2 {
  background: url(/images/latest-updates-heading-bg.png) no-repeat center 0;
  margin-bottom: 85px
}
ul#latest-update, ul#latest-update li {
  width: 100%;
  position: relative
}
.latest-update {
  font-family: 'LatoLight';
  float: left;
  width: 42%;
  margin-bottom: 15px
}
.latest-update img {
  float: left;
  margin-right: 6.5%
}
.latest-update .sidebar-latest-update-img {
  float: left;
  margin-right: 6.5%;
  width: 61px
}
.latest-update .sidebar-latest-update-img img {
  height: auto
}
.latest-update-heading {
  font-size: 20px;
  color: #fa9500;
  margin-bottom: 14px
}
.latest-update-heading a {
  color: #fa9500
}
.latest-update p {
  font-size: 16px;
  color: #ececec
}
.latest-update p a {
  color: #fa9500;
  font-family: 'LatoLightItalic'
}
.latest-update p a:hover {
  color: #fff
}
.latest-update-divider {
  float: left;
  margin: 15px 7.9% 0
}
.latest-update-bullets {
  margin: auto;
  width: 63px;
  padding: 15px 0;
  clear: both
}
#latest-update li div:last-child {
  display: none
}
#latest-update-bullets li {
  float: left;
  margin-right: 10px
}
#latest-update-bullets li a {
  background: url(/images/index.png) no-repeat -275px -4906px;
  width: 11px;
  height: 11px;
  display: block
}
#latest-update-bullets li.rslides_here a, #latest-update-bullets li a:hover {
  background-position: -275px -5467px
}
#credibility {
  background: url(/images/credibility-bg.jpg) repeat-x 0 0
}
.credibility li {
  float: left;
  padding: 43px 0;
  text-align: center
}
.credibility li.royal-college-physicians {
  width: 28%
}
.credibility li.hong-kong-academy {
  width: 42%
}
.credibility li.university-southampton {
  width: 29%
}
#practice-location-section {
  background: url(/images/practice-location-bg1.jpg) no-repeat center 0
}
.practice-location-section h2 {
  margin-bottom: -46px;
  margin-top: -13px;
  background: url(/images/practice-location-heading-bg.png) no-repeat center 0;
  z-index: 1
}
.practice-location-section h2 a {
  color: #fab824
}
.practice-location-section li {
  float: left;
  width: 25%;
  position: relative
}
.practice-location-address {
  min-height: 148px;
  position: absolute;
  bottom: 55px;
  background: rgba(20, 20, 20, 0.7);
  border-radius: 5px;
  width: 86%;
  padding: 13px 6% 15px;
  color: #fff;
  font-size: 14px
}
.practice-location-address .heading {
  font-family: 'LatoBold';
  font-size: 20px;
  margin-bottom: 3px !important
}
.practice-location-address .heading a {
  color: #fff
}
.practice-location-address p {
  font-family: 'LatoLight';
  margin-bottom: 5px
}
.practice-location-address p span {
  font-family: 'LatoRegular'
}
.practice-location-address a {
  color: #fff
}
.practice-location-address a.driving-directions {
  font-family: 'LatoBold';
  color: #fff
}
.practice-location-address a:hover {
  color: #fa9500
}
.location-1 .practice-location-address p {
  margin-bottom: 25px
}
.location-2 .practice-location-address {
  left: 1%
}
.location-3 .practice-location-address {
  right: 0
}
.location-4 .practice-location-address {
  margin-left: 3%;
}
.location-4 .driving-directions {
  margin-top: 40px;
  display: inline-block;
}
#footer-section {
  background: #000
}
.footer-section {
  font-family: 'LatoLight';
  text-align: center;
  font-size: 14px;
  color: #878787;
  padding-bottom: 40px
}
.footer-section p.copyrights {
  padding: 30px 0 3px
}
.footer-menu {
  margin-bottom: 12px
}
.footer-section ul li {
  display: inline-block;
  border-right: 1px solid #878787;
  line-height: 14px;
  padding-right: 5px;
  margin-right: 5px
}
.footer-section ul li:last-child {
  border: none;
  padding: 0;
  margin: 0
}
.footer-section ul li a {
  color: #878787
}
.footer-section ul li a:hover {
  color: #fa9500
}
#inner-banner .doctors-slider {
  background: url(/images/inner-banner-doctor-bg.jpg) no-repeat 0 0;
  width: 76%
}
#inner-banner .doctors-slider .doctor-image {
  width: 34.5%
}
#inner-banner .doctors-slider .doctor-image img {
  float: right
}
#inner-banner .doctor-intro {
  margin: 6.5% 0 0;
  width: 65%
}
#inner-banner .doctor-intro h2 {
  font-size: 34px;
  line-height: 34px
}
#inner-banner .home-banner-animation {
  padding: 22px 0;
  width: 24%;
  background-image: url(/images/inner-banner-heart-bg.png)
}
#container {
  background: #25323b
}
.content {
  float: left;
  width: 65%;
  margin-bottom: 30px
}
.bread-crumbs {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  color: #fff;
  padding: 25px 0 15px
}
.bread-crumbs a {
  color: #fff
}
.content h1, .content .main-heading {
  font-family: 'OpenSansRegular';
  font-size: 25px;
  margin-bottom: 15px;
  color: #72AFB6
}
.content h2, .content .MainHeading {
  font-family: 'OpenSansLight';
  font-size: 22px;
  color: #e58904;
  margin: 12px 0
}
.content .SubHeading {
  font-family: 'OpenSansRegular';
  font-size: 18px;
  color: #72AFB6
}
.content .SubsubHeading {
  font-family: 'OpenSansLight';
  font-size: 16px;
  color: #e58904
}
.content .textMainBold {
  color: #72AFB6;
  font-weight: bold
}
.content h3, .content p, .content ul, .content ol {
  margin: 12px 0
}
.content ul {
  padding-left: 20px
}
.content li {
  list-style: disc
}
.sidebar {
  float: right;
  width: 280px;
  padding-top: 5px;
  padding-bottom: 40px
}
.sidebar h2 {
  font-family: 'LatoLight';
  font-size: 20px;
  line-height: 20px;
  padding: 18px 15px
}
.sidebar-conditions-treatments h2, .sidebar-conditions-treatments h2 a {
  background: #fa9500;
  color: #000
}
.sidebar-conditions-treatments li {
  border-bottom: 1px solid #4d5053
}
.sidebar-conditions-treatments li:last-child {
  border-bottom: none
}
.sidebar-conditions-treatments li a {
  display: block;
  font-family: 'RalewayRegular';
  font-size: 14px;
  color: #ffffff;
  background: #1d2226 url(/images/index.png) no-repeat -260px -827px;
  padding: 7px 15px 7px 30px
}
.sidebar-conditions-treatments li a:hover, .sidebar-conditions-treatments li:hover a {
  color: #e58904
}
.sidebar-meet-dr {
  background: #4a5e6b;
  padding: 25px 0 0 0px
}
.sidebar-dr-image {
  float: left;
  margin: 0 10px 20px 10px
}
.sidebar-dr-intro {
  font-family: 'LatoLight';
  font-size: 14px;
  color: #ececec
}
.sidebar-dr-name, .sidebar-dr-name a {
  font-size: 19px;
  color: #fff
}
.dr-specalization {
  padding: 3px 0 15px
}
a.viewprofile {
  display: inline-block;
  font-family: 'LatoRegular';
  background: #616b74;
  font-size: 11px;
  color: #ececec;
  text-transform: uppercase;
  padding: 2px 9px
}
.sidebar-meet-dr li {
  border-bottom: 1px solid #374550;
  background: #24292c
}
.sidebar-meet-dr li a {
  font-family: 'LatoLight';
  font-size: 16px;
  color: #ececec;
  display: block;
  padding: 15px 0 15px 23%;
  background-image: url(/images/index.png);
  background-repeat: no-repeat
}
.sidebar-meet-dr li a:hover {
  color: #fab824
}
.sidebar-meet-dr li.ask-dr a {
  background-position: -262px -9490px
}
.sidebar-meet-dr li.our-staff a {
  background-position: -262px -11834px
}
.sidebar-meet-dr li.testimonials a {
  background-position: -262px -13006px
}
.sidebar-meet-dr li.cardiology-experience a {
  background-position: -262px -10662px
}
.sidebar-meet-dr li.ask-dr a:hover {
  background-position: -262px -10076px
}
.sidebar-meet-dr li.our-staff a:hover {
  background-position: -262px -12420px
}
.sidebar-meet-dr li.testimonials a:hover {
  background-position: -262px -13592px
}
.sidebar-meet-dr li.cardiology-experience a:hover {
  background-position: -262px -11248px
}
.sidebar-patients-section {
  background: #1d2226
}
.sidebar-patients-section h2 {
  background: #c1c1c1;
  color: #000
}
.sidebar-patients-section ul {
  padding: 7px 0
}
.sidebar-patients-section li a {
  display: block;
  font-family: 'LatoLight';
  font-size: 16px;
  color: #fa9500;
  padding: 15px 0 15px 23%
}
.sidebar-patients-section li a:hover {
  color: #ffffff
}
.sidebar-patients-section li.firstvisit a {
  background: url(/images/sidebar-first-visit.png) no-repeat 5.5% 10px
}
.sidebar-patients-section li.preparingsurgery a {
  background: url(/images/sidebar-preparing-surgery.png) no-repeat 5.5% 10px
}
.sidebar-patients-section li.patientforms a {
  background: url(/images/sidebar-patient-forms.png) no-repeat 5.5% 10px
}
.sidebar-patients-section li.insuranceinfo a {
  background: url(/images/sidebar-insurence-info.png) no-repeat 5.5% 10px
}
.sidebar-patients-section li.forreferrers a {
  background: url(/images/sidebar-referrers.png) no-repeat 5.5% 10px
}
.sidebar-patients-section li.multimediapatienteducation a {
  background: url(/images/sidebar-multimedia.png) no-repeat 5.5% 10px
}
.sidebar-latest-update-section {
  background: #4a5e6b
}
.sidebar-latest-update-section h2, .sidebar-latest-update-section h2 a {
  background: #ae222b;
  color: #fff
}
.sidebar-latest-update-section ul {
  padding: 5px 0 12px
}
.sidebar-latest-update-section .latest-update {
  width: auto;
  float: none;
  padding: 8px 15px 4px
}
.sidebar-latest-update-section .latest-update-heading {
  line-height: 14px;
  margin-bottom: 2px
}
.sidebar-latest-update-section .latest-update-heading, .sidebar-latest-update-section .latest-update p {
  font-size: 14px
}
.sidebar-latest-update-section .latest-update p {
  line-height: 16px
}
.sidebar-practice-locations {
  font-family: 'LatoRegular';
  background: #1d2226
}
.sidebar-practice-locations h2 {
  font-family: 'LatoRegular';
  background: #c1c1c1;
  font-size: 22px;
  color: #1d2226
}
.sidebar-practice-locations li {
  border-bottom: 1px solid #373f46
}
.sidebar-practice-locations li:last-child {
  border: none
}
.sidebar-practice-locations li a {
  display: block;
  font-size: 16px;
  color: #ffffff;
  background: url(/images/sidebar-location-icon.png) no-repeat 5.5% 15px;
  padding: 11px 0 10px 12.5%
}
.sidebar-practice-locations li a:hover {
  color: #4A5E6B
}
.profile {
  background: #4a5e6b;
  border-radius: 0 0 10px 10px;
  float: right;
  padding: 5px;
  text-align: center;
  margin-left: 20px
}
.profile span {
  display: block;
  font-family: 'RalewayRegular';
  font-size: 18px;
  padding: 3px 0 4px
}
.services-page {
  padding: 10px 0 0
}
.services-page ul {
  padding-left: 0
}
.services-page li {
  margin-bottom: 10px;
  width: 47%;
  list-style: none
}
.services-page li.left {
  float: left
}
.services-page li.right {
  float: right
}
.services-page li a, .services-page li a span {
  display: block, font-family: 'OpenSansSemibold';
  font-size: 15px;
  color: #fff;
  display: block
}
.services-page li a span.services-page-image {
  float: left;
  width: 20%
}
.services-page li a span.services-page-service {
  float: left;
  margin-left: -2.5%;
  border: 1px solid #34424c;
  padding: 19px 5.5% 20px;
  width: 71%;
  border-left: none
}
.contact-address {
  border: 1px solid #4A5E6B;
  margin: 0 0 15px;
  padding: 3px;
  width: auto
}
.contact-address.contact-address-detailed {
  padding: 10px 2%;
  width: auto
}
#map {
  height: 350px;
  width: 100%
}
.conditions-detailed {
  padding: 1px 0
}
.content .conditions-detailed ul {
  padding-left: 0
}
.content .conditions-detailed ul li {
  float: left;
  list-style: none;
  margin: 0 3% 10px 0;
  width: 47%
}
.content .conditions-detailed ul li a {
  background: #4a5e6b;
  border-radius: 20px;
  color: #fff;
  display: block;
  padding: 10px 20px
}
@media only screen and (max-width:1170px) {
  .header-section, .conditions-treatments-section, .home-meet-doctor-section, .for-patients-section, .latest-update-section, .credibility, .footer-section, .container {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%
  }
  .main-menu, .banner-section, .practice-location-section, .inner-banner {
    width: 100%
  }
  .banner-section .doctors-slider {
    width: 69.8%;
    background: #606d76 url(/images/doctor-slider-bg.jpg) no-repeat right 0
  }
  .banner-section .home-banner-animation {
    background-size: 100%;
    width: 30.2%
  }
  .conditions-treatments li {
    width: 28.8%;
    margin-left: 3.5%
  }
  .meet-doctor-right-section li.cardiology-experience a {
    padding: 30px 6.5% 0
  }
  .meet-doctor-right-section li.cardiology-experience span {
    padding: 8px 0 10px
  }
  .latest-update-divider {
    margin: 15px 7.5% 0
  }
  .practice-location-section li {
    width: 33.3%
  }
  .practice-location-address {
    padding: 13px 5% 15px;
    width: 71%
  }
  .practice-location-address .heading {
    font-size: 19px
  }
  .location-1 .practice-location-address {
    left: 2%
  }
  .location-3 .practice-location-address {
    right: 2%
  }
  .services-page li {
    float: none !important;
    width: 56%
  }
  .content .conditions-detailed ul li {
    float: none;
    width: 59%
  }
  .stcky-scroll {
    display: none
  }
}
@media only screen and (max-width:979px) {
  .logo {
    margin: 24px 0
  }
  .heart-image {
    margin: 45px 0 0
  }
  .appointment {
    margin: 60px 15px 0 0
  }
  .smo {
    margin: 15px 30px 15px 11%
  }
  .header-section .phone {
    top: 25px
  }
  .stickyMenu .logo {
    margin: 18px 0
  }
  .stickyMenu .appointment {
    margin: 15px 13% 0
  }
  .stickyMenu .smo {
    margin: 15px 10px 15px 0
  }
  .main-menu ul li#menu-item-941 {
    width: 9.7%
  }
  .banner-section {
    background: #37393d
  }
  .banner-section .home-banner-animation {
    padding: 5px 0 0;
    width: 37.2%
  }
  .banner-section .doctors-slider {
    width: 62.8%
  }
  .doctor-intro ul {
    display: none
  }
  #conditions-treatments-section .conditions-treatments {
    bottom: 10px
  }
  .conditions-treatments li {
    margin-left: 8%;
    width: 38%
  }
  .conditions-treatments li a {
    padding: 5px 0 5px 28px
  }
  .meet-doctor-left-intro p.media {
    display: none
  }
  .meet-doctor-right-section {
    width: 36%
  }
  .meet-doctor-right-section li a {
    padding: 20px 0 0
  }
  .meet-doctor-right-section li a span {
    padding: 8px 0 15px
  }
  .meet-doctor-right-section li.cardiology-experience a {
    padding: 16px 6.5% 0
  }
  .meet-doctor-right-section li.cardiology-experience span {
    padding: 1px 0 6px
  }
  .for-patients-left-section {
    width: 35%
  }
  .for-patients-left-section li {
    margin-bottom: 8%
  }
  .for-patients-left-section li a {
    padding-left: 45px;
    font-size: 22px
  }
  .multimedia {
    width: 27%
  }
  .practice-location-address {
    padding: 13px 2.5% 15px;
    width: 90%;
    min-height: 148px;
    bottom: 10px
  }
  .location-2 .practice-location-address {
    left: 2%
  }
  .practice-location-address .heading {
    font-size: 18px
  }
  #inner-banner .doctors-slider .doctor-image {
    width: 42.5%
  }
  #inner-banner .doctor-intro {
    width: 57%;
    margin: 5% 0 0
  }
  .sidebar {
    width: 30%
  }
  .services-page li {
    width: auto
  }
  .services-page li a span.services-page-image {
    width: auto
  }
  .services-page li a span.services-page-service {
    margin-left: -4px
  }
  .content .conditions-detailed ul li {
    width: 76%
  }
  .practice-location-section h2 {
    margin-bottom: 0;
  }
  .practice-location-section li {
    width: 24.8%;
  }
  .practice-location-address {
    min-height: 187px;
  }
  .location-4 .driving-directions {
    display: inline-block;
    margin-top: 33%;
  }
}
@media only screen and (max-width:750px) {
  #sticky {
    position: relative;
    z-index: 0
  }
  .logo {
    margin: 37px 0;
    width: 43%
  }
  .appointment a {
    padding: 7px 20px 7px 35px
  }
  .smo {
    margin: 15px 23px 15px 1%
  }
  .header-section .phone {
    font-size: 26px;
    right: 90px
  }
  .main-menu ul li#menu-item-941 {
    width: 9%
  }
  .main-menu ul li a {
    font-size: 14px
  }
  #banner-section, #inner-banner {
    margin: 0
  }
  #conditions-treatments-section .conditions-treatments {
    position: inherit;
    bottom: 0
  }
  .conditions-treatments li {
    margin-left: 1.5%;
    width: 48%
  }
  .conditions-treatments li a {
    font-size: 14px
  }
  .meet-doctor-left-section, .meet-doctor-right-section {
    float: none;
    width: auto
  }
  .meet-doctor-right-section li {
    width: 24%
  }
  .for-patients-left-section, .multimedia {
    width: 47%
  }
  .home-useful-section {
    clear: both;
    float: none;
    padding: 25px 0 0;
    text-align: center;
    width: auto
  }
  .latest-update {
    clear: both;
    float: none;
    margin-bottom: 45px;
    width: auto
  }
  .latest-update-divider {
    display: none
  }
  .practice-location-section h2 {
    margin-bottom: 10px;
    background: #1d2226
  }
  .practice-location-section img {
    display: none
  }
  .practice-location-section {
    background: #f0ede6
  }
  .practice-location-address {
    bottom: 0;
    left: 0 !important;
    margin: 0 1% 20px;
    min-height: 189px;
    padding: 13px 2% 15px;
    right: 0 !important;
    width: 94%;
    position: inherit
  }
  #inner-banner .doctors-slider .doctor-image {
    width: 55.5%
  }
  #inner-banner .doctor-intro {
    width: 44.5%
  }
  #inner-banner .doctor-intro h2 {
    font-size: 29px;
    line-height: 29px
  }
  .content, .sidebar {
    float: none;
    width: auto;
    clear: both
  }
  .sidebar-conditions-treatments li, .sidebar-patients-section li, .sidebar-latest-update-section li {
    float: left;
    width: 50%
  }
  .sidebar-meet-dr li {
    border-right: 1px solid #374550;
    float: left;
    width: 49.81%
  }
  .sidebar-patients-section ul, .sidebar-latest-update-section ul {
    float: left
  }
  .sidebar-latest-update-section .latest-update {
    margin-bottom: 0
  }
}
@media only screen and (max-width:567px) {
  .logo, .doctors-slider, .conditions-treatments li, .for-patients-left-section, .multimedia, .practice-location-section li, .sidebar-conditions-treatments li, .sidebar-patients-section li, .sidebar-latest-update-section li, .sidebar-meet-dr li {
    float: none;
    width: auto !important
  }
  .logo {
    margin: 20px 0;
    text-align: center
  }
  .heart-image {
    margin: 20px 0 0;
    position: absolute;
    right: 10%
  }
  .appointment, .smo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 225px;
    margin-top: 15px
  }
  .smo {
    width: 205px
  }
  .header-section .phone {
    margin: 20px auto 30px;
    position: inherit;
    right: 0;
    top: 0;
    width: 200px
  }
  .main-menu {
    display: none
  }
  .main-menu ul li a {
    font-size: 16px
  }
  .slicknav_menu {
    display: block
  }
  .home-banner-animation {
    float: none;
    margin: auto;
    width: 200px
  }
  .doctor-intro h2 {
    font-size: 25px
  }
  .conditions-treatments-section h2, .home-meet-doctor-section h2, .for-patients-section h2, .latest-update-section h2, .practice-location-section h2 {
    font-size: 30px
  }
  .conditions-treatments-section {
    margin-bottom: 25px;
    margin-top: 25px
  }
  .conditions-treatments-section h2 {
    background: #fa9500;
    margin-bottom: 0;
    line-height: 30px
  }
  .conditions-treatments li {
    margin-left: 0
  }
  .home-meet-doctor-section h2 {
    margin-bottom: 25px
  }
  .meet-doctor-right-section {
    margin-top: 10px
  }
  .meet-doctor-right-section li {
    width: 49%
  }
  .meet-doctor-right-section li.cardiology-experience a {
    padding: 16px 21.5% 0
  }
  .for-patients-section {
    margin-bottom: 25px
  }
  .for-patients-section h2 {
    background: #c1c1c1;
    line-height: 30px;
    margin-bottom: 25px
  }
  .for-patients-left-section, .multimedia {
    margin: 0
  }
  .for-patients-left-section li {
    margin-bottom: 25px
  }
  .latest-update-section h2 {
    margin-bottom: 45px
  }
  .practice-location-section {
    padding-bottom: 10px
  }
  .practice-location-section h2 {
    margin-bottom: 30px
  }
  .inner-banner {
    background: #37393d
  }
  #inner-banner .home-banner-animation {
    width: 130px
  }
  #inner-banner .doctor-intro h2 {
    font-size: 22px
  }
  #rslides1_s1 .doctor-intro {
    margin: 4% 0 0
  }
  #rslides1_s1 .doctor-intro h2 {
    margin-bottom: 5px
  }
  .sidebar-meet-dr li {
    border-right: 0
  }
  .content .conditions-detailed ul li {
    width: auto
  }
  .location-4 .practice-location-address {
    margin: 0 1% 20px;
  }
  .location-4 .driving-directions {
    margin-top: 0;
  }
}
@media only screen and (max-width:479px) {
  .heart-image {
    right: 0%
  }
  .meet-doctor-left-intro p .media-2 {
    display: none
  }
  .services-page li a span.services-page-service {
    padding: 19px 5px 20px 10px
  }
  .services-page li a, .services-page li a span {
    font-size: 13px
  }
  .profile {
    float: none;
    margin: 0 auto;
    width: 175px
  }
  .location-4 .practice-location-address {
    margin-left: 0;
  }
}