@import url('mta-base.css') @import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');

@font-face {
	font-family: 'Anonymous Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/anonymouspro/v14/rP2Bp2a15UIB7Un-bOeISG3pLlw.ttf) format('truetype');
}

@font-face {
	font-family: 'Uni Neue';
	src: url('../fonts/unineue-bold-webfont.eot');
	src: url('../fonts/unineue-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/unineue-bold-webfont.woff2') format('woff2'),
		url('../fonts/unineue-bold-webfont.woff') format('woff'),
		url('../fonts/unineue-bold-webfont.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('../fonts/unineue-regular-webfont.eot');
	src: url('../fonts/unineue-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/unineue-regular-webfont.woff2') format('woff2'),
		url('../fonts/unineue-regular-webfont.woff') format('woff'),
		url('../fonts/unineue-regular-webfont.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('../fonts/unineue-regularitalic-webfont.eot');
	src: url('../fonts/unineue-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/unineue-regularitalic-webfont.woff2') format('woff2'),
		url('../fonts/unineue-regularitalic-webfont.woff') format('woff'),
		url('../fonts/unineue-regularitalic-webfont.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('../fonts/unineue-book-webfont.eot');
	src: url('../fonts/unineue-book-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/unineue-book-webfont.woff2') format('woff2'),
		url('../fonts/unineue-book-webfont.woff') format('woff'),
		url('../fonts/unineue-book-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('../fonts/unineue-bookitalic-webfont.eot');
	src: url('../fonts/unineue-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/unineue-bookitalic-webfont.woff2') format('woff2'),
		url('../fonts/unineue-bookitalic-webfont.woff') format('woff'),
		url('../fonts/unineue-bookitalic-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

.font-oswald {
	font-family: 'Oswald', sans-serif;
}

html {
	font-size: 14px;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background: #f8f8f8;
	margin: 0;
	padding: 0;
	font-family: 'Uni Neue', sans-serif;
	font-weight: 500;
	color: #5f5f5f;
	line-height: 1.45;
}

#page {
	background: #f8f8f8;
	transition: all 0.3s ease-in-out;
	width: 100%;
	padding-top: 60px;
	position: relative;
}

.padding-0 {
	padding: 0;
}

.mm-page {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.mm-slideout {
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	z-index: 1;
}

header {
	height: 60px;
	z-index: 20;
	top: 0;
	position: absolute;
	width: 100%;
}

header>.inner {
	position: fixed;
	left: 0;
	right: 0;
	background: #f8f8f8;
	-webkit-transition-delay: 500ms;
	transition-delay: 0.2s;
	transition-duration: 0.4s;
	transition-property: all;
}

header>.inner>.contained {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 22.5px;
}

xheader>.inner #logo-djo .logo-mark {
	fill: #c8102e !important;
}

xheader>.inner #logo-djo .logo-text {
	fill: #000 !important;
}

header>.inner #logo-djo .logo-mark.red {
	fill: #c8102e !important;
}

header>.inner #logo-djo .logo-text.black {
	fill: #000 !important;
}


#logo-djo .logo-mark.red {
	fill: #c8102e;
}

#logo-djo .logo-mark.black {
	fill: #000;
}


#logo-djo .logo-text {
	fill: #000;
}

#logo-djo,
#logo-djo-mobile {
	width: 100px;
	height: 60px;
	float: left;
}

#logo-djo a,
#logo-djo-mobile a {
	width: 100px;
	height: 60px;
	display: block;
	padding-top: 22px;
}

#logo-djo-mobile {
	display: none;
}

#fixed-element-wrapper {
	position: fixed;
	width: 100%;
	overflow: visible;
	height: 1px;
}

/* nav icons */
a.tw_link {
	display: inline-block;
	float: left;
	height: 15px;
	width: 18px;
	background-image: url(../images/twitter-white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-right: 5px;
}

a.fb_link {
	display: inline-block;
	float: left;
	height: 17px;
	width: 18px;
	background-image: url(../images/facebook-white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#brand-subpage-menu-right,
#brand-subpage-menu {
	margin-top: 20px;
}

#stickymenu {
	background: black;
}

/* Product detail page start */
.ratimg-viewer {
	width: 100%;
	height: 370px;
	display: block;
	padding: 0%;
	border: solid 1px #e5e5e5;
	text-align: center;
}

.ratimg-viewer-inner-white {
	width: 100%;
	height: 375px;
	background-color: #fff;
	opacity: 0;
	position: absolute;
	top: 1px;
	left: 1px;
}

.ratimg-viewer-inner {
	display: none;
	width: 100%;
	height: 100%;
}

.ratimg-viewer-inner.currimg {
	display: block;
}

.ratimg-list {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
	height: 50px;
}

.ratimg-viewer-inner img {
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.ratimg-list-inner:first-child {
	margin-left: 1px;
}

.ratimg-list-inner {
	display: inline-block;
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 10px;
	cursor: pointer;
	text-align: center;
}

.ratimg-list-inner.currimg img {
	opacity: 1;
}

.ratimg-list-inner img {
	height: 99%;
	width: auto;
	opacity: 0.6;
}

.acordeon-main-part {
	margin-top: 70px;
}

#accordion {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.panel-group {
	margin-bottom: 20px;
}

.panel-detail {
	margin-bottom: 1px;
}

.panel-heading {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	line-height: 10px;
	height: 54px;
}

.panel-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	line-height: 28px;
	font-weight: normal;
	background: #f6f6f6 url(http://www.djoglobal.eu/assets/nnd_images/pngs/accordion-closed.png) 10px center no-repeat;
	border: 1px solid #e1e1e1;
	padding-left: 0;
	color: #a2a2a2 !important;
	padding: 12px 8px 10px 30px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	z-index: 1;
	margin-bottom: 2px;
	font-size: 16px;
}

.panel-body {
	border: none;
	margin: 25px 0;
	padding: 0 12.5px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: auto;
}

.panel-body table th {
	border-left: 1px solid #ffffff;
	color: #ffffff;
	background: #a2a2a2;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	padding: 12px;
	vertical-align: middle;
	text-align: left;
	padding: 12.5px;
}

.panel-body table td {
	border-bottom: none;
	padding: 0px !important;
}

.download-box-list-cont {
	width: 98%;
	display: inline-block;
	border: solid 1px rgb(205, 205, 205);
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 5px;
	height: auto;
}

.download-box-list-cont-ico {
	float: left;
	margin-right: 5px;
}

.download-box-list-cont-name {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 45%;
	line-height: 15px;
}

.download-box-list-cont-link {
	float: left;
	margin-left: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 44%;
	line-height: 15px;
}

#adv-page-right form>div {
	border: none;
	padding: 0px;
	margin: 0px;
}

.relitboxzz {
	float: left;
	width: 28%;
	margin-right: 5%;
	overflow: hidden;
	position: relative;
	height: 340px;
}

.relitboxa {
	width: 100%;
	height: 100%;
	display: block;
	height: 230px;
}

.relitboximg {
	text-align: center;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
	transition: box-shadow 0.1s linear;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 230px;
}

.relitboximg img {
	height: auto;
	width: auto;
	max-height: 80%;
	margin-top: 20%;
}

#adv-page-right {
	margin-top: 65px;
}

#adv-page-right #prodoverpag {
	text-align: left;
	float: right;
}

.adv-pages-page span {
	color: #bdbdbd !important;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: capitalize;
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	float: left;
	line-height: 50px;
	border-left: 1px solid #e1e1e1;
}

#adv-page-right #prodoverpag a span {
	color: #3c3c3c !important;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: capitalize;
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	float: left;
	line-height: 50px;
	border-left: 1px solid #e1e1e1;
}

#adv-page-right #prodoverpag a.current span {
	cursor: pointer;
}

#adv-page-right #prodoverpag a.current {
	background-color: transparent;
	color: #e1e1e1;
	cursor: default;
}

#adv-page-right #prodoverpag a {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	float: left;
	line-height: 50px;
	border-left: 1px solid #e1e1e1;
}

#no>form>div {
	padding: 50px;
	overflow: auto;
	/* border: 1px solid #e1e1e1; */
	margin: 50px 0;
	/* width: 100%; */
}

#adv-page-left {
	margin-top: 65px;
}

.top-adv-title p {
	margin-bottom: 15px;
}

form,
.form-item {
	display: inline;
	margin: 0;
	padding: 0;
}

fieldset {
	display: block;
	clear: both;
	position: relative;
	overflow: visible;
}

#adv-page-left legend {
	display: none;
}

#advisor_adv_DJOglobal_products>fieldset>div:nth-child(2) {
	/* display: none; */
}

#adv-page-left .advisor_block_question {
	background: #3c3c3c;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	height: 29px;
	padding: 4px 0px 7px 12px;
	margin: 0 0 1px 0;
	font-size: 0.9em;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	display: inline-block;
}

#advisor_adv_DJOglobal_products .advisor_block_question {
	cursor: pointer;
}

#advisor_adv_DJOglobal_products .advisor_block_answer {
	display: none;
}

#adv-page-left .advisor_block_answer_row {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 1px dotted #a2a2a2;
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	/* padding-left: 3px; */
	padding-left: 22px;
	color: #a2a2a2;
	width: 100%;
	display: block;
	font-weight: 800;
	position: relative;
	/* background: url(../nnd_images/pngs/icon-checkbox-unchecked.png) left center no-repeat; */
}

#adv-page-left .advisor_result {
	display: none;
}

/* Product detail page end */

/* Worldwide Locations start */
h4.accordion {
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase;
	line-height: 28px;
	font-weight: normal;
	background: #f6f6f6 url(http://www.djoglobal.eu/assets/nnd_images/pngs/accordion-closed.png) 10px center no-repeat;
	border: 1px solid #e1e1e1;
	padding-left: 0;
	color: #a2a2a2 !important;
	padding: 12px 8px 10px 30px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	z-index: 1;
	margin-bottom: 2px;
	font-size: 16px !important;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

/* Worldwide Locations end */

.header-icon {
	display: inline-block;
	float: right;
	height: 60px;
	background: transparent;
	margin-left: 11.25px;
	position: relative;
	padding-top: 18px;
	cursor: pointer;
	opacity: 1;
}

.header-icon svg {
	display: block;
	float: left;
}

.header-icon-text {
	font-family: 'Uni Neue', sans-serif;
	font-style: italic;
	font-weight: normal;
	float: right;
	display: block;
	font-size: 12px;
	height: 60px;
	padding-top: 20px;
	width: auto;
	color: #5f5f5f;
	overflow: hidden;
}

.header-icon>a {
	display: block;
	height: 60px;
	cursor: pointer;
}

#icon-location #svg-icon-location {
	width: 21px;
}

ul.navbar-right_menu {
	list-style: none;
}

ul.navbar-right_menu li {
	float: right;
}

#mta_slider {
	max-height: 600px;
	overflow: hidden;
}

/*submenu nav */
#submenu_left_nav {
	margin-top: 60px;
}

.mainpagecontainer #submenu_left_nav ul {
	list-style: disc;
	margin: 0px;
}

#submenu_left_nav li {
	margin-left: 10px !important;
}

#submenu_left_nav li {
	width: 100%;
	height: auto;
	font-size: 1.1em;
	line-height: 17px;
	margin: 0;
	font-family: 'Fedra Sans Alt Light', sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #e1e1e1;
	padding: 13px 0 10px 0;
}

#submenu_left_nav li a {
	text-transform: uppercase;
	color: #000;
}

#submenu_left_nav li a:hover {
	color: #c8102e;
}

#body-wrapper.container {
	padding-bottom: 50px;
}

/* nav main */

#svg-icon-arrow-down {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -11px;
	margin-top: -11px;
	width: 20px;
	height: 20px;
}

.icon-arrow-down-path {
	fill: #5f5f5f;
}

/* 3 blocks mid vid thumbs */

.vid-thumb {
	cursor: pointer;
}

.vid-thumb img {
	display: block;
	width: 100%;
}

.vid-thumb-color img {
	display: block;
	width: 100%;
}

body.front .vid-thumb img {
	filter: grayscale(100%);
	transition: all 0.2s ease-in-out;
}

body.front .video-thumbnail:hover .vid-thumb img {
	filter: grayscale(0);
	font-weight: bold;
}

span.vid-thumb {
	display: block;
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	font-size: 13px;
	padding: 22.5px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	color: #fff;
	width: 100%;
	min-height: 67.5px;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.2s ease-in-out;
	position: absolute;
	bottom: -1px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	opacity: 0.8;
}

span.vid-thumb:hover {
	opacity: 1;
	font-weight: bold;
}

span.video-id {
	display: none !important;
}

.video-thumbnail,
.video-thumbnail.show-title {
	position: relative;
	user-select: none;
	cursor: pointer;
}

.video-thumbnail:hover .video-title {
	background-color: rgba(0, 0, 0, 0.2);
}

.video-thumbnail:hover .video-title .video-description {
	letter-spacing: 0.03em;
	opacity: 1;
}

.video-thumbnail .video-title {
	pointer-events: none;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: right 22.5px top 22.5px;
}


.video-thumbnail .video-title .video-description {
	pointer-events: none;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 45px;
	padding: 11.25px 22.5px;
	line-height: 1.4;
	transition: all 0.2s ease-in-out;
	opacity:100;
}

.video-thumbnail .video-title .video-description h4 {
	pointer-events: none;
	color: #fff;
	position: relative;
	line-height: 1.4;
	font-size: 24px;
/*	font-weight: bold;*/
	letter-spacing: 0.07em;
/*	transition: all 0.2s ease-in-out;*/
	font-weight: normal;
    transition: font-weight 0.3s ease;
}

.video-thumbnail .video-title .video-description p {
	pointer-events: none;
	text-align: justify;
	color: #fff;
	position: relative;
	line-height: 1.4;
	font-size: 14px;
	letter-spacing: 0.07em;
	transition: all 0.2s ease-in-out;
}

.video-thumbnail img {
	display: block;
}

.video-thumbnail.show-title .video-title h4 {
	opacity: 1;
	letter-spacing: 0.03em;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 12px;
	text-align: left;
	margin: 0;
	background: #4d4d50;
}

.video-thumbnail.show-title:hover .video-title h4 {
/*	background: #000;*/
	font-weight: bold;
}

.video-thumbnail:hover .video-title .video-description h4{
	font-weight: bold;
}


/* press events */

.press-events {
	max-width: 1180px;
	margin: 0 auto;
	border-top: 1px solid #e3e3e7;
}

.press-events .view-content {
	float: left;
	width: 50%;
	padding: 0 45px;
}

@media only screen and (max-width:768px) {
	.press-events .view-content {
		display: block;
		float: none;
		width: 100%;
		padding: 0 22.5px;
	}
}

.press-events table {
	margin: 0;
}

.press-events {
	padding: 90px 0;
}

.press-events .block-title {
	font-family: 'Uni Neue', sans-serif;
	font-weight: 300;
	margin: 0;
	font-size: 41px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.04em;
	position: relative;
	margin-bottom: 45px;
	text-align: center;
	margin-bottom: 90px;
}



#sidebar-first li,
#sidebar-second li,
#header li,
#footer li,
#sub-menu li {
	list-style: none !important;
}


ul.social-footer {
	overflow: hidden;
	margin-bottom: 11.25px;
}

ul.social-footer li {
	float: right;
	margin-left: 7px;
	width: 32px;
	height: 32px;
}

#footer-right .copyright p {
	font-size: 13px;
	text-align: right;
	margin: 0;
	color: #f8f8f8;
}

#footer-right .copyright .block-title {
	display: none;
}

#bottom-ribbon {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.card-djo-size {
	height: 520px !important;
}

.hero_banner {
	height: 410px;
}

ul.mta_breadcrum {
	list-style: none
}

ul.mta_breadcrum li {
	float: left;
	margin-right: 16px;
}

.text-hero-title {
	margin-top: 160px;
	font-size: 41px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.text-hero-excerpt {
	color: #fff;
	font-size: 18px;
}

#main_content ul {
	list-style: none
}

#main_content ol {
	padding-left: 1.2em;
}

.webinar-speaker {
	text-transform: uppercase;
	color: rgb(196, 17, 47);
	font-size: 12px;
}

.button-menu-idjo {
	margin-top: 10px;
}

.button-menu-idjo a {
	color: #5f5f5f;
}

.button-menu-idjo a:hover {
	color: rgb(196, 17, 47);
}

#main_content a.link {
	color: rgb(196, 17, 47);
}

.djo-photo-holder {
	position: relative;
}

.djo-overlap-title {
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px !important;
	border-radius: 0 !important;
}

.djo-width-fill {
	width: 100%
}

/* mega menu */

nav#nav-main ul:first-child>li>.megamenu {
	position: fixed;
	left: 0;
	right: 0;
	background: #f8f8f8;
	padding: 22.5px 0 30px 0;
	overflow: visible;
	visibility: hidden;
	opacity: 0;
	margin-top: -10px;
	transition: visibility 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0s, margin 0s ease-in-out 5s;
	border-bottom: 1px solid #e3e3e7;
}

nav#nav-main ul:first-child>li>.megamenu.open {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
	transition: visibility 0s, opacity 0.2s ease-in-out, margin 0.2s;
}

nav#nav-main ul:first-child>li>.megamenu>.menu-close {
	position: absolute;
	right: 22.5px;
	top: 0;
	color: #000;
	width: 22.5px;
	height: 22.5px;
	cursor: pointer;
	z-index: 10;
}

/* flags */
nav#nav-international-menu li a {
	background-size: 16px 11px
}

nav#nav-international-menu li.usa a {
	background-image: url(../images/flags/flag-international.png);
}

nav#nav-international-menu li.europe a {
	background-image: url(../images/flags/flag-eu.png);
}

nav#nav-international-menu li.australia a {
	background-image: url(../images/flags/flag-australia.png);
}

nav#nav-international-menu li.belgium-dutch a {
	background-image: url(../images/flags/flag-belgium.png);
}

nav#nav-international-menu li.belgium-french- a {
	background-image: url(../images/flags/flag-belgium.png);
}

nav#nav-international-menu li.canada a {
	background-image: url(../images/flags/flag-canada.png);
}

nav#nav-international-menu li.china a {
	background-image: url(../images/flags/flag-china.png);
}

nav#nav-international-menu li.danish a {
	background-image: url(../images/flags/flag-denmark.png);
}

nav#nav-international-menu li.finnish a {
	background-image: url(../images/flags/flag-finland.png);
}

nav#nav-international-menu li.french a {
	background-image: url(../images/flags/flag-france.png);
	background-size: 16px 11px
}

nav#nav-international-menu li.german a {
	background-image: url(../images/flags/flag-germany.png);
}

nav#nav-international-menu li.ireland a {
	background-image: url(../images/flags/flag-ireland.png);
}

nav#nav-international-menu li.italian a {
	background-image: url(../images/flags/flag-italy.png);
}

nav#nav-international-menu li.luxemburg a {
	background-image: url(https://www.djoglobal.com/sites/all/themes/djoglobal_v025/images/pngs/luxembourg.png);
}

nav#nav-international-menu li.nederland a {
	background-image: url(../images/flags/flag-nederlands.png);
}

nav#nav-international-menu li.new-zealand a {
	background-image: url(../images/flags/flag-new-zealand.png);
}

nav#nav-international-menu li.norwegian a {
	background-image: url(../images/flags/flag-norway.png);
}

nav#nav-international-menu li.south-africa a {
	background-image: url(../images/flags/flag-south-africa.png);
}

nav#nav-international-menu li.spanish a {
	background-image: url(../images/flags/flag-spain.png);
}

nav#nav-international-menu li.swedish a {
	background-image: url(../images/flags/flag-sweden.png);
}

nav#nav-international-menu li.english a {
	background-image: url(../images/flags/flag-uk.png);
}


/* search bar */

/* Demo 2 */

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}


input[type=search] {
	background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ic3ZnLWljb24tc2VhcmNoIj4KICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzZWFyY2gtaWNvbiIgZD0iTTE1LjUgMTRoLS43OWwtLjI4LS4yN0MxNS40MSAxMi41OSAxNiAxMS4xMSAxNiA5LjUgMTYgNS45MSAxMy4wOSAzIDkuNSAzUzMgNS45MSAzIDkuNSA1LjkxIDE2IDkuNSAxNmMxLjYxIDAgMy4wOS0uNTkgNC4yMy0xLjU3bC4yNy4yOHYuNzlsNSA0Ljk5TDIwLjQ5IDE5bC00Ljk5LTV6bS02IDBDNy4wMSAxNCA1IDExLjk5IDUgOS41UzcuMDEgNSA5LjUgNSAxNCA3LjAxIDE0IDkuNSAxMS45OSAxNCA5LjUgMTR6Ii8+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICAgICAgICAgICAgPC9zdmc+") no-repeat 9px center;
	border: none;
	padding: 0px 10px;

	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

input[type=search]:focus {
	width: 230px;
	background-color: #fff;

	-webkit-box-shadow: 0 0 5px rgba(109, 109, 109, .5);
	-moz-box-shadow: 0 0 5px rgba(109, 109, 109, .5);
	box-shadow: 0 0 5px rgba(109, 109, 109, .5);
}


#mta_search input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}

#mta_search input[type=search]:hover {
	background-color: #fff;
}

#mta_search input[type=search]:focus {
	width: 230px;
	padding-left: 42px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}

#mta_search input:-moz-placeholder {
	color: transparent;
}

#mta_search input::-webkit-input-placeholder {
	color: transparent;
}

.button-menu-globe {
	margin-top: 8px;
}

.fs-10 {
	font-size: 10px;
}

.fs-11 {
	font-size: 11px;
}

.fs-12 {
	font-size: 12px;
}

*,
*:focus,
*:hover {
	outline: none;
}

#hero_banner h1,
#hero_banner h2 {
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.4);*/
}

.no-shadow {
	text-shadow: none !important;
}



/* [1] The container */
.img-hover-zoom {
	height: 220px;
	/* [1.1] Set it as per your need */
	overflow: hidden;
	/* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
	transition: transform .8s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
	transform: scale(1.1);
}


.webinar-title {
	font-weight: bolder
}

.webinar-text {
	height: 70px;
	max-height: 70px;
	overflow: hidden;
	text-align: justify;
}

.lh-40 {
	line-height: 40px !important;
}

.text-inter-word {
	text-justify: inter-word;
}

html {
	scroll-behavior: smooth;
}

.text-lower-forced {
	text-transform: lowercase !important
}

.carousel-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
}

.carousel-cell {
	width: 100%;
	/* full width */
	margin-right: 10px;
}

.slide {
	width: 100%;
	height: 80vh;
	max-height: 740px;

}


.slide-text {
	position: absolute;
	left: 22.5px;
	right: 0;
	top: 33.3333%;
	-webkit-transform: translateY(-33.333%);
	transform: translateY(-33.333%);
	width: 100%;
	color: #fff;
}




a.button_2:hover {
	background: #fff;
	color: #000;
}

a.btn2 {
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	margin: 11.25px 0;
	display: inline-block;
	padding: 7px 21px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align: center;
	box-sizing: content-box;
	border: 2px solid rgb(196, 17, 47);
	cursor: pointer;
	outline: none;
	line-height: 1.3;
	background-clip: border-box;
	background-color: rgb(196, 17, 47);
	;
	color: #fff;
	transition: all 0.1s linear;
}

a.btn3 {
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	margin: 11.25px 0;
	display: inline-block;
	padding: 7px 21px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align: center;
	box-sizing: content-box;
	border: 2px solid rgb(117, 160, 206);
	cursor: pointer;
	outline: none;
	line-height: 1.3;
	background-clip: border-box;
	background-color: rgb(117, 160, 206);
	;
	color: #fff;
	transition: all 0.1s linear;
}


.text-hero-title-blog {
	margin-top: 100px;
	font-size: 41px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}



.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.post-title-main {
	width: 100%;
	padding: 10px 14px;
	bottom: 0px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7)
}

.mta-tags {
	width: 100%;
	padding: 10px;
	bottom: 0px;
}

.xblog-exceprt {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-excerpt {
	height: 60px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.blog-title {
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.card-img-top {
	/*xheight: 220px; */
}

.badge-dark {
	color: #fff;
	padding: 6px 8px;
}

.badge-red {
	background-color: rgb(196, 17, 47);
	color: #fff;
	padding: 6px 8px;
}

.badge-blue {
	background-color: rgb(117, 160, 206);
	color: #fff;
	padding: 6px 8px;
}

.bg-top-bottom {
	background-position: bottom center !important
}

.hero_banner-blog {
	height: 610px;
}

.blog-single-title h1 {
	position: absolute;
	bottom: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 36px !important;
	text-transform: unset;
	padding-bottom: 0px;
}

.blog-header {
	padding: 0px 50px;
}

.blog-single-mta-tags {
	width: 100%;
	bottom: 10px;
}

.badge-2x {
	padding: 10px 12px;
	font-size: 14px;
}

.blog-content p {
	font-size: 18px
}

ul.mta--lists {
	padding-left: 1em;
	margin-bottom: 30px;
}

ul.mta--lists li {
	list-style-type: disc;
}

/* products */


#mta--product_page h3.mta--product-brand {
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 9.22727273px;
	letter-spacing: 0.01em;
	position: relative;
	top: -2px;
	display: block;
}

#mta--product_page .mta--product_title>p {
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	margin: 0;
	font-size: 41px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.04em;
	position: relative;
	margin-bottom: 45px;
	display: block;
	margin-bottom: 22.5px;
}

#mta--product_page p {
	font-size: 14px;
	margin-bottom: 20.3px;
	letter-spacing: 0.02em;
}


/* tabs */
ul.mta--tabs {
	display: inline-block;
	width: auto;
	text-align: center;
	margin: 0 !important;
	padding: 0;
}

.mta--tabs li {
	font-size: 15px;
	padding: 15px 22.5px !important;
	letter-spacing: 0.07em;
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	position: relative;
	color: #a8a9ab;
	list-style: none;
	cursor: pointer;
	float: left;
}

.mta--tabs>li>a.active {
	color: #000;
	background: #f8f8f8;
	border-top: 1px solid #c8102e;
	z-index: 10;
}



/* sidebars new pages */

#sidebar-first ul.menu li {
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 1.1;
	margin: 0;
	font-family: 'Uni Neue', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 9.5px;
	letter-spacing: 0.05em;
}

header>.inner #logo-djo .logo-mark.red {
	fill: #c8102e !important;
}

header>.inner #logo-djo .logo-text.black {
	fill: #000 !important;
}

#svg-logo-djo-footer {
	max-width: 120px;
}

#svg-logo-djo-footer .logo-mark,
#svg-logo-djo-footer .logo-text {
	fill: #fff;
}

.lh-2 {
	height: 46px;
}

#mta--product_page h1 {
	margin-bottom: 20px;
}

/* fix to images inside the flickity slider */
.flickity-viewport img {
	/*width: 100%;
	height: auto;*/
}
#search-suggestions{
    display: block;
    top: 65px;
    z-index: 100;
    position: absolute;
    background-color: white;
    width: 100%;
    right: 5px;
}
#search-suggestions a{
    display: block;
    border: 1px solid #D8D8D8;
    padding: 10px;
}
/* nl_BE language selector popup start */
.language_selector_benelux{
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 30000;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0,0.6);
    overflow-x: hidden;
}
.overlay-content{
    width: 30%;
    position: relative;
    top: 25%;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(250, 250, 250);
    min-width:335px;
    min-height:95px;   
}
.closebtn{
    position: relative;
    right: -45%;
}
.language_selector_button{
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
    min-width: auto;
    background-color: #c8102e;
    color: white;
 }
 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*.active, .collapsible:hover {
  background-color: #ccc;
}*/

/* Style the collapsible content. Note: hidden by default */
.coll_content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  width: 100%;
}
/*.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* css for registration popup */
.mta--fr_popup_wrapper {
    right: 0px;
    opacity: 0;
	visibility: hidden;
    position: absolute;
    top: 74px;
    z-index: 19;
    background-color: white;
    padding: 20px;
    width: 360px;
}

.mta--popup_box_close_wrapper {
    position: absolute;
    top: 15px;
    right: 20px;
}

.mta--popup_box_close {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    text-align: right;
}

.mta--fr_popup_form input,
.mta--fr_popup_form select {
    margin-bottom: 20px;
    width: 100%;
}

.mta-btn:hover {
    background: #fff;
    color: #000;
}

.mta-btn {
    font-family: 'Uni Regular', sans-serif;
    font-weight: normal;
    margin: 11.25px 0;
    display: inline-block;
    padding: 7px 21px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-align: center;
    box-sizing: content-box;
    border: 2px solid #000;
    cursor: pointer;
    outline: none;
    line-height: 1.3;
    background-clip: border-box;
    background-color: #000;
    color: #fff;
    transition: all 0.1s linear;
}

/*end of registration popup*/

a.hover-icon > img{
	display: block;
    margin: 15px auto;
    background: center center url(https://www.chattanoogarehab.com/media/wysiwyg/chattanooga-int/home/9152_Chatt_Rehab_Product_icons_BLUE.png) no-repeat;
    border-radius: 50%;
    width: 100%;
    max-width: 180px;
    max-height: 180px;
    transition: background 0.1s ease-in-out;
}

.black-slide {
	margin-left: 10%;
}

.red-line {
	min-width: 200px;
	border-bottom: 14px solid #c8102e;
	margin: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 120px;
	display: inline-block;

}

.black-slide-title {
	margin-top: 4%;
	font-size: 110px;
	font-weight: bold;
	letter-spacing: normal;
}

.black-slide-red-text {
    font-size: 66px;
    color: #c8102e;
    font-weight: bold;
    line-height: 70px;
    margin-left: 54px;
    letter-spacing: normal;
    margin-left: 540px;
}
 
 
@media only screen and (max-width:768px) {
    .black-slide {
        margin-left: 3%;
    }
 
    .red-line {
        min-width: 200px;
        border-bottom: 7px solid #c8102e;
        margin: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 60px;
        display: inline-block;
 
    }
 
    .black-slide-title {
        margin-top: 4%;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: normal;
    }
 
 
    .black-slide-red-text {
        font-size: 32px;
        color: #c8102e;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: normal;
        margin-left: 0px;
 
    }
 
}
/* banner UPDATE */
@media (min-width: 1574px) {
    .black-slide {
        margin-left: 10%;
    }
 
    .red-line {
        min-width: 200px;
        border-bottom: 14px solid #c8102e;
        margin: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 120px;
        display: inline-block;
 
    }
 
    .black-slide-title {
        margin-top: 4%;
        font-size: 110px;
        font-weight: bold;
        letter-spacing: normal;
    }
 
 
    .black-slide-red-text {
        font-size: 66px;
        color: #c8102e;
        font-weight: bold;
        line-height: 70px;
        margin-left: 54px;
        letter-spacing: normal;
        margin-left: 540px;
    }
}
 
 
 
@media (min-width: 992px) and (max-width: 1573px) {
    .black-slide {
        margin-left: 10%;
    }
 
    .red-line {
        min-width: 200px;
        border-bottom: 14px solid #c8102e;
        margin: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 106px;
        display: inline-block;
 
    }
 
    .black-slide-title {
        margin-top: 4%;
        font-size: 96px;
        font-weight: bold;
        letter-spacing: normal;
    }
 
 
    .black-slide-red-text {
        font-size: 54px;
        color: #c8102e;
        font-weight: bold;
        line-height: 54px;
        margin-left: 54px;
        letter-spacing: normal;
        margin-left: 0px;
    }
}
 
@media only screen and (max-width:992px) {
    .black-slide {
        margin-left: 3%;
    }
 
    .red-line {
        min-width: 200px;
        border-bottom: 7px solid #c8102e;
        margin: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 60px;
        display: inline-block;
 
    }
 
    .black-slide-title {
        margin-top: 4%;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: normal;
    }
 
 
    .black-slide-red-text {
        font-size: 32px;
        color: #c8102e;
        font-weight: bold;
        line-height: 36px;
        letter-spacing: normal;
        margin-left: 0px;
 
    }
 
}
.language_selector_button{
	color: white !important;
}

/* Start Osano Privacy Banner */

.osano-cm-info {
  font-family: "Uni Neue", sans-serif;
}

.osano-cm-dialog {
  background-color: #000;
  border-top: 1px solid #333;
}

a.osano-cm-link,
a.osano-cm-link:active,
a.osano-cm-link:visited {
  font-family: "Uni Neue", sans-serif;
  color: #fff;
  font-weight: 500;
}

.osano-cm-link:hover {
  color: #fff;
}

.osano-cm-info-views {
  padding: 12px;
}

.osano-cm-info-dialog-header {
  padding-left: 12px;
}

.osano-cm-widget {
  background: #000;
  transition: all 0.2s;
  border-radius: 50%;
}

.osano-cm-widget:hover {
  background: #000;
}

.osano-cm-widget:after {
  content: url('https://www.djoglobal.com/sites/default/files/images/icons/icon-cookie.svg');
  display: block;
  width: 40px;
  height: 40px;
  font-size: 50px;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.osano-cm-widget svg {
  display: none;
}

.osano-cm-widget--position_left {
  left: 24px;
}


.osano-cm-content__message {
  font-weight: 300;
  font-size: 14px;
}

.osano-cm-link {
  font-weight: 300;
  font-size: 14px
}

@media (max-width:640px) {
  .osano-cm-dialog__buttons {
    padding: 12px 0;
  }
}

.osano-cm-button {
  font-family: "Uni Neue", sans-serif;
  border-radius: 50px;
  font-size: 11px;
  padding: 10px 12px;
  border-width: 2px;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  border: 2px solid #fff;
  cursor: pointer;
}

.osano-cm-view .osano-cm-button {
    background: #000;
    color: #fff;
    border: 2px solid #000;
}

.osano-cm-button--type_deny {
  background-color: transparent;
}

.osano-cm-button:hover {
  background-color: #000;
  color: white;
  opacity: 1;
}

.osano-cm-button--type_den:hover,
.osano-cm-view .osano-cm-button:hover {
  background-color: #fff;
  color: #000;
}

/* End Osano Privacy Banner */
/* banner UPDATE */
@media (min-width: 1574px) {
	.black-slide {
		margin-left: 10%;
	}

	.red-line {
		min-width: 200px;
		border-bottom: 14px solid #c8102e;
		margin: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height: 120px;
		display: inline-block;

	}

	.black-slide-title {
		margin-top: 4%;
		font-size: 110px;
		font-weight: bold;
		letter-spacing: normal;
	}


	.black-slide-red-text {
		font-size: 66px;
		color: #c8102e;
		font-weight: bold;
		line-height: 70px;
		margin-left: 54px;
		letter-spacing: normal;
		margin-left: 540px;
	}
}



@media (min-width: 992px) and (max-width: 1573px) {
	.black-slide {
		margin-left: 10%;
	}

	.red-line {
		min-width: 200px;
		border-bottom: 14px solid #c8102e;
		margin: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height: 106px;
		display: inline-block;

	}

	.black-slide-title {
		margin-top: 4%;
		font-size: 96px;
		font-weight: bold;
		letter-spacing: normal;
	}


	.black-slide-red-text {
		font-size: 54px;
		color: #c8102e;
		font-weight: bold;
		line-height: 54px;
		margin-left: 54px;
		letter-spacing: normal;
		margin-left: 0px;
	}
}

@media only screen and (max-width:992px) {
	.black-slide {
		margin-left: 3%;
	}

	.red-line {
		min-width: 200px;
		border-bottom: 7px solid #c8102e;
		margin: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height: 60px;
		display: inline-block;

	}

	.black-slide-title {
		margin-top: 4%;
		font-size: 50px;
		font-weight: bold;
		letter-spacing: normal;
	}


	.black-slide-red-text {
		font-size: 32px;
		color: #c8102e;
		font-weight: bold;
		line-height: 36px;
		letter-spacing: normal;
		margin-left: 0px;

	}

}


/* donjoy page */

#slides-homepage .flickity-button {
	display: none;
}


.product-card {
	padding: 11.25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11.25px;
	max-width: 320px;
	text-align: left;
}

.product-card .short-description {
	display: none;
}

.product-card:hover {
	background-color: #f2f2f2;
}

.product-card .field-name-field-images {
	margin-bottom: 5.625px;
}

.dn-link-white {
	color: #fff !important
}

.dn-link-white:hover {
	color: #000 !important
}





.donjoy-brand-pages .product-gallery-cell {
	width: 100%;
}

.donjoy-brand-pages .flickity-prev-next-button {
	top: 50%;
	bottom: auto;
	background: none;
	width: 50px;
	height: 50px;
}

.donjoy-brand-pages .flickity-prev-next-button .arrow {
	fill: #a8a9ab;
}

.donjoy-brand-pages .flickity-prev-next-button.previous {
	left: -22.5px;
}

.donjoy-brand-pages .flickity-prev-next-button.next {
	right: -22.5px;
}

.view-donjoy-testimonials {
	margin: 0 0 45px 0;
	overflow: hidden;
}

.view-donjoy-testimonials .views-row {
	width: 33.33333%;
	float: left;
	padding: 0 45px;
}

.view-donjoy-testimonials .views-field-field-testimonial-title p.legal {
	color: #010101;
}

.donjoy-brand-pages.brands .webform-component-textfield,
.donjoy-brand-pages.brands .webform-component-email {
	width: 100%;
	display: block;
}

.donjoy-brand-pages #donjoy-technology-wrapper {
	background: #010101;
}

.donjoy-brand-pages #donjoy-technology {
	color: #fff;
	max-width: 1180px;
	margin: 0 auto;
}

.donjoy-brand-pages #donjoy-technology img {
	filter: grayscale(100%);
}

.donjoy-brand-pages #donjoy-technology p a {
	color: #fff;
	font-family: 'Uni Neue', sans-serif;
	font-weight: 700;
	font-style: normal;
	transition: background 0.3 linear;
}

.donjoy-brand-pages #donjoy-technology p a:hover {
	color: #282d33;
	background: #fff;
}

.donjoy-brand-pages #donjoy-technology a.donjoy-features-link-button {
	border: none;
	background-color: #3c444b;
	font-size: 0.7em;
	trasition: background-color 0.3s ease;
	position: absolute;
	bottom: 0;
}

.donjoy-brand-pages #donjoy-technology a.donjoy-features-link-button:hover {
	background-color: #fff;
	color: #3c444b;
}

.donjoy-brand-pages .box-title {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	min-height: 50px;
	top: 50%;
	left: 50px;
	right: 50px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.2;
	color: #fff;
	padding: 16px 20px;
	margin-top: -30px;
	width: auto;
	cursor: pointer;
	transition: background-color 0.2s linear;
}

.donjoy-brand-pages ul.rslides_tabs {
	margin-top: 0;
	bottom: 22.5px;
}

.donjoy-brand-pages .box-title:hover {
	background-color: #c8102e;
	color: #fff;
}

#tech-title {
	background: #c8102e;
}

.tech-details {
	box-shadow: inset -1px 1px 2px #a8a9ab;
	display: none;
}

.donjoy-brand-pages #tech-title .box-title {
	background: none;
	color: #fff;
}

.donjoy-brand-pages #acl-info {
	background-image: url('/sites/default/files/images/brand-landing/donjoy/box-megan-acl.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}

.donjoy-brand-pages #oa-info {
	background-image: url('/sites/default/files/images/brand-landing/donjoy/box-runner-oa.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}

.donjoy-brand-pages #ankle-info {
	background-image: url('/sites/default/files/images/brand-landing/donjoy/box-ankle-bracing.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}

.donjoy-brand-pages #donjoy-testimonial {
	background-image: url(/sites/all/themes/enovis_v01/css/sites/default/files/images/brand-landing/donjoy/testimonial-large.jpg);
}

.donjoy-brand-pages #donjoy-brand-videos {
	padding: 45px 22.5px;
	margin: 0 auto;
	max-width: 1300px;
	overflow: hidden;
}

.donjoy-brand-pages #donjoy-brand-knee-guanartee {
	padding: 22.5px;
	margin: 0 auto;
	max-width: 1300px;
	overflow: hidden;
}

.donjoy-brand-pages #donjoy-brand-knee-guanartee>.row {
	margin-left: 0;
	margin-right: 0;
}



.accordion-button {
	background-color: #fff !important;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	border-color: #999 !important;
	color: #000;
}

.accordion-button {
	background-color: #fff !important;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	border-color: #999 !important;
	color: #000;
}

.accordion-button:not(.collapsed) {
	color: #c8102e;
	border-color: #999 !important;
}

.accordion-button:focus {
	box-shadow: none !important;
}


.accordion-body {
	padding: 30px
}

.bg-red {
	background-color: #c8102e
}


/* products 2024 */

#dn-product_details p {
	margin-bottom:20px;
}

#dn-product_details ul, #product_page_tabs ul {
	list-style-position: outside;
	margin-bottom:20px;
	list-style-type: disc;
	padding-left:22.5px;
}

#dn-product_details ul li {
	padding-left: 5px;
}


.pdp-images-main {
	overflow: hidden;
}
.pdp-image {
	overflow: hidden;
	
}

.pdp-image img {

}


.pdp-images-nav  > .pdp-thumb {
	background: #fff;
	padding:4px;
}

.pdp-t-img {
	background-color: #fff;
	padding:5px;
	height: 90px;
	weight: 90px;
	max-height: 90px;
	max-width: 90px;
	margin: 4px;
}

.pdp-images-nav .pdp-thumb_2 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  cursor: pointer;
  background: transparent;
  overflow: hidden;
}

.pdp-thumb_2 img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}

.resp-tab-content {
	margin-bottom: none;
}

h2.resp-accordion {
  font-family: 'Uni Neue',sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-weight: 300;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  border-top: 1px solid #e3e3e7 !important;
  padding: 22.5px 11.25px !important;
  background: #f8f8f8;
  color: #a8a9ab;
} 

h2.resp-accordion {
	text-align: center;
	font-size:16px !important;
}

h2.resp-tab-active {
  border-top: 1px solid #c8102e !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #fff !important;
  color: #010101 !important;
  padding: 22.5px 11.25px !important;
  background: #f8f8f8 !important;
}


.pdp-image {
	width:100%;
	height: 0 !important;
	padding-bottom:100% !important;
}
.pdp-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}


.resp-tabs-container p {
	margin-bottom:20px;
}

.resp-tabs-container h2 {
	font-size:31px;
}