@font-face{
	font-family: 'Norwester';
	src: url('../fonts/Norwester-Regular.eot');
	src: local('Norwester Regular'), local('Norwester-Regular'),
	url('../fonts/Norwester-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Norwester-Regular.woff2') format('woff2'),
	url('../fonts/Norwester-Regular.woff') format('woff'),
	url('../fonts/Norwester-Regular.ttf') format('truetype'),
	url('../fonts/Norwester-Regular.svg#Norwester-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Hind Madurai';
	src: url('../fonts/HindMadurai-Regular.eot');
	src: local('Hind Madurai Regular'), local('HindMadurai-Regular'),
	url('../fonts/HindMadurai-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/HindMadurai-Regular.woff2') format('woff2'),
	url('../fonts/HindMadurai-Regular.woff') format('woff'),
	url('../fonts/HindMadurai-Regular.ttf') format('truetype'),
	url('../fonts/HindMadurai-Regular.svg#HindMadurai-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Asap';
	src: url('../fonts/Asap-Regular.eot');
	src: local('Asap Regular'), local('Asap-Regular'),
	url('../fonts/Asap-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Asap-Regular.woff2') format('woff2'),
	url('../fonts/Asap-Regular.woff') format('woff'),
	url('../fonts/Asap-Regular.ttf') format('truetype'),
	url('../fonts/Asap-Regular.svg#Asap-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Aller';
	src: url('../fonts/Aller-Bold.eot');
	src: local('Aller Bold'), local('Aller-Bold'),
	url('../fonts/Aller-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Aller-Bold.woff2') format('woff2'),
	url('../fonts/Aller-Bold.woff') format('woff'),
	url('../fonts/Aller-Bold.ttf') format('truetype'),
	url('../fonts/Aller-Bold.svg#Aller-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'DIN Condensed';
	src: url('../fonts/DINCondensed-Bold.eot');
	src: local('DIN Condensed Bold'), local('DINCondensed-Bold'),
	url('../fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DINCondensed-Bold.woff2') format('woff2'),
	url('../fonts/DINCondensed-Bold.woff') format('woff'),
	url('../fonts/DINCondensed-Bold.ttf') format('truetype'),
	url('../fonts/DINCondensed-Bold.otf') format('opentype'),
	url('../fonts/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'Maven Pro';
	src: url('../fonts/MavenPro-Regular.eot');
	src: local('Maven Pro Regular'), local('MavenPro-Regular'),
	url('../fonts/MavenPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/MavenPro-Regular.woff2') format('woff2'),
	url('../fonts/MavenPro-Regular.woff') format('woff'),
	url('../fonts/MavenPro-Regular.ttf') format('truetype'),
	url('../fonts/MavenPro-Regular.svg#MavenPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Aller Regular';
	src: url('../fonts/Aller-Regular.eot');
	src: local('Aller'), local('Aller-Regular'),
	url('../fonts/Aller-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Aller-Regular.woff2') format('woff2'),
	url('../fonts/Aller-Regular.woff') format('woff'),
	url('../fonts/Aller-Regular.ttf') format('truetype'),
	url('../fonts/Aller-Regular.svg#Aller-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

:root{
	--btn_bg_color: #f1f1f2; /*buton arka plan rengi */
	--menu_size: 14px;
}
body{
	display: flex;
	align-items: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-flex-direction: column;
}
/* header css*/
.header_social{
	width: 100%;
	height: 50px;
	background: #2a2b2d;
	display: flex;
	justify-content: center;
}
.header_social ul{
	height: 50px;
	display: flex;
	align-items: center;
	list-style: none;
}
.header_social li{
	margin:0px 7px;
}
.header_social li:hover{
	margin-bottom: 5px;
	transition: 0.3s;
}
.header_social img{
	width: 23px;
	height: 23px;
}

.container{
	width: 1040px;
}
.logo{
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_logo img{
	height: 175px;
}
.menu{
	width: 100%;
	height: 50px;
	font-family: 'Maven Pro', sans-serif;
	font-size: var(--menu_size);

}
.menu ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.menu ul li a{
	width: 148px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #000;
	border-radius: 9px;
}
.menu ul li a:hover{
	transition: 0.9s;
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	color: #fff;
	border-radius: 12px;
	-webkit-transition: 0.8s;
}
.menu ul li a.aktif{
	transition: 0.9s;
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	color: #fff;
	border-radius: 12px;
	-webkit-transition: 0.8s;
}
/*language dropdow*/
.dropbtn {
	border: none;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #eee;
	border-radius: 10px;
	z-index: 1;
}
.dropdown-content a {
	text-decoration: none;
	display: block;
}
/*about css*/
.about_kap{
	width: 100%;
	height: auto;
}
.about_kap .section{
	width: 100%;
	height: auto;
	font-family: 'Hind Madurai';
	display: flex;
	margin: 50px 0px;
}
.about_kap .section p{
	margin-block-end: 1.5em;/* p property*/
	text-indent: 35px;
	font-size: 14px;
	line-height:1.8;
	color: #fff;
	padding: 0px 30px;
}
.about_kap .section p:nth-child(1){
	margin-block-start: 3em; /* video ile p arası bosluk*/
}
.about_item{
	width: 100%;
	height: auto;
	padding: 10px;
}
.about_item:nth-child(1){
	border-right: 1px solid #fff;
}
.about_item:nth-child(2){
	border-right: 1px solid #fff;
}
.about_item h4{
	margin-top: 5px;
	padding: 25px 0px;
	text-align: center;
	font-family: 'Aller';
	color:  #fff;
}
.about_content_header{
	width: 100%;
	height: 70px;
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	display: flex;
	justify-content: center;
}
.about_content_container{
	width: 1040px;
	display: flex;
}
.about_content_kap{
	width: 100%;
	height: 1200px;
	background: #efeff0;
	display: flex;
	justify-content: center;
	position: relative;
}
.about_content_kap:after{
	content: "";
	background-color: #fff;
	position: absolute;
	z-index: 1;
	width: 1px;
	height: 100%;
	display: block;

}
.about_content_container2{
	width: 1040px;
	display: flex;
	overflow: auto;
}
.about_content_container2::-webkit-scrollbar{
	display: none;
}
.about_head1, .about_head2{
	width: 50%;
	height: 70px;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.about_head1, .about_head2 p{
	color: #fff;
}

.about_head1 p:nth-child(1){
	font-family: 'Norwester';
	font-size: 38px;
}
.about_head1 p:nth-child(2){
	font-family: 'Maven Pro';
	font-size: 15px;
	letter-spacing: 3px;
	margin-block-start: -1em;
}
.about_head2 p:nth-child(1){
	font-family: 'Norwester';
	font-size: 38px;
}
.about_head2 p:nth-child(2){
	font-family: 'Maven Pro';
	font-size: 10px;
	letter-spacing: 3px;
	margin-block-start: -1em;
}
.about_content:nth-child(1){
	width: 50%;
	display: grid;
	grid-template-columns:  repeat(2, 200px);
	justify-content: center;
	grid-gap: 1rem;
	padding: 35px 0px;
}
.about_content:nth-child(2){
	width: 50%;
	display: grid;
	grid-template-columns:  repeat(2, 200px);
	justify-content: center;
	grid-gap: 1rem;
	padding: 35px 0px;
}
.about_content img{
	max-width: 180px;
	max-height: 125px;
}
.about_content_product{
	width: 200px;
	height: 150px;
	background: #fff;
	border-radius: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.distributors{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.distributors img{
	width: 100%;
}
/* FOOTER CSS*/
.footer{
	width: 100%;
	height: 230px;
	background-color: #2a2b2d;
	display: flex;
	justify-content: center;
	font-family: 'Maven Pro', sans-serif;
}
.footer_container{
	width: 1040px;
	height: 250px;
	display: flex;

}
.footer_item{
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer_item:nth-child(1){
	width: 25%;
	display: flex;
	align-items:center;
}
.footer_item:nth-child(2){
	width: 75%;
}
.footer_alt{
	width: 33%;
	height: 125px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.footer_item ul{
	list-style: none;
	margin-bottom: 5px;
}
.footer_item_menu li{
	/*margin-bottom: 5px;*/
}
.footer_item_menu li a{
	text-decoration: none;
}
.footer_item p{
	color: #fff;
	font-size: 12px;
}
.footer_item a{
	color: #fff;
	font-size: 12px;
}
.footer_item tr td{
	color: #fff;
	font-size: 12px;
}
.footer_item_social img{
	width: 25px;
	height: 25px;
}
.footer_item_social ul li{
	margin-right: 15px;
}
.footer_item_adress p{
	line-height: 5;
}
.footer_item_adress a{
	text-decoration: none;
}
.footer_item_social ul{
	display: flex;
}
.copyright{
	width: 100%;
	height: 50px;
	background-color: #2a2b2d;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'DIN Condensed';
	font-size: 12px;
}
.copyright p{
	color: #fff;
}

/* Spine CSS */
.spine_header{
	width: 100%;
	height: 120px;
	background: rgb(149,149,149);
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.spine_header_text{
	width: auto;
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.spine_header_text p{
	color: #fff;
}
.spine_header_text p:nth-child(1){
	font-family: 'Norwester';
	font-size: 48px;
}
.spine_header_text p:nth-child(2){
	font-family: 'Maven Pro', sans-serif;
	font-size: 22px;
	letter-spacing: 3px;
	margin-block-start: -1em;
}
.main{
	width: 100%;
	margin-top: 50px;
}

.main_header{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	font-size: 13px;
	border-bottom: 1px solid #b0b0b0;
}

.main_header ul{
	width: 90%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	flex-wrap: wrap;
}
.main_header ul a{
	border: 0;
	height: 30px;
	color: #000;
	padding: 0px 10px;
	margin: 0px 10px;
	text-decoration: none;
	font-family: 'Aller', sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	width: auto;
}
.main_header a:hover{
	transition: 0.9s;
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	color: #fff;
	border-radius: 15px;
	-webkit-transition: 0.8s;
}
.main_header a.aktif{
	transition: 0.9s;
	background: linear-gradient(90deg, rgba(149,149,149,1) 0%, rgba(110,110,110,1) 20%, rgba(83,83,83,1) 100%);
	color: #fff;
	border-radius: 15px;
	-webkit-transition: 0.8s;
	outline: none;
	box-shadow: none;
}


.product_visibility{
	margin-top: 5px;
	width: 100%;
	display: grid;
	grid-template-columns:  repeat(3, 300px);
	justify-content: center;
	grid-gap: 1rem;
}
.main_content img{
	max-width: 260px;
	max-height: 150px;
}
.main_content .product_alignment{
	width: 300px;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	font-family: 'Aller Regular';
	font-size: 9pt;
}
.product_text{
	padding: 8px;
	text-align: center;
}
/* product-focus CSS*/
.product-focus-kap{
	width: 78%;
	margin: 0px auto;
}
.product-title{
	width: 100%;
	height: 50px;
	font-family: 'Aller';
	font-size: 12pt;
	-webkit-display: flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.content-title{
	font-family: 'Aller';
	font-size: 12pt;
}
.spine_content_text{
	font-family: 'Aller Regular';
	font-size: 11pt;
}
.trauma_content_text{
	font-family: 'Aller Regular';
	font-size: 11pt;
}
.product-img{
	-webkit-display: flex;
	-webkit-justify-content: center;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.product-img video{
	max-width: 500px;
	max-width: 400px;
}
.product-img img{
	max-width: 500px;
	max-width: 400px;
}
.product-nav{
	width: 100%;
	margin-top: 20px;
	font-family: 'Aller', sans-serif;
	height: auto;
	list-style: none;
	display: flex;
	border-bottom: 1px solid;
	border-color: #e6e6e6;
	font-size: 9pt;
}
.product-nav img{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.product-nav a{
	
	position: relative;
	text-decoration: none;
	color: #000;
	border-right: 1px solid;
	border-color: #e6e6e6;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 12px;

}
.product-nav a.aktif:before{
	background: #7f7f7f;
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}
.product-nav a:hover:before{
	background: #7f7f7f;
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}
.product-content{
	width: 100%;
	padding: 10px;
}
.product-content p{
	padding: 15px 0px;
}

/* contact CSS*/
.contact_input_hidden{
	display: none;
}
.contact{
	display: flex;
	margin: 50px 0px;
	font-family: 'Hind Madurai', sans-serif;
	color: #fff;
}
.contact-box1{
	width: 50%;
	height: 500px;
	padding: 40px;
}
.contact-box1 ul{
	list-style-type: circle;
	list-style-position: inside;
}

.contact-box1 li{
	line-height: 1.8;
	margin-block-start: 1em;
}
.contact-box1 ul a{
	text-decoration: none;
	color: #fff;
}
.contact-box2{
	width: 50%;
	height: 500px;
	padding: 40px;
}
.contact-box2 .btn{
	background-color: var(--btn_bg_color);
}
.form-control:focus {
	border-color: #b8b8b8;
	box-shadow: 0px 1px 1px rgba(149,149,149,1) inset, 0px 0px 8px rgba(83,83,83,1);
}
.totop a {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	cursor: pointer;
}
.news{
	width: 100%;
	height: auto;
	background: #efeff0;
	display: flex;
	justify-content: center;
}
.news_kap{
	width: 1040px;
	height: auto;
	display: grid;
	grid-template-columns:  repeat(3,325px);
	justify-content: space-between;
	grid-gap: 2rem;
	padding: 35px 0px;
}
.news_content{
	width: 325px;
	height: auto;
	background: #fff;
	padding: 25px;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.news_img{
	width: 100%;
	max-width: 300px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.news_img img{
	max-width: 275px;
	max-height: 300px;
}
.news_title{
	width: 100%;
	display: flex;
	align-items: center;
	font-family: 'Aller';
}
.news_desc{
	width: 100%;
	font-family: 'Aller Regular';

}
.news_btn{
	width: 100%;
	display: flex;
	justify-content: center;
}
/* hamburger_menu*/
.nav-menu li a{
	font-size: 20px;
}
.nav-menu li {
	list-style: none;
}
.nav-menu a {
	text-decoration: none;
}
.header{
	z-index: 2;
}
.hamburger, .header {
	display: none;
}
.bar {
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
}
.nav-link{
	color: #fff;
}
.nav-link:hover{
	color: #0fae15;
}
.nav-link.aktif{
	color: #0fae15;
}

/*hamburger-end */
/* main-media*/
@media screen and (max-width:1200px) {
	.totop a {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		cursor: pointer;
	}
	.container{
		width: 100%;
	}
	.logo{
		height: 150px;
		display: flex;
		justify-content: space-between;

	}
	.main_logo img{
		height: 100px;
		padding: 20px;
	}
	.menu_checkbox_item{
		display: block;
	}
	.menu{
		display: none;
	}
	.about_content:nth-child(1){
		grid-template-columns:  repeat(1, 200px);
	}
	.about_content:nth-child(2){
		grid-template-columns:  repeat(1, 200px);
	}
	.footer_container{
		width: 100%;
		height: auto;
		flex-direction: column;
	}
	.footer{
		height:390px;
	}
	.footer_item:nth-child(1){
		width: 100%;
	}
	.footer_item:nth-child(1) img{
		height: 150px;
	}
	.footer_item:nth-child(2){
		width: 100%;
		height: 120px;
		flex-direction: column;
		padding: 15px;
	}
	.footer_alt{
		width: 100%;
	}
	.footer_alt:nth-child(1){
		display: none;
	}
	.footer_alt:nth-child(2){
		padding-bottom: 15px;
	}
	.footer_alt:nth-child(3){
		height: 50px;		
	}
	.product_visibility{
		grid-template-columns:  repeat(2, 300px);
	}
	.product-nav{
		display: block;
	}
	.product-focus-kap{
		width: 100%;
	}
	#table_over{
		overflow-x: auto;
	}
	.container{
		width: 100%;
	}
	.table-responsive{
		padding: 0px;
	}
	.product-content:nth-child(3){
		margin-top: 0px;
	}
	.news_kap{
		width: 100%;
		grid-template-columns:  repeat(2,325px);
		justify-content: space-around;

	}
}
/* main-media-end*/
/* hamburger*/
@media only screen and (max-width: 1200px) {
	.nav-menu {
		position: fixed;
		left: 100%;
		top: 0;
		flex-direction: column;
		background-color: #000;
		width: 100%;
		height: 100%;
		transition: 0.3s;
		box-shadow:
		0 10px 27px rgba(0, 0, 0, 0.05);
	}

	.nav-menu.active {
		left: 30%;
	}

	.nav-item {
		padding: 5px 15px;
	}
	.nav-item span button{
		padding: 0;
	}
	.hamburger{
		position: fixed;
		display: block;
		cursor: pointer;
		background: #0fae15;
		padding: 10px;
		margin: 0px -25px;
	}
	.header{
		display: block;
	}

	.hamburger.active .bar:nth-child(2) {
		opacity: 0;
	}

	.hamburger.active .bar:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.hamburger.active .bar:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
}
@media screen and (max-width:991px) {
	.container .section{
		display: block;
	}
	.about_item:nth-child(1) {
		border: 0;
	}
	.about_item:nth-child(2) {
		border: 0;
	}
}
/*Hamburger_son*/ 
@media screen and (max-width:768px) {
	.contact-box1, .contact-box2{
		padding: 15px;
	}
}
@media screen and (max-width:751px) {
	.product_visibility{		
		grid-template-columns:  repeat(1, 300px);
		margin-top: 25px;
		grid-gap: 0.5rem;
	}
	.news_kap{
		grid-template-columns:  repeat(1,325px);
	}
}
@media screen and (max-width:654px) {
	.contact{
		display: flex;
		margin-top: 50px;
		flex-direction: column;
	}
	.contact-box1{
		width: 100%;
		height: 250px;
	}
	.contact-box2{
		width: 100%;
	}
	.row>*{
		padding-right: calc(var(--bs-gutter-x) * .0);
		width: auto;
	}
}
@media screen and (max-width:576px) {
	.contact, .about_kap .section{
		margin: 0px;
	}
}
@media screen and (max-width:523px) {
	.about_content:nth-child(1){
		grid-template-columns:  repeat(1, 175px);
	}
	.about_content:nth-child(2){
		grid-template-columns:  repeat(1, 175px);
	}
	.about_content_product{
		width: 175px;
		height: 125px;
	}
	.about_content img{
		max-width: 160px;
		max-height: 115px;
	}
	.about_item h4{
		margin-top: 5px;
		padding: 15px 0px;
	}
	.about_kap .section p{
		padding: 0px;
	}
	.hamburger{
		margin: 0px -50px;
	}
	.section p{
		margin: 0px 10px;
	}
	.about_head1 p:nth-child(1){
		font-size: 28px;
	}
	.about_head1 p:nth-child(2){
		font-size: 10px;
	}
	.about_head2 p:nth-child(1){
		font-size: 30px;
	}
	.about_head2 p:nth-child(2){
		font-size: 7px;
	}
}