@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700,900&subset=latin-ext,cyrillic');

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	background: #000;
}

.activesubmenu {
	position: relative;
	transition: 0.4s;
	/*font-weight: bold;*/
	/*background: url(../img/leftmenubg.png) center top no-repeat !important;*/
	background: rgb(106,106,106);
	background: linear-gradient(0deg, rgba(106,106,106,1) 0%, rgba(106,106,106,1) 50%, rgba(155,155,155,1) 51%, rgba(106,106,106,1) 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
	margin-left: -8px;
	margin-right: 13px;
	text-shadow: 0 0 4px rgba(0,0,0,.6);
}

	.activesubmenu:hover {
		padding-left: 30px !important;
		padding-right: 30px !important /*bugfix*/
	}

	/* arrow left top */
	.activesubmenu::before {
		content: '';
		display: block;
		background: rgb(106,106,106);
		width: 6px;
		height: 6px;
		background: url(../img/leftmenubg.png) left top no-repeat;
		position: absolute;
		left: 0;
		top: -6px;
	}

	/* arrow like white background right center */
	.activesubmenu::after {
		content: '';
		display: block;
		background: url(../img/arrow-shape.svg) right center no-repeat;
		background-size: cover;
		width: 50px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}

.wrapper {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

.clerfix {
	clear: both;
}

.textright {
	text-align: right;
}

.col1 {
	width: 800px;
	float: left;
}

.col2 {
	width: 600px;
	float: left;
}

.col3 {
	width: 400px;
	float: left;
}

.col4 {
	width: 300px;
	float: left;
}

.col5 {
	width: 240px;
	float: left;
}

.col6 {
	width: 200px;
	float: left;
}

.col7 {
	width: 170px;
	float: left;
}

.col8 {
	width: 150px;
	float: left;
}

.col9 {
	width: 133px;
	float: left;
}

.col10 {
	width: 120px;
	float: left;
}

.col11 {
	width: 109px;
	float: left;
}

.col12 {
	width: 100px;
	float: left;
}

#splashscreen {
	background: rgba(0, 0, 0, 0.85);
}

@keyframes header {
	from {
		opacity: 0;
		filter: grayscale(70%);
	}

	to {
		opacity: 1;
		filter: grayscale(20%);
	}
}

@keyframes logo {
	from {
		transform: scale(0.9);
	}

	to {
		transform: scale(1.0);
	}
}

header {
	opacity: 1;
	    background: url('../img/qq.jpg');

	height: 96px;
	z-index: 2;
}

	header .wrapper {
		position: relative;
	}
	.logo img {
		display: block;
		transition: .2s all;
		position: absolute;
		width: 200px;
		top: -20px;
	}
	header .logo {
		display: block;
		transition: .2s all;
		position: absolute;
		width: 200px;
		left: 50%;
		margin-left: -100px;
		top: 20px;
	}

		header .logo:hover {
			transform: scale(1.06);
		}

	header .topmenu {
		float: right;
		width: 100%;
		text-align: right;
		color: #8b8b8b;
		padding: 12px 0;
	}

		header .topmenu a {
			transition: 0.4s;
			color: #8b8b8b;
			font-size: 13px;
			text-decoration: none;
			margin: 0 4px;
		}

			header .topmenu a:hover {
				color: #fff;
			}

@media screen and (min-width:461px) {
	header .navmenu {
		padding: 12px 0;
		float: left;
		width: 100%;
	}

		header .navmenu li {
			list-style: none;
			float: left;
			margin: 0 0px;
		}


	.langCssTr header .navmenu li:nth-child(4) {
		margin-left: 520px;
	}

	.langCssEn header .navmenu li:nth-child(4) {
		margin-left: 465px;
	}

	.langCssRu header .navmenu li:nth-child(4) {
		margin-left: 384px;
	}

	header .navmenu li:last-child {
		margin-right: 0;
	}
}

header .navmenu li a {
	transition: .2s all;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 10px;
	border-radius: 3px 0;
}

	header .navmenu li a:hover {
		color: #000;
		background-color: rgba(255,255,255,.9);
	}

@keyframes bannerdesc {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes bannerimg {
	from {
		transform: scale(1.1);
	}

	to {
		transform: scale(1);
	}
}

#banner {
	background: #000;
	width: 100%;
}

@keyframes iconmovie {
	from {
		bottom: -300px;
	}

	to {
		bottom: -20px;
	}
}

@keyframes iconcatalog {
	from {
		bottom: -200px;
	}

	to {
		bottom: -10px;
	}
}

.iconmovie {
	transition: 0.4s;
	animation: iconmovie 0.8s ease-out;
	display: block;
	position: absolute;
	background: url(../img/movie.png) center center no-repeat;
	width: 307px;
	height: 167px;
	right: 0;
	bottom: -20px;
	z-index: 10;
	text-decoration: none;
}

	.iconmovie strong {
		display: block;
		padding: 104px 17px 0 95px;
		color: #b4b4b4;
		font-weight: 200;
	}

	.iconmovie:hover {
		opacity: 0.7;
	}

.iconcatalog {
	transition: 0.4s;
	animation: iconcatalog 0.4s ease-out;
	display: block;
	position: absolute;
	background: url(../img/catalog.png) center center no-repeat;
	width: 247px;
	height: 119px;
	right: 240px;
	bottom: -10px;
	z-index: 10;
	text-decoration: none;
}

	.iconcatalog strong {
		display: block;
		padding: 81px 10px 0 69px;
		color: #b4b4b4;
		font-weight: 200;
	}

	.iconcatalog:hover {
		opacity: 0.7;
	}

.bulletin {
	padding: 55px 40px;
	    color: #ffffff;

}

	.bulletin > h2 {
		display: block;
		padding-bottom: 5px;
		font-size: 1.3em;
	}

	.bulletin > p {
		display: block;
		padding-bottom: 20px;
		    color: #ebd692;
		
	}

	.bulletin input {
		width: 100%;
		display: block;
		padding: 7px 0;
		text-indent: 10px;
		border: none;
		    background: #9a9a9a;
		
		margin: 4px 0;
		outline: none;
	}

		.bulletin input[type=submit] {
			background: #252525;
			color: #fff;
			cursor: pointer;
			transition: 0.4s;
		}

			.bulletin input[type=submit]:hover {
				background: #ebd692;
				color: #000;
			}

#producttabs {
	transition: 0.4s;
	    background: #3e3e3e;
	
	height: 42px;
	box-shadow: -10px -10px 10px #000;
}

	#producttabs a {
		transition: 0.4s;
		display: block;
		float: left;
		height: 42px;
		color: #bdbdbd;
		font-size: 12px;
		border-right: 2px solid #313131;
		padding: 0 7px;
	}

		#producttabs a img {
			margin: 7px;
		}

		#producttabs a span {
			display: block;
			float: right;
			padding: 15px 0;
		}

		#producttabs a:hover, #producttabs .active {
			color: #fff !important;
			background: #303030 !important;
		}

#products {
	    background: url('../img/productsbg.jpg');
	
	height: 275px;
	overflow: hidden;
	width: 100%;
}

#whoweare {
	background: url(../img/whowearebg.jpg) center top no-repeat;
	height: 359px;
	overflow: hidden;
}

	#whoweare .wrapper > img {
		float: left;
		margin: 5px 0 0 70px;
	}

	#whoweare .welcome {
		float: right;
		color: #fff;
		width: 800px;
		height: 240px;
		margin: 70px 0 0 0;
	}

	#whoweare .tabs a {
		transition: 0.4s;
		color: #939393;
		text-decoration: none;
		margin-right: 15px;
	}

		#whoweare .tabs a.selected {
			font-size: 25px !important;
			color: #fff;
			background: url(../img/minilogo6e9d.png?v=2020.03.27) center left no-repeat;
			padding-left: 40px;
			background-size: 30px;
		}

	#whoweare .contents {
		padding: 30px 0 0 0;
		font-weight: 200;
		font-size: 15px;
		line-height: 25px;
	}

		#whoweare .contents p {
			margin-bottom: 20px;
		}

			#whoweare .contents p a {
				transition: 0.4s;
				display: inline-block;
				padding: 4px 10px;
				background: #191515;
				color: #ebd692;
				text-decoration: none;
				font-size: 13px;
			}

				#whoweare .contents p a:hover {
					color: #fff;
				}

.position {
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 7px #ccc;
	margin-bottom: 20px;
}

	.position strong {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 17px;
		border-bottom: 1px solid #ccc;
	}

	.position img {
		float: left;
		margin: 0 30px 0 0;
		width: 150px;
		height: 150px;
	}

	.position b span {
		font-weight: normal !important;
		color: #666;
		font-size: 14px;
		display: block;
		padding: 5px 0 0 0;
	}

	.position p {
		margin: 0 !important;
		padding: 0 !important;
	}

	.position a {
		display: inline-block;
		margin: 20px 0 0 0;
		background: #8e2a2a;
		color: #fff;
		text-decoration: none;
		padding: 10px 20px;
		border-radius: 3px;
	}

		.position a:hover {
			background: #000;
			color: #ccc;
		}

#services {
	    background: #aa9d9d;
	
	height: 285px;
	overflow: hidden;
}

	#services .lightSlider {
		height: 180px !important;
	}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#pagedetails {
	position: relative;
}

	#pagedetails iframe {
		width: 100%;
		height: 470px;
		margin: 0;
		padding: 0;
	}

	#pagedetails h2 {
		text-transform: uppercase
	}

	#pagedetails p {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 30px;
		line-height: 25px;
	}

	#pagedetails ul {
		margin: 20px 0;
		list-style-image: url('../img/li.png');
		list-style: none;
		box-shadow: 0 0 5px #ccc;
	}

		#pagedetails ul li {
			font-size: 14px;
			line-height: 20px;
			background: url(../img/li.png) 10px 10px no-repeat;
			padding: 7px 15px 7px 30px;
			border-bottom: 1px solid #b3b3b3;
		}

	#pagedetails table {
		border-collapse: collapse;
		border: 2px solid #333;
		width: 100%;
	}

		#pagedetails table td {
			font-size: 13px !important;
			padding: 5px;
			border: 2px solid #333
		}

		/*#pagedetails table tr:first-child td { background:#ebd692 !important; }*/
		#pagedetails table tr:nth-child(2n+1) td {
		}

		#pagedetails table tr:hover td {
			box-shadow: 0 0 7px #ccc;
			position: relative;
			z-index: 2;
		}

	#pagedetails .productimageindetails {
		width: 400px;
		box-shadow: 10px 0 40px #999;
		margin: 0 20px 20px 0;
		border-radius: 200px;
		background: #fff;
		border-left: 5px solid #f2f2f2;
	}

table.no-border,
table.no-border tr,
table.no-border td {
	border: none !important;
	box-shadow: none !important
}

@keyframes subbannerimg {
	from {
		background-size: 2253px 380px;
	}

	to {
		background-size: 2000px 337px;
	}
}

@keyframes left {
	from {
		margin-top: -30px;
		opacity: 0;
	}

	to {
		margin-top: 0;
		opacity: 1;
	}
}

.gasd2 {
	animation: subbannerimg 1s ease-out;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	width: 100%;
	border-bottom: 53px solid transparent;
	border-radius: 0;
	float: left;
	height: 226px;
	background-position: 50% 0;
	/*margin-top: -100px;*/
	background-repeat: repeat-x;
	z-index: 2;
	opacity: 1;
}

.subpage {
	    background:  url('../img/altsayfa.jpg') fixed #f7f7f7;
	<!-- background: url(../img/altsayfa.jpg) fixed #f7f7f7; -->
	background-size: 100%;
	background-position: center bottom;
}

#contentleft {
	animation: ease-in 1s;
	float: left;
	width: 290px;
	padding: 14px 0 50px 0;
	margin-bottom: 80px;
	margin-top: -25px;
	    background:  url('../img/leftmenubg3.jpg') no-repeat center top #fff;
	<!-- background: url(../img/leftmenubg3.jpg) no-repeat center top #fff;-->
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
	position: relative;
	border-radius: 5px 5px 100px 5px;
	border: 2px solid #fff;
}
	/*#contentleft:after { content:''; width:23px; height:320px; background:url(../img/menubg2.png) center top no-repeat; display:block; position:absolute; left:-23px; top:-5px; }*/
	#contentleft h3 {
		display: block;
		    color: #0b0a0a;
		
		padding: 15px 30px;
		margin-bottom: 24px;
		font-size: 22px;
	}

	#contentleft ul li {
		list-style: none;
	}

		#contentleft ul li a {
			transition: .2s;
			display: inline-block;
			text-decoration: none;
			background: url(../img/leftmenubg2.png) no-repeat bottom left 8px;
			color: #333;
			padding: 12px 30px;
			min-width: 200px;
			margin-left: -8px;
			margin-right: 13px;
			font-size: 15px;
		}

			#contentleft ul li a:hover {
				color: #666;
				padding-left: 35px;
				padding-right: 25px /*bugfix*/
			}

#contentright {
	min-height: 380px;
	animation: fadein 1s;
	opacity: 0.98;
	float: right;
	width: 835px;
	min-height: 300px;
	margin-bottom: 80px;
	border-radius: 3px;
	margin-top: -190px;
}

	#contentright h3 {
		margin-bottom: 170px;
		display: block;
		    color: #353535;
		
		text-align: right;
		border-radius: 10px;
		overflow: hidden;
		padding: 0 20px;
		font-size: 22px;
		text-shadow: 0 0 9px #b1b1b1;
		height: 68px;
		line-height: 68px;
		    background:  url('../img/pagetitle.png') no-repeat top right;
		<!--background: url(../img/pagetitle.png) no-repeat top right;-->
		font-weight: 300;
	}

	#contentright h2 {
		display: block;
		font-size: 18px;
		padding: 10px;
		    background: #dedede;
		
		margin: 20px 0;
		border-radius: 4px;
		border-bottom: 2px solid #999;
	}
	#contentright h2 span {
		    color: #000000;
	}
	

		#contentright h2 small {
			float: right;
			line-height: 26px;
		}

#pdfs h5 {
	display: block;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #333;
}

#pdfs {
	margin-bottom: 20px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 400px !important;
}

	#pdfs a {
		transition: 0.4s;
		display: block;
		    background: #ff0000 url(../img/pdficon.png) center left no-repeat;
    color: #ffffff ;
		
		
		margin: 0;
		margin-bottom: 5px;
		text-decoration: none;
		padding: 12px 7px 12px 40px;
		border-radius: 3px;
		font-size: 13px;
	}

		#pdfs a:hover {
			background-color: #8b8b8b;
		}

.ambalaj {
	margin: 0 -1%;
}

	.ambalaj a {
		display: block;
		width: 16%;
		text-align: center;
		margin: 0 1% 2%;
		padding: 10px 1%;
		    background: #ffffff;
		
		text-decoration: none;
		float: left;
		    color: #000000;
		
		transition: .2s all;
		border-radius: 5px;
		overflow: hidden
	}

		.ambalaj a:hover {
			opacity: .8;
			box-shadow: 0 0 5px rgba(0,0,0,.5)
		}

		.ambalaj a img {
			width: 100%;
		}

		.ambalaj a h4 {
			display: block;
			padding-top: 10px
		}

.photogallery {
	margin: 0 -1%;
	margin-bottom: 30px;
}

	.photogallery a {
		display: block;
		float: left;
		width: 18%;
		margin: 0 1% 2% 1%;
		text-decoration: none;
		opacity: 0.8;
		transition: .2s all
	}

		.photogallery a img {
			width: 100%;
			float: left;
			border: 2px solid #fff;
			border-bottom-color: #8e2a2a;
		}

		.photogallery a:hover {
			opacity: 1;
			border-color: #8e2a2a;
			box-shadow: 0 0 10px rgba(0,0,0,.4)
		}

@media screen and (max-width:980px) {
	.photogallery a {
		width: 31%;
	}
}

@media screen and (max-width:740px) {
	.photogallery a {
		width: 48%;
	}
}

#documents a {
	display: block;
	float: left;
	width: 25%;
	margin: 0 3% 4%;
	text-decoration: none;
	opacity: .8;
	transition: .2s all;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: 2% 1%;
	background: #fff;
}

	#documents a:hover {
		opacity: 1;
		box-shadow: 0 0 10px rgba(0,0,0,.4)
	}

	#documents a img {
		width: 100%;
		float: left;
	}

@media screen and (max-width:740px) {
	#documents a {
		width: 48%;
	}
}

#docs a,
#catalogs a {
	transition: 0.2s;
	display: block;
	padding: 25px;
	padding-left: 70px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	background: #fff url(../img/docxicon.png) center left 10px no-repeat;
	border: 2px solid #333;
	border-radius: 5px;
	margin-bottom: 10px;
}

	#docs a.pdf {
		background-image: url(../img/catalogicon.png);
	}

#catalogs a {
	background: #fff url(../img/catalogicon.png) center left 10px no-repeat;
}

	#docs a:hover,
	#catalogs a:hover {
		padding-left: 80px;
		box-shadow: 0 0 10px rgba(0,0,0,.5)
	}

.tabcontent > div {
	float: left;
	width: 280px;
	text-align: center;
	box-shadow: 0 0 10px #a2a2a2;
}

	.tabcontent > div:hover strong {
		background: #000;
	}

	.tabcontent > div img {
		height: 185px;
		padding: 15px;
		margin: 0 auto;
		background: url(../img/fancybox_loading.gif) no-repeat center center
	}

	.tabcontent > div strong {
		transition: 0.4s;
		display: block;
		    background: #a2a2a2;
    color: #ffffff;
		
		text-decoration: none;
		height: 55px;
		line-height: 55px;
	}

	.tabcontent > div a {
		text-decoration: none;
	}

footer {
	    background: #1a1a1a url('../img/footerbg.jpg') center top no-repeat;
    color: #d4d4d4;
	
	font-weight: 300;
	text-shadow: 0 4px 4px #000;
	padding: 10px 0 20px 0;
}

	footer strong {
		display: block;
		font-weight: 300;
		padding: 30px 0 15px 0;
		margin-bottom: 15px;
		background: url(../img/line.png) left bottom no-repeat;
	}

	footer p {
		font-size: 14px;
		line-height: 25px;
		display: block;
		max-width: 85%;
	}

	footer ul li {
		list-style: none;
		margin-bottom: 7px;
	}

		footer ul li a {
			transition: 0.2s;
			    color: #d4d4d4;
			
			font-size: 14px;
			text-decoration: none;
		}

			footer ul li a:hover {
				text-shadow: 0 0 4px #fff;
				padding-left: 5px;
			}

	footer .contactinfo {
		font-size: 15px;
		margin-top: 50px;
	}

	footer .details {
		color: #fff;
		margin: 15px 0;
		display: inline-block;
		font-size: 13px;
	}

		footer .details:hover {
			text-decoration: none;
			color: #ebd692;
		}

	footer .socials {
		padding: 10px 0;
	}

		footer .socials a {
			text-decoration: none;
		}

		footer .socials img {
			transition: 0.3s;
		}

			footer .socials img:hover {
				opacity: 0.6;
			}

.form-controls td {
	padding: 0 10px 15px 10px !important;
}

	.form-controls td:hover {
		box-shadow: none !important;
	}

.form-controls input[type=text] {
	width: 300px;
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 5px;
	outline: none;
}

.form-controls select {
	width: 300px;
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 5px;
	outline: none;
}

.form-controls textarea {
	width: 300px;
	height: 120px;
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
	background: #fff;
	border-radius: 5px;
	outline: none;
}

.form-controls input[type=submit] {
	transition: 0.4s;
	border: 2px solid #000;
	background: #000;
	display: inline-block;
	padding: 8px 22px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
}

	.form-controls input[type=submit]:hover {
		background: #ebd692;
		color: #000;
	}

.contacttable {
	width: 100% !important;
}

	.contacttable tr td {
		background: rgba(255, 255, 255, 0.40) !important;
		padding: 10px !important;
	}

.services {
	padding-top: 60px;
}

	.services .service {
		position: relative;
		height: 160px;
		float: left;
		overflow: hidden;
	}

		.services .service:hover {
			opacity: 0.8;
		}

			.services .service:hover div {
				background: #000;
			}

				.services .service:hover div strong {
					padding: 15px;
				}

			.services .service:hover img {
				-webkit-filter: blur(5px);
				-moz-filter: blur(5px);
				-o-filter: blur(5px);
				-ms-filter: blur(5px);
				filter: blur(5px);
			}

		.services .service div {
			transition: 0.4s;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 50px;
			background: rgba(0, 0, 0, 0.63);
		}

			.services .service div a {
				color: #fff;
				text-decoration: none;
			}

			.services .service div strong {
				font-size: 14px;
				text-align: center;
				transition: 0.8s;
				display: block;
				padding: 15px;
			}

	.services img {
		height: 160px;
		transition: 1s;
	}

.copyright {
	background: #fff;
	color: #505150;
	padding: 20px 0;
}

	.copyright small {
		display: block;
		color: #8f8f8f;
	}

	.copyright .textright img {
		height: 35px;
		transition: 0.2s;
	}

		.copyright .textright img:hover {
			opacity: 0.8;
		}

.accordion h3 {
	margin-top: 10px !important;
	cursor: pointer;
	margin-bottom: 0 !important;
	font-size: 15px !important;
	background: #f2f2f2;
	 color: #ffffff !important ;
	
	text-shadow: none !important;
	padding: 15px !important;
	outline: none !important;
	font-weight: 600 !important;
	height: 38px !important;
	line-height: 20px !important;
	text-align: left !important;
}

.accordion h3:hover, .ui-accordion-header-active {
		  background-color: #000000 !important ;
<!--	background-color: #000000 !important;-->
	 	
	}

.accordion > div {
	height: inherit !important;
	padding: 15px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border: 1px solid #eee;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

.accordion p {
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 20px !important;
}

.ui-accordion-header-active {
	border-radius: 10px 10px 0 0 !important;
}

/* mobile menu */
#mobilemenu {
	display: none;
	width: 50px;
	font-size: 100%;
	font-size: 30px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	opacity: 0.7;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
	/*background: #000;*/
	color: #fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

	#mobilemenu:hover {
		background: #19305a;
		color: #fff;
	}

/* mobil 460px */
@media screen and (max-width:460px) {
	#mobilemenu {
		display: block;
		z-index: 1000001;
	}

	.wrapper {
		width: 100%;
	}

	.percentWidth {
		width: initial !important;
	}

	header {
		position: relative;
		z-index: 501;
		overflow: initial !important;
	}

		header .navmenu {
			position: fixed;
			z-index: 500;
			width: 100%; /*height:100%;*/
			left: 0;
			top: 0;
			background: rgba(0, 0, 0, 0.86);
			display: none;
		}

			header .navmenu ul ul {
				margin-bottom: 20px;
				margin-left: 10px;
			}

			header .navmenu li {
				float: left;
				width: 100%;
				display: block;
			}

				header .navmenu li a {
					display: block;
					padding: 10px 20px;
					border-top: 1px solid #ccc;
					border-radius: 0
				}

	.langcssen header .navmenu li:nth-child(5), .langcsstr header .navmenu li:nth-child(5) {
		margin-left: 0;
	}

	header .topmenu {
		text-align: center;
		padding: 2px;
	}

	#producttabs a {
		float: left;
		width: 12.5%;
		padding: 0;
		border-right: none;
		text-align: center;
		overflow: hidden;
	}

		#producttabs a span {
			display: none;
		}

		#producttabs a img {
			text-align: center;
			height: 20px;
			margin-top: 10px;
		}

	.tabcontent > div img {
		width: 100%;
	}

	.tabcontent > div strong {
		font-size: 12px;
	}

	#whoweare .wrapper > img {
		display: none;
	}

	#whoweare .welcome {
		width: 92%;
		padding: 4%;
		margin: 10px 0 0 0;
	}

	#whoweare .tabs a {
		font-size: 12px !important;
	}

		#whoweare .tabs a.selected {
			font-size: 12px !important;
		}

	footer .col5 {
		display: none;
	}

	footer .col3 {
		width: 92%;
		padding: 4%;
	}

	footer .contactinfo {
		display: none;
	}

	.copyright .col2 {
		width: 92%;
		padding: 4%;
	}

	#contentleft {
		margin-bottom: 10px;
	}

	#contentleft, #contentright {
		width: 92%;
		padding: 4%;
		background-position: right top;
	}

	#contentright {
		margin-bottom: 0;
		margin-top: 0;
	}

	.subpage-content-right-catagori {
		width: 50%;
		padding: 0%;
		height: auto;
		padding-bottom: 6px;
	}

	.subpage-content-right-catagori-gorsel img {
		height: auto;
		width: 100%;
	}

	.subpage-content-right-catagori-gorsel {
		height: auto;
	}

	.subpage-content-right-catagori-baslik a {
		font-size: 13px;
	}

	#pdfs {
		width: 100% !important;
		position: relative;
		margin-bottom: 15px;
		top: auto;
		right: auto
	}

	#pagedetails .productimageindetails {
		width: 100%;
		height: auto;
	}

	.subpage {
		background: none;
	}

	#contentright h3 {
		height: auto;
		margin-bottom: 20px;
	}

	.activesubmenu {
		background-position: left top !important;
	}

	header .logo {
		animation: none;
		transform: scale(0.8);
	}

	.iconmovie, .iconcatalog {
		zoom: 0.7;
	}

	.subpage-content-right-catagori {
		width: 100%;
	}

	.subpage-content-right-catagori-gorsel {
		width: 160px;
	}

	.subpage-content-right-catagori-baslik {
		float: left;
		margin: 30px 0 0 0;
		width: auto;
	}

	.subpage-content-right-catagori-link a {
		margin-top: 40px;
	}

	#pagedetails table {
		width: 100% !important;
	}

	.form-controls img {
		display: none;
	}

	.form-controls input[type=text], .form-controls textarea {
		width: 100%;
		padding: 10px 0;
		text-indent: 10px;
	}

	.gasd2 {
		animation: none;
		height: 115px;
		background-size: 910px 175px;
	}

	.tabcontent > div img {
		height: 165px;
	}

	#products {
		height: 225px;
	}

	#splashscreen img {
		width: 100%;
	}
}

.socials img {
	width: 24px;
	margin-right: 5px
}

.form-message {
	width: 292px;
	max-width: 100%;
	padding: 10px 15px;
	color: #000;
	margin-bottom: 5px;
	border-radius: 5px;
	position: relative;
}

	.form-message strong {
		font-weight: normal;
		font-size: 1rem;
	}

	.form-message .close {
		position: absolute;
		top: 0;
		right: 0;
		padding: .75rem 1.25rem;
		color: inherit;
		border: none;
		background: transparent;
		font-size: 1rem;
	}

.alert-danger {
	background: #e8a4a4;
}

.alert-success {
	background: #92ddb4;
}

.clearfix {
	clear: both
}

.bx-wrapper {
	margin-bottom: 0 !important;
	box-shadow: none !important;
	border: none !important;
	background: #000 !important;
}

	.bx-wrapper img {
		width: 100%
	}

	.bx-wrapper .bx-controls-direction a {
		opacity: .7;
		transition: .2s opacity;
		text-indent: initial !important;
		background: none !important;
		color: #9a9a9a;
		font-size: 70px;
		width: auto !important;
		height: auto !important;
		margin-top: -35px !important;
	}

		.bx-wrapper .bx-controls-direction a:hover {
			opacity: 1
		}

	.bx-wrapper .bx-prev {
		left: 40px !important;
	}

	.bx-wrapper .bx-next {
		right: 40px !important;
		text-align: right;
	}


/* mobil 460px */
@media screen and (max-width:460px) {
	.bx-wrapper .bx-controls-direction a {
		font-size: 20px;
		margin-top: -10px !important;
	}

	.bx-wrapper .bx-prev {
		left: 20px !important;
	}

	.bx-wrapper .bx-next {
		right: 20px !important;
	}
}