@charset "utf-8";
/* CSS Document */

body{ font-size:14px; line-height:20px; font-family: 'LatoRegular', Arial, sans-serif; background: #fff;}
body, h1, h2, h3, h4, p, ul, li, form, iframe, button{ padding:0px; margin:0px; }
ul, li{ list-style-type:none; }
img{ border:none; max-width:100%; vertical-align:middle; }
a{ outline:none; text-decoration:none; color: #586676; }
a:hover, .footer-final .footer-menu ul li a:hover{ color: #000;  transition: color 0.6s ease 0s;}
.clear{ clear:both; }

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

}
@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: 'calibrilight';
    src: url('/fonts/calibril-webfont.eot');
    src: url('/fonts/calibril-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/calibril-webfont.woff') format('woff'),
         url('/fonts/calibril-webfont.ttf') format('truetype'),
         url('/fonts/calibril-webfont.svg#calibrilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PURISTALIGHT';
    src: url('/fonts/PURISTALIGHT.eot');
    src: url('/fonts/PURISTALIGHT.eot') format('embedded-opentype'),
         url('/fonts/PURISTALIGHT.woff2') format('woff2'),
         url('/fonts/PURISTALIGHT.woff') format('woff'),
         url('/fonts/PURISTALIGHT.ttf') format('truetype'),
         url('/fonts/PURISTALIGHT.svg#PURISTALIGHT') format('svg');
}
@font-face {
    font-family: 'PURISTAMEDIUM';
    src: url('/fonts/PURISTAMEDIUM.eot');
    src: url('/fonts/PURISTAMEDIUM.eot') format('embedded-opentype'),
         url('/fonts/PURISTAMEDIUM.woff2') format('woff2'),
         url('/fonts/PURISTAMEDIUM.woff') format('woff'),
         url('/fonts/PURISTAMEDIUM.ttf') format('truetype'),
         url('/fonts/PURISTAMEDIUM.svg#PURISTAMEDIUM') format('svg');
}


header{ width: 100%; background: url(/images/mark-dekkers-logo.png) no-repeat center 0px; float: left; padding: 11px 0;}
.head_sec{ max-width: 960px; margin:0 auto;}
.logo { display: block; margin: 0 auto; width: 50%; }
/* menu section */
nav{ background: #C6B796; float: left; width: 100%;}
.menu-section{ width: 960px; margin:0 auto;}
.menu-section ul li{ float: left; background:url(/images/menu-line.png) no-repeat 0px 4px; position: relative;}
.menu-section ul li a{ padding: 14px 36px; display: block; color: #000;  font-family: 'eurostileregular'; text-transform: uppercase;  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  position: relative;}
.menu-section ul li > ul li {
  background: none;
}
/* Sweep To Bottom */
nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #424e5c;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
  color: white;
}
nav ul li a:hover:before, nav ul li a:focus:before, nav ul li a:active:before {
  transform: scaleY(1);
}


nav ul li > ul li a{ border-right: none;}
/** DD Menu Styles **/
nav ul li ul{ display:none; z-index: 9999999;}

nav ul li:hover > ul, nav ul li > ul > li:hover > ul, nav ul li > ul > li > ul > li:hover > ul{ display:block; }
nav ul li ul li{ float:none !important; background-color:inherit; *background-color:#333; border-bottom: 1px solid #BFBFBF; }
nav ul li ul li a{ display:block;  color:#fff !important; font-size:14px; padding: 9px 38px !important;  background:url(/images/arrow-menu.jpg) no-repeat 16px 14px;}
nav ul li ul li a:hover{ background:url(/images/arrow_menuhover.jpg) no-repeat 16px 13px; color: #fff;}
nav ul li ul li:hover, nav ul li ul li:hover{ background-color: 586676 !important;}
nav ul li:hover > ul, nav ul li:hover > ul > li > ul, nav ul li:hover > ul > li > ul > li > ul{ width:235px; position:absolute;  }
nav ul li:hover > ul{ width:265px; position:absolute;  }
nav ul li:hover > ul > li > ul, nav #menu-menu-1 li:hover > ul > li > ul > li > ul{  left:265px;   }
/*** First Level Sub Menu ***/
nav ul li:hover > ul{ top:48px; left:0px; background:#424e5c; }
/*** Second Level Sub Menu ***/
nav ul li:hover > ul > li > ul{ top:0; background:#424e5c; }

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

nav ul li:hover > ul > li > ul > li > ul{ top:0;  background:#424e5c; }
/************code to keep right arrow active on hover********************/
/**right arrow**/

nav 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**********************/
nav ul li ul li.menu-item-has-children:hover{background-image:url(/images/arrow_menu.png) ;
background-repeat:no-repeat; background-position:96% 13px;}
#menu-menu-1 li:hover, #menu-menu-1 > li:hover, #menu-menu-1 > li.current-menu-item, #menu-menu-1 > li.current_page_ancestor{ background-color:#586676; color:#fff !important; transition: background-color 0.6s ease 0s;}
#menu-menu-1 > li.current_page_ancestor a{ color: #fff !important;}


.slicknav_menu {
	display: none;
}
nav .menu-section ul li > ul li a {
  transform: none !important; color: #fff !important; font-size: 15px; text-transform: inherit;
}
.menu-section ul li : ul li{ background: none;}
 #menu-menu-1 > li.current-menu-item{ color: #fff !important;}
/* Banner */
.banner .aside-services {
  display: none;
}
.banner{ width: 100%; float: left; position: relative;}
.jssora20l, .jssora20ldn{position: absolute;cursor: pointer; display: block; background: url(/images/left_arrow-banner.png) no-repeat; overflow:hidden;}
.jssora20r, .jssora20rdn{position: absolute; cursor: pointer;display: block; background: url(/images/right_arrow-banner.png) no-repeat; overflow:hidden;}
.banner1{ background:url(/images/mark-dekkers-1.png) no-repeat center 0px; height: 469px;}
.banner2{ background:url(/images/mark-dekker-2.png) no-repeat center 0px;}
.banner3{ background:url(/images/mark-dekker-3.png) no-repeat center 0px;}
.banner_txt, .banner_txt1, .inner_banner_txt1, .inner_banner_txt{position:absolute; z-index:2; top:120px; right:206px; font-size:44px;  color:#fff;  font-family: 'eurostileregular'; line-height: 34px;}
.inner_banner_txt1, .inner_banner_txt{ top: 69px;}
.banner_txt1, inner_banner_txt1{ left: 200px;}
.banner_txt, .banner_txt1{ top: 64px;}
.inner_banner_txt1{ left: 230px;}
.banner_txt p, .banner_txt1 p, .inner_banner_txt1 p, .inner_banner_txt p{ font-weight: bold; font-size: 44px; color: #E00000;}
.banner_txt ul li a:hover, .banner_txt1 ul li a:hover, .inner_banner_txt  ul li a:hover, inner_banner_txt1 ul li a:hover{ color: #000;}
.banner_txt span, .banner_txt1 span, .inner_banner_txt span, .inner_banner_txt1 span{ color: #000; font-size: 29px; font-family: 'eurostileregular';}
.banner_txt ul li, .banner_txt1 ul li, .inner_banner_txt ul li, .inner_banner_txt1 ul li{ float: left;}
.banner_txt1 ul li a, .inner_banner_txt1 ul li a{ background:url(/images/banner-tagline-1.jpg) no-repeat 10px 8px;}
.banner_txt ul li a, .inner_banner_txt ul li a{ background:url(/images/banner-tagline-2.jpg) no-repeat 10px 8px;}
.banner_txt ul li a, .banner_txt1 ul li a, .inner_banner_txt ul li a, .inner_banner_txt1 ul li a{ font-size: 16px; padding-left: 20px; color: #000;}
.banner_txt1, .banner_txt1 ul li a, .inner_banner_txt1, .inner_banner_txt ul li a{ color: #000;}
/* inner banner */
.inner_banner{ width: 100%; float: left;}
 .jssora20l, .jssora20ldn{position: absolute;cursor: pointer; display: block; background: url(/images/left_arrow-banner.png) no-repeat; overflow:hidden;}
.jssora20r, .jssora20rdn{position: absolute; cursor: pointer;display: block; background: url(/images/right_arrow-banner.png) no-repeat; overflow:hidden;}

/* our goal */
.our-goal{ background:url(/images/our-goal.png) no-repeat center 0px; width: 100%; float: left; position: relative;}
.goal-section{ width: 960px; margin:0 auto; padding: 34px 0;}
.goal-section > span {
  text-align: center;
  display: block; color: #224469;  font-family: 'eurostileregular'; font-weight: bold; font-size: 55px; padding-top: 6px;
}
.goal-section p{    font-family: 'LatoRegular'; font-size: 16px; color: #214569; padding-top: 19px; text-align: center;}
/* dr section */
.meer-doctor-dekker{  clear: left; background:url(/images/home_mark-dekkers.png) no-repeat center 0px;}
.mark-dekkers{ width: 960px; margin:0 auto; padding: 6px 0;}
.mark-dekkers h1, .mark-dekkers h1 a,.mark-dekkers-profile h2{ color:#D51B02;   font-family: 'PURISTALIGHT'; font-size: 49px; font-weight: lighter;}
.mark-dekkers-profile > h2 {
  margin: 13px 0;
  display: block;
}
.mark-dekkers-profile > span {
  padding: 8px 0;
  display: block;
}
.mark-dekkers-profile > img {
  float: right;
}
.mark-dekkers h2, .mark-dekkers-profile span{ color: #2662A1; font-family: 'eurostileregular'; font-size: 17px; font-weight: lighter; padding-top: 13px; margin-bottom: 36px;}
.mark-content > h2{ line-height: 28px;margin-bottom: 25px;}
.mark-content > p {
  line-height: 23px; 
}
.mark-dekkers-profile span{ margin-bottom: 10px;}
.mark-dekkers-profile h3{ color: #234976; background: #DCF5FC; padding: 8px 6px 13px; display: block; margin-top: 10px;}
.mark-dekkers-profile h4{ color: #1B5293; font-size: 17px; padding: 10px 0 0px 0; margin-bottom: 10px; font-family: 'PURISTAMEDIUM';}
.mark-content{ width: 61%; padding-top: 71px; font-family: 'LatoRegular'; text-align: right; }
.mark-content a.mark-view-profile{  color: #1B344A; background:url(/images/view-profile_bg.png) no-repeat 0px 0px; padding: 6px 37px 18px 15px; float: right; margin: 36px 0;}

.resource-section{ width: 1347px; clear: left; margin:0 auto; background: url(/images/resource.png) no-repeat center 0px;}
.resource-knee-surgery{ width: 960px; margin:0 auto; padding: 36px 0;  color: #739CCA;}
.resource-knee-surgery a{ color: #739CCA;}
.resource-knee-surgery h2 a, .resource-knee-surgery h2, .aside-do-i-need-surgery h2 a, .aside-do-i-need-surgery h2, .aside-location-directions h2, .aside-location-directions h2 a{ color: #fff; font-family: 'eurostileregular'; font-size: 27px; font-weight: lighter; margin-bottom: 25px;}
.aside-do-i-need-surgery h2{ border-top: 1px solid #6B96C3;}
.aside-location-directions h2 a, .aside-do-i-need-surgery h2 a{ font-size: 28px;}
.aside-do-i-need-surgery .do-viewprofile {
  padding-bottom: 10px;
}
 .aside-location-directions h2{ border-bottom: 1px solid #6B96C3;}
.do-i-need-knee-surgery{ width: 30%; float: left;}
.do-viewprofile{ color:#45678D !important; text-align: center; text-decoration: underline;}
.do-viewprofile > span {
  margin-right: 0 !important; padding-left:0 !important;
}
.do-viewprofile:hover{ color: #fff;}
.do-viewprofile span{ text-decoration: underline; color: #739CCA;}
.do-i-need-knee-surgery .do-viewprofile {
  text-align: center; text-decoration: underline;
}
.do-i-need-knee-surgery span {
  display: block;
  text-align: center;
}
.aside-do-i-need-surgery > span {
  text-align: center;
  display: block; color: #496C92;
  padding-bottom: 10px;
}
.aside-do-i-need-surgery .do-viewprofile:hover, .do-i-need-knee-surgery .do-viewprofile:hover, .do-viewprofile:hover{ color: #fff !important;}
.patient-resource{ width: 25%; float: left; margin:0 48px;}
.patient-resource ul li{ background:url(/images/patient-forms-arrows.png) no-repeat right 0px; border-bottom: 1px solid #739CCA;}
.patient-resource ul li a{  color: #739CCA; font-size: 13px; text-transform: uppercase; margin: 12px 0; display: block;}
.location-direction{ float: left; width: 30%; position: relative;}
.location-direction h3 a{ font-size: 19px; font-weight: lighter; margin-bottom: 10px; display: block;}
.location-direction p.address-icon-list{ margin-top: 22px; display: block;}
.location-direction p span.green-phone{ background: url(/images/home_mark-dekkers-phone.png) no-repeat 1px 3px; padding-left: 18px;}
.location-direction p span.green-fax{ background: url(/images/fax-icon-address.png) no-repeat 1px 3px; padding-left: 23px;}
.location-direction p span{ margin-right: 22px; display: inline; margin-top: 0; }
.address-icon-list > span {
  margin-top: 20px;
  display: block;
  text-align: left;
}
.address-icon-list > span a{ text-align: left;}

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

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

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

.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  padding:0 0 0 2%;
  }
.location-direction .prev {
  background: url(/images/address-arrow-icon.png) no-repeat scroll 0px 5px;
  cursor: pointer;
  display: block;
  height: 21px;
  position: absolute;
  right:85px;
  text-indent: -99999px;
  bottom: 0;
  width: 19px;
  z-index: 999999999;
}

.location-direction .next {
  background: url(/images/arrow-right.png) no-repeat scroll 0px 0px;
  cursor: pointer;
  display: block;
  height: 21px;
  position: absolute;
  right: 72px;
  text-indent: -99999px;
  bottom: -5px;
  width: 17px;
  z-index: 999999999;
}
.aside-services ul li.last-child{ border-bottom: none;}
.location-direction .prev:hover{ background: url(/images/arr-left.png) no-repeat scroll 0px 5px;}
.location-direction .next:hover{ background: url(/images/address-arrow-mouseover.png) no-repeat scroll 0px 0px;}
/*  home service section */
#banner-bottom-section {
  float: left; background: none repeat scroll 0 0 rgba(239, 242, 247,0.49);
  left: 0;
  position: absolute;
 bottom: -61px;
  width: 100%;
}
#banner-bottom-section .banner-bottom-section-bg-color{ width: 960px; margin:0 auto;}
#banner-bottom-section ul li {
  float: left; width: auto !important; margin: 0 0px;
}
#banner-bottom-section ul li a {
  display: block; font-size: 15px;
  /*padding: 138px 29px 27px;*/
  color: #000;
}
#banner-bottom-section ul li a:hover{ color: #06254B;  transition: color 0.6s ease 0s;}
#home-services {display:none; }
#banner-bottom-section .banner-bottom-section-bg-color {  position:relative;  max-width:100%;*width:960px;*overflow:hidden;*height:175px; top: -74px; left: 40px;}
#banner-bottom-section .nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }
#banner-bottom-section .nbs-flexisel-inner { overflow:hidden; float:left; width:95%; margin:0 auto; }
#banner-bottom-section .nbs-flexisel-nav-left, #banner-bottom-section .nbs-flexisel-nav-right {width: 46px; height: 43px;  position: absolute; cursor: pointer; z-index: 100;  background-repeat:no-repeat; top:110px !important; }
#banner-bottom-section .nbs-flexisel-nav-left { left: -56px; background-position: 0px 0px; background-image:url(/images/left.png);}
#banner-bottom-section .nbs-flexisel-nav-right {right: 0px;  background-position:0px 0px; background-image:url(/images/right1.png);}

.acute-knee-clinic{ background:url(/images/home-service-img.png) no-repeat 31px 0px;}
.acute-knee-clinic a{ padding: 138px 30px 27px 48px; }
.knee-arthoscopy{ background:url(/images/sprite.png) no-repeat -165px 10px;}
.knee-arthoscopy a{ padding: 138px 30px 27px 48px; }
.acl-reconstraction{ background:url(/images/sprite.png) no-repeat -379px 10px;}
.acl-reconstraction a{ padding: 138px 30px 27px 34px; }
.knee-replacement{ background:url(/images/sprite.png) no-repeat -601px 10px;}
.knee-replacement a{ padding: 138px 30px 27px 20px; }
.hip-replacement{ background:url(/images/sprite.png) no-repeat -779px 10px;}
.hip-replacement a{ padding: 138px 30px 27px 48px; }
.joint-revision-surgery{ background:url(/images/sprite.png) no-repeat -999px 10px;}
.joint-revision-surgery a{ padding: 138px 30px 27px 14px; }
.osteotomy{ background:url(/images/sprite.png) no-repeat -1194px 10px;}
.osteotomy a{ padding: 138px 30px 27px 39px; }
/* hover */
.acute-knee-clinic:hover{ background:url(/images/service-home-hover.png) no-repeat 31px 0px;  transition: background 0.6s ease 0s;}
.acute-knee-clinic a{ padding: 138px 30px 27px 48px; }
.knee-arthoscopy:hover{ background:url(/images/service-home-hover.png) no-repeat -181px 0px;}
.knee-arthoscopy a{ padding: 138px 30px 27px 48px; }
.acl-reconstraction:hover{ background:url(/images/service-home-hover.png) no-repeat -395px 0px;}
.acl-reconstraction a{ padding: 138px 30px 27px 34px; }
.knee-replacement:hover{ background:url(/images/service-home-hover.png) no-repeat -617px 0px;}
.knee-replacement a{ padding: 138px 30px 27px 20px; }
.hip-replacement:hover{ background:url(/images/service-home-hover.png) no-repeat -795px 0px;}
.hip-replacement a{ padding: 138px 30px 27px 48px; }
.joint-revision-surgery:hover{ background:url(/images/service-home-hover.png) no-repeat -1015px 0px;}
.joint-revision-surgery a{ padding: 138px 30px 27px 14px; }
.osteotomy:hover{ background:url(/images/service-home-hover.png) no-repeat -1210px 0px;}
.osteotomy a{ padding: 138px 30px 27px 39px; }

     .aside-services ul li a:hover{ color: #000;  transition: color 0.6s ease 0s;}
.mark-dekkers h1 a:hover, .mark-content a.mark-view-profile:hover, .aside-dekkers span a:hover{ color: #000;  transition: color 0.6s ease 0s;}
.patient-resource ul li a:hover, .aside-do-i-need-surgery h2 a:hover, .aside-location-directions h2 a:hover, .location-direction h3 a:hover, .do-viewprofile span:hover{ color: #fff;}
/* section */
section{ width: 100%; float: left;  background:url(/images/section.png) no-repeat 0px 0px;}
.container{ width: 960px; margin:0 auto; padding: 10px 0;}
article{ width: 68%; float: left; padding-right: 2%; background: url(/images/shadow.png) no-repeat right 66px; }
aside{ width: 280px; float: left; padding-top: 10px;}
article h1{ color: #244B76;  font-family: 'PURISTAMEDIUM'; font-size: 24px; padding: 18px 0; line-height: 22px;}
article h2, article h2 a{ color: #5A83BD; font-family: 'PURISTAMEDIUM'; font-size: 17px; margin-bottom: 5px; padding-top: 5px;} 
article h3, article h3 a{ color: #4A4643; font-size: 16px; margin-top: 10px;}
article h4, article h4 a{ color: #234A73; }
article p {
  padding-top: 9px;
  margin-bottom: 4px;
}
article ul li{ background:url(/images/li.jpg) no-repeat 0px 11px; padding: 2px 0 2px 12px;}
/* bg */

.bg li{ float: left; margin:0 2% 5px 0; width: 43%; background: #C6B796; display: block; color: #fff; }
.bg-text li{ float: none;}
.bg li:hover{ background: #1A395B; color: #000;}
.bg li a{  color: #fff !important; display: block; font-size: 17px; padding:14px 9px 15px 27px; background:url(/images/Inner_mark-dekkers_services.png) no-repeat 7px 22px;}
/* service hip */
.service-section{ margin: 20px 0; }
.service-section h2{ margin-bottom: 15px; display: block;}
.service-section h2 a.hip-tag{ background:url(/images/service-page.png) no-repeat 0px 0px; padding: 7px 5px 9px 53px; margin-bottom: 10px; color: #E10003; }
.service-section h2 a.knee-tag{ background:url(/images/service-page.png) no-repeat 0px -176px; padding: 7px 5px 9px 53px; margin-bottom: 10px; color: #E10003; }
.service-section .service-hip, .service-section .service-knee{  background: #EAF4FE; padding: 26px 6%;}
.service-section .service-knee{ padding: 0; padding-bottom: 15px;}
.service-section .service-hip ul li, .service-section .service-knee ul li{ float: left; color: #000; width: 50%; padding: 4px 0; background: none; }
.service-section .service-hip ul li a, .service-section .service-knee ul li a{ color: #000; background:url(/images/Inner_mark-dekkers_services.png) no-repeat -1px 5px; padding-left: 10px; font-size: 13px; float: left;}
/* surgical section */
.surgical-section{ background: #D2E8FF; padding: 15px 0; margin-bottom: 10px;}
 .surgical-section ul li{ float: left; width: 50%; background-image: none;}
  .surgical-section ul li a{  padding: 2px 2px 2px 29px; color: #000;}
  .service-knee > h3 {
  padding: 21px 10px 10px;
}
    .surgical-section h3{ margin-bottom: 14px;}
  .non-surgical > a { background:#D2E8FF url(/images/service-page.png) no-repeat -14px -250px !important; padding: 8px 5px 8px 50px !important; }
   .surgical{ background:#D2E8FF url(/images/service-page.png) no-repeat -14px -400px !important; padding: 8px 5px 14px 50px;}
   .knee-arthroscopy{ /*background: url(/images/service-page.png) no-repeat -10px -444px !important;*/ padding: -2px 9px 6px 50px;}
    .surgical-section h4{ padding: 10px 0 23px 0%; color: #234A73;}
 .service-knee h4 a{ padding: 8px 8px 8px 49px; display: block;}
 .service-knee span a{ background: #D2E8FF; color: rgb(35, 74, 115); font-weight: bold;}
 .service-knee span{ padding: 8px 8px 8px 19px; display: block; background: #D2E8FF; color: rgb(35, 74, 115); font-weight: bold;}
  .service-knee span.sub-knee-replacement{ background:#D2E8FF url(/images/service-page.png) no-repeat -10px -507px; padding: 8px 8px 8px 54px;}
  .service-knee span.sub-knee-reconstruction{ background:#D2E8FF url(/images/service-page.png) no-repeat -10px -717px; padding: 8px 8px 8px 54px;}
   .service-knee span.sub-cartilage{ background:#D2E8FF url(/images/service-page.png) no-repeat -10px -906px; padding: 8px 8px 8px 54px;}
    .service-knee span.knee-others{ background:#D2E8FF url(/images/service-page.png) no-repeat -10px -1048px; padding: 8px 8px 8px 54px;}
.service-knee > ul {
  padding: 0 20px; display: block;
}
.service-section ul li a:hover, .service-knee span a:hover{ color: #E00000;}
/* aside */
.aside-dekkers span a{ color: #D51C00; font-family: 'PURISTALIGHT'; font-size: 30px; line-height: 24px; margin-left: 20px; display: block;}
.aside-dekkers p{ font-family: 'eurostileregular'; color: #577CB0; font-size: 16px; padding-top: 5px; display: block; margin-left: 20px;}
.aside-view-profile{ background:url(/images/aside-view-profile.png) no-repeat 0px 0px; padding: 6px 5px 16px 18px; display: block; color: #000; margin: 10px 0 10px 31px;}
.aside-dekkers img {
  margin: 0 auto;
  display: block;
}
.mark-dekkers-profile img{ float: right;}
/* aside-service list*/
.aside-services{ background: #F1F6FC;}
.aside-services ul li{ border-bottom: 1px solid #999; }
.aside-services ul li a{ background:url(/images/services-list-bg.jpg) no-repeat 10px 27px; color: #234670; font-size: 20px; font-family: 'eurostileregular'; font-weight: bold; padding: 20px 20px 20px 41px; display: block;}
.aside-services ul li a:hover{  background:url(/images/service-aside-mouseover.jpg) no-repeat 10px 27px;  padding: 20px 20px 20px 41px; display: block;}
.aside-do-i-need-surgery{ background:url(/images/aside-patient.png) no-repeat 0px 0px; padding: 0 10px;}
.aside-do-i-need-surgery h2 a{ font-size: 22px; padding: 20px 0; text-align: center; display: block; margin-bottom: 0;}
.aside-do-i-need-surgery h2{ margin-bottom: 0;}
/*** logoslider ***/
 /*#flexiselDemo3{display:none; }*/
footer .credibility{ background:url(/images/footer-border.png) no-repeat 0px 0px; padding-top: 34px;}
footer .nbs-flexisel-container {  position:relative;  max-width:98%;*width:960px;*overflow:hidden;*height:70px;}
footer .nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }
footer .nbs-flexisel-inner { overflow:hidden; width:94%; margin:0 auto; }
footer .nbs-flexisel-item { float:left; margin:0px; padding:0px 30px 0px 30px; position:relative; line-height:0px;}
footer .nbs-flexisel-item img { position: relative; margin-bottom: 24px; }
footer .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 80px; height: 147px;  position: absolute; cursor: pointer; z-index: 100;  *top:-10px !important; }
footer .nbs-flexisel-nav-left { left: -24px; background: url(/images/left.png) no-repeat 0px 56px; }
footer .nbs-flexisel-nav-right {right: -72px;  
background:url(/images/right1.png) no-repeat 0px 49px; }


/* footer */
footer{ background: #d2ebff; width: 100%; float: left;}
.footer-section{ width: 960px; margin:0 auto; padding: 33px 0;}
.footer-section > span {
  text-align: center; padding-bottom: 5px;
  display: block;
}
.footer-final{ background:url(/images/footer-shadow-2.png) no-repeat 0px 0px; padding: 10px;}
.footer-final .footer-menu{ width: 64%; float: left; margin-top: 15px;}
.footer-final .footer-menu ul li{ float: left; padding-right: 15px;}
.footer-final .footer-menu ul li a{ color: #22446A;}
.footer-final p{ color: #6886A8; font-size: 12px; padding-top: 3px;}

/* social icons */
.footer-follow-us{ width: 36%; float: right;  margin-top: 15px;}
.footer-follow-us ul li{ float: left; padding: 6px 0;}
.footer-follow-us ul li a{ padding: 14px 21px;}
.footer-follow-us ul li a.twitter{ background:url(/images/smo.png) no-repeat -19px 0px;  display: block;}
.footer-follow-us ul li a.you-tube{ background:url(/images/smo.png) no-repeat -118px 0px;  display: block;}
.footer-follow-us ul li a.gplus{ background:url(/images/smo.png) no-repeat -80px 0px ; display: block;}
.footer-follow-us ul li a.fb{ background:url(/images/smo.png) no-repeat 21px 0px; display: block;}
.footer-follow-us ul li a.in{ background:url(/images/smo.png) no-repeat -51px 0px; display: block;}
.list-nav ul li a{ color: #0099CC;}
/* joint */
.Joint li {
  display: block;
  float: left;
  margin: 0 68px 15px 0 !important;
  padding: 0 !important;
  width: 250px; background: none;
}
.Joint li a {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 5px;
  color: rgb(112, 112, 112);
  display: block;
  height: 70px;
  line-height: 17px;
  padding: 4px 0 4px 10px;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
.minimally a {
  background: url(/images/revision-knee-replacement.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.computer-assisted a {
  background: url(/images/hip-arthroplasty.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.thr a {
  background: url(/images/hip-arthroplasty.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.tkr a {
  background: url(/images/revision-knee-replacement.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.unicondylar a {
  background: url(/images/uniknee-replacement.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.revision-knee a {
  background: url(/images/revision-knee-replacement.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
.revision-hip a {
  background: url(/images/hip-arthroplasty.gif) no-repeat scroll 5px 3px rgba(0, 0, 0, 0) !important;
  padding: 35px 0 4px 125px !important;
}
iframe {
  border: 1px solid #ccc;
}
.hip-img{ width: 198px; height: 198px; border: 1px solid #DADADA; margin-left: 1%;}
.minimally-images ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    width: 40%;
}
.ph-number {
  padding-left: 13%;
}
/*********our physicians styles*************/
.our_dr_profile{ width:100%;}

.box_dr1_profile{ width:97%; float:left; border:solid 1px #d9d9d9; background:#fafafa; margin:2% 0% 5% 0%; padding:10px 0px 8px 10px;}

.our_dr_profile_img {
  background: #def5fc none repeat scroll 0 0;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  float: left;
  padding: 3px;
  width: 25%;
}

.box_dr1_profile_right{ float:right; width:64%; padding:3% 2% 0% 2%; }
.box_dr1_profile_right h2{ color:#580227; }
.box_dr1_profile_right h2 a{color:#96C14E; font-size:22px;}
.box_dr1_profile_right h3{ margin-bottom:0px; font-size:15px; padding:0 0 5px;}
.box_dr1_profile_right a.director-profile{ display:block; float:right; color:#4FB5FA; margin:0px 10px 0px 0px; }
.box_dr1_profile_right a.director-profile:hover{ color:#96C14E; }

.physicians_img{ background: none repeat scroll 0 0 #cab58e;border: 1px solid #ccc;border-radius: 5px;float: right;padding:7px 3px 5px 3px; width:22%;color: #580227; text-align: center;}
.our_dr_profile_img img { width:100%; }
.image-sec{ float:right; }
.physicians_img{ background: none repeat scroll 0 0 #96C14E;border: 1px solid #ccc;border-radius: 5px;float:right;padding:7px 3px 5px 3px; width:22%;color:#014ABD; text-align: center;}

.cov_letter {
  background: none repeat scroll 0 0 #93cff8;
  border-radius: 5px;
  margin: 10px 0 0;
}
.cov_letter > a {
  color: #000;
  display: block;
  padding: 5px 0;background:url(/images/pdf-icon.png) no-repeat scroll 9px center;
}
.cov_letter > a:hover{ background:#4FB5FA url(/images/pdf-icon.png) no-repeat scroll 9px center; border-radius:5px; }
#backtotop {
    bottom: 10px;
    background: url(/images/up-arrow-icon.png) no-repeat scroll left top;
}
#backtobot {
    bottom: 10px;
    background: url(/images/down-arrow-icon.png) no-repeat scroll left top;
}
#backtotop a, #backtobot a {
    display: block;
    text-indent: -9999px;
}
#backtotop, #backtobot {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    width: 50px;
    height: 50px;
    font: bold 12px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
@media only screen and (max-width:1349px){
	header, .our-goal, .resource-section{ width: 100%;}
	}
	@media only screen and (max-width:960px){
		 .resource-knee-surgery, .footer-section, .container{ width: 96%; padding: 10px 2%;}
		 .head_sec{ padding: 0 2%;}
		.menu-section, .goal-section, .mark-dekkers{ width: 96%;}
		.menu-section ul li a{ padding: 14px 19px;}
		#banner-bottom-section .banner-bottom-section-bg-color{ top: 0; position: relative;}
		#banner-bottom-section{ position: relative; bottom:0;}
		.mark-content{ width: 30%;}
		.resource-knee-surgery h2 a, .resource-knee-surgery h2, .aside-do-i-need-surgery h2 a, .aside-do-i-need-surgery h2, .aside-location-directions h2, .aside-location-directions h2 a{ font-size:20px;}
		#banner-bottom-section .nbs-flexisel-nav-right, footer .nbs-flexisel-nav-right{ right: -12px;}
		article{ width: 59%;}
		.mark-content{ width: 62%; padding-top: 0;}
		.mark-dekkers h1{ line-height: 37px;}
		.mark-dekkers h2{ margin-bottom: 0;}
		.mark-content a.mark-view-profile{ margin: 2px 0;}
		.meer-doctor-dekker{ background-size: 196% auto;}
		.mark-dekkers h1, .mark-dekkers h1 a, .mark-dekkers-profile h2{ font-size: 46px;}
		.location-direction{ width: 31%;}
		.location-direction p span{ margin-right: 0;}
		.location-direction .next{ right: 4px;}
		.location-direction .prev{ right: 17px;}
		#banner-bottom-section .banner-bottom-section-bg-color{ left: 15px;}
		#banner-bottom-section .banner-bottom-section-bg-color{ max-width: 92%;}
		#banner-bottom-section .nbs-flexisel-nav-left, #banner-bottom-section .nbs-flexisel-nav-right{ top: 80px !important; }
		#banner-bottom-section .nbs-flexisel-nav-left{ left: -40px;}
		}
		@media only screen and (max-width:750px){
			.menu-section ul li a{ padding: 14px 17px;}
			#banner-bottom-section .banner-bottom-section-bg-color{ width: 75%;}
			#banner-bottom-section .nbs-flexisel-nav-left, footer .nbs-flexisel-nav-left{ left:0; top:64px;}
            #banner-bottom-section .nbs-flexisel-nav-right, footer .nbs-flexisel-nav-right, #banner-bottom-section .nbs-flexisel-nav-left, footer .nbs-flexisel-nav-left{ top: 75px!important;}
            .patient-resource{ margin: 0 7%;}
             .aside-do-i-need-surgery h2 a, .aside-do-i-need-surgery h2, .aside-location-directions h2, .aside-location-directions h2 a{ font-size:16px;}
			 .resource-knee-surgery h2 a, .resource-knee-surgery h2{ font-size: 18px;}
            .patient-resource ul li a{ margin:8px 0;}
            .location-direction p.address-icon-list{ margin-top:4px;}
            .footer-follow-us{ width: 40%;}
			article{ width: 48%;}
			.mark-dekkers-profile > img{ float: none;}
			.menu-section ul li a{ padding: 14px 11px;}
			.banner .aside-services {
  display: block;
}
.banner .nbs-flexisel-container {
  display: none;
}
		}
		@media only screen and (max-width:594px){
			.resource-section{ background-color:#1E4065; background-image: none;}
			.do-i-need-knee-surgery, .patient-resource, .location-direction {
  float: none;
  margin: 0 auto;
  width: 80%;
  padding: 10px 0;
}
.footer-final .footer-menu {
 float: none;
  width: 73%;
  text-align: center;
  margin: 0 auto;
}
.footer-follow-us {
  width: 70%; float: none;
  margin: 0 auto;
}
.footer-follow-us img {
  text-align: center;
  display: block;
}
			.meer-doctor-dekker {
  background-size: 73% auto;
}
		.meer-doctor-dekker{ background-size: 190% auto;}
		article{ width: 96%; padding:0 2%;}
		.mark-dekkers-profile > h2{ line-height: 39px;}	
		.aside-do-i-need-surgery{ background-image: none; background-color: #214368;}
		.aside-dekkers p, .aside-dekkers > span{ text-align: center;}
		.aside-view-profile{ width: 72%; margin:0 auto;}
		article, aside{ width: 96%; padding:0 2%;}
		.aside-do-i-need-surgery img {
  margin: 0 auto;
  display: block;
}
.aside-services ul li a{ text-align: center;}


 nav #menu-menu-1{display:none;}
.slicknav_menu { display: block;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  font-family: Arial, sans-serif; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text { margin: 0}
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em}
.slicknav_nav { clear: both}
.slicknav_nav ul, .slicknav_nav li { display: block}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; float: right; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer;}
.slicknav_nav a { display: block; font-family: Arial, sans-serif; }
.slicknav_nav .slicknav_item a { display: inline;}
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table;}
.slicknav_menu:after { clear: both;}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu { font-size: 16px;}
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222222; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000;}
.slicknav_menu .slicknav_menutxt:hover{ color: #fff;}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5;}
.slicknav_menu { background: #244B76; padding: 5px;}
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em;}
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden;}
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px;}
.slicknav_nav .slicknav_item { padding: 5px 0px; margin: 2px 5px;}
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff;}
.slicknav_nav .slicknav_item a {adding: 0;margin: 0;}
.slicknav_nav .slicknav_item a:hover, .slicknav_nav a:hover{ color: #fff;}
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #224469;color: #fff !important;}
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #224469; color: #fff !important;}
.slicknav_nav .slicknav_txtnode { margin-left: 15px;}

footer .nbs-flexisel-nav-left, footer .nbs-flexisel-nav-right{ display: none;}
		}
		@media only screen and (max-width:430px){
			.footer-final .footer-menu, .mark-dekkers{ width: 96%;}
			.mark-dekkers{ margin: 0;}
			.footer-follow-us{ float:left; margin-top:  15px;}
			.meer-doctor-dekker{ background-image: none;}
			.mark-content{ width: 96%;}
		.goal-section p{ padding-top: 5px;}
		.footer-final p{text-align:left;padding-top:20px;}
		}
	    @media only screen and (max-width:375px){
			ul.tabs li, ul.rev li, .list-item ul {
				width: 90% !important;
				float:none !important;
			}
		}