/* base horizontal tabs css -----*/

.tabs { width: 99.5%; padding: 10px 0 0 0; 
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #fefefe);
  background-image: -moz-linear-gradient(top, #ededed, #fefefe);
  background-image: -ms-linear-gradient(top, #ededed, #fefefe);
  background-image: -o-linear-gradient(top, #ededed, #fefefe);
  background-image: linear-gradient(to bottom, #ededed, #fefefe);
	text-align: center;
}
.tabs, .tabs ul, .tabs ul.mediatabs { float: left; clear: both; display: block; height: 65px; margin: 0 auto; }

.tabs ul, .tabs ul.mediatabs { padding: 0 0.25% 0 0.25%; width: 99.5%; text-align: center; }
.tabs ul li, .tabs ul.mediatabs li {
	font-size: 15px; line-height: 1.125em; font-weight: 500;
	padding: 0;
	margin: 0 0.125% 0 0.125%;
  max-width: 14%;
  list-style: none;
  text-decoration: none;
  text-align: center;
  /* border-bottom: 1px solid #eee; */
	float: left; clear: none; display: inline;
}

.tabs ul li:first-child, .tabs ul.mediatabs li:first-child { margin-left: 3px; max-width: 15% !important; } 

.tabs ul.mediatabs li:nth-child(2) { max-width: 13.5% !important; }
.tabs ul.mediatabs li:nth-child(3) { max-width: 15.5% !important; }
.tabs ul.mediatabs li:nth-child(4) { max-width: 13% !important; }
.tabs ul.mediatabs li:nth-child(5) { max-width: 10.5% !important; }
.tabs ul.mediatabs li:nth-child(6) { max-width: 15.25% !important; }
.tabs ul.mediatabs li:last-child   { max-width: 15.25% !important; }


.tabs ul li a, .tabs ul.mediatabs li a { display: block; padding: 18px 1% 10px 1%; min-height: 40px; position: relative; z-index: 10; }
.tabs ul li.active, .tabs ul.mediatabs li.active { 
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;

}
.tabs-wrapper a { text-decoration: none; }

section.tabs-h .content { padding: 30px 2% 25px 2%; width: 100%; height: auto; min-height: 225px !important; float: left; clear: both; position: relative; margin: -5px -5px 5px -2%; z-index: 50; 

  background: #ededed;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed);
  background-image: -moz-linear-gradient(top, #fefefe, #ededed);
  background-image: -ms-linear-gradient(top, #fefefe, #ededed);
  background-image: -o-linear-gradient(top, #fefefe, #ededed);
  background-image: linear-gradient(to bottom, #fefefe, #ededed);
}

section.tabs-h #documents { margin-top: 0px !important; }
#documents ul li { text-align: left; }

section.tabs-h .content .links { float: right !important; display: inline !important; margin-top: 0px; padding-right: 25px; position: relative; z-index: 100; }
section.tabs-h .content .links a { border: none; }

/* end base horizontal tabs css -----*/

.tabs-wrapper { display: block; width: 100%; height: auto; float: left; clear: both; font-family: 'Montserrat', sans-serif; text-align: center; 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-bottom: solid 1px rgba(0,0,0,0.12); margin-bottom: 25px; }

section.tabs-h {
  zoom: 1;
  position: relative;  
	/* background: #f2f2f2; */
	height: 352px !important; 	
	width: 100%; max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	min-width: 310px;
}

section.tabs-h h2 {  }
section.tabs-h h3 {  }

section.tabs-h p { }
section.tabs-h a, #press-releases a, #press-releases a p, .double a p,
#webinars a, #webinars a p, #webinars.double a p { font-weight: 500; }
section.tabs-h time { padding-left: 1px; }

section.tabs-h li { font-weight: 500; overflow: visible; float: left; text-align: center; height: 100%; background: none !important; }
section.tabs-h li a { display: block; } 
section.tabs-h li.last { overflow: visible; }
section.tabs-h li span { font-weight: 500; display: block; width: 100%; padding-top: 0px; margin: 0 auto 0 auto; }
section.tabs-h li span.mobile { display: none; visibility: hidden; }

section.tabs-h li:hover span { }
section.tabs-h li.active  { font-weight: 700; color: #000; background-color: #fff !important; }
section.tabs-h li.active span { font-weight: 700; color: #000; }

section.tabs-h .col-2 { height: auto; width: 49%; padding-right: 0.5%; padding-left: 0.5%; float: left; clear: none; }
section.tabs-h .col-3 { height: auto; width: 32%; padding-right: 0.5%; padding-left: 0.5%; float: left; clear: none; }
section.tabs-h .col-4 { height: auto; width: 24%; padding-right: 0.5%; padding-left: 0.5%; float: left; clear: none; }

section.tabs-h .double {
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
			-moz-column-fill: balance;
  -webkit-column-width: 500px;
     -moz-column-width: 500px;
          column-width: 500px;
}

section.tabs-h .double a { display: table; /* float: left; */clear: both; min-height: 35px; height: 100%; width: 100%;   
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}

#press-releases,
#in-the-news,
#surgeon-spotlight,
#gallery,
#videos,
#documents,
#webinars,
#community { min-height: 250px !important; }

#press-releases a,
#in-the-news a,
#surgeon-spotlight a,
#gallery a,
#videos a,
#documents a,
#webinars a,
#community a { text-decoration: none; border: none !important; font-weight: 500 !important; }

section.tabs-h .center, section.tabs-h .center p, section.tabs-h .center h3 { text-align: center; }

section.tabs-h img.fade, section.tabs-h .fade {
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;
   }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@media screen and (max-width: 1180px) {
	
section.tabs-h .double {
  -webkit-column-count: 2;
     -moz-column-count: 2;      
          column-count: 2;
			-moz-column-fill: balance;
  -webkit-column-width: 450px;
     -moz-column-width: 450px;
          column-width: 450px;
}

section.tabs-h .content { margin-left: -2.5%; width: 100.5%; }

}

@media screen and (max-width: 980px) {
	
section.tabs-h .content { margin-left: -2.75%; }

}

@media screen and (max-width: 920px) {
.tabs ul li:first-child, .tabs ul.mediatabs li:first-child { max-width: 15% !important; } 
}


@media screen and (max-width: 840px) {
.tabs ul li:first-child, .tabs ul.mediatabs li:first-child { margin-left: 2px; }
section.tabs-h .content { padding-left: 2.5%; }
	
}

@media screen and (max-width: 810px) {
section.tabs-h p { } 
section.tabs-h li, section.tabs-h p { }
section.tabs-h li span { }
	
}

@media screen and (max-width: 799px) {
section.tabs-h { }	
}

@media screen and (max-width: 780px) {
.tabs { margin-left: -1.5%; width: 103%; }
.tabs ul li, .tabs ul.mediatabs li { font-size: 14px; }
section.tabs-h .content .links { padding-top: 5px; }

}

@media screen and (max-width: 760px) {
section.tabs-h { }
section.tabs-h li { }	
section.tabs-h li span {  }
}

@media screen and (max-width: 720px) {	
section.tabs-h li { }
section.tabs-h p { font-size: 13px; }
section.tabs-h h3 { font-size: 17px; }
section.tabs-h li span { }
}

@media screen and (max-width: 679px) {	
section.tabs-h .col-2, section.tabs-h .col-3, section.tabs-h .col-4 { width: 99%; padding-right: 0.5%; padding-left: 0.5%; float: left; clear: both; }
section.tabs-h .content .links { padding-top: 13px; font-size: 14px !important; }

}

@media screen and (max-width: 650px) {
section.tabs-h li { }

}

@media screen and (max-width: 640px) {
.tabs ul li, .tabs ul.mediatabs li { font-size: 14px !important; }

}

@media screen and (max-width: 620px) {
section.tabs-h li { }	
section.tabs-h .content { }
section.tabs-h .content .links { padding-right: 10px; }

}

@media screen and (max-width: 570px) {
.tabs ul li, .tabs ul.mediatabs li { font-size: 13px !important; }	
	
}

@media screen and (max-width: 540px) {
.tabs ul li:first-child, .tabs ul.mediatabs li:first-child { margin-left: 5px; max-width: 13% !important; } 
.tabs ul.mediatabs li:nth-child(2) { max-width: 12.5% !important; }
.tabs ul.mediatabs li:nth-child(3) { max-width: 15.0% !important; }
.tabs ul.mediatabs li:nth-child(4) { max-width: 12.0% !important; }
.tabs ul.mediatabs li:nth-child(5) { max-width: 10.5% !important; }
.tabs ul.mediatabs li:nth-child(6) { max-width: 16.5% !important; }
.tabs ul.mediatabs li:last-child   { max-width: 16.5% !important; }	
}

@media screen and (max-width: 510px) {
.tabs ul li, .tabs ul.mediatabs li { font-size: 12px !important; }	
	
}

@media screen and (max-width: 480px) {
.tabs ul, .tabs ul.mediatabs { width: 100%; padding-right: 0%; padding-left: 0%; }
.tabs, .tabs ul, .tabs ul.mediatabs {  }
.tabs ul li { }
section.tabs-h .content .links { padding-right: 5px; }

}


@media screen and (max-width: 470px) {
.tabs ul.mediatabs li:last-child { max-width: 16.75% !important; }	

}

@media screen and (max-width: 458px) {
.tabs { height: 50px; }
.tabs ul, .tabs ul.mediatabs { height: 45px; }
.tabs ul li, .tabs ul.mediatabs li { font-size: 13px !important; float: none !important; display: inline-block !important; margin: 0 auto !important; }

section.tabs-h li span { display: none; visibility: hidden; }
section.tabs-h li span.mobile { display: block; visibility: visible; width: 100%; padding-top: 0px; margin: -4px auto 0 auto; }

.tabs ul li:first-child, .tabs ul.mediatabs li:first-child { max-width: 8% !important; } 
.tabs ul.mediatabs li:nth-child(2) { max-width: 12.5% !important; }
.tabs ul.mediatabs li:nth-child(3) { max-width: 16.0% !important; }
.tabs ul.mediatabs li:nth-child(4) { max-width: 12.5% !important; }
.tabs ul.mediatabs li:nth-child(5) { max-width: 10.0% !important; }
.tabs ul.mediatabs li:nth-child(6) { max-width: 10.5% !important; }
.tabs ul.mediatabs li:last-child   { max-width: 16.0% !important; }	

section.tabs-h #documents { margin-top: -5px !important; }

}


@media screen and (max-width: 430px) {
.tabs ul li, .tabs ul.mediatabs li { font-size: 12px !important; }
.tabs ul.mediatabs li:nth-child(3) { max-width: 18.0% !important; }
.tabs ul.mediatabs li:nth-child(4) { max-width: 13.5% !important; }
.tabs ul.mediatabs li:last-child   { max-width: 18.3% !important; }	

}

@media screen and (max-width: 370px) {
section.tabs-h li {  }

}